docs: Adiciona na documentação mais props do BaseInput que são suportadas no TextArea

Author: “RafaelGondi”

src/components/TextArea.vue

@@ -3,12 +3,11 @@
 		<CdsBaseInput
 			ref="baseInput"
 			v-model="internalValue"
-			v-facade="internalMask"
 			v-bind="{...$attrs, ...props}"
 			type="textarea"
-			:support-link-url="supportLinkUrl || linkUrl"
-			:support-link="supportLink || linkText"
-			:floating-label="floatingLabel || mobile"
+			:support-link-url="supportLinkUrl"
+			:support-link="supportLink"
+			:floating-label="floatingLabel"
 			@click="emitClick"
 			@change="emitChange"
 			@focus="emitFocus"
@@ -41,48 +40,62 @@ const props = defineProps({
 		type: String,
 		default: 'Label',
 	},
-
 	/**
 	* Exibe asterisco que indica campo obrigatório (Obs: Não faz a validação)
 	*/
 	required: {
 		type: Boolean,
 		default: false,
 	},
-
 	/**
 	 * Especifica o placeholder do textarea.
 	 */
 	placeholder: {
 		type: String,
 		default: 'Digite aqui a descrição',
 	},
-
 	/**
 	 * Desabilita o input do textarea.
 	 */
 	disabled: {
 		type: Boolean,
 		default: false,
 	},
-
 	/**
 	 * Especifica o estado do textarea. As opções são 'default', 'valid', 'invalid' e 'loading'.
 	 */
 	state: {
 		type: String,
 		default: 'default',
 	},
-
 	/**
 	 * Especifica a mensagem de erro que será exibida, caso o estado do textarea seja inválido.
 	 */
 	errorMessage: {
 		type: String,
 		default: 'Valor inválido',
 	},
-
-
+	/**
+	* Especifica mensagem de auxílio.
+	*/
+	supportingText: {
+		type: [String, Array],
+		default: '',
+	},
+	/**
+	* Controla a exibição e o conteúdo do link de suporte exibido ao lado da label.
+	*/
+	supportLink: {
+		type: String,
+		default: '',
+	},
+	/**
+	* Define a url a ser acessada no clique do link de suporte.
+	*/
+	supportLinkUrl: {
+		type: String,
+		default: 'https://cuida.framer.wiki/',
+	},
 	/**
 	 * Especifica se a largura do textarea deve ser fluida.
 	 */
@@ -91,6 +104,34 @@ const props = defineProps({
 		default: false,
 		required: false,
 	},
+	/**
+	* Quando true, o v-model é atualizado com o evento `change` no lugar do `input`.
+	*/
+	lazy: {
+		type: Boolean,
+		default: false,
+	},
+	/**
+	* Define exibição e texto do tooltip do input
+	*/
+	tooltip: {
+		type: String,
+		default: null,
+	},
+	/**
+	* Especifica ícone do tooltip do TextInput.
+	*/
+	tooltipIcon: {
+		type: String,
+		default: 'info-outline',
+	},
+	/**
+	* Define o tipo do input, se true será um input adaptado para o mobile
+	*/
+	floatingLabel: {
+		type: Boolean,
+		default: false,
+	},
 });
 
 const emits = defineEmits({

src/stories/components/TextArea.stories.mdx

@@ -100,10 +100,16 @@ export const Template = (args) => ({
 			state: 'default',
 			required: false,
 			fluid: false,
+			floatingLabel: false,
 			lazy: false,
 			label: 'Texto',
 			placeholder: 'Digite algo...',
 			errorMessage: 'Campo obrigatório',
+			tooltip: '',
+			tooltipIcon: 'info-outline',
+			supportingText: 'supportingTex asdasdat',
+			supportLink: '',
+			supportLinkUrl: '',
 		}}
 	>
 		{ Template.bind({}) }