@dialpad/dialtone-vue 2.159.0-beta.1 → 2.159.0-beta.2

package/dist/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts

@@ -84,7 +84,6 @@ declare const _default: import("vue").DefineComponent<{
         transitionend: () => void;
         keydown: (event: any) => void;
     };
-    iconName(): "user" | null;
     listItemClasses(): (string | {
         'dt-feed-item-row--active': never;
         'dt-feed-item-row--state-transition'?: undefined;
@@ -106,7 +105,7 @@ declare const _default: import("vue").DefineComponent<{
         _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
         focusTrappedTabPress(e: object, el: object): void;
     };
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("focus" | "keydown" | "hover")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, ("focus" | "keydown" | "hover")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.
      */

package/dist/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feed_item_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/feed_item_row/feed_item_row.vue.js"],"names":[],"mappings":";IAyBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA7EH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"feed_item_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/feed_item_row/feed_item_row.vue.js"],"names":[],"mappings":";IA2BI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA7EH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}

package/dist/types/recipes/conversation_view/feed_pill/feed_item_pill.vue.d.ts

@@ -1,11 +1,4 @@
 declare const _default: import("vue").DefineComponent<{
-    /**
-     * Accepts a DtIcon name to be shown in the left
-     */
-    iconName: {
-        type: StringConstructor;
-        default: () => "";
-    };
     /**
      * Bolded primary text
      */
@@ -58,19 +51,13 @@ declare const _default: import("vue").DefineComponent<{
     hover: boolean;
     expanded: any;
 }, {
-    computedIcon(): any;
+    toggleIcon(): any;
+    showChevronIcon(): any;
     toggleableClass(): "" | "d-c-pointer";
     borderClass(): any;
 }, {
     onClick(): void;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Accepts a DtIcon name to be shown in the left
-     */
-    iconName: {
-        type: StringConstructor;
-        default: () => "";
-    };
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Bolded primary text
      */
@@ -121,7 +108,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     title: string;
-    iconName: string;
     buttonClass: string | Record<string, any> | unknown[];
     wrapperClass: string | Record<string, any> | unknown[];
     toggleable: boolean;

package/dist/types/recipes/conversation_view/feed_pill/feed_item_pill.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feed_item_pill.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/feed_pill/feed_item_pill.vue.js"],"names":[],"mappings":";IAaI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;IAWH;;;OAGG;;;;;;;;;;;;;;;;IAxDH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;IAWH;;;OAGG"}
+{"version":3,"file":"feed_item_pill.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/feed_pill/feed_item_pill.vue.js"],"names":[],"mappings":";IAaI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;IAWH;;;OAGG;;;;;;;;;;;;;;;;;IAhDH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;IAWH;;;OAGG"}

package/dist/types/recipes/conversation_view/message_input/meeting_pill/MeetingPill.vue.d.ts

@@ -1,43 +1,43 @@
 declare const _default: import("vue").DefineComponent<{
-    editor: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.15/node_modules/vue-ts-types/dist/types").RequiredPropOptions<import("@tiptap/core").Editor>;
-    node: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.15/node_modules/vue-ts-types/dist/types").RequiredPropOptions<import("@tiptap/pm/model").Node>;
-    decorations: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.15/node_modules/vue-ts-types/dist/types").RequiredPropOptions<import("@tiptap/vue-2").DecorationWithType[]>;
-    selected: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.15/node_modules/vue-ts-types/dist/types").RequiredPropOptions<boolean>;
-    extension: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.15/node_modules/vue-ts-types/dist/types").RequiredPropOptions<import("@tiptap/vue-2").Node<any, any>>;
-    getPos: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.15/node_modules/vue-ts-types/dist/types").PropOptions<() => number> & {
+    editor: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.16/node_modules/vue-ts-types/dist/types").RequiredPropOptions<import("@tiptap/core").Editor>;
+    node: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.16/node_modules/vue-ts-types/dist/types").RequiredPropOptions<import("@tiptap/pm/model").Node>;
+    decorations: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.16/node_modules/vue-ts-types/dist/types").RequiredPropOptions<import("@tiptap/vue-2").DecorationWithType[]>;
+    selected: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.16/node_modules/vue-ts-types/dist/types").RequiredPropOptions<boolean>;
+    extension: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.16/node_modules/vue-ts-types/dist/types").RequiredPropOptions<import("@tiptap/vue-2").Node<any, any>>;
+    getPos: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.16/node_modules/vue-ts-types/dist/types").PropOptions<() => number> & {
         required: true;
     } & {
         default?: (() => () => number) | undefined;
     };
-    updateAttributes: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.15/node_modules/vue-ts-types/dist/types").PropOptions<(attributes: Record<string, any>) => void> & {
+    updateAttributes: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.16/node_modules/vue-ts-types/dist/types").PropOptions<(attributes: Record<string, any>) => void> & {
         required: true;
     } & {
         default?: (() => (attributes: Record<string, any>) => void) | undefined;
     };
-    deleteNode: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.15/node_modules/vue-ts-types/dist/types").PropOptions<() => void> & {
+    deleteNode: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.16/node_modules/vue-ts-types/dist/types").PropOptions<() => void> & {
         required: true;
     } & {
         default?: (() => () => void) | undefined;
     };
 }, {}, {}, {}, {
     close(e: any): void;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "meeting-pill-close"[], string, Readonly<import("vue").ExtractPropTypes<{
-    editor: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.15/node_modules/vue-ts-types/dist/types").RequiredPropOptions<import("@tiptap/core").Editor>;
-    node: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.15/node_modules/vue-ts-types/dist/types").RequiredPropOptions<import("@tiptap/pm/model").Node>;
-    decorations: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.15/node_modules/vue-ts-types/dist/types").RequiredPropOptions<import("@tiptap/vue-2").DecorationWithType[]>;
-    selected: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.15/node_modules/vue-ts-types/dist/types").RequiredPropOptions<boolean>;
-    extension: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.15/node_modules/vue-ts-types/dist/types").RequiredPropOptions<import("@tiptap/vue-2").Node<any, any>>;
-    getPos: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.15/node_modules/vue-ts-types/dist/types").PropOptions<() => number> & {
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "meeting-pill-close"[], string, Readonly<import("vue").ExtractPropTypes<{
+    editor: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.16/node_modules/vue-ts-types/dist/types").RequiredPropOptions<import("@tiptap/core").Editor>;
+    node: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.16/node_modules/vue-ts-types/dist/types").RequiredPropOptions<import("@tiptap/pm/model").Node>;
+    decorations: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.16/node_modules/vue-ts-types/dist/types").RequiredPropOptions<import("@tiptap/vue-2").DecorationWithType[]>;
+    selected: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.16/node_modules/vue-ts-types/dist/types").RequiredPropOptions<boolean>;
+    extension: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.16/node_modules/vue-ts-types/dist/types").RequiredPropOptions<import("@tiptap/vue-2").Node<any, any>>;
+    getPos: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.16/node_modules/vue-ts-types/dist/types").PropOptions<() => number> & {
         required: true;
     } & {
         default?: (() => () => number) | undefined;
     };
-    updateAttributes: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.15/node_modules/vue-ts-types/dist/types").PropOptions<(attributes: Record<string, any>) => void> & {
+    updateAttributes: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.16/node_modules/vue-ts-types/dist/types").PropOptions<(attributes: Record<string, any>) => void> & {
         required: true;
     } & {
         default?: (() => (attributes: Record<string, any>) => void) | undefined;
     };
-    deleteNode: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.15/node_modules/vue-ts-types/dist/types").PropOptions<() => void> & {
+    deleteNode: import(".pnpm/vue-ts-types@1.6.1_vue@2.7.16/node_modules/vue-ts-types/dist/types").PropOptions<() => void> & {
         required: true;
     } & {
         default?: (() => () => void) | undefined;

package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts

@@ -143,9 +143,7 @@ declare const _default: import("vue").DefineComponent<{
      */
     showSend: {
         type: (ObjectConstructor | BooleanConstructor)[];
-        default: () => {
-            icon: string;
-        };
+        default: () => {};
     };
     /**
      * Cancel button defaults.
@@ -259,6 +257,7 @@ declare const _default: import("vue").DefineComponent<{
     emojiPickerFocus: boolean;
     emojiPickerOpened: boolean;
 }, {
+    showSendIcon(): boolean;
     inputLength(): any;
     displayCharacterLimitWarning(): boolean;
     characterLimitTooltipEnabled(): any;
@@ -267,6 +266,7 @@ declare const _default: import("vue").DefineComponent<{
         ariaLabel: string;
     };
     emojiPickerHovered(): boolean;
+    sendIconSize(): "300";
 }, {
     onMousedown(e: any): void;
     onDrop(e: any): void;
@@ -279,7 +279,7 @@ declare const _default: import("vue").DefineComponent<{
     onSend(): void;
     onCancel(): void;
     onInput(event: any): void;
-}, never, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("submit" | "cancel" | "selected-emoji" | "skin-tone" | "selected-command" | "update:value" | "meeting-pill-close" | "select-media" | "add-media" | "paste-media")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, never, import("vue").ComponentOptionsMixin, ("submit" | "cancel" | "selected-emoji" | "skin-tone" | "selected-command" | "update:value" | "meeting-pill-close" | "select-media" | "add-media" | "paste-media")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Value of the input. The object format should match TipTap's JSON
      * document structure: https://tiptap.dev/guide/output#option-1-json
@@ -424,9 +424,7 @@ declare const _default: import("vue").DefineComponent<{
      */
     showSend: {
         type: (ObjectConstructor | BooleanConstructor)[];
-        default: () => {
-            icon: string;
-        };
+        default: () => {};
     };
     /**
      * Cancel button defaults.

package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message_input.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/message_input/message_input.vue.js"],"names":[],"mappings":";IAkCI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;;;;IAYH;;OAEG;;;;;;IAeH;;OAEG;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;IAWH;;OAEG;;;;;;;IAMH;;OAEG;;;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;OAYG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA1RH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;;;;IAYH;;OAEG;;;;;;IAeH;;OAEG;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;IAWH;;OAEG;;;;;;;IAMH;;OAEG;;;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;OAYG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"message_input.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/message_input/message_input.vue.js"],"names":[],"mappings":";IAqCI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;;;;IAYH;;OAEG;;;;;;IAeH;;OAEG;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;IAWH;;OAEG;;;;;IAMH;;OAEG;;;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;OAYG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA1RH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;;;;IAYH;;OAEG;;;;;;IAeH;;OAEG;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;IAWH;;OAEG;;;;;IAMH;;OAEG;;;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;OAYG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}

package/dist/types/recipes/conversation_view/time_pill/time_pill.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
         validator: (t: unknown) => boolean;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Date time display value
      */

package/dist/types/recipes/header/settings_menu_button/settings_menu_button.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Determines whether the button should display the update state
      * default is false

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

@@ -35,13 +35,6 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Avatar icon to display if `avatarSrc` is empty.
-     */
-    avatarIcon: {
-        type: StringConstructor;
-        default: null;
-    };
     /**
      * The size of the avatar
      * @values xs, sm, md, lg, xl
@@ -89,9 +82,11 @@ declare const _default: import("vue").DefineComponent<{
         type: ArrayConstructor;
         default: null;
     };
-}, {}, {}, {}, {
+}, {}, {}, {
+    hasAvatarIcon(): import("vue/types/vnode").ScopedSlotChildren;
+}, {
     avatarClick(): void;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "avatar-click"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "avatar-click"[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * String to use for the item's role.
      */
@@ -128,13 +123,6 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Avatar icon to display if `avatarSrc` is empty.
-     */
-    avatarIcon: {
-        type: StringConstructor;
-        default: null;
-    };
     /**
      * The size of the avatar
      * @values xs, sm, md, lg, xl
@@ -189,7 +177,6 @@ declare const _default: import("vue").DefineComponent<{
     avatarSeed: string;
     showAvatar: boolean;
     avatarFullName: string;
-    avatarIcon: string;
     avatarSize: string;
     avatarLabelledBy: string;
     avatarColor: string;

package/dist/types/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.js"],"names":[],"mappings":";IAoBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;;;IA/FH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;;;;;;;;OAUG"}
+{"version":3,"file":"contact_info.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/item_layout/contact_info/contact_info.vue.js"],"names":[],"mappings":";IAoBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;;;;;IAvFH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;;;;;;;;OAUG"}

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

@@ -75,7 +75,7 @@ declare const _default: import("vue").DefineComponent<{
     borderClass(): any;
 }, {
     handleClick(e: any): void;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Text for the badge element
      */

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

@@ -1 +1 @@
-{"version":3,"file":"callbox.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/callbox/callbox.vue.js"],"names":[],"mappings":";IAcI;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;OAEG;;;;;;;;;;;;IAzEH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"callbox.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/callbox/callbox.vue.js"],"names":[],"mappings":";IAeI;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;OAEG;;;;;;;;;;;;IAzEH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;OAEG"}

package/dist/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts

@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
     showUnreadCount(): boolean;
 }, {
     adjustLabelWidth(): void;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "click-menu")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-menu")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Will be read out by a screen reader upon focus of this row. If not defined "description" will be read.
      */

package/dist/types/recipes/leftbar/contact_row/contact_row.vue.d.ts

@@ -120,8 +120,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {}, {}, {
     presenceColorClass(): "d-fc-success" | "d-fc-critical" | "d-fc-warning" | undefined;
     contactDescription(): string;
-    iconName(): "user" | null;
-}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "call")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "call")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Optional avatar image url.
      * If not provided it will use the initial of the name.

package/dist/types/recipes/leftbar/contact_row/contact_row.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contact_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/contact_row/contact_row.vue.js"],"names":[],"mappings":";IAmBI;;;OAGG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;IAhIH;;;OAGG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"contact_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/contact_row/contact_row.vue.js"],"names":[],"mappings":";IAqBI;;;OAGG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;IAhIH;;;OAGG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}

package/dist/types/recipes/leftbar/general_row/general_row.vue.d.ts

@@ -162,7 +162,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     validateProps(): void;
     adjustLabelWidth(): void;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "call")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "call")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Determines the icon to show.
      * If type is contact center, the color prop must be provided and will determine the color of the icon
@@ -299,9 +299,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     type: string;
-    ariaLabel: string;
     color: string;
     iconSize: string;
+    ariaLabel: string;
     muted: boolean;
     selected: boolean;
     unreadCount: string;

package/dist/types/recipes/leftbar/general_row/leftbar_general_row_icon.vue.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     getIconName(): any;
     contactCenterIconClasses(): any[];
     dialbotClasses(): string[];
-}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: StringConstructor;
         default: null;

package/dist/types/recipes/leftbar/group_row/group_row.vue.d.ts

@@ -51,7 +51,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, {}, {
     ariaLabel(): string;
-}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Screen reader will read out the number of users in the group using this text. Ex: "2 users"
      */

package/dist/types/recipes/leftbar/unread_pill/unread_pill.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
         validator: (dir: unknown) => boolean;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The kind of unread pill which determines the styling
      * @values 'mentions', 'messages'

package/dist/types/recipes/notices/top_banner_info/top_banner_info.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, {}, {
     bannerInfoClass(): any[];
-}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * color of the banner background
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "2.159.0-beta.1",
+  "version": "2.159.0-beta.2",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist"
@@ -41,20 +41,20 @@
     "@faker-js/faker": "8.4.1",
     "@percy/cli": "1.28.2",
     "@percy/storybook": "5.0.3",
-    "@storybook/addon-a11y": "^7.6.1",
-    "@storybook/addon-actions": "^7.6.1",
-    "@storybook/addon-docs": "^7.6.1",
-    "@storybook/addon-essentials": "^7.6.1",
-    "@storybook/addon-links": "^7.6.1",
-    "@storybook/addon-mdx-gfm": "^7.6.1",
-    "@storybook/addon-viewport": "^7.6.1",
-    "@storybook/blocks": "^7.6.1",
-    "@storybook/manager-api": "^7.6.1",
+    "@storybook/addon-a11y": "7.6.20",
+    "@storybook/addon-actions": "7.6.20",
+    "@storybook/addon-docs": "7.6.20",
+    "@storybook/addon-essentials": "7.6.20",
+    "@storybook/addon-links": "7.6.20",
+    "@storybook/addon-mdx-gfm": "7.6.20",
+    "@storybook/addon-viewport": "7.6.20",
+    "@storybook/blocks": "7.6.20",
+    "@storybook/manager-api": "7.6.20",
     "@storybook/test-runner": "^0.16.0",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.6.1",
-    "@storybook/vue": "^7.5.3",
-    "@storybook/vue-vite": "^7.5.3",
+    "@storybook/theming": "7.6.20",
+    "@storybook/vue": "7.6.20",
+    "@storybook/vue-vite": "7.6.20",
     "@vitejs/plugin-vue2": "^2.3.1",
     "@vue/test-utils": "1.3",
     "@vue/tsconfig": "^0.4.0",
@@ -72,7 +72,7 @@
     "react-dom": "^16.13.1",
     "sinon": "^15.2.0",
     "source-map-support": "^0.5.21",
-    "storybook": "^7.6.1",
+    "storybook": "7.6.20",
     "storybook-dark-mode": "^3.0.3",
     "string-hash": "^1.1.3",
     "typedoc": "^0.25.2",
@@ -84,12 +84,12 @@
     "vue-tsc": "^1.8.25",
     "yo": "^5.0.0",
     "yorkie": "^2.0.0",
-    "@dialpad/dialtone-css": "8.43.0",
+    "@dialpad/dialtone-css": "8.44.0-beta.1",
     "@dialpad/generator-dialtone": "0.1.0"
   },
   "peerDependencies": {
     "vue": ">=2.6",
-    "@dialpad/dialtone-css": "^8.43.0"
+    "@dialpad/dialtone-css": "^8.44.0-beta.1"
   },
   "bugs": {
     "email": "dialtone@dialpad.com"

package/dist/common/storybook_utils.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const iconNames = require("@dialpad/dialtone-icons/icons.js");
-function getIconNames() {
-  return [void 0, ...iconNames];
-}
-exports.getIconNames = getIconNames;
-//# sourceMappingURL=storybook_utils.cjs.map

package/dist/common/storybook_utils.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"storybook_utils.cjs","sources":["../../common/storybook_utils.js"],"sourcesContent":["import iconNames from '@dialpad/dialtone-icons/icons.js';\nimport illustrationNames from '@dialpad/dialtone-icons/illustrations.js';\n\n/**\n * Will use a Vue SFC to render the template rather than a template string.\n * This is useful for more complex components that are hard to work with and\n * get messy when rendered via a template string. Will pass args and argTypes\n * into the component, so it is able to be live edited with storybook controls addon.\n * @param component this will get the component name\n * @param defaultTemplate we will mount in this component\n * @param argsData storybook control args\n * @returns {component} the template component with props and args added.\n */\n\nexport function createRenderConfig (component, defaultTemplate, argsData) {\n  return {\n    components: { [component.name]: defaultTemplate },\n    props: [...Object.keys(component.props ?? {}), ...Object.keys(argsData)],\n    setup (props) {\n      return { props };\n    },\n    template: `<${component.name} v-bind=\"props\" />`,\n  };\n}\n\n/**\n * Gets the full list of icon component names from the dialtone package\n * @returns {string[]} icon component names\n */\nexport function getIconNames () {\n  return [undefined, ...iconNames];\n}\n\n/**\n * Gets the full list of icon component names from the dialtone package\n * @returns {string[]} icon component names\n */\nexport function getIllustrationNames () {\n  return [undefined, ...illustrationNames];\n}\n\nexport const generateTemplate = (component,\n  { props = [], excludeProps = [], customProps = [], childTemplate } = {}) => {\n  if (!component) {\n    console.warn('Generate template: Please provide a component');\n    return '';\n  }\n\n  const { name, props: componentProps } = component;\n  const finalProps = props.length ? props : Object.keys(componentProps);\n  const normalizedName = name.split(/(?=[A-Z])/).join('-').toLowerCase();\n\n  const startFragment = `<${normalizedName}`;\n\n  const propFragments = finalProps\n    .filter(prop => !excludeProps.includes(prop))\n    .map(prop => `:${prop}=\"${prop}\"`);\n\n  const endFragment = childTemplate ? `>${childTemplate}</${normalizedName}>` : ' />';\n\n  return [startFragment, ...propFragments, ...customProps, endFragment].join(' ');\n};\n\nexport default {\n  generateTemplate,\n  getIconNames,\n  getIllustrationNames,\n  createRenderConfig,\n};\n"],"names":[],"mappings":";;;AA6BO,SAAS,eAAgB;AAC9B,SAAO,CAAC,QAAW,GAAG,SAAS;AACjC;;"}

package/dist/common/storybook_utils.js

@@ -1,8 +0,0 @@
-import iconNames from "@dialpad/dialtone-icons/icons.js";
-function getIconNames() {
-  return [void 0, ...iconNames];
-}
-export {
-  getIconNames
-};
-//# sourceMappingURL=storybook_utils.js.map

package/dist/common/storybook_utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"storybook_utils.js","sources":["../../common/storybook_utils.js"],"sourcesContent":["import iconNames from '@dialpad/dialtone-icons/icons.js';\nimport illustrationNames from '@dialpad/dialtone-icons/illustrations.js';\n\n/**\n * Will use a Vue SFC to render the template rather than a template string.\n * This is useful for more complex components that are hard to work with and\n * get messy when rendered via a template string. Will pass args and argTypes\n * into the component, so it is able to be live edited with storybook controls addon.\n * @param component this will get the component name\n * @param defaultTemplate we will mount in this component\n * @param argsData storybook control args\n * @returns {component} the template component with props and args added.\n */\n\nexport function createRenderConfig (component, defaultTemplate, argsData) {\n  return {\n    components: { [component.name]: defaultTemplate },\n    props: [...Object.keys(component.props ?? {}), ...Object.keys(argsData)],\n    setup (props) {\n      return { props };\n    },\n    template: `<${component.name} v-bind=\"props\" />`,\n  };\n}\n\n/**\n * Gets the full list of icon component names from the dialtone package\n * @returns {string[]} icon component names\n */\nexport function getIconNames () {\n  return [undefined, ...iconNames];\n}\n\n/**\n * Gets the full list of icon component names from the dialtone package\n * @returns {string[]} icon component names\n */\nexport function getIllustrationNames () {\n  return [undefined, ...illustrationNames];\n}\n\nexport const generateTemplate = (component,\n  { props = [], excludeProps = [], customProps = [], childTemplate } = {}) => {\n  if (!component) {\n    console.warn('Generate template: Please provide a component');\n    return '';\n  }\n\n  const { name, props: componentProps } = component;\n  const finalProps = props.length ? props : Object.keys(componentProps);\n  const normalizedName = name.split(/(?=[A-Z])/).join('-').toLowerCase();\n\n  const startFragment = `<${normalizedName}`;\n\n  const propFragments = finalProps\n    .filter(prop => !excludeProps.includes(prop))\n    .map(prop => `:${prop}=\"${prop}\"`);\n\n  const endFragment = childTemplate ? `>${childTemplate}</${normalizedName}>` : ' />';\n\n  return [startFragment, ...propFragments, ...customProps, endFragment].join(' ');\n};\n\nexport default {\n  generateTemplate,\n  getIconNames,\n  getIllustrationNames,\n  createRenderConfig,\n};\n"],"names":[],"mappings":";AA6BO,SAAS,eAAgB;AAC9B,SAAO,CAAC,QAAW,GAAG,SAAS;AACjC;"}

package/dist/types/common/storybook_utils.d.ts

@@ -1,35 +0,0 @@
-/**
- * Will use a Vue SFC to render the template rather than a template string.
- * This is useful for more complex components that are hard to work with and
- * get messy when rendered via a template string. Will pass args and argTypes
- * into the component, so it is able to be live edited with storybook controls addon.
- * @param component this will get the component name
- * @param defaultTemplate we will mount in this component
- * @param argsData storybook control args
- * @returns {component} the template component with props and args added.
- */
-export function createRenderConfig(component: any, defaultTemplate: any, argsData: any): any;
-/**
- * Gets the full list of icon component names from the dialtone package
- * @returns {string[]} icon component names
- */
-export function getIconNames(): string[];
-/**
- * Gets the full list of icon component names from the dialtone package
- * @returns {string[]} icon component names
- */
-export function getIllustrationNames(): string[];
-export function generateTemplate(component: any, { props, excludeProps, customProps, childTemplate }?: {
-    props?: any[] | undefined;
-    excludeProps?: any[] | undefined;
-    customProps?: any[] | undefined;
-    childTemplate: any;
-}): string;
-declare namespace _default {
-    export { generateTemplate };
-    export { getIconNames };
-    export { getIllustrationNames };
-    export { createRenderConfig };
-}
-export default _default;
-//# sourceMappingURL=storybook_utils.d.ts.map

package/dist/types/common/storybook_utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"storybook_utils.d.ts","sourceRoot":"","sources":["../../../common/storybook_utils.js"],"names":[],"mappings":"AAGA;;;;;;;;;GASG;AAEH,6FASC;AAED;;;GAGG;AACH,gCAFa,MAAM,EAAE,CAIpB;AAED;;;GAGG;AACH,wCAFa,MAAM,EAAE,CAIpB;AAEM;;;;;WAoBN"}