@dialpad/dialtone-vue 3.93.1 → 3.94.1

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

@@ -77,7 +77,7 @@ declare const _default: import("vue").DefineComponent<{
     chipClasses(): any[];
     chipCloseButtonClasses(): any[];
     onClose(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "close" | "keyup")[], "click" | "close" | "keyup", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "click" | "keyup")[], "close" | "click" | "keyup", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A set of props to be passed into the modal's close button. Requires an 'ariaLabel' property.
      */

package/dist/types/components/combobox/combobox.vue.d.ts

@@ -312,8 +312,8 @@ declare const _default: import("vue").DefineComponent<{
     onHighlight?: ((...args: any[]) => any) | undefined;
 }, {
     size: string;
-    description: string;
     loading: boolean;
+    description: string;
     showList: boolean;
     labelVisible: boolean;
     listId: string;

package/dist/types/components/datepicker/modules/month-year-picker.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         readonly changeToLabel?: string | undefined;
         readonly selectedDate?: Date | undefined;
     };
-    $emit: (event: "focus-day" | "close-datepicker" | "calendar-days", ...args: any[]) => void;
+    $emit: (event: "calendar-days" | "focus-day" | "close-datepicker", ...args: any[]) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;
 //# sourceMappingURL=month-year-picker.vue.d.ts.map

package/dist/types/components/description_list/description_list.vue.d.ts

@@ -0,0 +1,98 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The direction for the list
+     * @values row, column
+     */
+    direction: {
+        type: StringConstructor;
+        default: string;
+        validator: (direction: unknown) => boolean;
+    };
+    /**
+     * A list of items that represent the term and the description
+     */
+    items: {
+        type: ArrayConstructor;
+        default: () => never[];
+        validator: (items: unknown) => boolean;
+        required: true;
+    };
+    /**
+     * Set the space between the elements
+     * @values 0, 100, 200, 300, 400, 500, 600
+     */
+    gap: {
+        type: StringConstructor;
+        default: string;
+        validator: (gap: unknown) => boolean;
+    };
+    /**
+     * Used to customize the term element
+     */
+    termClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Used to customize the description element
+     */
+    descriptionClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+}, any, any, {
+    dtClass(): any[];
+    ddClass(): any[];
+    getDirectionClass(): string;
+    getGapClass(): string;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The direction for the list
+     * @values row, column
+     */
+    direction: {
+        type: StringConstructor;
+        default: string;
+        validator: (direction: unknown) => boolean;
+    };
+    /**
+     * A list of items that represent the term and the description
+     */
+    items: {
+        type: ArrayConstructor;
+        default: () => never[];
+        validator: (items: unknown) => boolean;
+        required: true;
+    };
+    /**
+     * Set the space between the elements
+     * @values 0, 100, 200, 300, 400, 500, 600
+     */
+    gap: {
+        type: StringConstructor;
+        default: string;
+        validator: (gap: unknown) => boolean;
+    };
+    /**
+     * Used to customize the term element
+     */
+    termClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Used to customize the description element
+     */
+    descriptionClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+}>>, {
+    direction: string;
+    items: unknown[];
+    gap: string;
+    termClass: string | Record<string, any> | unknown[];
+    descriptionClass: string | Record<string, any> | unknown[];
+}, {}>;
+export default _default;
+//# sourceMappingURL=description_list.vue.d.ts.map

package/dist/types/components/description_list/description_list.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"description_list.vue.d.ts","sourceRoot":"","sources":["../../../../components/description_list/description_list.vue.js"],"names":[],"mappings":";IAUI;;;OAGG;;;;;;IAOH;;OAEG;;;;;;;IAQH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;IAxCH;;;OAGG;;;;;;IAOH;;OAEG;;;;;;;IAQH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG"}

package/dist/types/components/description_list/description_list_constants.d.ts

@@ -0,0 +1,2 @@
+export const DT_DESCRIPTION_LIST_DIRECTION: string[];
+//# sourceMappingURL=description_list_constants.d.ts.map

package/dist/types/components/description_list/description_list_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"description_list_constants.d.ts","sourceRoot":"","sources":["../../../../components/description_list/description_list_constants.js"],"names":[],"mappings":"AAAA,qDAA+D"}

package/dist/types/components/description_list/description_list_validators.d.ts

@@ -0,0 +1,2 @@
+export function itemsValidator(items: any): boolean;
+//# sourceMappingURL=description_list_validators.d.ts.map

package/dist/types/components/description_list/description_list_validators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"description_list_validators.d.ts","sourceRoot":"","sources":["../../../../components/description_list/description_list_validators.js"],"names":[],"mappings":"AAgBO,oDAoBN"}

package/dist/types/components/description_list/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DtDescriptionList } from "./description_list.vue";
+export { DT_DESCRIPTION_LIST_DIRECTION } from "./description_list_constants";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/description_list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/description_list/index.js"],"names":[],"mappings":""}

package/dist/types/components/icon/icon.vue.d.ts

@@ -1,4 +1,11 @@
 declare const _default: import("vue").DefineComponent<{
+    /**
+     * DtIcon identifier
+     */
+    id: {
+        type: StringConstructor;
+        default(): string;
+    };
     /**
      * The size of the icon.
      * @values 100, 200, 300, 400, 500, 600, 700, 800
@@ -24,9 +31,15 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, any, any, {
     iconSize(): any;
-    iconName(): string;
-    currentIcon(): any;
+    icon(): any;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * DtIcon identifier
+     */
+    id: {
+        type: StringConstructor;
+        default(): string;
+    };
     /**
      * The size of the icon.
      * @values 100, 200, 300, 400, 500, 600, 700, 800
@@ -51,6 +64,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
 }>>, {
+    id: string;
     size: string;
     ariaLabel: string;
 }, {}>;

package/dist/types/components/icon/icon.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.vue.d.ts","sourceRoot":"","sources":["../../../../components/icon/icon.vue.js"],"names":[],"mappings":";IAaI;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;IApBH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"icon.vue.d.ts","sourceRoot":"","sources":["../../../../components/icon/icon.vue.js"],"names":[],"mappings":";IAcI;;OAEG;;;;;IAQH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;IA9BH;;OAEG;;;;;IAQH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG"}

package/dist/types/components/icon/icon_constants.d.ts

@@ -8,10 +8,8 @@ export const ICON_SIZE_MODIFIERS: {
     700: string;
     800: string;
 };
-export const DIALTONE_ICONS: any;
 declare namespace _default {
     export { ICON_SIZE_MODIFIERS };
-    export { DIALTONE_ICONS };
 }
 export default _default;
 //# sourceMappingURL=icon_constants.d.ts.map

package/dist/types/components/icon/icon_constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon_constants.d.ts","sourceRoot":"","sources":["../../../../components/icon/icon_constants.js"],"names":[],"mappings":"AACA;;;;;;;;;EASE;AACF,iCAA4C"}
+{"version":3,"file":"icon_constants.d.ts","sourceRoot":"","sources":["../../../../components/icon/icon_constants.js"],"names":[],"mappings":"AAAA;;;;;;;;;EASE"}

package/dist/types/components/input/input.vue.d.ts

@@ -215,7 +215,7 @@ declare const _default: import("vue").DefineComponent<{
     computed: {
         formattedMessages(): any;
     };
-}, import("vue").ComponentOptionsMixin, ("input" | "focusin" | "focusout" | "clear" | "focus" | "blur" | "update:modelValue" | "update:length" | "update:invalid")[], "input" | "focusin" | "focusout" | "clear" | "focus" | "blur" | "update:modelValue" | "update:length" | "update:invalid", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, ("input" | "focus" | "focusin" | "focusout" | "clear" | "blur" | "update:modelValue" | "update:length" | "update:invalid")[], "input" | "focus" | "focusin" | "focusout" | "clear" | "blur" | "update:modelValue" | "update:length" | "update:invalid", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Name property of the input element
      */

package/dist/types/components/modal/modal.vue.d.ts

@@ -372,13 +372,13 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     title: string;
     size: string;
+    copy: string;
     kind: string;
     hideClose: boolean;
     dialogClass: string | Record<string, any> | unknown[];
     bannerClass: string | Record<string, any> | unknown[];
     contentClass: string | Record<string, any> | unknown[];
     show: boolean;
-    copy: string;
     describedById: string;
     labelledById: string;
     bannerTitle: string;

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

@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
     methods: {
         validateVisuallyHiddenCloseProps(): void;
     };
-}, import("vue").ComponentOptionsMixin, ("click" | "close")[], "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, ("close" | "click")[], "close" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Sets an ID on the title element of the component. Useful for aria-describedby
      * or aria-labelledby or any other reason you may need an id to refer to the title.

package/dist/types/components/radio/radio.vue.d.ts

@@ -162,7 +162,7 @@ declare const _default: import("vue").DefineComponent<{
     computed: {
         formattedMessages(): any;
     };
-}, import("vue").ComponentOptionsMixin, ("input" | "click" | "focusin" | "focusout" | "focus")[], "input" | "click" | "focusin" | "focusout" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, ("input" | "focus" | "click" | "focusin" | "focusout")[], "input" | "focus" | "click" | "focusin" | "focusout", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A provided value for the radio
      */

package/dist/types/components/root_layout/root_layout.vue.d.ts

@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     /**
-     * DEPRECATED: set the min-width of the inner element instead.
+     * DEPRECATED: set the width of the inner element instead.
      */
     sidebarWidth: {
         type: StringConstructor;
@@ -147,7 +147,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     /**
-     * DEPRECATED: set the min-width of the inner element instead.
+     * DEPRECATED: set the width of the inner element instead.
      */
     sidebarWidth: {
         type: StringConstructor;

package/dist/types/components/scroller/modules/core_scroller.vue.d.ts

@@ -5,9 +5,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}
     };
     $props: {
         readonly itemClass?: string | Record<string, any> | unknown[] | undefined;
-        readonly listClass?: string | Record<string, any> | unknown[] | undefined;
         readonly direction?: string | undefined;
         readonly items?: unknown[] | undefined;
+        readonly listClass?: string | Record<string, any> | unknown[] | undefined;
         readonly keyField?: string | undefined;
         readonly itemSize?: number | undefined;
         readonly minItemSize?: string | number | undefined;

package/dist/types/components/scroller/modules/scroller_item.vue.d.ts

@@ -70,10 +70,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
+    tag: string;
     index: number;
     watchData: boolean;
     sizeDependencies: Record<string, any> | unknown[];
-    tag: string;
 }, {}>;
 export default _default;
 //# sourceMappingURL=scroller_item.vue.d.ts.map

package/dist/types/components/tabs/tab.vue.d.ts

@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     setSelectedPanelByDefault(): void;
     selectPanel(selectOverride?: boolean): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus")[], "click" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "click")[], "focus" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Id of the tab
      */

package/dist/types/components/toast/toast.vue.d.ts

@@ -125,7 +125,7 @@ declare const _default: import("vue").DefineComponent<{
     methods: {
         validateVisuallyHiddenCloseProps(): void;
     };
-}, import("vue").ComponentOptionsMixin, ("click" | "close" | "update:show")[], "click" | "close" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, ("close" | "click" | "update:show")[], "close" | "click" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Sets an ID on the title element of the component. Useful for aria-describedby
      * or aria-labelledby or any other reason you may need an id to refer to the title.
@@ -226,13 +226,13 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     title: string;
     role: string;
+    message: string;
     kind: string;
     titleId: string;
     contentId: string;
     closeButtonProps: Record<string, any>;
     hideClose: boolean;
     important: boolean;
-    message: string;
     show: boolean;
     duration: number;
 }, {}>;

package/dist/types/components/tooltip/tooltip.vue.d.ts

@@ -426,10 +426,10 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
 }, {
     id: string;
+    message: string;
     inverted: boolean;
     transition: string;
     contentClass: string | Record<string, any> | unknown[];
-    message: string;
     show: boolean;
     offset: unknown[];
     fallbackPlacements: unknown[];

package/dist/types/index.d.ts

@@ -8,6 +8,7 @@ export * from "./components/card";
 export * from "./components/codeblock";
 export * from "./components/combobox";
 export * from "./components/collapsible";
+export * from "./components/description_list";
 export * from "./components/dropdown";
 export * from "./components/image_viewer";
 export * from "./components/input";

package/dist/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts

@@ -349,8 +349,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     placeholder: string;
     size: string;
-    description: string;
     loading: boolean;
+    description: string;
     transition: string;
     showList: boolean;
     labelVisible: boolean;

package/dist/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts

@@ -411,8 +411,8 @@ declare const _default: import("vue").DefineComponent<{
     onHighlight?: ((...args: any[]) => any) | undefined;
 }, {
     size: string;
-    description: string;
     loading: boolean;
+    description: string;
     transition: string;
     maxHeight: string;
     maxWidth: string;

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

@@ -131,6 +131,14 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validate(kind: any): boolean;
     };
+    /**
+     * Content area needs to dynamically adjust height based on the conversation area height.
+     * can be vh|px|rem|em|%
+     */
+    maxHeight: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * tab labels for emoji
      */
@@ -350,6 +358,14 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validate(kind: any): boolean;
     };
+    /**
+     * Content area needs to dynamically adjust height based on the conversation area height.
+     * can be vh|px|rem|em|%
+     */
+    maxHeight: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * tab labels for emoji
      */
@@ -417,6 +433,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     link: boolean | Record<string, any>;
     placeholder: string;
+    maxHeight: string;
     modelValue: string | Record<string, any>;
     inputClass: string;
     editable: boolean;

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":";IAoCI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAQH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAQH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAWH;;OAEG;;;;;;;;;;;;;;;;;;;;;IAoCH;;OAEG;;;;;IAQH;;OAEG;;;;;;;;;IAWH;;OAEG;;;;;;;;;IAWH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA/OH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAQH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAQH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAWH;;OAEG;;;;;;;;;;;;;;;;;;;;;IAoCH;;OAEG;;;;;IAQH;;OAEG;;;;;;;;;IAWH;;OAEG;;;;;;;;;IAWH;;OAEG"}
+{"version":3,"file":"message_input.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/message_input/message_input.vue.js"],"names":[],"mappings":";IAoCI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAQH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAQH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IASH;;;OAGG;;;;;IAQH;;OAEG;;;;;;;;;;;;;;;;;;;;;IAoCH;;OAEG;;;;;IAQH;;OAEG;;;;;;;;;IAWH;;OAEG;;;;;;;;;IAWH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAxPH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAQH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAQH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IASH;;;OAGG;;;;;IAQH;;OAEG;;;;;;;;;;;;;;;;;;;;;IAoCH;;OAEG;;;;;IAQH;;OAEG;;;;;;;;;IAWH;;OAEG;;;;;;;;;IAWH;;OAEG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "3.93.1",
+  "version": "3.94.1",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "scripts": {
     "build": "run-s clean build:main build:typescript build:documentation",
@@ -35,7 +35,6 @@
     "CHANGELOG.json"
   ],
   "dependencies": {
-    "@dialpad/dialtone-icons": "^3.4.0",
     "@tiptap/extension-code-block": "^2.0.3",
     "@tiptap/extension-document": "^2.0.3",
     "@tiptap/extension-hard-break": "^2.0.3",
@@ -55,10 +54,12 @@
     "@commitlint/cli": "^17.6.6",
     "@commitlint/config-conventional": "^17.6.6",
     "@dialpad/conventional-changelog-angular": "^1.1.1",
-    "@dialpad/dialtone": "^8.21.2",
+    "@dialpad/dialtone": "^8.21.3",
+    "@dialpad/dialtone-icons": "^4.1.0",
     "@dialpad/semantic-release-changelog-json": "^1.0.0",
-    "@percy/cli": "^1.27.3",
+    "@percy/cli": "^1.27.4",
     "@percy/storybook": "^4.3.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@storybook/addon-a11y": "^7.4.6",
@@ -104,9 +105,11 @@
     "source-map-support": "^0.5.21",
     "storybook": "^7.4.6",
     "storybook-dark-mode": "^3.0.1",
+    "string-hash": "^1.1.3",
     "typedoc": "^0.25.2",
     "typedoc-plugin-markdown": "^3.16.0",
     "vite": "^4.4.9",
+    "vite-svg-loader": "^4.0.0",
     "vitest": "0.33.0",
     "vue": "^3.3.4",
     "vue-cli-plugin-webpack-bundle-analyzer": "~4.0.0",
@@ -117,6 +120,7 @@
   },
   "peerDependencies": {
     "@dialpad/dialtone": "^7.30.0 || ^8.21.2",
+    "@dialpad/dialtone-icons": "^4.1.0",
     "vue": ">=3.2"
   },
   "bugs": {