@dialpad/dialtone-vue 3.176.2 → 3.177.0

package/dist/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/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/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/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/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/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/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/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/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/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/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,35 +1,37 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "3.176.2",
+  "version": "3.177.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/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-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/vue-3": "^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",
+    "@tiptap/vue-3": "2.6.6",
     "date-fns": "4.1.0",
     "deep-equal": "2.2.3",
     "emoji-toolkit": "9.0.1",
@@ -37,8 +39,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-emojis": "1.1.2",
+    "@dialpad/dialtone-icons": "4.34.6"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "7.6.20",
@@ -50,12 +52,12 @@
     "react": "17.0.2",
     "storybook-dark-mode": "^3.0.3",
     "vue": "^3.3.4",
-    "@dialpad/dialtone-css": "8.52.1",
+    "@dialpad/dialtone-css": "8.53.0",
     "@dialpad/generator-dialtone": "0.1.0"
   },
   "peerDependencies": {
     "vue": ">=3.2",
-    "@dialpad/dialtone-css": "^8.52.1"
+    "@dialpad/dialtone-css": "^8.53.0"
   },
   "bugs": {
     "email": "dialtone@dialpad.com"
@@ -101,11 +103,12 @@
       "import": "./dist/dialtone-vue.js",
       "require": "./dist/dialtone-vue.cjs"
     },
-    "./component-documentation.json": "./dist/component-documentation.json",
-    "./*": {
-      "import": "./dist/*.js",
-      "require": "./dist/*.cjs"
-    }
+    "./lib/*": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/lib/*/index.js",
+      "require": "./dist/lib/*/index.cjs"
+    },
+    "./component-documentation.json": "./dist/component-documentation.json"
   },
   "nx": {
     "includedScripts": [

package/dist/_virtual/_plugin-vue_export-helper.cjs

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-exports.default = _export_sfc;
-//# sourceMappingURL=_plugin-vue_export-helper.cjs.map

package/dist/_virtual/_plugin-vue_export-helper.cjs.map

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

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -1,11 +0,0 @@
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-export {
-  _export_sfc as default
-};
-//# sourceMappingURL=_plugin-vue_export-helper.js.map

package/dist/_virtual/_plugin-vue_export-helper.js.map

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

package/dist/common/config.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-exports.configVue2StyleClassAttrs = false;
-function enableVue2StyleClassAttrs() {
-  exports.configVue2StyleClassAttrs = true;
-}
-exports.enableVue2StyleClassAttrs = enableVue2StyleClassAttrs;
-//# sourceMappingURL=config.cjs.map

package/dist/common/config.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.cjs","sources":["../../common/config/index.js"],"sourcesContent":["export let configVue2StyleClassAttrs = false;\n\nexport function enableVue2StyleClassAttrs () {\n  configVue2StyleClassAttrs = true;\n}\n"],"names":["configVue2StyleClassAttrs"],"mappings":";;AAAWA,QAAAA,4BAA4B;AAEhC,SAAS,4BAA6B;AAC3CA,UAAAA,4BAA4B;AAC9B;;"}

package/dist/common/config.js

@@ -1,9 +0,0 @@
-let configVue2StyleClassAttrs = false;
-function enableVue2StyleClassAttrs() {
-  configVue2StyleClassAttrs = true;
-}
-export {
-  configVue2StyleClassAttrs,
-  enableVue2StyleClassAttrs
-};
-//# sourceMappingURL=config.js.map