@dialpad/dialtone 9.76.3 → 9.77.0

package/dist/vue3/types/recipes/conversation_view/editor/editor.vue.d.ts

@@ -133,7 +133,36 @@ declare const _default: import('vue').DefineComponent<{
         buttonGroup: {
             showBtn: any;
             selector: string;
-            iconName: string;
+            icon: import('vue').DefineComponent<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }, any, any, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): any;
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & {
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }, {
+                size: string;
+                ariaLabel: string;
+            }, {}>;
             dataQA: string;
             tooltipMessage: string;
             onClick: () => void;
@@ -145,7 +174,36 @@ declare const _default: import('vue').DefineComponent<{
             selector: {
                 textAlign: string;
             };
-            iconName: string;
+            icon: import('vue').DefineComponent<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }, any, any, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): any;
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & {
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }, {
+                size: string;
+                ariaLabel: string;
+            }, {}>;
             dataQA: string;
             tooltipMessage: string;
             onClick: () => any;
@@ -155,7 +213,36 @@ declare const _default: import('vue').DefineComponent<{
         showBtn: any;
         label: string;
         selector: string;
-        iconName: string;
+        icon: import('vue').DefineComponent<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }, any, any, {
+            iconSizeClass(): any;
+            ariaHidden(): "true" | "false";
+            dataQA(): any;
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>> & {
+            onLoaded?: ((...args: any[]) => any) | undefined;
+        }, {
+            size: string;
+            ariaLabel: string;
+        }, {}>;
         dataQA: string;
         tooltipMessage: string;
         onClick: () => void;
@@ -163,7 +250,36 @@ declare const _default: import('vue').DefineComponent<{
     textFormatButtons(): {
         showBtn: any;
         selector: string;
-        iconName: string;
+        icon: import('vue').DefineComponent<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }, any, any, {
+            iconSizeClass(): any;
+            ariaHidden(): "true" | "false";
+            dataQA(): any;
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>> & {
+            onLoaded?: ((...args: any[]) => any) | undefined;
+        }, {
+            size: string;
+            ariaLabel: string;
+        }, {}>;
         dataQA: string;
         tooltipMessage: string;
         onClick: () => void;
@@ -173,7 +289,36 @@ declare const _default: import('vue').DefineComponent<{
         selector: {
             textAlign: string;
         };
-        iconName: string;
+        icon: import('vue').DefineComponent<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }, any, any, {
+            iconSizeClass(): any;
+            ariaHidden(): "true" | "false";
+            dataQA(): any;
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>> & {
+            onLoaded?: ((...args: any[]) => any) | undefined;
+        }, {
+            size: string;
+            ariaLabel: string;
+        }, {}>;
         dataQA: string;
         tooltipMessage: string;
         onClick: () => any;
@@ -181,7 +326,36 @@ declare const _default: import('vue').DefineComponent<{
     listButtons(): {
         showBtn: any;
         selector: string;
-        iconName: string;
+        icon: import('vue').DefineComponent<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }, any, any, {
+            iconSizeClass(): any;
+            ariaHidden(): "true" | "false";
+            dataQA(): any;
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>> & {
+            onLoaded?: ((...args: any[]) => any) | undefined;
+        }, {
+            size: string;
+            ariaLabel: string;
+        }, {}>;
         dataQA: string;
         tooltipMessage: string;
         onClick: () => void;
@@ -189,7 +363,36 @@ declare const _default: import('vue').DefineComponent<{
     individualButtons(): {
         showBtn: any;
         selector: string;
-        iconName: string;
+        icon: import('vue').DefineComponent<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }, any, any, {
+            iconSizeClass(): any;
+            ariaHidden(): "true" | "false";
+            dataQA(): any;
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>> & {
+            onLoaded?: ((...args: any[]) => any) | undefined;
+        }, {
+            size: string;
+            ariaLabel: string;
+        }, {}>;
         dataQA: string;
         tooltipMessage: string;
         onClick: () => void;
@@ -197,7 +400,36 @@ declare const _default: import('vue').DefineComponent<{
     linkButton(): {
         showBtn: any;
         selector: string;
-        iconName: string;
+        icon: import('vue').DefineComponent<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }, any, any, {
+            iconSizeClass(): any;
+            ariaHidden(): "true" | "false";
+            dataQA(): any;
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+        }>> & {
+            onLoaded?: ((...args: any[]) => any) | undefined;
+        }, {
+            size: string;
+            ariaLabel: string;
+        }, {}>;
         dataQA: string;
         tooltipMessage: string;
         onClick: () => void;

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

@@ -51,7 +51,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;

package/dist/vue3/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"],"names":[],"mappings":"AA+GA;"}
+{"version":3,"file":"feed_item_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/feed_item_row/feed_item_row.vue"],"names":[],"mappings":"AAuHA;"}

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

@@ -1,8 +1,4 @@
 declare const _default: import('vue').DefineComponent<{
-    iconName: {
-        type: StringConstructor;
-        default: () => "";
-    };
     title: {
         type: StringConstructor;
         default: () => "";
@@ -36,16 +32,42 @@ declare const _default: import('vue').DefineComponent<{
     hover: boolean;
     expanded: boolean;
 }, {
-    computedIcon(): any;
+    toggleIcon(): import('vue').DefineComponent<{
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (s: unknown) => boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+    }, any, any, {
+        iconSizeClass(): any;
+        ariaHidden(): "true" | "false";
+        dataQA(): any;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (s: unknown) => boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+    }>> & {
+        onLoaded?: ((...args: any[]) => any) | undefined;
+    }, {
+        size: string;
+        ariaLabel: string;
+    }, {}>;
+    showChevronIcon(): any;
     toggleableClass(): "" | "d-c-pointer";
     borderClass(): any;
 }, {
     onClick(): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    iconName: {
-        type: StringConstructor;
-        default: () => "";
-    };
     title: {
         type: StringConstructor;
         default: () => "";
@@ -77,7 +99,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/vue3/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"],"names":[],"mappings":"AAgDA;"}
+{"version":3,"file":"feed_item_pill.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/feed_pill/feed_item_pill.vue"],"names":[],"mappings":"AA0DA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MeetingPill.vue.d.ts","sourceRoot":"","sources":["../../../../../../recipes/conversation_view/message_input/meeting_pill/MeetingPill.vue"],"names":[],"mappings":"AAoCA;"}
+{"version":3,"file":"MeetingPill.vue.d.ts","sourceRoot":"","sources":["../../../../../../recipes/conversation_view/message_input/meeting_pill/MeetingPill.vue"],"names":[],"mappings":"AAkCA;"}

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

@@ -80,9 +80,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     showSend: {
         type: (ObjectConstructor | BooleanConstructor)[];
-        default: () => {
-            icon: string;
-        };
+        default: () => {};
     };
     showCancel: {
         type: (ObjectConstructor | BooleanConstructor)[];
@@ -137,6 +135,7 @@ declare const _default: import('vue').DefineComponent<{
     emojiPickerFocus: boolean;
     emojiPickerOpened: boolean;
 }, {
+    showSendIcon(): boolean;
     inputLength(): any;
     displayCharacterLimitWarning(): boolean;
     characterLimitTooltipEnabled(): any;
@@ -145,6 +144,7 @@ declare const _default: import('vue').DefineComponent<{
         ariaLabel: string;
     };
     emojiPickerHovered(): boolean;
+    sendIconSize(): "300";
 }, {
     onMousedown(e: any): void;
     onDrop(e: any): void;
@@ -239,9 +239,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     showSend: {
         type: (ObjectConstructor | BooleanConstructor)[];
-        default: () => {
-            icon: string;
-        };
+        default: () => {};
     };
     showCancel: {
         type: (ObjectConstructor | BooleanConstructor)[];

package/dist/vue3/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"],"names":[],"mappings":"AAiNA;"}
+{"version":3,"file":"message_input.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/message_input/message_input.vue"],"names":[],"mappings":"AAyNA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"settings_menu_button.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"names":[],"mappings":"AAkCA;"}
+{"version":3,"file":"settings_menu_button.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/header/settings_menu_button/settings_menu_button.vue"],"names":[],"mappings":"AAgCA;"}

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

@@ -19,10 +19,6 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    avatarIcon: {
-        type: StringConstructor;
-        default: null;
-    };
     avatarSize: {
         type: StringConstructor;
         default: string;
@@ -43,7 +39,9 @@ declare const _default: import('vue').DefineComponent<{
         type: ArrayConstructor;
         default: null;
     };
-}, any, any, {}, {
+}, any, any, {
+    hasAvatarIcon(): any;
+}, {
     avatarClick(): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "avatar-click"[], "avatar-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     role: {
@@ -66,10 +64,6 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    avatarIcon: {
-        type: StringConstructor;
-        default: null;
-    };
     avatarSize: {
         type: StringConstructor;
         default: string;
@@ -99,7 +93,6 @@ declare const _default: import('vue').DefineComponent<{
     avatarSeed: string;
     showAvatar: boolean;
     avatarFullName: string;
-    avatarIcon: string;
     avatarSize: string;
     avatarLabelledBy: string;
     avatarColor: string;

package/dist/vue3/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"],"names":[],"mappings":"AAkFA;"}
+{"version":3,"file":"contact_info.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/item_layout/contact_info/contact_info.vue"],"names":[],"mappings":"AA2GA;"}

package/dist/vue3/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"],"names":[],"mappings":"AAkFA;"}
+{"version":3,"file":"callbox.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/callbox/callbox.vue"],"names":[],"mappings":"AAwFA;"}

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

@@ -69,7 +69,6 @@ declare const _default: import('vue').DefineComponent<{
         [k: string]: any;
     };
     contactDescription(): string;
-    iconName(): "user" | null;
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "call"[], "call", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     avatarSrc: {
         type: StringConstructor;

package/dist/vue3/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"],"names":[],"mappings":"AA0DA;"}
+{"version":3,"file":"contact_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/contact_row/contact_row.vue"],"names":[],"mappings":"AAiEA;"}

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

@@ -181,9 +181,9 @@ declare const _default: import('vue').DefineComponent<{
     onCall?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
-    ariaLabel: string;
     color: string;
     iconSize: string;
+    ariaLabel: string;
     muted: boolean;
     selected: boolean;
     unreadCount: string;

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

@@ -1 +1 @@
-{"version":3,"file":"general_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/general_row.vue"],"names":[],"mappings":"AAgJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAquBiB,OAAO"}
+{"version":3,"file":"general_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/general_row.vue"],"names":[],"mappings":"AA8IA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAquBiB,OAAO"}

package/dist/vue3/types/recipes/leftbar/general_row/general_row_constants.d.ts

@@ -14,11 +14,6 @@ export namespace LEFTBAR_GENERAL_ROW_TYPES {
     let DIGITAL: string;
     let SCHEDULED: string;
 }
-export const LEFTBAR_GENERAL_ROW_ICON_MAPPING: {
-    [x: string]: string;
-    'locked channel unread': string;
-    'channel unread': string;
-};
 export const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS: {
     'magenta-200': string;
     'green-200': string;
@@ -36,7 +31,6 @@ export const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR: string;
 export const LEFTBAR_GENERAL_ROW_ICON_SIZES: string[];
 declare namespace _default {
     export { LEFTBAR_GENERAL_ROW_TYPES };
-    export { LEFTBAR_GENERAL_ROW_ICON_MAPPING };
     export { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS };
     export { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR };
     export { LEFTBAR_GENERAL_ROW_ICON_SIZES };

package/dist/vue3/types/recipes/leftbar/general_row/general_row_constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"general_row_constants.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/general_row_constants.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiBA;;;;EAeE;AAEF;;;;;;;;;;;;EAYE;AAEF,yEAC4F;AAE5F,sDAGE"}
+{"version":3,"file":"general_row_constants.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/general_row_constants.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiBA;;;;;;;;;;;;EAYE;AAEF,yEAC4F;AAE5F,sDAGE"}

package/dist/vue3/types/recipes/leftbar/general_row/index.d.ts

@@ -1,3 +1,3 @@
 export { default as DtRecipeGeneralRow } from './general_row.vue';
-export { LEFTBAR_GENERAL_ROW_TYPES, LEFTBAR_GENERAL_ROW_ICON_MAPPING, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR, LEFTBAR_GENERAL_ROW_ICON_SIZES } from './general_row_constants';
+export { LEFTBAR_GENERAL_ROW_TYPES, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR, LEFTBAR_GENERAL_ROW_ICON_SIZES } from './general_row_constants';
 //# sourceMappingURL=index.d.ts.map

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

@@ -15,7 +15,36 @@ declare const _default: import('vue').DefineComponent<{
     isIconType(): boolean;
     isContactCenterType(): boolean;
     isDialbotType(): boolean;
-    getIconName(): string;
+    getIconName(): import('vue').DefineComponent<{
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (s: unknown) => boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+    }, any, any, {
+        iconSizeClass(): any;
+        ariaHidden(): "true" | "false";
+        dataQA(): any;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (s: unknown) => boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+    }>> & {
+        onLoaded?: ((...args: any[]) => any) | undefined;
+    }, {
+        size: string;
+        ariaLabel: string;
+    }, {}> | undefined;
     contactCenterIconClasses(): any[];
     dialbotClasses(): string[];
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{

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

@@ -1 +1 @@
-{"version":3,"file":"leftbar_general_row_icon.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/leftbar_general_row_icon.vue"],"names":[],"mappings":"AAqBA;"}
+{"version":3,"file":"leftbar_general_row_icon.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/leftbar_general_row_icon.vue"],"names":[],"mappings":"AAoBA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"group_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/group_row/group_row.vue"],"names":[],"mappings":"AAoBA;"}
+{"version":3,"file":"group_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/group_row/group_row.vue"],"names":[],"mappings":"AAmBA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"unread_pill.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/unread_pill/unread_pill.vue"],"names":[],"mappings":"AAgBA;"}
+{"version":3,"file":"unread_pill.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/unread_pill/unread_pill.vue"],"names":[],"mappings":"AAoBA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone",
-  "version": "9.76.3",
+  "version": "9.77.0",
   "description": "Dialpad's Dialtone design system monorepo",
   "files": [
     "dist"

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