@kong/kongponents 9.33.2 → 9.33.3

package/dist/types/components/KTextArea/KTextArea.vue.d.ts

@@ -1,144 +1,13 @@
-import type { TextAreaLimitExceed } from '../../../types';
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    overlayLabel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    labelAttributes: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    characterLimit: {
-        type: (BooleanConstructor | NumberConstructor)[];
-        default: number;
-        validator: (limit: number | boolean) => boolean;
-    };
-    rows: {
-        type: NumberConstructor;
-        default: number;
-    };
-    error: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    resizable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autosize: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    help: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * @deprecated in favor of `resizable` prop
-     */
-    isResizable: {
-        type: BooleanConstructor;
-        default: boolean;
-        validator: (value: boolean) => boolean;
-    };
-    /**
-     * @deprecated in favor of `error` prop
-     */
-    hasError: {
-        type: BooleanConstructor;
-        default: boolean;
-        validator: (value: boolean) => boolean;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    input: (val: string) => any;
-    "update:modelValue": (val: string) => any;
-    "char-limit-exceeded": (data: TextAreaLimitExceed) => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    overlayLabel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    labelAttributes: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    characterLimit: {
-        type: (BooleanConstructor | NumberConstructor)[];
-        default: number;
-        validator: (limit: number | boolean) => boolean;
-    };
-    rows: {
-        type: NumberConstructor;
-        default: number;
-    };
-    error: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    resizable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autosize: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    help: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * @deprecated in favor of `resizable` prop
-     */
-    isResizable: {
-        type: BooleanConstructor;
-        default: boolean;
-        validator: (value: boolean) => boolean;
-    };
-    /**
-     * @deprecated in favor of `error` prop
-     */
-    hasError: {
-        type: BooleanConstructor;
-        default: boolean;
-        validator: (value: boolean) => boolean;
-    };
-}>> & Readonly<{
-    onInput?: ((val: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-    "onChar-limit-exceeded"?: ((data: TextAreaLimitExceed) => any) | undefined;
-}>, {
-    label: string;
-    error: boolean;
-    help: string;
-    rows: number;
-    modelValue: string;
-    labelAttributes: Record<string, any>;
-    characterLimit: number | boolean;
-    hasError: boolean;
-    resizable: boolean;
-    overlayLabel: boolean;
-    autosize: boolean;
-    isResizable: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    'label-tooltip'?: (props: {}) => any;
-}>;
+import type { TextAreaProps, TextAreaSlots } from '../../../types';
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<TextAreaProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+    "char-limit-exceeded": (data: import("../../../types").LimitExceededData) => any;
+}, string, import("vue").PublicProps, Readonly<TextAreaProps> & Readonly<{
+    onInput?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onChar-limit-exceeded"?: ((data: import("../../../types").LimitExceededData) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, TextAreaSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/types/types/text-area.d.ts

@@ -1,6 +1,86 @@
-export interface TextAreaLimitExceed {
-    value: string;
-    length: number;
-    characterLimit: number;
-    limitExceeded: boolean;
+import type { LimitExceededData } from './input';
+import type { LabelAttributes } from './label';
+/**
+ * @deprecated Use `LimitExceededData` instead.
+ */
+export type TextAreaLimitExceed = LimitExceededData;
+export interface TextAreaProps {
+    /**
+     * To set the value of the textarea without using `v-model`.
+     * @default ''
+     */
+    modelValue?: string;
+    /**
+     * String to be used as the textarea label.
+     * @default ''
+     */
+    label?: string;
+    /**
+     * Use the `labelAttributes` prop to configure the KLabel's props when using the `label` prop.
+     * @default {}
+     */
+    labelAttributes?: LabelAttributes;
+    /**
+     * Use this prop to specify a character limit for the input.
+     * See the @char-limit-exceeded event for more details.
+     * @default 2048
+     */
+    characterLimit?: false | number;
+    /**
+     * `rows` can be used to specify height of the textarea.
+     * @default 5
+     */
+    rows?: number;
+    /**
+     * Boolean to indicate whether the element is in an error state and should apply error styling.
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Whether to allow vertically resizing using the drag handle in the right-hand corner of the textarea.
+     * @default false
+     */
+    resizable?: boolean;
+    /**
+     * Whether to automatically adjust the height of the textarea based on its content.
+     * @default false
+     */
+    autosize?: boolean;
+    /**
+     * String to be displayed as help text.
+     * @default ''
+     */
+    help?: string;
+    /**
+     * Whether to allow vertically resizing using the drag handle in the right-hand corner of the textarea.
+     * @default false
+     * @deprecated Use `resizable` instead.
+     */
+    isResizable?: boolean;
+    /**
+     * Boolean to indicate whether the element is in an error state and should apply error styling.
+     * @default false
+     * @deprecated Use `error` instead.
+     */
+    hasError?: boolean;
+}
+export interface TextAreaEmits {
+    /**
+     * Triggered when the value of the textarea changes.
+     */
+    input: [value: string];
+    /**
+     * Triggered when the value of the textarea changes.
+     */
+    'update:modelValue': [value: string];
+    /**
+     * Triggers when the text starts or stops exceeding the limit, returns an object @LimitExceededData.
+     */
+    'char-limit-exceeded': [data: LimitExceededData];
+}
+export interface TextAreaSlots {
+    /**
+     * Slot for tooltip content if textarea has a label and label has tooltip.
+     */
+    'label-tooltip'?: () => any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.33.2",
+  "version": "9.33.3",
   "description": "Kong Component library",
   "type": "module",
   "repository": {