Merge branch 'main' into hotfix/month-and-year-picker-limits

Author: lucasn4s

README.md

@@ -6,9 +6,7 @@
 
 <div align="center">
   <p align="center">A design system built by Sysvale, using Vue components</p>
-  <p align="center">https://cuida.framer.wiki/</p>
-  <p align="center">https://main--6168a1779cac8c003ab99c2d.chromatic.com</p>
-  <p align="center">Preview da migração da documentação em VitePress: https://cuida.sysvale.com/</p
+  <p align="center">https://cuida.sysvale.com/</p>
 </div>
 
 ## Instalando

docs/.docgen/components-metadata.json

@@ -9122,23 +9122,27 @@
     ]
   },
   "CdsPinInput": {
-    "displayName": "CdsPinInput",
+    "name": "CdsPinInput",
     "exportName": "default",
+    "displayName": "PinInput",
     "description": "",
     "tags": {},
     "props": [
       {
         "name": "modelValue",
+        "description": "O conteúdo do PIN.",
         "type": {
           "name": "string"
         },
+        "required": true,
         "defaultValue": {
           "func": false,
           "value": "''"
         }
       },
       {
         "name": "length",
+        "description": "Especifica a quantidade de caracteres no PIN.",
         "type": {
           "name": "number"
         },
@@ -9149,7 +9153,7 @@
       },
       {
         "name": "state",
-        "description": "Especifica o estado do TextInput. As opções são 'default', 'valid' e 'invalid'.",
+        "description": "Especifica o estado do componente.",
         "tags": {},
         "values": [
           "default",
@@ -9166,6 +9170,7 @@
       },
       {
         "name": "visible",
+        "description": "Especifica se os caracteres do PIN são visíveis.",
         "type": {
           "name": "boolean"
         },
@@ -9176,7 +9181,7 @@
       },
       {
         "name": "mobile",
-        "description": "Especifica se o PinInput deve ser versão mobile.",
+        "description": "Especifica se o PinInput deve estar na versão mobile.",
         "type": {
           "name": "boolean"
         },
@@ -9189,9 +9194,10 @@
     "events": [
       {
         "name": "update:modelValue",
+        "description": "Evento disparado com a modificação do v-model.",
         "type": {
           "names": [
-            "undefined"
+            "Event"
           ]
         }
       }

docs/components/display/dropdown-button.md

@@ -87,5 +87,6 @@ const args = ref({
 	size: 'md',
 	variant: 'green',
 	secondary: true,
+	tooltipText: 'Botão desabilitado'
 });
 </script>

docs/components/forms/pin-input.md

@@ -6,7 +6,6 @@ PinInputs são componentes utilizados para adição de one-time passwords e cód
 
 <br>
 
-
 ## Uso
 
 ```js
@@ -35,6 +34,13 @@ PinInputs são componentes utilizados para adição de one-time passwords e cód
 />
 <br>
 
+## Eventos
+
+<APITable
+	name="CdsPinInput"
+	section="events"
+/>
+
 <script setup>
 import { ref } from 'vue';
 import CdsPinInput from '@/components/PinInput.vue';

docs/components/forms/text-input.md

@@ -53,6 +53,14 @@ TextInputs permitem que os usuários insiram texto em uma interface
 />
 <br>
 
+## Slots
+
+<APITable
+	name="CdsTextInput"
+	section="slots"
+/>
+<br>
+
 ---
 
 <script setup>

package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sysvale/cuida",
-	"version": "3.148.2",
+	"version": "3.152.1",
 	"description": "A design system built by Sysvale, using storybook and Vue components",
 	"repository": {
 		"type": "git",
@@ -57,7 +57,7 @@
 		"@typescript-eslint/eslint-plugin": "^8.38.0",
 		"@typescript-eslint/parser": "^8.38.0",
 		"@vitejs/plugin-vue": "^5.1.4",
-		"@vitest/coverage-v8": "^3.1.1",
+		"@vitest/coverage-v8": "^3.0.2",
 		"@vitest/ui": "^3.2.1",
 		"@vue/eslint-config-typescript": "^14.6.0",
 		"@vue/test-utils": "^2.0.2",

package.json

@@ -1,11 +1,10 @@
-<!-- eslint-disable vue/multi-word-component-names -->
 <template>
 	<span>
 		<div
 			class="responsive-container"
 		>
 			<Bar
-				:is="'bar'"
+				is="bar"
 				:data="localChartData"
 				:options="chartOptions"
 			/>
@@ -64,15 +63,15 @@ export default {
 		 */
 		barWidth: {
 			type: Number,
-			default: 1,
+			default: 5,
 		},
 
 		/**
 		 * Prop para exibir as barras na direção do eixo x
 		 */
 		horizontalBar: {
 			type: Boolean,
-			default: false,
+			default: true,
 		},
 	},
 
@@ -87,6 +86,22 @@ export default {
 				responsive: true,
 				maintainAspectRatio: false, // NOTE: Caso true manterá aspecto de proporção original, caso false, será dimensionado para preencher completamente o contêiner (Isso pode fazer com que o gráfico pareça distorcido se o container tiver proporção de aspecto diferente do gráfico original)
 				categoryPercentage: null, //NOTE: Configura a porcentagem ocupada pela barra do gráfico. (0-1)
+				indexAxis: this.horizontalBar ? 'y' : 'x',
+				scales: this.horizontalBar
+					? {
+						x: { beginAtZero: true },
+					}
+					: {
+						y: {
+							beginAtZero: true,
+							grace: '5%',
+							ticks: {
+								precision: 0
+							},
+							categoryPercentage: 0.6,
+							barPercentage: 0.8
+						},
+					},
 				plugins: {
 					tooltip: {
 						callbacks: {
@@ -116,7 +131,7 @@ export default {
 		},
 
 		variant: {
-			handler(newValue) {
+			handler(newValue, oldValue) {
 				if (newValue === 'gray' || newValue === 'dark')  {
 					this.deleteFirstTwoColors = true;
 				} else {
@@ -144,20 +159,6 @@ export default {
 			immediate: true,
 		},
 	},
-	
-	mounted() {
-		if(this.horizontalBar) {
-			this.chartOptions = {
-				...this.chartOptions,
-				indexAxis: 'y',
-				scales: {
-					y: {
-						beginAtZero: true
-					}
-				},
-			};
-		}
-	},
 
 	methods: {
 		paleteBuilder,

src/components/BarChart.vue

@@ -22,25 +22,20 @@
 		</CdsBaseMobileInput>
 
 		<template v-else>
-			<template
-				v-if="useHasSlot('label')"
-			>
-				<slot name="label" />
-			</template>
-	
-			<CdsLabel
-				v-if="!hideLabelInput"
-				:text="label"
-				:fluid="fluid"
-				:for="componentId"
-				:required="required"
-				:tooltip="tooltip"
-				:tooltip-icon="tooltipIcon"
-				:support-link="supportLink"
-				:support-link-url="supportLinkUrl"
-				@support-link-click="emits('supportLinkClick')"
-			/>
-	
+			<slot name="label">
+				<CdsLabel
+					v-if="!hideLabelInput"
+					:text="label"
+					:fluid="fluid"
+					:for="componentId"
+					:required="required"
+					:tooltip="tooltip"
+					:tooltip-icon="tooltipIcon"
+					:support-link="supportLink"
+					:support-link-url="supportLinkUrl"
+					@support-link-click="emits('supportLinkClick')"
+				/>
+			</slot>
 			<div
 				:class="baseInputClass"
 				@click="handleClick"