@dialpad/dialtone-vue 3.182.4 → 3.184.0

package/dist/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"],"names":[],"mappings":"AA6BA;;;;;;;;;AAuTA,qCAEC"}
+{"version":3,"file":"emoji_tabset.vue.d.ts","sourceRoot":"","sources":["../../../../../components/emoji_picker/modules/emoji_tabset.vue"],"names":[],"mappings":"AA6BA;;;;;;;;;AAuVA,qCAEC"}

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

@@ -1 +1 @@
-{"version":3,"file":"hovercard.vue.d.ts","sourceRoot":"","sources":["../../../../components/hovercard/hovercard.vue"],"names":[],"mappings":"AAgDA;;;;;;;qBAutB6B,GAAG;qBACF,GAAG;2BACG,GAAG;2BACH,GAAG"}
+{"version":3,"file":"hovercard.vue.d.ts","sourceRoot":"","sources":["../../../../components/hovercard/hovercard.vue"],"names":[],"mappings":"AAiDA;;;;;;;qBAgxB6B,GAAG;qBACF,GAAG;2BACG,GAAG;2BACH,GAAG"}

package/dist/types/components/rich_text_editor/extensions/channels/ChannelComponent.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import('vue').DefineComponent<{
         required: true;
     };
     decorations: {
-        type: import('vue').PropType<import('@tiptap/vue-3').DecorationWithType[]>;
+        type: import('vue').PropType<readonly import('@tiptap/vue-3').DecorationWithType[]>;
         required: true;
     };
     selected: {
@@ -31,6 +31,18 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<() => void>;
         required: true;
     };
+    view: {
+        type: import('vue').PropType<import('@tiptap/pm/view').EditorView>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import('vue').PropType<import('@tiptap/pm/view').DecorationSource>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import('vue').PropType<Record<string, any>>;
+        required: true;
+    };
 }, any, any, {
     text(): string;
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -43,7 +55,7 @@ declare const _default: import('vue').DefineComponent<{
         required: true;
     };
     decorations: {
-        type: import('vue').PropType<import('@tiptap/vue-3').DecorationWithType[]>;
+        type: import('vue').PropType<readonly import('@tiptap/vue-3').DecorationWithType[]>;
         required: true;
     };
     selected: {
@@ -66,6 +78,18 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<() => void>;
         required: true;
     };
+    view: {
+        type: import('vue').PropType<import('@tiptap/pm/view').EditorView>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import('vue').PropType<import('@tiptap/pm/view').DecorationSource>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import('vue').PropType<Record<string, any>>;
+        required: true;
+    };
 }>>, {}, {}>;
 export default _default;
 //# sourceMappingURL=ChannelComponent.vue.d.ts.map

package/dist/types/components/rich_text_editor/extensions/emoji/EmojiComponent.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import('vue').DefineComponent<{
         required: true;
     };
     decorations: {
-        type: import('vue').PropType<import('@tiptap/vue-3').DecorationWithType[]>;
+        type: import('vue').PropType<readonly import('@tiptap/vue-3').DecorationWithType[]>;
         required: true;
     };
     selected: {
@@ -31,6 +31,18 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<() => void>;
         required: true;
     };
+    view: {
+        type: import('vue').PropType<import('@tiptap/pm/view').EditorView>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import('vue').PropType<import('@tiptap/pm/view').DecorationSource>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import('vue').PropType<Record<string, any>>;
+        required: true;
+    };
 }, any, any, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     editor: {
         type: import('vue').PropType<import('@tiptap/core').Editor>;
@@ -41,7 +53,7 @@ declare const _default: import('vue').DefineComponent<{
         required: true;
     };
     decorations: {
-        type: import('vue').PropType<import('@tiptap/vue-3').DecorationWithType[]>;
+        type: import('vue').PropType<readonly import('@tiptap/vue-3').DecorationWithType[]>;
         required: true;
     };
     selected: {
@@ -64,6 +76,18 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<() => void>;
         required: true;
     };
+    view: {
+        type: import('vue').PropType<import('@tiptap/pm/view').EditorView>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import('vue').PropType<import('@tiptap/pm/view').DecorationSource>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import('vue').PropType<Record<string, any>>;
+        required: true;
+    };
 }>>, {}, {}>;
 export default _default;
 //# sourceMappingURL=EmojiComponent.vue.d.ts.map

package/dist/types/components/rich_text_editor/extensions/mentions/MentionComponent.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import('vue').DefineComponent<{
         required: true;
     };
     decorations: {
-        type: import('vue').PropType<import('@tiptap/vue-3').DecorationWithType[]>;
+        type: import('vue').PropType<readonly import('@tiptap/vue-3').DecorationWithType[]>;
         required: true;
     };
     selected: {
@@ -31,6 +31,18 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<() => void>;
         required: true;
     };
+    view: {
+        type: import('vue').PropType<import('@tiptap/pm/view').EditorView>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import('vue').PropType<import('@tiptap/pm/view').DecorationSource>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import('vue').PropType<Record<string, any>>;
+        required: true;
+    };
 }, any, any, {
     text(): string;
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -43,7 +55,7 @@ declare const _default: import('vue').DefineComponent<{
         required: true;
     };
     decorations: {
-        type: import('vue').PropType<import('@tiptap/vue-3').DecorationWithType[]>;
+        type: import('vue').PropType<readonly import('@tiptap/vue-3').DecorationWithType[]>;
         required: true;
     };
     selected: {
@@ -66,6 +78,18 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<() => void>;
         required: true;
     };
+    view: {
+        type: import('vue').PropType<import('@tiptap/pm/view').EditorView>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import('vue').PropType<import('@tiptap/pm/view').DecorationSource>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import('vue').PropType<Record<string, any>>;
+        required: true;
+    };
 }>>, {}, {}>;
 export default _default;
 //# sourceMappingURL=MentionComponent.vue.d.ts.map

package/dist/types/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.d.ts

@@ -6,6 +6,11 @@ declare const _default: import('vue').DefineComponent<{
 }, any, any, {
     name(): any;
     avatarSrc(): any;
+    presence(): any;
+    status(): any;
+    presenceText(): any;
+    presenceFontColorClass(): any;
+    showDetails(): any;
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     item: {
         type: ObjectConstructor;

package/dist/types/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MentionSuggestion.vue.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/mentions/MentionSuggestion.vue"],"names":[],"mappings":"AAiBA;"}
+{"version":3,"file":"MentionSuggestion.vue.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/mentions/MentionSuggestion.vue"],"names":[],"mappings":"AAmDA;"}

package/dist/types/components/rich_text_editor/extensions/slash_command/SlashCommandComponent.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import('vue').DefineComponent<{
         required: true;
     };
     decorations: {
-        type: import('vue').PropType<import('@tiptap/vue-3').DecorationWithType[]>;
+        type: import('vue').PropType<readonly import('@tiptap/vue-3').DecorationWithType[]>;
         required: true;
     };
     selected: {
@@ -31,6 +31,18 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<() => void>;
         required: true;
     };
+    view: {
+        type: import('vue').PropType<import('@tiptap/pm/view').EditorView>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import('vue').PropType<import('@tiptap/pm/view').DecorationSource>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import('vue').PropType<Record<string, any>>;
+        required: true;
+    };
 }, any, any, {
     text(): string;
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "selected-command"[], "selected-command", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -43,7 +55,7 @@ declare const _default: import('vue').DefineComponent<{
         required: true;
     };
     decorations: {
-        type: import('vue').PropType<import('@tiptap/vue-3').DecorationWithType[]>;
+        type: import('vue').PropType<readonly import('@tiptap/vue-3').DecorationWithType[]>;
         required: true;
     };
     selected: {
@@ -66,6 +78,18 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<() => void>;
         required: true;
     };
+    view: {
+        type: import('vue').PropType<import('@tiptap/pm/view').EditorView>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import('vue').PropType<import('@tiptap/pm/view').DecorationSource>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import('vue').PropType<Record<string, any>>;
+        required: true;
+    };
 }>> & {
     "onSelected-command"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;

package/dist/types/components/rich_text_editor/mention_suggestion.d.ts

@@ -1,11 +1,31 @@
 declare namespace _default {
     function items({ query }: {
         query: any;
-    }): Promise<{
+    }): Promise<({
         id: string;
         name: string;
-        avatarSrc: string;
-    }[]>;
+        avatarSrc: any;
+        showDetails: boolean;
+        presence: string;
+        presenceText: string;
+        status: string;
+    } | {
+        id: string;
+        name: string;
+        avatarSrc: any;
+        showDetails: boolean;
+        presence: string;
+        status: string;
+        presenceText?: undefined;
+    } | {
+        id: string;
+        name: string;
+        avatarSrc: any;
+        showDetails?: undefined;
+        presence?: undefined;
+        presenceText?: undefined;
+        status?: undefined;
+    })[]>;
 }
 export default _default;
 //# sourceMappingURL=mention_suggestion.d.ts.map

package/dist/types/components/rich_text_editor/mention_suggestion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mention_suggestion.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/mention_suggestion.js"],"names":[],"mappings":";IAuDE;;;;;;SAMC"}
+{"version":3,"file":"mention_suggestion.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/mention_suggestion.js"],"names":[],"mappings":";IA6EE;;;;;;;;;;;;;;;;;;;;;;;;;;UAMC"}

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

@@ -1 +1 @@
-{"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue"],"names":[],"mappings":"AAoDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAq7B0B,cAAc"}
+{"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue"],"names":[],"mappings":"AAoDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAo7B0B,cAAc"}

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

@@ -30,6 +30,10 @@ declare const _default: import('vue').DefineComponent<{
         type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
+    wrapperClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
     labelChildProps: {
         type: ObjectConstructor;
         default: () => {};
@@ -79,6 +83,10 @@ declare const _default: import('vue').DefineComponent<{
         type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
+    wrapperClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
     labelChildProps: {
         type: ObjectConstructor;
         default: () => {};
@@ -95,6 +103,7 @@ declare const _default: import('vue').DefineComponent<{
     showIcon: boolean;
     labelChildProps: Record<string, any>;
     toggleOnClick: boolean;
+    wrapperClass: string | Record<string, any> | unknown[];
 }, {}>;
 export default _default;
 //# sourceMappingURL=toggle.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.vue.d.ts","sourceRoot":"","sources":["../../../../components/toggle/toggle.vue"],"names":[],"mappings":"AAgCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAgO2F,gBAAgB;mCAAhB,gBAAgB"}
+{"version":3,"file":"toggle.vue.d.ts","sourceRoot":"","sources":["../../../../components/toggle/toggle.vue"],"names":[],"mappings":"AAgCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAwO2F,gBAAgB;mCAAhB,gBAAgB"}

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

@@ -99,8 +99,8 @@ declare const _default: import('vue').DefineComponent<{
     };
 }>>, {
     title: string;
-    buttonClass: string | Record<string, any> | unknown[];
     wrapperClass: string | Record<string, any> | unknown[];
+    buttonClass: string | Record<string, any> | unknown[];
     toggleable: boolean;
     defaultToggled: boolean;
     borderColor: string;

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

@@ -8,7 +8,7 @@ declare const _default: import('vue').DefineComponent<{
         required: true;
     };
     decorations: {
-        type: import('vue').PropType<import('@tiptap/vue-3').DecorationWithType[]>;
+        type: import('vue').PropType<readonly import('@tiptap/vue-3').DecorationWithType[]>;
         required: true;
     };
     selected: {
@@ -31,6 +31,18 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<() => void>;
         required: true;
     };
+    view: {
+        type: import('vue').PropType<import('@tiptap/pm/view').EditorView>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import('vue').PropType<import('@tiptap/pm/view').DecorationSource>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import('vue').PropType<Record<string, any>>;
+        required: true;
+    };
 }, any, any, {}, {
     close(e: any): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "meeting-pill-close"[], "meeting-pill-close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -43,7 +55,7 @@ declare const _default: import('vue').DefineComponent<{
         required: true;
     };
     decorations: {
-        type: import('vue').PropType<import('@tiptap/vue-3').DecorationWithType[]>;
+        type: import('vue').PropType<readonly import('@tiptap/vue-3').DecorationWithType[]>;
         required: true;
     };
     selected: {
@@ -66,6 +78,18 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<() => void>;
         required: true;
     };
+    view: {
+        type: import('vue').PropType<import('@tiptap/pm/view').EditorView>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import('vue').PropType<import('@tiptap/pm/view').DecorationSource>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import('vue').PropType<Record<string, any>>;
+        required: true;
+    };
 }>> & {
     "onMeeting-pill-close"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;

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

@@ -140,6 +140,7 @@ declare const _default: import('vue').DefineComponent<{
     muted: boolean;
     selected: boolean;
     avatarSrc: string;
+    presenceText: string;
     avatarSeed: string;
     noInitials: boolean;
     avatarColor: string;
@@ -150,7 +151,6 @@ declare const _default: import('vue').DefineComponent<{
     callButtonTooltip: string;
     isTyping: boolean;
     avatarPresence: string;
-    presenceText: string;
     userStatus: string;
 }, {}>;
 export default _default;

package/package.json

@@ -1,40 +1,40 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "3.182.4",
+  "version": "3.184.0",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@tiptap/core": "2.6.6",
-    "@tiptap/extension-blockquote": "2.6.6",
-    "@tiptap/extension-bold": "2.6.6",
-    "@tiptap/extension-bubble-menu": "2.6.6",
-    "@tiptap/extension-bullet-list": "2.6.6",
-    "@tiptap/extension-code": "2.6.6",
-    "@tiptap/extension-code-block": "2.6.6",
-    "@tiptap/extension-document": "2.6.6",
-    "@tiptap/extension-floating-menu": "2.6.6",
-    "@tiptap/extension-hard-break": "2.6.6",
-    "@tiptap/extension-history": "2.6.6",
-    "@tiptap/extension-image": "2.6.6",
-    "@tiptap/extension-italic": "2.6.6",
-    "@tiptap/extension-link": "2.6.6",
-    "@tiptap/extension-list-item": "2.6.6",
-    "@tiptap/extension-mention": "2.6.6",
-    "@tiptap/extension-ordered-list": "2.6.6",
-    "@tiptap/extension-paragraph": "2.6.6",
-    "@tiptap/extension-placeholder": "2.6.6",
-    "@tiptap/extension-strike": "2.6.6",
-    "@tiptap/extension-text": "2.6.6",
-    "@tiptap/extension-text-align": "2.6.6",
-    "@tiptap/extension-underline": "2.6.6",
-    "@tiptap/extension-text-style": "2.6.6",
-    "@tiptap/extension-color": "2.6.6",
-    "@tiptap/extension-font-family": "2.6.6",
-    "@tiptap/pm": "2.6.6",
-    "@tiptap/suggestion": "2.6.6",
-    "@tiptap/vue-3": "2.6.6",
+    "@tiptap/core": "2.12.0",
+    "@tiptap/extension-blockquote": "2.12.0",
+    "@tiptap/extension-bold": "2.12.0",
+    "@tiptap/extension-bubble-menu": "2.12.0",
+    "@tiptap/extension-bullet-list": "2.12.0",
+    "@tiptap/extension-code": "2.12.0",
+    "@tiptap/extension-code-block": "2.12.0",
+    "@tiptap/extension-color": "2.12.0",
+    "@tiptap/extension-document": "2.12.0",
+    "@tiptap/extension-floating-menu": "2.12.0",
+    "@tiptap/extension-font-family": "2.12.0",
+    "@tiptap/extension-hard-break": "2.12.0",
+    "@tiptap/extension-history": "2.12.0",
+    "@tiptap/extension-image": "2.12.0",
+    "@tiptap/extension-italic": "2.12.0",
+    "@tiptap/extension-link": "2.12.0",
+    "@tiptap/extension-list-item": "2.12.0",
+    "@tiptap/extension-mention": "2.12.0",
+    "@tiptap/extension-ordered-list": "2.12.0",
+    "@tiptap/extension-paragraph": "2.12.0",
+    "@tiptap/extension-placeholder": "2.12.0",
+    "@tiptap/extension-strike": "2.12.0",
+    "@tiptap/extension-text": "2.12.0",
+    "@tiptap/extension-text-align": "2.12.0",
+    "@tiptap/extension-text-style": "2.12.0",
+    "@tiptap/extension-underline": "2.12.0",
+    "@tiptap/pm": "2.12.0",
+    "@tiptap/suggestion": "2.12.0",
+    "@tiptap/vue-3": "2.12.0",
     "date-fns": "4.1.0",
     "deep-equal": "2.2.3",
     "emoji-toolkit": "9.0.1",
@@ -43,7 +43,7 @@
     "regex-combined-emojis": "1.6.0",
     "tippy.js": "6.3.7",
     "@dialpad/dialtone-emojis": "1.1.2",
-    "@dialpad/dialtone-icons": "4.38.1"
+    "@dialpad/dialtone-icons": "4.40.0"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "7.6.20",
@@ -55,12 +55,12 @@
     "react": "17.0.2",
     "storybook-dark-mode": "^3.0.3",
     "vue": "^3.3.4",
-    "@dialpad/generator-dialtone": "0.1.0",
-    "@dialpad/dialtone-css": "8.57.1"
+    "@dialpad/dialtone-css": "8.58.0",
+    "@dialpad/generator-dialtone": "0.1.0"
   },
   "peerDependencies": {
     "vue": ">=3.2",
-    "@dialpad/dialtone-css": "^8.57.1"
+    "@dialpad/dialtone-css": "^8.58.0"
   },
   "bugs": {
     "email": "dialtone@dialpad.com"