@dialpad/dialtone-vue 3.218.3 → 3.219.0-next.2

package/dist/types/common/sr_only_close_button.vue.d.ts

@@ -65,6 +65,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        linkUnderline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        underline: {
+            type: BooleanConstructor;
+            default: null;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -79,14 +87,22 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             default: null;
         };
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         labelClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        leadingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        trailingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -126,6 +142,10 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         };
     }>, {}, {
         ICON_POSITION_MODIFIERS: {
+            start: string;
+            end: string;
+            blockStart: string;
+            blockEnd: string;
             left: string;
             right: string;
             top: string;
@@ -135,6 +155,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         hasSlotContent: typeof import('./utils').hasSlotContent;
         i18n: any;
     }, {
+        resolvedUnderline(): boolean;
         computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
         isNativeButton(): boolean;
         computedAttrs(): {
@@ -167,7 +188,12 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
         buttonClasses(): any[];
         isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
-        shouldRenderIcon(): any;
+        hasStartIcon(): any;
+        hasEndIcon(): any;
+        hasBlockStartIcon(): any;
+        hasBlockEndIcon(): any;
+        hasNewIconSlots(): any;
+        shouldRenderLegacyIcon(): any;
         isIconOnly(): any;
         isVerticalIconLayout(): boolean;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -198,6 +224,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        linkUnderline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        underline: {
+            type: BooleanConstructor;
+            default: null;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -212,14 +246,22 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             default: null;
         };
         size: {
-            type: StringConstructor;
-            default: string;
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
             validator: (s: unknown) => boolean;
         };
         labelClass: {
             type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
             default: string;
         };
+        leadingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        trailingClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
         loading: {
             type: BooleanConstructor;
             default: boolean;
@@ -267,9 +309,10 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         target: string;
         circle: boolean;
         active: boolean;
-        loading: boolean;
-        size: string;
+        size: string | number;
         replace: boolean;
+        loading: boolean;
+        underline: boolean;
         kind: string;
         labelClass: string | unknown[] | Record<string, any>;
         href: string;
@@ -278,7 +321,10 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         importance: string;
         linkKind: string;
         linkInverted: boolean;
+        linkUnderline: boolean;
         width: string;
+        leadingClass: string | unknown[] | Record<string, any>;
+        trailingClass: string | unknown[] | Record<string, any>;
         assertiveOnFocus: boolean;
         rel: string;
     }, {}, {

package/dist/types/common/sr_only_close_button.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sr_only_close_button.vue.d.ts","sourceRoot":"","sources":["../../../common/sr_only_close_button.vue"],"names":[],"mappings":"AAaA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA8DG,GAAG"}
+{"version":3,"file":"sr_only_close_button.vue.d.ts","sourceRoot":"","sources":["../../../common/sr_only_close_button.vue"],"names":[],"mappings":"AAaA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA8DK,GAAG"}

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

@@ -8,13 +8,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: undefined;
     };
+    family: {
+        type: NumberConstructor;
+        default: undefined;
+        validator: (val: unknown) => boolean;
+    };
+    variant: {
+        type: NumberConstructor;
+        default: undefined;
+        validator: (val: unknown) => boolean;
+    };
     color: {
         type: StringConstructor;
         default: undefined;
     };
     size: {
-        type: StringConstructor;
-        default: string;
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
         validator: (size: unknown) => boolean;
     };
     avatarClass: {
@@ -59,11 +69,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: undefined;
     };
-    iconSize: {
-        type: StringConstructor;
-        default: string;
-        validator: (size: unknown) => boolean;
-    };
     fullName: {
         type: StringConstructor;
         default: string;
@@ -76,8 +81,27 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: undefined;
     };
+    iconOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    deactivated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {
     AVATAR_SIZE_MODIFIERS: {
+        100: string;
+        150: string;
+        200: string;
+        250: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
         xs: string;
         sm: string;
         md: string;
@@ -90,34 +114,40 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         initials: string;
     };
     AVATAR_PRESENCE_SIZE_MODIFIERS: {
-        md: string;
-        lg: string;
-    };
-    AVATAR_ICON_SIZES: {
+        100: string;
+        150: string;
+        200: string;
+        250: string;
+        300: string;
+        400: string;
+        500: string;
         xs: string;
         sm: string;
         md: string;
         lg: string;
-        xl: string;
     };
     imageLoadedSuccessfully: null;
     formattedInitials: string;
     initializing: boolean;
     hasSlotContent: typeof hasSlotContent;
+    anchorHue: number;
 }, {
     hasOverlayIcon(): any;
+    isIconType(): any;
     iconDataQa(): "dt-avatar-icon";
+    computedFamily(): number | undefined;
+    computedVariant(): number | undefined;
     avatarClasses(): any[];
+    avatarStyles(): any[] | undefined;
     overlayClasses(): (string | unknown[] | Record<string, any>)[];
     showGroup(): boolean;
-    formattedGroup(): number | "99+" | undefined;
-    validatedSize(): string;
+    formattedGroup(): number | "9+" | "99+" | undefined;
+    validatedSize(): string | number;
     showImage(): string | false;
 }, {
-    isIconType(): any;
     setImageListeners(): Promise<void>;
     formatInitials(): void;
-    getColor(): any;
+    readAnchorHue(): void;
     _loadedImageEventHandler(el: any): void;
     _erroredImageEventHandler(el: any): void;
     validateProps(): void;
@@ -131,13 +161,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: undefined;
     };
+    family: {
+        type: NumberConstructor;
+        default: undefined;
+        validator: (val: unknown) => boolean;
+    };
+    variant: {
+        type: NumberConstructor;
+        default: undefined;
+        validator: (val: unknown) => boolean;
+    };
     color: {
         type: StringConstructor;
         default: undefined;
     };
     size: {
-        type: StringConstructor;
-        default: string;
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
         validator: (size: unknown) => boolean;
     };
     avatarClass: {
@@ -182,11 +222,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: undefined;
     };
-    iconSize: {
-        type: StringConstructor;
-        default: string;
-        validator: (size: unknown) => boolean;
-    };
     fullName: {
         type: StringConstructor;
         default: string;
@@ -199,14 +234,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: undefined;
     };
+    iconOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    deactivated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     id: string;
+    family: number;
     presence: string;
     seed: string;
+    variant: number;
     color: string;
-    size: string;
+    size: string | number;
     avatarClass: string | unknown[] | Record<string, any>;
     canvasClass: string | unknown[] | Record<string, any>;
     iconClass: string | unknown[] | Record<string, any>;
@@ -216,10 +261,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     overlayClass: string | unknown[] | Record<string, any>;
     imageSrc: string;
     imageAlt: string;
-    iconSize: string;
     fullName: string;
     clickable: boolean;
     iconAriaLabel: string;
+    iconOnly: boolean;
+    deactivated: boolean;
 }, {}, {
     DtPresence: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         presence: {

package/dist/types/components/avatar/avatar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.vue.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar.vue"],"names":[],"mappings":"AA8EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAobkE,gBAAgB"}
+{"version":3,"file":"avatar.vue.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar.vue"],"names":[],"mappings":"AAiFA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAujBgD,gBAAgB"}

package/dist/types/components/avatar/avatar_constants.d.ts

@@ -1,22 +1,50 @@
-export namespace AVATAR_SIZE_MODIFIERS {
-    let xs: string;
-    let sm: string;
-    let md: string;
-    let lg: string;
-    let xl: string;
-}
+export function colorToFamilyVariant(colorCode: string): {
+    family: number;
+    variant: number;
+} | null;
+export function getRandomFamilyVariant(seed?: string): {
+    family: number;
+    variant: number;
+};
+export function oklchToHex(l: number, c: number, h: number): string;
+export function computeAvatarHex(family: number, variant: number, anchorHue: number): string;
+export const AVATAR_SIZE_MODIFIERS: {
+    100: string;
+    150: string;
+    200: string;
+    250: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
 export namespace AVATAR_KIND_MODIFIERS {
     let _default: string;
     export { _default as default };
     export let icon: string;
     export let initials: string;
 }
-export namespace AVATAR_PRESENCE_SIZE_MODIFIERS {
-    let md_1: string;
-    export { md_1 as md };
-    let lg_1: string;
-    export { lg_1 as lg };
-}
+export const AVATAR_PRESENCE_SIZE_MODIFIERS: {
+    100: string;
+    150: string;
+    200: string;
+    250: string;
+    300: string;
+    400: string;
+    500: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+};
 export namespace AVATAR_PRESENCE_STATES {
     let NONE: string;
     let BUSY: string;
@@ -24,20 +52,42 @@ export namespace AVATAR_PRESENCE_STATES {
     let OFFLINE: string;
     let ACTIVE: string;
 }
-export namespace AVATAR_ICON_SIZES {
-    let xs_1: string;
-    export { xs_1 as xs };
-    let sm_1: string;
-    export { sm_1 as sm };
-    let md_2: string;
-    export { md_2 as md };
-    let lg_2: string;
-    export { lg_2 as lg };
-    let xl_1: string;
-    export { xl_1 as xl };
-}
-export const AVATAR_COLORS: string[];
-export const AVATAR_RANDOM_COLORS: string[];
+export const AVATAR_ICON_SIZES: {
+    100: string;
+    150: string;
+    200: string;
+    250: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+export const AVATAR_LIGHTNESS: number[];
+export const AVATAR_CHROMA: number[];
+export const AVATAR_HUE_OFFSETS: {
+    1: number;
+    2: number;
+    3: number;
+    4: number;
+    5: number;
+    6: number;
+    7: number;
+    8: number;
+    9: number;
+    10: number;
+    11: number;
+    12: number;
+};
+export const AVATAR_FAMILY_COUNT: 12;
+export const AVATAR_VARIANT_COUNT: 10;
 export function AVATAR_GROUP_VALIDATOR(group: any): boolean;
 declare namespace _default {
     export { AVATAR_SIZE_MODIFIERS };
@@ -45,9 +95,16 @@ declare namespace _default {
     export { AVATAR_PRESENCE_SIZE_MODIFIERS };
     export { AVATAR_PRESENCE_STATES };
     export { AVATAR_ICON_SIZES };
-    export { AVATAR_COLORS };
-    export { AVATAR_RANDOM_COLORS };
+    export { AVATAR_LIGHTNESS };
+    export { AVATAR_CHROMA };
+    export { AVATAR_HUE_OFFSETS };
+    export { AVATAR_FAMILY_COUNT };
+    export { AVATAR_VARIANT_COUNT };
     export { AVATAR_GROUP_VALIDATOR };
+    export { colorToFamilyVariant };
+    export { getRandomFamilyVariant };
+    export { oklchToHex };
+    export { computeAvatarHex };
 }
 export default _default;
 //# sourceMappingURL=avatar_constants.d.ts.map

package/dist/types/components/avatar/avatar_constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar_constants.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar_constants.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,qCAoBE;AAGF,4CAA2D;AAEpD,4DAAmD"}
+{"version":3,"file":"avatar_constants.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar_constants.js"],"names":[],"mappings":"AAiIA,gDAHW,MAAM,GACJ;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAUtD;AAOD,8CAHW,MAAM,GACJ;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAmB/C;AAUD,8BALW,MAAM,KACN,MAAM,KACN,MAAM,GACJ,MAAM,CAkClB;AASD,yCALW,MAAM,WACN,MAAM,aACN,MAAM,GACJ,MAAM,CAQlB;AA1ND;;;;;;;;;;;;;;;;;EAmBE;;;;;;;AAQF;;;;;;;;;;;;EAcE;;;;;;;;AAUF;;;;;;;;;;;;;;;;;EAmBE;AAIF,wCAWE;AAIF,qCAWE;AAGF;;;;;;;;;;;;;EAaE;AAGF,kCAAmC,EAAE,CAAC;AACtC,mCAAoC,EAAE,CAAC;AAEhC,4DAAmD"}

package/dist/types/components/avatar/index.d.ts

@@ -1,3 +1,3 @@
 export { default as DtAvatar } from './avatar.vue';
-export { AVATAR_SIZE_MODIFIERS, AVATAR_KIND_MODIFIERS, AVATAR_PRESENCE_SIZE_MODIFIERS, AVATAR_PRESENCE_STATES, AVATAR_ICON_SIZES, AVATAR_COLORS, AVATAR_RANDOM_COLORS, AVATAR_GROUP_VALIDATOR } from './avatar_constants';
+export { AVATAR_SIZE_MODIFIERS, AVATAR_KIND_MODIFIERS, AVATAR_PRESENCE_SIZE_MODIFIERS, AVATAR_PRESENCE_STATES, AVATAR_ICON_SIZES, AVATAR_GROUP_VALIDATOR, AVATAR_FAMILY_COUNT, AVATAR_VARIANT_COUNT, AVATAR_LIGHTNESS, AVATAR_CHROMA, AVATAR_HUE_OFFSETS, colorToFamilyVariant, getRandomFamilyVariant, computeAvatarHex } from './avatar_constants';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/badge/badge.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.vue.d.ts","sourceRoot":"","sources":["../../../../components/badge/badge.vue"],"names":[],"mappings":"AA4CA;"}
+{"version":3,"file":"badge.vue.d.ts","sourceRoot":"","sources":["../../../../components/badge/badge.vue"],"names":[],"mappings":"AA0DA;"}