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

package/dist/recipes/item_layout/contact_info/contact_info.vue.d.ts

@@ -105,13 +105,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: {
@@ -156,25 +166,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;
@@ -187,34 +215,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 import('../../..').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;
@@ -228,13 +265,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: {
@@ -279,31 +326,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>;
@@ -313,10 +369,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: {
@@ -352,10 +410,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        leftClass: {
+        startClass: {
             type: StringConstructor;
             default: string;
         };
+        leftClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
         contentClass: {
             type: StringConstructor;
             default: string;
@@ -368,19 +430,31 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
+        blockEndClass: {
+            type: StringConstructor;
+            default: string;
+        };
         bottomClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        endClass: {
             type: StringConstructor;
             default: string;
         };
         rightClass: {
             type: StringConstructor;
-            default: string;
+            default: undefined;
         };
         selectedClass: {
             type: StringConstructor;
             default: string;
         };
-    }>, {}, {}, {}, {
+    }>, {}, {}, {
+        resolvedStartClass(): string;
+        resolvedEndClass(): string;
+        resolvedBlockEndClass(): string;
+    }, {
         dynamicGridTemplateColumns(): string;
         hasSlotContent: typeof import('../../..').hasSlotContent;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -392,10 +466,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        leftClass: {
+        startClass: {
             type: StringConstructor;
             default: string;
         };
+        leftClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
         contentClass: {
             type: StringConstructor;
             default: string;
@@ -408,26 +486,37 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
+        blockEndClass: {
+            type: StringConstructor;
+            default: string;
+        };
         bottomClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        endClass: {
             type: StringConstructor;
             default: string;
         };
         rightClass: {
             type: StringConstructor;
-            default: string;
+            default: undefined;
         };
         selectedClass: {
             type: StringConstructor;
             default: string;
         };
     }>> & Readonly<{}>, {
+        as: string;
         unstyled: boolean;
         contentClass: string;
-        as: string;
+        startClass: string;
         leftClass: string;
         titleClass: string;
         subtitleClass: string;
+        blockEndClass: string;
         bottomClass: string;
+        endClass: string;
         rightClass: string;
         selectedClass: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/recipes/item_layout/contact_info/contact_info.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contact_info.vue.d.ts","sourceRoot":"","sources":["../../../../recipes/item_layout/contact_info/contact_info.vue"],"names":[],"mappings":"AAsHA;"}
+{"version":3,"file":"contact_info.vue.d.ts","sourceRoot":"","sources":["../../../../recipes/item_layout/contact_info/contact_info.vue"],"names":[],"mappings":"AAsIA;"}

package/dist/recipes/leftbar/callbox/callbox.vue.d.ts

@@ -87,8 +87,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     title: string;
     clickable: boolean;
-    avatarSrc: string;
     borderColor: string;
+    avatarSrc: string;
     avatarSeed: string;
     avatarFullName: string;
     badgeText: string;
@@ -136,7 +136,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;
@@ -234,13 +234,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: {
@@ -285,25 +295,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;
@@ -316,34 +344,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 import('../../..').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;
@@ -357,13 +394,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: {
@@ -408,31 +455,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>;
@@ -442,10 +498,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/recipes/leftbar/callbox/callbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"callbox.vue.d.ts","sourceRoot":"","sources":["../../../../recipes/leftbar/callbox/callbox.vue"],"names":[],"mappings":"AA2FA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA6NA,GAjLO"}
+{"version":3,"file":"callbox.vue.d.ts","sourceRoot":"","sources":["../../../../recipes/leftbar/callbox/callbox.vue"],"names":[],"mappings":"AA4GA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA8OA,GAlMM"}