@dialpad/dialtone 9.73.0-beta.2 → 9.73.0

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

@@ -0,0 +1,25 @@
+/**
+ * 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 createTemplateFromVueFile(args: object, argTypes: any, templateComponent: component): component;
+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 { createTemplateFromVueFile };
+    export { getIllustrationNames };
+    export { getIconNames };
+}
+export default _default;
+//# sourceMappingURL=storybook_utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"storybook_utils.d.ts","sourceRoot":"","sources":["../../../common/storybook_utils.js"],"names":[],"mappings":"AAsBA;;;GAGG;AACH,gCAFa,MAAM,EAAE,CAIpB;AAED;;;GAGG;AACH,wCAFa,MAAM,EAAE,CAIpB;AAtBM,gDANI,MAAM,0DAYf;AAkBK;;;;;WAoBN"}

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

@@ -80,6 +80,13 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
         validator: (group: unknown) => boolean;
     };
+    /**
+     * The icon that overlays the avatar
+     */
+    overlayIcon: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * The text that overlays the avatar
      */
@@ -110,6 +117,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    /**
+     * Icon name to be displayed on the avatar
+     */
+    iconName: {
+        type: StringConstructor;
+        default: undefined;
+        validator: (name: unknown) => boolean;
+    };
     /**
      * Icon size to be displayed on the avatar
      * @values 100, 200, 300, 400, 500, 600, 700, 800
@@ -169,11 +184,8 @@ declare const _default: import("vue").DefineComponent<{
     imageLoadedSuccessfully: null;
     formattedInitials: string;
     initializing: boolean;
-    hasSlotContent: typeof hasSlotContent;
 }, {
-    isIconType(): any;
-    hasOverlayIcon(): any;
-    iconDataQa(): "dt-avatar-icon";
+    isNotIconType(): boolean;
     avatarClasses(): any[];
     overlayClasses(): any[];
     showGroup(): boolean;
@@ -270,6 +282,13 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
         validator: (group: unknown) => boolean;
     };
+    /**
+     * The icon that overlays the avatar
+     */
+    overlayIcon: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * The text that overlays the avatar
      */
@@ -300,6 +319,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    /**
+     * Icon name to be displayed on the avatar
+     */
+    iconName: {
+        type: StringConstructor;
+        default: undefined;
+        validator: (name: unknown) => boolean;
+    };
     /**
      * Icon size to be displayed on the avatar
      * @values 100, 200, 300, 400, 500, 600, 700, 800
@@ -347,13 +374,14 @@ declare const _default: import("vue").DefineComponent<{
     canvasClass: string | Record<string, any> | unknown[];
     iconClass: string | Record<string, any> | unknown[];
     presenceProps: Record<string, any>;
+    overlayIcon: string;
     overlayText: string;
     overlayClass: string | Record<string, any> | unknown[];
     imageAlt: string;
+    iconName: string;
     iconSize: string;
     clickable: boolean;
     iconAriaLabel: string;
 }, {}>;
 export default _default;
-import { hasSlotContent } from '@/common/utils';
 //# sourceMappingURL=avatar.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.vue.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar.vue.js"],"names":[],"mappings":";IA2BI;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA7JH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAtL2D,gBAAgB"}
+{"version":3,"file":"avatar.vue.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar.vue.js"],"names":[],"mappings":";IA+BI;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA9KH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}

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

@@ -1,12 +1,20 @@
 declare const _default: import("vue").DefineComponent<{
     /**
-     * The size of the left and right icons.
-     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     * Icon on the left side of the badge. Supports any valid icon name from the icon catalog at
+     * https://dialtone.dialpad.com/components/icon.html#icon-catalog. If type:'ai' is set, the ai icon
+     * will automatically be shown here, but this can be overridden by setting this prop.
      */
-    iconSize: {
+    iconLeft: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Icon on the right side of the badge. Supports any valid icon name from the icon catalog at
+     * https://dialtone.dialpad.com/components/icon.html#icon-catalog
+     */
+    iconRight: {
         type: StringConstructor;
         default: string;
-        validator: (s: unknown) => boolean;
     };
     /**
      * Text for the badge content
@@ -35,7 +43,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     /**
      * Decoration for the badge. This can be only used with kind: label and type: default
-     * with no left and right icons
+     * with no iconLeft and iconRight
      * @values default, black-400, black-500, black-900, red-200, red-300, red-400, purple-200,
      * purple-300, purple-400, purple-500, blue-200, blue-300, blue-400, green-300, green-400,
      * green-500, gold-300, gold-400, gold-500, magenta-200, magenta-300, magenta-400
@@ -85,10 +93,12 @@ declare const _default: import("vue").DefineComponent<{
         'black-400': string;
         'black-500': string;
         'black-900': string;
-        'red-200': string; /**
-         * The size of the left and right icons.
-         * @values 100, 200, 300, 400, 500, 600, 700, 800
+        /**
+         * Icon on the left side of the badge. Supports any valid icon name from the icon catalog at
+         * https://dialtone.dialpad.com/components/icon.html#icon-catalog. If type:'ai' is set, the ai icon
+         * will automatically be shown here, but this can be overridden by setting this prop.
          */
+        'red-200': string;
         'red-300': string;
         'red-400': string;
         'purple-200': string;
@@ -109,22 +119,28 @@ declare const _default: import("vue").DefineComponent<{
         'magenta-400': string;
     };
 }, {
-    hasLeftIcon(): any;
-    hasRightIcon(): any;
-    hasIcons(): any;
+    hasIcons(): boolean;
 }, {
     validateProps(): void;
     validateTypePropCombination(): void;
     validateDecorationPropCombination(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * The size of the left and right icons.
-     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     * Icon on the left side of the badge. Supports any valid icon name from the icon catalog at
+     * https://dialtone.dialpad.com/components/icon.html#icon-catalog. If type:'ai' is set, the ai icon
+     * will automatically be shown here, but this can be overridden by setting this prop.
+     */
+    iconLeft: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Icon on the right side of the badge. Supports any valid icon name from the icon catalog at
+     * https://dialtone.dialpad.com/components/icon.html#icon-catalog
      */
-    iconSize: {
+    iconRight: {
         type: StringConstructor;
         default: string;
-        validator: (s: unknown) => boolean;
     };
     /**
      * Text for the badge content
@@ -153,7 +169,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     /**
      * Decoration for the badge. This can be only used with kind: label and type: default
-     * with no left and right icons
+     * with no iconLeft and iconRight
      * @values default, black-400, black-500, black-900, red-200, red-300, red-400, purple-200,
      * purple-300, purple-400, purple-500, blue-200, blue-300, blue-400, green-300, green-400,
      * green-500, gold-300, gold-400, gold-500, magenta-200, magenta-300, magenta-400
@@ -188,7 +204,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     type: string;
     text: string;
-    iconSize: string;
+    iconLeft: string;
+    iconRight: string;
     kind: string;
     decoration: string;
     labelClass: string | Record<string, any> | unknown[];

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

@@ -1 +1 @@
-{"version":3,"file":"badge.vue.d.ts","sourceRoot":"","sources":["../../../../components/badge/badge.vue.js"],"names":[],"mappings":";IAeI;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;;;;;OAMG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;2BAtEH;;;WAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAHH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;;;;;OAMG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"badge.vue.d.ts","sourceRoot":"","sources":["../../../../components/badge/badge.vue.js"],"names":[],"mappings":";IAkBI;;;;OAIG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;;;;;OAMG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;QA/EH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAJH;;;;OAIG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;;;;;OAMG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG"}

package/dist/vue3/types/components/chip/chip.vue.d.ts

@@ -149,8 +149,8 @@ declare const _default: import("vue").DefineComponent<{
     onKeyup?: ((...args: any[]) => any) | undefined;
 }, {
     size: string;
-    id: string;
     ariaLabel: string;
+    id: string;
     labelClass: string | Record<string, any> | unknown[];
     closeButtonProps: Record<string, any>;
     hideClose: boolean;

package/dist/vue3/types/components/collapsible/collapsible.vue.d.ts

@@ -187,8 +187,8 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
 }, {
-    id: string;
     ariaLabel: string;
+    id: string;
     maxHeight: string;
     contentClass: string | Record<string, any> | unknown[];
     elementType: string;

package/dist/vue3/types/components/collapsible/collapsible.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.vue.d.ts","sourceRoot":"","sources":["../../../../components/collapsible/collapsible.vue.js"],"names":[],"mappings":";IAwBI;;;OAGG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;IA1FH;;;OAGG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG"}
+{"version":3,"file":"collapsible.vue.d.ts","sourceRoot":"","sources":["../../../../components/collapsible/collapsible.vue.js"],"names":[],"mappings":";IAuBI;;;OAGG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;IA1FH;;;OAGG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG"}

package/dist/vue3/types/components/emoji_picker/modules/emoji_tabset.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"emoji_tabset.vue.d.ts","sourceRoot":"","sources":["../../../../../components/emoji_picker/modules/emoji_tabset.vue.js"],"names":[],"mappings":";;;;;;;;AAmIA,qCAEC"}
+{"version":3,"file":"emoji_tabset.vue.d.ts","sourceRoot":"","sources":["../../../../../components/emoji_picker/modules/emoji_tabset.vue.js"],"names":[],"mappings":";;;;;;;;AAyHA,qCAEC"}

package/dist/vue3/types/components/empty_state/empty_state.vue.d.ts

@@ -3,10 +3,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}
         readonly [x: string]: any;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    illustration?(_: {}): any;
-    icon?(_: {
-        iconSize: string;
-    }): any;
     body?(_: {}): any;
 }>;
 export default _default;

package/dist/vue3/types/components/empty_state/empty_state.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty_state.vue.d.ts","sourceRoot":"","sources":["../../../../components/empty_state/empty_state.vue.js"],"names":[],"mappings":";;;;;0BA6MmC,GAAG;;;QACX,GAAG;kBACH,GAAG"}
+{"version":3,"file":"empty_state.vue.d.ts","sourceRoot":"","sources":["../../../../components/empty_state/empty_state.vue.js"],"names":[],"mappings":";;;;;kBAgR2B,GAAG"}

package/dist/vue3/types/components/empty_state/empty_state_constants.d.ts

@@ -3,35 +3,8 @@ export namespace EMPTY_STATE_SIZE_MODIFIERS {
     let md: string;
     let lg: string;
 }
-export namespace EMPTY_STATE_CONTENT_SIZE_MODIFIERS {
-    let sm_1: string;
-    export { sm_1 as sm };
-    let md_1: string;
-    export { md_1 as md };
-    let lg_1: string;
-    export { lg_1 as lg };
-}
-export namespace EMPTY_STATE_HEADLINE_SIZE_MODIFIERS {
-    let sm_2: string;
-    export { sm_2 as sm };
-    let md_2: string;
-    export { md_2 as md };
-    let lg_2: string;
-    export { lg_2 as lg };
-}
-export namespace EMPTY_STATE_BODY_SIZE_MODIFIERS {
-    let sm_3: string;
-    export { sm_3 as sm };
-    let md_3: string;
-    export { md_3 as md };
-    let lg_3: string;
-    export { lg_3 as lg };
-}
 declare namespace _default {
     export { EMPTY_STATE_SIZE_MODIFIERS };
-    export { EMPTY_STATE_CONTENT_SIZE_MODIFIERS };
-    export { EMPTY_STATE_HEADLINE_SIZE_MODIFIERS };
-    export { EMPTY_STATE_BODY_SIZE_MODIFIERS };
 }
 export default _default;
 //# sourceMappingURL=empty_state_constants.d.ts.map

package/dist/vue3/types/components/image_viewer/image_viewer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image_viewer.vue.d.ts","sourceRoot":"","sources":["../../../../components/image_viewer/image_viewer.vue.js"],"names":[],"mappings":";IAkBI;;;;;MAKE;;;;;IAMF;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA1DH;;;;;MAKE;;;;;IAMF;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"image_viewer.vue.d.ts","sourceRoot":"","sources":["../../../../components/image_viewer/image_viewer.vue.js"],"names":[],"mappings":";IAkBI;;;;;MAKE;;;;;IAKF;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAzDH;;;;;MAKE;;;;;IAKF;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG"}

package/dist/vue3/types/components/keyboard_shortcut/index.d.ts

@@ -1,3 +1,3 @@
 export { default as DtKeyboardShortcut } from "./keyboard_shortcut.vue";
-export { SHORTCUTS_ALIASES_LIST } from "./keyboard_shortcut_constants";
+export { SHORTCUTS_ICON_ALIASES, SHORTCUTS_ALIASES_LIST, SHORTCUTS_ICON_SEPARATOR } from "./keyboard_shortcut_constants";
 //# sourceMappingURL=index.d.ts.map

package/dist/vue3/types/components/keyboard_shortcut/keyboard_shortcut.vue.d.ts

@@ -23,219 +23,24 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
 }, any, {
+    SHORTCUTS_ICON_ALIASES: {
+        '{win}': string;
+        '{arrow-right}': string;
+        '{arrow-left}': string;
+        '{arrow-up}': string;
+        '{arrow-down}': string;
+        '{cmd}': string;
+    };
     separator: RegExp;
 }, {
     icons(): {
-        '{plus}': 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;
-        }, {}>;
-        '{win}': 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;
-        }, {}>;
-        '{arrow-right}': 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;
-        }, {}>;
-        '{arrow-left}': 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;
-        }, {}>;
-        '{arrow-up}': 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;
-        }, {}>;
-        '{arrow-down}': 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;
-        }, {}>;
-        '{cmd}': 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;
-        }, {}>;
+        '{plus}': string;
+        '{win}': string;
+        '{arrow-right}': string;
+        '{arrow-left}': string;
+        '{arrow-up}': string;
+        '{arrow-down}': string;
+        '{cmd}': string;
     };
     shortcutWithSeparator(): any;
     formattedShortcut(): any;

package/dist/vue3/types/components/keyboard_shortcut/keyboard_shortcut.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard_shortcut.vue.d.ts","sourceRoot":"","sources":["../../../../components/keyboard_shortcut/keyboard_shortcut.vue.js"],"names":[],"mappings":";IAuCI;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IApBH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"keyboard_shortcut.vue.d.ts","sourceRoot":"","sources":["../../../../components/keyboard_shortcut/keyboard_shortcut.vue.js"],"names":[],"mappings":";IAiBI;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IApBH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG"}

package/dist/vue3/types/components/keyboard_shortcut/keyboard_shortcut_constants.d.ts

@@ -1,2 +1,13 @@
+export const SHORTCUTS_ICON_ALIASES: {
+    '{win}': string;
+    '{arrow-right}': string;
+    '{arrow-left}': string;
+    '{arrow-up}': string;
+    '{arrow-down}': string;
+    '{cmd}': string;
+};
+export const SHORTCUTS_ICON_SEPARATOR: {
+    '{plus}': string;
+};
 export const SHORTCUTS_ALIASES_LIST: string[];
 //# sourceMappingURL=keyboard_shortcut_constants.d.ts.map

package/dist/vue3/types/components/keyboard_shortcut/keyboard_shortcut_constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard_shortcut_constants.d.ts","sourceRoot":"","sources":["../../../../components/keyboard_shortcut/keyboard_shortcut_constants.js"],"names":[],"mappings":"AAAA,8CAOE"}
+{"version":3,"file":"keyboard_shortcut_constants.d.ts","sourceRoot":"","sources":["../../../../components/keyboard_shortcut/keyboard_shortcut_constants.js"],"names":[],"mappings":"AAAA;;;;;;;EAOE;AAEF;;EAEE;AAEF,8CAA0E"}

package/dist/vue3/types/components/list_item/list_item.vue.d.ts

@@ -57,7 +57,10 @@ declare const _default: import("vue").DefineComponent<{
         as: {
             type: StringConstructor;
             default: string;
-        };
+        }; /**
+         * A list item is an element that can be used to represent individual items in a list.
+         * @see https://dialtone.dialpad.com/components/list_item.html
+         */
         unstyled: {
             type: BooleanConstructor;
             default: boolean;
@@ -68,7 +71,10 @@ declare const _default: import("vue").DefineComponent<{
         as: {
             type: StringConstructor;
             default: string;
-        };
+        }; /**
+         * A list item is an element that can be used to represent individual items in a list.
+         * @see https://dialtone.dialpad.com/components/list_item.html
+         */
         unstyled: {
             type: BooleanConstructor;
             default: boolean;

package/dist/vue3/types/components/list_item/list_item.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list_item.vue.d.ts","sourceRoot":"","sources":["../../../../components/list_item/list_item.vue.js"],"names":[],"mappings":";IAgCI;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;;;;OAMG;;;;;;IAOH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8EH;;;OAGG;;;IAaH;;OAEG;;;;;;;IAlJH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;;;;OAMG;;;;;;IAOH;;OAEG"}
+{"version":3,"file":"list_item.vue.d.ts","sourceRoot":"","sources":["../../../../components/list_item/list_item.vue.js"],"names":[],"mappings":";IAgCI;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;;;;OAMG;;;;;;IAOH;;OAEG;;;;;;;;;;;;;WAtEP;;;WAGG;;;;;;;;;;;WAHH;;;WAGG;;;;;;;;;;;;;;IAiJC;;;OAGG;;;IAaH;;OAEG;;;;;;;IAlJH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;;;;OAMG;;;;;;IAOH;;OAEG"}

package/dist/vue3/types/components/notice/notice_action.vue.d.ts

@@ -32,17 +32,16 @@ declare const _default: import("vue").DefineComponent<{
         };
         visuallyHiddenCloseLabel: {
             type: StringConstructor;
-            default: null;
+            default: null; /**
+             * Props for the notice close button.
+             */
         };
     };
     watch: {
         $props: {
             immediate: boolean;
             deep: boolean;
-            handler(): void; /**
-             * Hides the close button from the notice
-             * @values true, false
-             */
+            handler(): void;
         };
     };
     computed: {

package/dist/vue3/types/components/notice/notice_action.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notice_action.vue.d.ts","sourceRoot":"","sources":["../../../../components/notice/notice_action.vue.js"],"names":[],"mappings":";IAmBI;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;6BAZH;;;eAGG;;;;;;;;;;IAXH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}
+{"version":3,"file":"notice_action.vue.d.ts","sourceRoot":"","sources":["../../../../components/notice/notice_action.vue.js"],"names":[],"mappings":";IAmBI;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;2BApBH;;eAEG;;;;;;;;;;;;;;;;;IAFH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}