@dialpad/dialtone-vue 2.103.1 → 2.104.0

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

@@ -348,7 +348,6 @@ declare const _default: import("vue").DefineComponent<{
     color: string;
     size: string;
     iconSize: string;
-    iconName: string;
     fullName: string;
     imageSrc: string;
     seed: string;
@@ -361,6 +360,7 @@ declare const _default: import("vue").DefineComponent<{
     overlayText: string;
     overlayClass: string | Record<string, any> | unknown[];
     imageAlt: string;
+    iconName: string;
     clickable: boolean;
 }>;
 export default _default;

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

@@ -302,6 +302,7 @@ declare const _default: import("vue").DefineComponent<{
     type: string;
     circle: boolean;
     size: string;
+    loading: boolean;
     width: string;
     kind: string;
     labelClass: string | Record<string, any> | unknown[];
@@ -309,7 +310,6 @@ declare const _default: import("vue").DefineComponent<{
     importance: string;
     linkKind: string;
     disabled: boolean;
-    loading: boolean;
     assertiveOnFocus: boolean;
 }>;
 export default _default;

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

@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
     chipClasses(): any[];
     chipCloseButtonClasses(): any[];
     onClose(): void;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "close" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("close" | "click" | "keyup")[], string, 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/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 | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    /**
+     * Used to customize the description element
+     */
+    descriptionClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+}, {}, {}, {
+    dtClass(): any[];
+    ddClass(): any[];
+    getDirectionClass(): string;
+    getGapClass(): string;
+}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, 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 | StringConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    /**
+     * Used to customize the description element
+     */
+    descriptionClass: {
+        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        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<{
     };
 }, {}, {}, {
     iconSize(): any;
-    iconName(): string;
-    currentIcon(): any;
+    icon(): import("vue").AsyncComponent;
 }, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, 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

@@ -205,7 +205,7 @@ declare const _default: import("vue").DefineComponent<{
     computed: {
         formattedMessages(): any;
     };
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "focusin" | "focusout" | "clear" | "focus" | "blur" | "update:length" | "update:invalid")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "focus" | "focusin" | "focusout" | "clear" | "blur" | "update:length" | "update:invalid")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Name property of the input element
      */

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

@@ -398,6 +398,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     title: string;
     size: string;
+    copy: string;
     kind: string;
     hideClose: boolean;
     dialogClass: string | Record<string, any> | unknown[];
@@ -405,7 +406,6 @@ declare const _default: import("vue").DefineComponent<{
     contentClass: string | Record<string, any> | unknown[];
     show: boolean;
     initialFocusElement: string | HTMLElement;
-    copy: string;
     describedById: string;
     labelledById: string;
     bannerTitle: string;

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

@@ -45,7 +45,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;
@@ -133,7 +133,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/toast/toast.vue.d.ts

@@ -224,13 +224,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

@@ -406,14 +406,14 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     id: string;
+    delay: boolean;
+    message: string;
     transition: string;
     inverted: boolean;
     contentClass: string | Record<string, any> | unknown[];
-    message: string;
     show: boolean;
     offset: unknown[];
     fallbackPlacements: unknown[];
-    delay: boolean;
     placement: string;
     sticky: string | boolean;
     enabled: boolean;

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

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<{}, any, {
     TOOLTIP_DIRECTIONS: any[];
     localMessage: string;
-    show1: any;
+    show1: string;
 }, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;
 //# sourceMappingURL=tooltip_variants.vue.d.ts.map

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

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

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

@@ -400,8 +400,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     description: string;
     size: string;
-    transition: string;
     loading: boolean;
+    transition: string;
     maxHeight: string;
     maxWidth: string;
     showList: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "2.103.1",
+  "version": "2.104.0",
   "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": "^2.4.0",
     "@linusborg/vue-simple-portal": "^0.1.5",
     "@tiptap/extension-document": "^2.0.3",
     "@tiptap/extension-paragraph": "^2.0.3",
@@ -52,10 +51,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",
@@ -101,9 +102,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-plugin-vue2-svg": "^0.4.0",
     "vitest": "^0.34.5",
     "vue": "^2.7.14",
     "vue-cli-plugin-webpack-bundle-analyzer": "~4.0.0",
@@ -114,6 +117,7 @@
   },
   "peerDependencies": {
     "@dialpad/dialtone": "^7.30.0 || ^8.21.2",
+    "@dialpad/dialtone-icons": "^4.1.0",
     "vue": ">=2.6"
   },
   "bugs": {