@dialpad/dialtone-vue 2.162.0-beta.1 → 2.162.1

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

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

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

@@ -1,2 +1,2 @@
-export { default as DtRecipeContactRow } from "./contact_row.vue";
+export { default as DtRecipeContactRow } from './contact_row.vue';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,133 +1,74 @@
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * Determines the icon to show.
-     * If type is contact center, the color prop must be provided and will determine the color of the icon
-     */
+declare const _default: import('vue').DefineComponent<{
     type: {
         type: StringConstructor;
         default: string;
         validator: (type: unknown) => boolean;
     };
-    /**
-     * Will be read out by a screen reader upon focus of this row. If not defined "description" will be read.
-     */
     ariaLabel: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Text displayed next to the icon. Required. Even if you are overriding this field using the label slot
-     * you still must input this as it will be displayed as the "title" attribute for the row.
-     */
     description: {
         type: StringConstructor;
         required: true;
     };
-    /**
-     * Determines the color of the contact center icon
-     */
     color: {
         type: StringConstructor;
         default: null;
         validator: (color: unknown) => boolean;
     };
-    /**
-     * The channel setting, either 'mention' or 'always'.
-     * @values 'mention', 'always', null.
-     */
     channelSetting: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Styles the row with an increased font weight to convey it has unreads. This must be true to see
-     * the unread count badge.
-     */
     hasUnreads: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Number of unread messages
-     */
     unreadCount: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Number of unread mention messages
-     */
     unreadMentionCount: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Text shown when the unread count is hovered.
-     */
     unreadCountTooltip: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Determines if the row is selected
-     */
     selected: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Gives a faded style to be used when muted
-     */
     muted: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Shows styling to represent an active voice chat. This will display over unreadCount.
-     */
     activeVoiceChat: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Acronym used to represent "Do not Disturb" state. If entered will display the entered text alongside
-     * unreadCount.
-     */
     dndText: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Text shown in tooltip when you hover the dndText
-     */
     dndTextTooltip: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Whether the row should have a call button. Usually only applicable to individual contact rows.
-     */
     hasCallButton: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Text shown when the call button is hovered.
-     */
     callButtonTooltip: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Shows an "is typing" animation over the avatar when true.
-     */
     isTyping: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Sets the size of the icon.
-     */
     iconSize: {
         type: StringConstructor;
         default: string;
@@ -153,145 +94,81 @@ declare const _default: import("vue").DefineComponent<{
     hasUnreadCount(): boolean;
     hasUnreadMentionCount(): boolean;
     shouldApplyCustomStyleForCountBadge(): boolean;
-    /**
-     * When a channel in 'always' setting, meaning the user should see both unread count and unread mention count,
-     * if there are only mention messages, we should apply the theme design tokens var(--dt-theme-mention-color-[background||foreground]-strong).
-     * @returns {boolean}
-     */
     shouldApplyCustomStyleForMentionOnly(): boolean;
 }, {
     validateProps(): void;
     adjustLabelWidth(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "call")[], string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Determines the icon to show.
-     * If type is contact center, the color prop must be provided and will determine the color of the icon
-     */
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("call" | "click")[], string, Readonly<import('vue').ExtractPropTypes<{
     type: {
         type: StringConstructor;
         default: string;
         validator: (type: unknown) => boolean;
     };
-    /**
-     * Will be read out by a screen reader upon focus of this row. If not defined "description" will be read.
-     */
     ariaLabel: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Text displayed next to the icon. Required. Even if you are overriding this field using the label slot
-     * you still must input this as it will be displayed as the "title" attribute for the row.
-     */
     description: {
         type: StringConstructor;
         required: true;
     };
-    /**
-     * Determines the color of the contact center icon
-     */
     color: {
         type: StringConstructor;
         default: null;
         validator: (color: unknown) => boolean;
     };
-    /**
-     * The channel setting, either 'mention' or 'always'.
-     * @values 'mention', 'always', null.
-     */
     channelSetting: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Styles the row with an increased font weight to convey it has unreads. This must be true to see
-     * the unread count badge.
-     */
     hasUnreads: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Number of unread messages
-     */
     unreadCount: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Number of unread mention messages
-     */
     unreadMentionCount: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Text shown when the unread count is hovered.
-     */
     unreadCountTooltip: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Determines if the row is selected
-     */
     selected: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Gives a faded style to be used when muted
-     */
     muted: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Shows styling to represent an active voice chat. This will display over unreadCount.
-     */
     activeVoiceChat: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Acronym used to represent "Do not Disturb" state. If entered will display the entered text alongside
-     * unreadCount.
-     */
     dndText: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Text shown in tooltip when you hover the dndText
-     */
     dndTextTooltip: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Whether the row should have a call button. Usually only applicable to individual contact rows.
-     */
     hasCallButton: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Text shown when the call button is hovered.
-     */
     callButtonTooltip: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Shows an "is typing" animation over the avatar when true.
-     */
     isTyping: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Sets the size of the icon.
-     */
     iconSize: {
         type: StringConstructor;
         default: string;

package/dist/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.js"],"names":[],"mappings":";IAiCI;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IASH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;IA6FH;;;;OAIG;4CADU,OAAO;;;;;IArPpB;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IASH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"general_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/general_row.vue"],"names":[],"mappings":"AA8IA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA6uBiB,OAAO"}

package/dist/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_CONTACT_CENTER_COLORS, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR, LEFTBAR_GENERAL_ROW_ICON_SIZES } from "./general_row_constants";
+export { default as DtRecipeGeneralRow } from './general_row.vue';
+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/types/recipes/leftbar/general_row/leftbar_general_row_icon.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<{
     type: {
         type: StringConstructor;
         default: null;
@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     getIconName(): any;
     contactCenterIconClasses(): any[];
     dialbotClasses(): string[];
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
     type: {
         type: StringConstructor;
         default: null;

package/dist/types/recipes/leftbar/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.js"],"names":[],"mappings":""}
+{"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/types/recipes/leftbar/group_row/group_row.vue.d.ts

@@ -1,103 +1,59 @@
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * Screen reader will read out the number of users in the group using this text. Ex: "2 users"
-     */
+declare const _default: import('vue').DefineComponent<{
     groupCountText: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Names of the group members
-     */
     names: {
         type: StringConstructor;
         required: true;
     };
-    /**
-     * Number of unread messages
-     */
     unreadCount: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Text shown when the unread count is hovered.
-     */
     unreadCountTooltip: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Styles the row with an increased font weight to convey it has unreads. This must be true to see
-     * the unread count badge.
-     */
     hasUnreads: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Determines if the row is selected
-     */
     selected: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Shows an "is typing" animation over the avatar when true.
-     */
     isTyping: {
         type: BooleanConstructor;
         default: boolean;
     };
 }, {}, {}, {
     ariaLabel(): string;
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Screen reader will read out the number of users in the group using this text. Ex: "2 users"
-     */
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], string, Readonly<import('vue').ExtractPropTypes<{
     groupCountText: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Names of the group members
-     */
     names: {
         type: StringConstructor;
         required: true;
     };
-    /**
-     * Number of unread messages
-     */
     unreadCount: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Text shown when the unread count is hovered.
-     */
     unreadCountTooltip: {
         type: StringConstructor;
         default: null;
     };
-    /**
-     * Styles the row with an increased font weight to convey it has unreads. This must be true to see
-     * the unread count badge.
-     */
     hasUnreads: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Determines if the row is selected
-     */
     selected: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Shows an "is typing" animation over the avatar when true.
-     */
     isTyping: {
         type: BooleanConstructor;
         default: boolean;

package/dist/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.js"],"names":[],"mappings":";IAkBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;IAnDH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"group_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/group_row/group_row.vue"],"names":[],"mappings":"AAmBA;"}

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

@@ -1,2 +1,2 @@
-export { default as DtRecipeGroupRow } from "./group_row.vue";
+export { default as DtRecipeGroupRow } from './group_row.vue';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,3 +1,3 @@
-export { default as DtRecipeUnreadPill } from "./unread_pill.vue";
-export { UNREAD_PILL_KINDS, UNREAD_PILL_DIRECTIONS } from "./unread_pill_constants";
+export { default as DtRecipeUnreadPill } from './unread_pill.vue';
+export { UNREAD_PILL_KINDS, UNREAD_PILL_DIRECTIONS } from './unread_pill_constants';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,36 +1,20 @@
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * The kind of unread pill which determines the styling
-     * @values 'mentions', 'messages'
-     **/
+declare const _default: import('vue').DefineComponent<{
     kind: {
         type: StringConstructor;
         required: true;
         validator: (kind: unknown) => boolean;
     };
-    /**
-     * The direction of the arrow icon
-     * @values 'up', 'down'
-     **/
     direction: {
         type: StringConstructor;
         required: true;
         validator: (dir: unknown) => boolean;
     };
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The kind of unread pill which determines the styling
-     * @values 'mentions', 'messages'
-     **/
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], string, Readonly<import('vue').ExtractPropTypes<{
     kind: {
         type: StringConstructor;
         required: true;
         validator: (kind: unknown) => boolean;
     };
-    /**
-     * The direction of the arrow icon
-     * @values 'up', 'down'
-     **/
     direction: {
         type: StringConstructor;
         required: true;

package/dist/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.js"],"names":[],"mappings":";IAaI;;;QAGI;;;;;;IAOJ;;;QAGI;;;;;;;IAbJ;;;QAGI;;;;;;IAOJ;;;QAGI"}
+{"version":3,"file":"unread_pill.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/unread_pill/unread_pill.vue"],"names":[],"mappings":"AAoBA;"}

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

@@ -1,3 +1,3 @@
-export { default as DtRecipeTopBannerInfo } from "./top_banner_info.vue";
-export { COLOR_CODES } from "./top_banner_info_constants";
+export { default as DtRecipeTopBannerInfo } from './top_banner_info.vue';
+export { COLOR_CODES } from './top_banner_info_constants';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,7 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * color of the banner background
-     */
+declare const _default: import('vue').DefineComponent<{
     colorCode: {
         type: StringConstructor;
         default: string;
@@ -9,10 +6,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, {}, {
     bannerInfoClass(): any[];
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * color of the banner background
-     */
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
     colorCode: {
         type: StringConstructor;
         default: string;

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

@@ -1 +1 @@
-{"version":3,"file":"top_banner_info.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/notices/top_banner_info/top_banner_info.vue.js"],"names":[],"mappings":";IAQI;;OAEG;;;;;;;;;IAFH;;OAEG"}
+{"version":3,"file":"top_banner_info.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/notices/top_banner_info/top_banner_info.vue"],"names":[],"mappings":"AAsBA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "2.162.0-beta.1",
+  "version": "2.162.1",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist"
@@ -35,61 +35,19 @@
     "regex-combined-emojis": "1.6.0",
     "tippy.js": "6.3.7",
     "@dialpad/dialtone-emojis": "1.0.8",
-    "@dialpad/dialtone-icons": "4.27.1"
+    "@dialpad/dialtone-icons": "4.27.2"
   },
   "devDependencies": {
-    "@faker-js/faker": "8.4.1",
-    "@percy/cli": "1.28.2",
-    "@percy/storybook": "5.0.3",
-    "@storybook/addon-a11y": "7.6.20",
-    "@storybook/addon-actions": "7.6.20",
-    "@storybook/addon-docs": "7.6.20",
-    "@storybook/addon-essentials": "7.6.20",
-    "@storybook/addon-links": "7.6.20",
-    "@storybook/addon-mdx-gfm": "7.6.20",
-    "@storybook/addon-viewport": "7.6.20",
-    "@storybook/blocks": "7.6.20",
-    "@storybook/manager-api": "7.6.20",
-    "@storybook/test-runner": "^0.16.0",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "7.6.20",
     "@storybook/vue": "7.6.20",
     "@storybook/vue-vite": "7.6.20",
-    "@vitejs/plugin-vue2": "^2.3.1",
     "@vue/test-utils": "1.3",
-    "@vue/tsconfig": "^0.4.0",
-    "axe-core": "^4.7.2",
-    "axe-playwright": "^1.2.3",
-    "c8": "^8.0.0",
-    "chai": "^4.3.7",
-    "glob": "^10.3.10",
-    "jsdom": "^24.0.0",
-    "less": "^4.2.0",
-    "macos-release": "^3.2.0",
-    "npm-run-all": "^4.1.5",
-    "null-loader": "^4.0.1",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "sinon": "^15.2.0",
-    "source-map-support": "^0.5.21",
-    "storybook": "7.6.20",
-    "storybook-dark-mode": "^3.0.3",
-    "string-hash": "^1.1.3",
-    "typedoc": "^0.25.2",
-    "typedoc-plugin-markdown": "^3.16.0",
-    "vite": "^5.4.2",
-    "vite-bundle-visualizer": "^1.0.1",
     "vue": "^2.7.15",
-    "vue-template-compiler": "^2.7.15",
-    "vue-tsc": "^1.8.25",
-    "yo": "^5.0.0",
-    "yorkie": "^2.0.0",
-    "@dialpad/dialtone-css": "8.45.0",
+    "@dialpad/dialtone-css": "8.45.1",
     "@dialpad/generator-dialtone": "0.1.0"
   },
   "peerDependencies": {
     "vue": ">=2.6",
-    "@dialpad/dialtone-css": "^8.45.0"
+    "@dialpad/dialtone-css": "^8.45.1"
   },
   "bugs": {
     "email": "dialtone@dialpad.com"
@@ -142,6 +100,12 @@
       "require": "./dist/*.cjs"
     }
   },
+  "nx": {
+    "includedScripts": [
+      "lint",
+      "test"
+    ]
+  },
   "homepage": "https://dialtone.dialpad.com/vue",
   "keywords": [
     "Dialpad",
@@ -156,23 +120,9 @@
   "license": "MIT",
   "sideEffects": false,
   "scripts": {
-    "build": "run-s clean build:main build:typescript build:documentation",
-    "build:main": "vite build",
-    "build:typescript": "vue-tsc",
-    "build:documentation": "node ../../scripts/build-dialtone-vue-docs.mjs 2",
-    "build:documentation:functions": "pnpm exec typedoc --plugin typedoc-plugin-markdown",
-    "clean": "rm -rf ./dist",
     "lint": "run-s lint:code lint:docs",
     "lint:code": "eslint . --ext .js,.vue --ignore-path .eslintignore",
     "lint:docs": "markdownlint '**/*.mdx'",
-    "pretest": "pnpm run clean",
-    "start": "pnpm run storybook",
-    "storybook": "STORYBOOK_ENV=development storybook dev -p ${PORT:-9010}",
-    "storybook:clean": "rm -rf ./storybook-static",
-    "storybook:build": "pnpm run storybook:clean && pnpm run build:documentation:functions && STORYBOOK_ENV=production pnpm exec storybook build",
-    "storybook:build:docs-only": "pnpm run storybook:build --docs",
-    "test:a11y": "pnpm exec test-storybook --url http://localhost:${PORT:-9010}/",
-    "test:visual": "pnpm exec percy storybook --disable-cache --config ./percy.config.cjs --verbose ./storybook-static",
     "test": "pnpm exec vitest run --test-timeout=10000",
     "test:one": "pnpm exec vitest related --run",
     "test:watch": "pnpm exec vitest"