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

package/dist/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,25 +69,43 @@ 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;
     };
-    clickable: {
+    interactive: {
         type: BooleanConstructor;
         default: boolean;
     };
+    clickable: {
+        type: BooleanConstructor;
+        default: null;
+    };
     iconAriaLabel: {
         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 +118,43 @@ 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;
 }, {
+    resolvedInteractive(): boolean;
     hasOverlayIcon(): any;
+    isIconType(): any;
     iconDataQa(): "dt-avatar-icon";
+    computedFamily(): number | undefined;
+    computedVariant(): number | undefined;
     avatarClasses(): any[];
+    avatarStyles(): {
+        '--avatar-color-background': string;
+    }[] | 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 +168,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,31 +229,40 @@ 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;
     };
-    clickable: {
+    interactive: {
         type: BooleanConstructor;
         default: boolean;
     };
+    clickable: {
+        type: BooleanConstructor;
+        default: null;
+    };
     iconAriaLabel: {
         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 +272,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     overlayClass: string | unknown[] | Record<string, any>;
     imageSrc: string;
     imageAlt: string;
-    iconSize: string;
     fullName: string;
+    interactive: boolean;
     clickable: boolean;
     iconAriaLabel: string;
+    iconOnly: boolean;
+    deactivated: boolean;
 }, {}, {
     DtPresence: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         presence: {

package/dist/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA8jBgD,gBAAgB"}

package/dist/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/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/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/components/badge/badge.vue.d.ts

@@ -39,7 +39,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     BADGE_TYPE_MODIFIERS: {
         default: string;
         info: string;
-        success: string;
+        positive: string;
         warning: string;
         critical: string;
         bulletin: string;

package/dist/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;"}

package/dist/components/badge/badge_constants.d.ts

@@ -2,7 +2,7 @@ export namespace BADGE_TYPE_MODIFIERS {
     let _default: string;
     export { _default as default };
     export let info: string;
-    export let success: string;
+    export let positive: string;
     export let warning: string;
     export let critical: string;
     export let bulletin: string;