@dialpad/dialtone 9.110.2 → 9.111.1

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

@@ -1,29 +1,27 @@
 declare const _default: import('vue').DefineComponent<{
     titleId: {
         type: StringConstructor;
-        default(): string;
+        default: undefined;
     };
     contentId: {
         type: StringConstructor;
-        default(): string;
+        default: undefined;
     };
     title: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     message: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     role: {
         type: StringConstructor;
         default: string;
-        validator: (role: unknown) => boolean;
     };
     kind: {
         type: StringConstructor;
-        default: string;
-        validator: (kind: unknown) => boolean;
+        default: undefined;
     };
     important: {
         type: BooleanConstructor;
@@ -35,34 +33,317 @@ declare const _default: import('vue').DefineComponent<{
     };
     closeButtonProps: {
         type: ObjectConstructor;
-        default: () => {};
+        default: undefined;
     };
     hideClose: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
     hideIcon: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
     hideAction: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
     duration: {
         type: NumberConstructor;
         default: null;
         validator: (duration: unknown) => boolean;
     };
+    layout: {
+        type: StringConstructor;
+        default: string;
+        validator: (layout: unknown) => boolean;
+    };
 }, any, {
     isShown: boolean;
     minDuration: number;
 }, {
-    kindClass(): any;
     shouldSetTimeout(): boolean;
+    selectedLayout(): import('vue').DefineComponent<{
+        isShown: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        titleId: {
+            type: StringConstructor;
+            default(): string;
+        };
+        contentId: {
+            type: StringConstructor;
+            default(): string;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        message: {
+            type: StringConstructor;
+            default: string;
+        };
+        role: {
+            type: StringConstructor;
+            default: string;
+            validator: (role: unknown) => boolean;
+        };
+        kind: {
+            type: StringConstructor;
+            default: string;
+            validator: (kind: unknown) => boolean;
+        };
+        important: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeButtonProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        hideClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideAction: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, any, any, {
+        kindClass(): any;
+    }, {}, {
+        props: {
+            visuallyHiddenClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            visuallyHiddenCloseLabel: {
+                type: StringConstructor;
+                default: null;
+            };
+        };
+        watch: {
+            $props: {
+                immediate: boolean;
+                deep: boolean;
+                handler(): void;
+            };
+        };
+        computed: {
+            showVisuallyHiddenClose(): any;
+        };
+        methods: {
+            validateVisuallyHiddenCloseProps(): void;
+        };
+    }, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        isShown: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        titleId: {
+            type: StringConstructor;
+            default(): string;
+        };
+        contentId: {
+            type: StringConstructor;
+            default(): string;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        message: {
+            type: StringConstructor;
+            default: string;
+        };
+        role: {
+            type: StringConstructor;
+            default: string;
+            validator: (role: unknown) => boolean;
+        };
+        kind: {
+            type: StringConstructor;
+            default: string;
+            validator: (kind: unknown) => boolean;
+        };
+        important: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeButtonProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        hideClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideAction: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
+    }, {
+        title: string;
+        message: string;
+        role: string;
+        kind: string;
+        titleId: string;
+        contentId: string;
+        closeButtonProps: Record<string, any>;
+        hideClose: boolean;
+        hideAction: boolean;
+        important: boolean;
+        hideIcon: boolean;
+        isShown: boolean;
+    }, {}> | import('vue').DefineComponent<{
+        isShown: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        titleId: {
+            type: StringConstructor;
+            default(): string;
+        };
+        contentId: {
+            type: StringConstructor;
+            default(): string;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        message: {
+            type: StringConstructor;
+            default: string;
+        };
+        role: {
+            type: StringConstructor;
+            default: string;
+            validator: (role: unknown) => boolean;
+        };
+        kind: {
+            type: StringConstructor;
+            default: string;
+            validator: (kind: unknown) => boolean;
+        };
+        important: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeButtonProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        hideClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, any, any, {
+        kindClass(): any;
+    }, {}, {
+        props: {
+            visuallyHiddenClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            visuallyHiddenCloseLabel: {
+                type: StringConstructor;
+                default: null;
+            };
+        };
+        watch: {
+            $props: {
+                immediate: boolean;
+                deep: boolean;
+                handler(): void;
+            };
+        };
+        computed: {
+            showVisuallyHiddenClose(): any;
+        };
+        methods: {
+            validateVisuallyHiddenCloseProps(): void;
+        };
+    }, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        isShown: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        titleId: {
+            type: StringConstructor;
+            default(): string;
+        };
+        contentId: {
+            type: StringConstructor;
+            default(): string;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        message: {
+            type: StringConstructor;
+            default: string;
+        };
+        role: {
+            type: StringConstructor;
+            default: string;
+            validator: (role: unknown) => boolean;
+        };
+        kind: {
+            type: StringConstructor;
+            default: string;
+            validator: (kind: unknown) => boolean;
+        };
+        important: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeButtonProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        hideClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
+    }, {
+        title: string;
+        message: string;
+        role: string;
+        kind: string;
+        titleId: string;
+        contentId: string;
+        closeButtonProps: Record<string, any>;
+        hideClose: boolean;
+        important: boolean;
+        hideIcon: boolean;
+        isShown: boolean;
+    }, {}>;
 }, {
     closeToast(event: any): void;
     setTimeout(): void;
+    handleClose(): void;
 }, {
     props: {
         visuallyHiddenClose: {
@@ -87,32 +368,30 @@ declare const _default: import('vue').DefineComponent<{
     methods: {
         validateVisuallyHiddenCloseProps(): void;
     };
-}, import('vue').ComponentOptionsMixin, ("click" | "close" | "update:show")[], "click" | "close" | "update:show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, ("close" | "update:show")[], "close" | "update:show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     titleId: {
         type: StringConstructor;
-        default(): string;
+        default: undefined;
     };
     contentId: {
         type: StringConstructor;
-        default(): string;
+        default: undefined;
     };
     title: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     message: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     role: {
         type: StringConstructor;
         default: string;
-        validator: (role: unknown) => boolean;
     };
     kind: {
         type: StringConstructor;
-        default: string;
-        validator: (kind: unknown) => boolean;
+        default: undefined;
     };
     important: {
         type: BooleanConstructor;
@@ -124,33 +403,38 @@ declare const _default: import('vue').DefineComponent<{
     };
     closeButtonProps: {
         type: ObjectConstructor;
-        default: () => {};
+        default: undefined;
     };
     hideClose: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
     hideIcon: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
     hideAction: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
     duration: {
         type: NumberConstructor;
         default: null;
         validator: (duration: unknown) => boolean;
     };
+    layout: {
+        type: StringConstructor;
+        default: string;
+        validator: (layout: unknown) => boolean;
+    };
 }>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
     message: string;
     role: string;
+    layout: string;
     kind: string;
     titleId: string;
     contentId: string;

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

@@ -1 +1 @@
-{"version":3,"file":"toast.vue.d.ts","sourceRoot":"","sources":["../../../../components/toast/toast.vue"],"names":[],"mappings":"AAiDA;"}
+{"version":3,"file":"toast.vue.d.ts","sourceRoot":"","sources":["../../../../components/toast/toast.vue"],"names":[],"mappings":"AAqCA;"}

package/dist/vue3/types/components/toast/toast_constants.d.ts

@@ -1,8 +1,12 @@
+export const TOAST_ALTERNATE_KINDS: string[];
 export const TOAST_ROLES: string[];
 export const TOAST_MIN_DURATION: 6000;
+export const TOAST_LAYOUTS: string[];
 declare namespace _default {
     export { TOAST_ROLES };
     export { TOAST_MIN_DURATION };
+    export { TOAST_LAYOUTS };
+    export { TOAST_ALTERNATE_KINDS };
 }
 export default _default;
 //# sourceMappingURL=toast_constants.d.ts.map

package/dist/vue3/types/components/toast/toast_constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast_constants.d.ts","sourceRoot":"","sources":["../../../../components/toast/toast_constants.js"],"names":[],"mappings":"AAAA,mCAA+C;AAC/C,sCAAuC"}
+{"version":3,"file":"toast_constants.d.ts","sourceRoot":"","sources":["../../../../components/toast/toast_constants.js"],"names":[],"mappings":"AACA,6CAAmE;AACnE,mCAA+C;AAC/C,sCAAuC;AACvC,qCAAsD"}

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

@@ -240,11 +240,11 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     id: string;
     message: string;
+    offset: unknown[];
     transition: boolean;
     inverted: boolean;
     contentClass: string | Record<string, any> | unknown[];
     show: boolean;
-    offset: unknown[];
     fallbackPlacements: unknown[];
     appendTo: string | HTMLElement;
     delay: boolean;

package/dist/vue3/types/directives/scrollbar_directive/index.d.ts.map

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

package/dist/vue3/types/directives/scrollbar_directive/scrollbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar.d.ts","sourceRoot":"","sources":["../../../../directives/scrollbar_directive/scrollbar.js"],"names":[],"mappings":";;IAIE,iCAoBC"}

package/dist/vue3/types/directives/tooltip_directive/index.d.ts.map

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

package/dist/vue3/types/directives/tooltip_directive/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../directives/tooltip_directive/tooltip.js"],"names":[],"mappings":";;IAME,iCAmFC"}

package/dist/vue3/types/index.d.ts

@@ -52,8 +52,8 @@ export * from './components/toast';
 export * from './components/toggle';
 export * from './components/tooltip';
 export * from './components/validation_messages';
-export * from './directives/tooltip';
-export * from './directives/scrollbar';
+export * from './directives/tooltip_directive';
+export * from './directives/scrollbar_directive';
 export * from './recipes/buttons/callbar_button';
 export * from './recipes/buttons/callbar_button_with_popover';
 export * from './recipes/buttons/callbar_button_with_dropdown';

package/dist/vue3/types/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.d.ts

@@ -197,11 +197,11 @@ declare const _default: import('vue').DefineComponent<{
     onClick: Function;
     disabled: boolean;
     id: string;
+    offset: unknown[];
     danger: boolean;
     active: boolean;
     ariaLabel: string;
     contentClass: string | Record<string, any> | unknown[];
-    offset: unknown[];
     placement: string;
     showCloseButton: boolean;
     initialFocusElement: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone",
-  "version": "9.110.2",
+  "version": "9.111.1",
   "description": "Dialpad's Dialtone design system monorepo",
   "files": [
     "dist"
@@ -21,20 +21,20 @@
       "import": "./dist/vue2/dialtone-vue.js",
       "require": "./dist/vue2/dialtone-vue.cjs"
     },
-    "./vue2/*": {
+    "./vue2/lib/*": {
       "types": "./dist/vue2/types/index.d.ts",
-      "import": "./dist/vue2/*.js",
-      "require": "./dist/vue2/*.cjs"
+      "import": "./dist/vue2/lib/*/index.js",
+      "require": "./dist/vue2/lib/*/index.cjs"
     },
     "./vue3": {
       "types": "./dist/vue3/types/index.d.ts",
       "import": "./dist/vue3/dialtone-vue.js",
       "require": "./dist/vue3/dialtone-vue.cjs"
     },
-    "./vue3/*": {
+    "./vue3/lib/*": {
       "types": "./dist/vue3/types/index.d.ts",
-      "import": "./dist/vue3/*.js",
-      "require": "./dist/vue3/*.cjs"
+      "import": "./dist/vue3/lib/*/index.js",
+      "require": "./dist/vue3/lib/*/index.cjs"
     },
     "./themes/*": {
       "types": "./dist/tokens/types/themes/*.d.ts",
@@ -44,30 +44,32 @@
     "./*": "./dist/*"
   },
   "dependencies": {
-    "@tiptap/core": "^2.6.6",
-    "@tiptap/extension-blockquote": "^2.6.6",
-    "@tiptap/extension-bold": "^2.6.6",
+    "@dialpad/i18n-services": "1.2.0-beta.v6",
+    "@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-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/pm": "^2.6.6",
-    "@tiptap/suggestion": "^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/pm": "2.6.6",
+    "@tiptap/suggestion": "2.6.6",
     "date-fns": "4.1.0",
     "deep-equal": "2.2.3",
     "docopt": "0.6.2",
@@ -76,8 +78,8 @@
     "overlayscrollbars": "2.10.0",
     "regex-combined-emojis": "1.6.0",
     "tippy.js": "6.3.7",
-    "@dialpad/dialtone-icons": "4.34.6",
     "@dialpad/dialtone-emojis": "1.1.2",
+    "@dialpad/dialtone-icons": "4.34.6",
     "@dialpad/dialtone-tokens": "1.41.2"
   },
   "devDependencies": {
@@ -101,8 +103,8 @@
     "@storybook/test-runner": "^0.16.0",
     "@storybook/theming": "7.6.20",
     "@types/node": "^20.4.5",
-    "@vitejs/plugin-vue": "^5.0.3",
-    "@vitejs/plugin-vue2": "^2.3.1",
+    "@vitejs/plugin-vue": "^5.2.3",
+    "@vitejs/plugin-vue2": "^2.3.3",
     "@vue/tsconfig": "^0.4.0",
     "axe-core": "^4.7.2",
     "axe-playwright": "^2.0.3",

package/dist/vue2/_virtual/_plugin-vue2_normalizer.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
-  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
-  if (render) {
-    options.render = render;
-    options.staticRenderFns = staticRenderFns;
-    options._compiled = true;
-  }
-  return {
-    exports: scriptExports,
-    options
-  };
-}
-exports.default = normalizeComponent;
-//# sourceMappingURL=_plugin-vue2_normalizer.cjs.map

package/dist/vue2/_virtual/_plugin-vue2_normalizer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"_plugin-vue2_normalizer.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/vue2/_virtual/_plugin-vue2_normalizer.js

@@ -1,16 +0,0 @@
-function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
-  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
-  if (render) {
-    options.render = render;
-    options.staticRenderFns = staticRenderFns;
-    options._compiled = true;
-  }
-  return {
-    exports: scriptExports,
-    options
-  };
-}
-export {
-  normalizeComponent as default
-};
-//# sourceMappingURL=_plugin-vue2_normalizer.js.map

package/dist/vue2/_virtual/_plugin-vue2_normalizer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_plugin-vue2_normalizer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}