@dialpad/dialtone-vue 3.145.1 → 3.146.0

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

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     name: {
         type: StringConstructor;
         required: true;
-        validator: (name: unknown) => boolean;
+        validator: (name: unknown) => any;
     };
     /**
      * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<{
     name: {
         type: StringConstructor;
         required: true;
-        validator: (name: unknown) => boolean;
+        validator: (name: unknown) => any;
     };
     /**
      * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational

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

@@ -8,7 +8,7 @@ export const ICON_SIZE_MODIFIERS: {
     700: string;
     800: string;
 };
-export const ICON_NAMES: string[];
+export const ICON_NAMES: any;
 declare namespace _default {
     export { ICON_SIZE_MODIFIERS };
     export { ICON_NAMES };

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;AAEF,kCAAoC"}
+{"version":3,"file":"icon_constants.d.ts","sourceRoot":"","sources":["../../../../components/icon/icon_constants.js"],"names":[],"mappings":"AACA;;;;;;;;;EASE;AAEF,6BAAoC"}

package/dist/types/components/illustration/illustration_constants.d.ts

@@ -1,4 +1,4 @@
-export const ILLUSTRATION_NAMES: string[];
+export const ILLUSTRATION_NAMES: any;
 declare namespace _default {
     export { ILLUSTRATION_NAMES };
 }

package/dist/types/components/illustration/illustration_constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"illustration_constants.d.ts","sourceRoot":"","sources":["../../../../components/illustration/illustration_constants.js"],"names":[],"mappings":"AAEA,0CAAoD"}
+{"version":3,"file":"illustration_constants.d.ts","sourceRoot":"","sources":["../../../../components/illustration/illustration_constants.js"],"names":[],"mappings":"AAEA,qCAAoD"}

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

@@ -1,4 +1,14 @@
 declare const _default: import("vue").DefineComponent<{
+    /**
+     * By default the portal appends to the body of the root parent. We can modify
+     * this behaviour by passing an appendTo prop that points to an id or an html tag from the root of the parent.
+     * The appendTo prop expects a CSS selector string or an actual DOM node.
+     * type: string | HTMLElement, default: 'body'
+    */
+    appendTo: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * Controls whether the image modal is shown. Leaving this null will have the image modal
      * trigger on click by default.
@@ -69,6 +79,16 @@ declare const _default: import("vue").DefineComponent<{
         focusTrappedTabPress(e: object, el: object): void;
     };
 }, import("vue").ComponentOptionsMixin, ("update:open" | "opened")[], "update:open" | "opened", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * By default the portal appends to the body of the root parent. We can modify
+     * this behaviour by passing an appendTo prop that points to an id or an html tag from the root of the parent.
+     * The appendTo prop expects a CSS selector string or an actual DOM node.
+     * type: string | HTMLElement, default: 'body'
+    */
+    appendTo: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * Controls whether the image modal is shown. Leaving this null will have the image modal
      * trigger on click by default.
@@ -121,6 +141,7 @@ declare const _default: import("vue").DefineComponent<{
     onOpened?: ((...args: any[]) => any) | undefined;
 }, {
     open: boolean;
+    appendTo: string;
     imageButtonClass: string;
 }, {}>;
 export default _default;

package/dist/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;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA/CH;;;;;;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/types/components/input/input.vue.d.ts

@@ -193,7 +193,7 @@ declare const _default: import("vue").DefineComponent<{
     computed: {
         formattedMessages(): any;
     };
-}, 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<{
+}, import("vue").ComponentOptionsMixin, ("input" | "focusin" | "focusout" | "clear" | "blur" | "focus" | "update:modelValue" | "update:length" | "update:invalid")[], "input" | "focusin" | "focusout" | "clear" | "blur" | "focus" | "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

@@ -402,7 +402,6 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
-    copy: string;
     size: string;
     kind: string;
     hideClose: boolean;
@@ -411,6 +410,7 @@ 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/notice/notice.vue.d.ts

@@ -117,7 +117,7 @@ declare const _default: import("vue").DefineComponent<{
     methods: {
         validateVisuallyHiddenCloseProps(): void;
     };
-}, import("vue").ComponentOptionsMixin, ("close" | "click")[], "close" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, ("click" | "close")[], "click" | "close", 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

@@ -156,7 +156,7 @@ declare const _default: import("vue").DefineComponent<{
     computed: {
         formattedMessages(): any;
     };
-}, 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<{
+}, 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<{
     /**
      * A provided value for the radio
      */

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

@@ -233,7 +233,7 @@ declare const _default: import("vue").DefineComponent<{
     getExtension(extension: any, options: any): any;
     updateEditorAttributes(attributes: any): void;
     focusEditor(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "enter" | "blur" | "update:modelValue")[], "input" | "focus" | "enter" | "blur" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "enter" | "blur" | "focus" | "update:modelValue")[], "input" | "enter" | "blur" | "focus" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Value of the input. The object format should match TipTap's JSON
      * document structure: https://tiptap.dev/guide/output#option-1-json

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/split_button/split_button-alpha.vue.d.ts

@@ -168,7 +168,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     active: boolean;
-    loading: boolean;
     size: string;
     ariaLabel: string;
     kind: string;
@@ -176,6 +175,7 @@ declare const _default: import("vue").DefineComponent<{
     iconPosition: string;
     importance: string;
     disabled: boolean;
+    loading: boolean;
     assertiveOnFocus: boolean;
     tooltipText: string;
 }, {}>;

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, ("focus" | "click")[], "focus" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus")[], "click" | "focus", 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

@@ -141,7 +141,7 @@ declare const _default: import("vue").DefineComponent<{
     methods: {
         validateVisuallyHiddenCloseProps(): void;
     };
-}, import("vue").ComponentOptionsMixin, ("close" | "click" | "update:show")[], "close" | "click" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, ("click" | "close" | "update:show")[], "click" | "close" | "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.
@@ -258,7 +258,6 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     title: string;
     role: string;
-    message: string;
     kind: string;
     titleId: string;
     contentId: string;
@@ -267,6 +266,7 @@ declare const _default: import("vue").DefineComponent<{
     hideAction: boolean;
     important: boolean;
     hideIcon: boolean;
+    message: string;
     show: boolean;
     duration: number;
 }, {}>;

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

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

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

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

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

@@ -309,7 +309,7 @@ declare const _default: import("vue").DefineComponent<{
     onFocus(event: any): void;
     onBlur(event: any): void;
     onInput(event: any): void;
-}, never, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "quick-replies-click")[], "input" | "focus" | "blur" | "quick-replies-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, never, import("vue").ComponentOptionsMixin, ("input" | "blur" | "focus" | "quick-replies-click")[], "input" | "blur" | "focus" | "quick-replies-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Value of the input. The object format should match TipTap's JSON
      * document structure: https://tiptap.dev/guide/output#option-1-json

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

@@ -100,7 +100,7 @@ declare const _default: import("vue").DefineComponent<{
         _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
         focusTrappedTabPress(e: object, el: object): void;
     };
-}, import("vue").ComponentOptionsMixin, ("focus" | "keydown" | "hover")[], "focus" | "keydown" | "hover", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, ("keydown" | "hover" | "focus")[], "keydown" | "hover" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "3.145.1",
+  "version": "3.146.0",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist"
@@ -34,7 +34,7 @@
     "regex-combined-emojis": "1.6.0",
     "tippy.js": "6.3.7",
     "@dialpad/dialtone-emojis": "1.0.7",
-    "@dialpad/dialtone-icons": "4.26.1"
+    "@dialpad/dialtone-icons": "4.26.2"
   },
   "devDependencies": {
     "@faker-js/faker": "8.4.1",
@@ -78,6 +78,7 @@
     "typedoc-plugin-markdown": "^3.16.0",
     "vite": "^5.0.0",
     "vite-bundle-visualizer": "^1.0.1",
+    "vite-plugin-require": "1.2.14",
     "vue": "^3.3.4",
     "vue-tsc": "^1.8.25",
     "yo": "^5.0.0",

package/dist/chunks/icon_constants-Dy4MEUJL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon_constants-Dy4MEUJL.js","sources":["../../components/icon/icon_constants.js"],"sourcesContent":["import iconNames from '@dialpad/dialtone-icons/icons.json' with { type: 'json' };\nexport const ICON_SIZE_MODIFIERS = {\n  100: 'd-icon--size-100',\n  200: 'd-icon--size-200',\n  300: 'd-icon--size-300',\n  400: 'd-icon--size-400',\n  500: 'd-icon--size-500',\n  600: 'd-icon--size-600',\n  700: 'd-icon--size-700',\n  800: 'd-icon--size-800',\n};\n\nexport const ICON_NAMES = iconNames;\n\nexport default {\n  ICON_SIZE_MODIFIERS,\n  ICON_NAMES,\n};\n"],"names":[],"mappings":";AACY,MAAC,sBAAsB;AAAA,EACjC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAEY,MAAC,aAAa;"}

package/dist/chunks/icon_constants-QYpmdE0R.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon_constants-QYpmdE0R.js","sources":["../../components/icon/icon_constants.js"],"sourcesContent":["import iconNames from '@dialpad/dialtone-icons/icons.json' with { type: 'json' };\nexport const ICON_SIZE_MODIFIERS = {\n  100: 'd-icon--size-100',\n  200: 'd-icon--size-200',\n  300: 'd-icon--size-300',\n  400: 'd-icon--size-400',\n  500: 'd-icon--size-500',\n  600: 'd-icon--size-600',\n  700: 'd-icon--size-700',\n  800: 'd-icon--size-800',\n};\n\nexport const ICON_NAMES = iconNames;\n\nexport default {\n  ICON_SIZE_MODIFIERS,\n  ICON_NAMES,\n};\n"],"names":[],"mappings":";;AACY,MAAC,sBAAsB;AAAA,EACjC,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAEY,MAAC,aAAa;;;"}