npm - @dialpad/dialtone-vue - Versions diffs - 3.220.0-next.4 → 3.220.0 - Mend

@dialpad/dialtone-vue 3.220.0-next.4 → 3.220.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1010) hide show

package/dist/components/input/input.vue.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { hasSlotContent, removeClassStyleAttrs } from '../../common/utils';
+import { hasSlotContent, removeClassStyleAttrs, addClassStyleAttrs } from '../../common/utils';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     name: {
         type: StringConstructor;
@@ -21,7 +21,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
-    showLabel: {
+    labelVisible: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -29,13 +29,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
-    descriptionClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
     size: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
+        type: StringConstructor;
+        default: string;
         validator: (t: unknown) => boolean;
     };
     inputClass: {
@@ -46,6 +42,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         default: string;
     };
+    rootClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
     currentLength: {
         type: NumberConstructor;
         default: null;
@@ -62,28 +62,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    labelSize: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: null;
-        validator: (s: unknown) => boolean;
-    };
-    labelStrength: {
-        type: StringConstructor;
-        default: null;
-        validator: (s: unknown) => boolean;
-    };
-    labelClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    startIconClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    endIconClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
 }>, {}, {
     isInputFocused: boolean;
     isInvalid: boolean;
@@ -126,13 +104,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     shouldValidateLength(): boolean;
     shouldLimitMaxLength(): any;
     showLengthLimitValidation(): any;
-    resolvedLabelSize(): string | number;
-    resolvedDescriptionSize(): any;
-    resolvedDescriptionDensity(): "300" | undefined;
     sizeModifierClass(): any;
     stateClass(): any[];
 }, {
     removeClassStyleAttrs: typeof removeClassStyleAttrs;
+    addClassStyleAttrs: typeof addClassStyleAttrs;
     inputClasses(): any[];
     inputWrapperClasses(): (string | unknown[] | Record<string, any>)[];
     calculateLength(value: any): number;
@@ -148,7 +124,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     getMessageKey(type: any, index: any): string;
     validateLength(length: any): void;
     clearInput(): void;
-    runValidations(): void;
 }, {
     props: {
         messagesClass: {
@@ -172,7 +147,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     computed: {
         formattedMessages(): any;
     };
-}, import('vue').ComponentOptionsMixin, ("blur" | "focus" | "focusin" | "focusout" | "update:modelValue" | "clear" | "update:length" | "update:invalid")[], "blur" | "focus" | "focusin" | "focusout" | "update:modelValue" | "clear" | "update:length" | "update:invalid", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid")[], "input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     name: {
         type: StringConstructor;
         default: string;
@@ -194,7 +169,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
-    showLabel: {
+    labelVisible: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -202,13 +177,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
-    descriptionClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
     size: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
+        type: StringConstructor;
+        default: string;
         validator: (t: unknown) => boolean;
     };
     inputClass: {
@@ -219,6 +190,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         default: string;
     };
+    rootClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
     currentLength: {
         type: NumberConstructor;
         default: null;
@@ -235,29 +210,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    labelSize: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: null;
-        validator: (s: unknown) => boolean;
-    };
-    labelStrength: {
-        type: StringConstructor;
-        default: null;
-        validator: (s: unknown) => boolean;
-    };
-    labelClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    startIconClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    endIconClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
 }>> & Readonly<{
+    onInput?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onFocusin?: ((...args: any[]) => any) | undefined;
@@ -273,16 +227,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     name: string;
     type: string;
     hidden: boolean;
-    size: string | number;
+    size: string;
     description: string;
-    labelClass: string | unknown[] | Record<string, any>;
-    startIconClass: string | unknown[] | Record<string, any>;
-    endIconClass: string | unknown[] | Record<string, any>;
     validate: Record<string, any>;
-    showLabel: boolean;
-    labelSize: string | number;
-    labelStrength: string;
-    descriptionClass: string | unknown[] | Record<string, any>;
+    rootClass: string | unknown[] | Record<string, any>;
+    labelVisible: boolean;
     inputClass: string | unknown[] | Record<string, any>;
     inputWrapperClass: string | unknown[] | Record<string, any>;
     currentLength: number;
@@ -328,148 +277,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         validationMessages: unknown[];
         showMessages: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    DtText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        as: {
-            type: StringConstructor;
-            default: string;
-        };
-        kind: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        size: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: null;
-        };
-        tone: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        align: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        truncate: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maxLines: {
-            type: NumberConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        numeric: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        wrap: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        textBoxTrim: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        strength: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        density: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-    }>, {}, {}, {
-        textClasses(): string[];
-        textStyles(): {
-            '--dt-text-line-clamp': number;
-        } | undefined;
-    }, {
-        getVariantClass(): string | null;
-        getModifierClass(value: any, modifiers: any, propName: any): any;
-        getAlignClass(): any;
-        getToneClass(): any;
-        getWrapClass(): any;
-        getTextBoxTrimClass(): any;
-        getStrengthClass(): any;
-        getDensityClass(): any;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        as: {
-            type: StringConstructor;
-            default: string;
-        };
-        kind: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        size: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: null;
-        };
-        tone: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        align: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        truncate: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maxLines: {
-            type: NumberConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        numeric: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        wrap: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        textBoxTrim: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        strength: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        density: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-    }>> & Readonly<{}>, {
-        wrap: string;
-        size: string | number;
-        kind: string;
-        as: string;
-        tone: string;
-        align: string;
-        truncate: boolean;
-        maxLines: number;
-        numeric: boolean;
-        textBoxTrim: string;
-        strength: string;
-        density: string | number;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=input.vue.d.ts.map

package/dist/components/input/input.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.vue.d.ts","sourceRoot":"","sources":["../../../components/input/input.vue"],"names":[],"mappings":"AA0IA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAkvBO,gBAAgB;sCAAhB,gBAAgB"}
1	+ {"version":3,"file":"input.vue.d.ts","sourceRoot":"","sources":["../../../components/input/input.vue"],"names":[],"mappings":"AAoHA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAuqBO,gBAAgB;sCAAhB,gBAAgB;mCAAhB,gBAAgB"}

package/dist/components/input/input_constants.d.ts CHANGED Viewed

@@ -18,57 +18,58 @@ export namespace INPUT_SIZES {
     let LARGE: string;
     let EXTRA_LARGE: string;
 }
-export const INPUT_ICON_SIZES: {
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-};
+export namespace INPUT_ICON_SIZES {
+    let xs: string;
+    let sm: string;
+    let md: string;
+    let lg: string;
+    let xl: string;
+}
 export namespace INPUT_SIZE_CLASSES {
-    let input: {
-        100: string;
-        200: string;
-        400: string;
-        500: string;
-        xs: string;
-        sm: string;
-        lg: string;
-        xl: string;
-    };
-    let textarea: {
-        100: string;
-        200: string;
-        400: string;
-        500: string;
-        xs: string;
-        sm: string;
-        lg: string;
-        xl: string;
-    };
+    namespace input {
+        let xs_1: string;
+        export { xs_1 as xs };
+        let sm_1: string;
+        export { sm_1 as sm };
+        let lg_1: string;
+        export { lg_1 as lg };
+        let xl_1: string;
+        export { xl_1 as xl };
+    }
+    namespace textarea {
+        let xs_2: string;
+        export { xs_2 as xs };
+        let sm_2: string;
+        export { sm_2 as sm };
+        let lg_2: string;
+        export { lg_2 as lg };
+        let xl_2: string;
+        export { xl_2 as xl };
+    }
 }
 export namespace INPUT_STATE_CLASSES {
-    let critical: string;
+    let error: string;
     let warning: string;
-    let positive: string;
+    let success: string;
+}
+export namespace DESCRIPTION_SIZE_CLASSES {
+    let lg_3: string;
+    export { lg_3 as lg };
+    let xl_3: string;
+    export { xl_3 as xl };
+}
+export namespace LABEL_SIZE_CLASSES {
+    let xs_3: string;
+    export { xs_3 as xs };
+    let sm_3: string;
+    export { sm_3 as sm };
+    let md_1: string;
+    export { md_1 as md };
+    let lg_4: string;
+    export { lg_4 as lg };
+    let xl_4: string;
+    export { xl_4 as xl };
 }
-export const DESCRIPTION_SIZE_CLASSES: {
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-};
 declare namespace _default {
     export { INPUT_TYPES };
     export { INPUT_SIZES };
@@ -76,6 +77,7 @@ declare namespace _default {
     export { INPUT_SIZE_CLASSES };
     export { INPUT_STATE_CLASSES };
     export { DESCRIPTION_SIZE_CLASSES };
+    export { LABEL_SIZE_CLASSES };
 }
 export default _default;
 //# sourceMappingURL=input_constants.d.ts.map

package/dist/components/input/input_constants.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input_constants.d.ts","sourceRoot":"","sources":["../../../components/input/input_constants.js"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;AAwBA;;;;;;;;;;;EAaE;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCF;;;;;;;;;;;EAaE~~"}
1	+ {"version":3,"file":"input_constants.d.ts","sourceRoot":"","sources":["../../../components/input/input_constants.js"],"names":[],"mappings":""}

package/dist/components/input_group/input_group.vue.d.ts CHANGED Viewed

@@ -189,148 +189,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         validationMessages: unknown[];
         showMessages: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    DtText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        as: {
-            type: StringConstructor;
-            default: string;
-        };
-        kind: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        size: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: null;
-        };
-        tone: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        align: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        truncate: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maxLines: {
-            type: NumberConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        numeric: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        wrap: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        textBoxTrim: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        strength: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        density: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-    }>, {}, {}, {
-        textClasses(): string[];
-        textStyles(): {
-            '--dt-text-line-clamp': number;
-        } | undefined;
-    }, {
-        getVariantClass(): string | null;
-        getModifierClass(value: any, modifiers: any, propName: any): any;
-        getAlignClass(): any;
-        getToneClass(): any;
-        getWrapClass(): any;
-        getTextBoxTrimClass(): any;
-        getStrengthClass(): any;
-        getDensityClass(): any;
-    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        as: {
-            type: StringConstructor;
-            default: string;
-        };
-        kind: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        size: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: null;
-        };
-        tone: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        align: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        truncate: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maxLines: {
-            type: NumberConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        numeric: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        wrap: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        textBoxTrim: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        strength: {
-            type: StringConstructor;
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-        density: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: null;
-            validator: (value: unknown) => boolean;
-        };
-    }>> & Readonly<{}>, {
-        wrap: string;
-        size: string | number;
-        kind: string;
-        as: string;
-        tone: string;
-        align: string;
-        truncate: boolean;
-        maxLines: number;
-        numeric: boolean;
-        textBoxTrim: string;
-        strength: string;
-        density: string | number;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=input_group.vue.d.ts.map

package/dist/components/input_group/input_group.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input_group.vue.d.ts","sourceRoot":"","sources":["../../../components/input_group/input_group.vue"],"names":[],"mappings":"AA8BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAkH+B,gBAAgB"}
1	+ {"version":3,"file":"input_group.vue.d.ts","sourceRoot":"","sources":["../../../components/input_group/input_group.vue"],"names":[],"mappings":"AA2BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA6G+B,gBAAgB"}