@dialpad/dialtone 9.70.0-beta.1 → 9.70.0

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

@@ -80,6 +80,13 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
         validator: (group: unknown) => boolean;
     };
+    /**
+     * The icon that overlays the avatar
+     */
+    overlayIcon: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * The text that overlays the avatar
      */
@@ -110,6 +117,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    /**
+     * Icon name to be displayed on the avatar
+     */
+    iconName: {
+        type: StringConstructor;
+        default: undefined;
+        validator: (name: unknown) => boolean;
+    };
     /**
      * Icon size to be displayed on the avatar
      * @values 100, 200, 300, 400, 500, 600, 700, 800
@@ -169,11 +184,8 @@ declare const _default: import("vue").DefineComponent<{
     imageLoadedSuccessfully: null;
     formattedInitials: string;
     initializing: boolean;
-    hasSlotContent: typeof hasSlotContent;
 }, {
-    isIconType(): any;
-    hasOverlayIcon(): any;
-    iconDataQa(): "dt-avatar-icon";
+    isNotIconType(): boolean;
     avatarClasses(): any[];
     overlayClasses(): (string | Record<string, any> | unknown[])[];
     showGroup(): boolean;
@@ -270,6 +282,13 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
         validator: (group: unknown) => boolean;
     };
+    /**
+     * The icon that overlays the avatar
+     */
+    overlayIcon: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * The text that overlays the avatar
      */
@@ -300,6 +319,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    /**
+     * Icon name to be displayed on the avatar
+     */
+    iconName: {
+        type: StringConstructor;
+        default: undefined;
+        validator: (name: unknown) => boolean;
+    };
     /**
      * Icon size to be displayed on the avatar
      * @values 100, 200, 300, 400, 500, 600, 700, 800
@@ -336,8 +363,8 @@ declare const _default: import("vue").DefineComponent<{
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     presence: string;
-    fullName: string;
     size: string;
+    fullName: string;
     group: number;
     imageSrc: string;
     id: string;
@@ -347,13 +374,14 @@ declare const _default: import("vue").DefineComponent<{
     canvasClass: string | Record<string, any> | unknown[];
     iconClass: string | Record<string, any> | unknown[];
     presenceProps: Record<string, any>;
+    overlayIcon: string;
     overlayText: string;
     overlayClass: string | Record<string, any> | unknown[];
     imageAlt: string;
+    iconName: string;
     iconSize: string;
     clickable: boolean;
     iconAriaLabel: string;
 }, {}>;
 export default _default;
-import { hasSlotContent } from '@/common/utils';
 //# sourceMappingURL=avatar.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.vue.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar.vue.js"],"names":[],"mappings":";IA2BI;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA7JH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAtL2D,gBAAgB"}
+{"version":3,"file":"avatar.vue.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar.vue.js"],"names":[],"mappings":";IA+BI;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA9KH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}

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

@@ -149,8 +149,8 @@ declare const _default: import("vue").DefineComponent<{
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
     size: string;
-    id: string;
     ariaLabel: string;
+    id: string;
     labelClass: string | Record<string, any> | unknown[];
     closeButtonProps: Record<string, any>;
     hideClose: boolean;

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

@@ -187,8 +187,8 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
 }, {
-    id: string;
     ariaLabel: string;
+    id: string;
     maxHeight: string;
     contentClass: string | Record<string, any> | unknown[];
     elementType: string;

package/dist/vue3/types/components/split_button/split_button-omega.vue.d.ts

@@ -125,8 +125,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     active: boolean;
     size: string;
-    id: string;
     ariaLabel: string;
+    id: string;
     kind: string;
     importance: string;
     disabled: boolean;

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

@@ -173,8 +173,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     active: boolean;
     circle: boolean;
-    id: string;
     ariaLabel: string;
+    id: string;
     danger: boolean;
     importance: string;
     disabled: boolean;

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

@@ -321,8 +321,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     active: boolean;
     onClick: Function;
-    id: string;
     ariaLabel: string;
+    id: string;
     danger: boolean;
     disabled: boolean;
     contentClass: string | Record<string, any> | unknown[];

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

@@ -84,6 +84,7 @@ declare const _default: import("vue").DefineComponent<{
         transitionend: () => void;
         keydown: (event: any) => void;
     };
+    iconName(): "user" | null;
     listItemClasses(): any[];
 }, {
     transitionComplete(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"feed_item_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/feed_item_row/feed_item_row.vue.js"],"names":[],"mappings":";IA2BI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA7EH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"feed_item_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/feed_item_row/feed_item_row.vue.js"],"names":[],"mappings":";IAyBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA7EH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}

package/dist/vue3/types/recipes/item_layout/contact_info/contact_info.vue.d.ts

@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
      * Avatar icon to display if `avatarSrc` is empty.
      */
     avatarIcon: {
-        type: ObjectConstructor;
+        type: StringConstructor;
         default: null;
     };
     /**
@@ -132,7 +132,7 @@ declare const _default: import("vue").DefineComponent<{
      * Avatar icon to display if `avatarSrc` is empty.
      */
     avatarIcon: {
-        type: ObjectConstructor;
+        type: StringConstructor;
         default: null;
     };
     /**
@@ -191,7 +191,7 @@ declare const _default: import("vue").DefineComponent<{
     avatarSeed: string;
     showAvatar: boolean;
     avatarFullName: string;
-    avatarIcon: Record<string, any>;
+    avatarIcon: string;
     avatarSize: string;
     avatarLabelledBy: string;
     avatarColor: string;

package/dist/vue3/types/recipes/leftbar/callbox/callbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"callbox.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/callbox/callbox.vue.js"],"names":[],"mappings":";IAeI;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;OAEG;;;;;;;;;;;;IAzEH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"callbox.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/callbox/callbox.vue.js"],"names":[],"mappings":";IAcI;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;OAEG;;;;;;;;;;;;IAzEH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;OAEG"}

package/dist/vue3/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts

@@ -28,11 +28,11 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     /**
-     * Number of unread messages
+     * Number of unread messages, could be a string to support '99+'
      */
     unreadCount: {
-        type: NumberConstructor;
-        default: number;
+        type: StringConstructor;
+        default: null;
     };
     /**
      * Aria label for the menu button.
@@ -85,11 +85,11 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     /**
-     * Number of unread messages
+     * Number of unread messages, could be a string to support '99+'
      */
     unreadCount: {
-        type: NumberConstructor;
-        default: number;
+        type: StringConstructor;
+        default: null;
     };
     /**
      * Aria label for the menu button.
@@ -105,7 +105,7 @@ declare const _default: import("vue").DefineComponent<{
     ariaLabel: string;
     selected: boolean;
     hideActions: boolean;
-    unreadCount: number;
+    unreadCount: string;
 }, {}>;
 export default _default;
 //# sourceMappingURL=contact_centers_row.vue.d.ts.map

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

@@ -25,6 +25,13 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: null;
     };
+    /**
+     * Avatar color to display if `avatarSrc` is empty.
+     */
+    avatarColor: {
+        type: StringConstructor;
+        default: null;
+    };
     /**
      * Text describing the user's presence, such as "in a meeting"
      */
@@ -116,6 +123,7 @@ declare const _default: import("vue").DefineComponent<{
         [k: string]: any;
     };
     contactDescription(): string;
+    iconName(): "user" | null;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "call"[], "call", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Optional avatar image url.
@@ -143,6 +151,13 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: null;
     };
+    /**
+     * Avatar color to display if `avatarSrc` is empty.
+     */
+    avatarColor: {
+        type: StringConstructor;
+        default: null;
+    };
     /**
      * Text describing the user's presence, such as "in a meeting"
      */
@@ -236,6 +251,7 @@ declare const _default: import("vue").DefineComponent<{
     avatarSrc: string;
     avatarSeed: string;
     noInitials: boolean;
+    avatarColor: string;
     unreadCount: string;
     unreadCountTooltip: string;
     hasUnreads: boolean;

package/dist/vue3/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;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;IAxHH;;;OAGG;;;;;IAMH;;;;;;OAMG;;;;;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.js"],"names":[],"mappings":";IAmBI;;;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"}

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

@@ -304,9 +304,9 @@ declare const _default: import("vue").DefineComponent<{
     onCall?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
+    ariaLabel: string;
     color: string;
     iconSize: string;
-    ariaLabel: string;
     muted: boolean;
     selected: boolean;
     unreadCount: string;

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@dialpad/dialtone",
-  "version": "9.70.0-beta.1",
+  "version": "9.70.0",
   "description": "Dialpad's Dialtone design system monorepo",
-  "type": "module",
   "files": [
     "dist"
   ],
@@ -35,9 +34,9 @@
       "require": "./dist/vue3/*.cjs"
     },
     "./themes/*": {
-      "types": "./dist/themes/types/*.d.ts",
-      "import": "./dist/themes/*.js",
-      "require": "./dist/themes/*.cjs"
+      "types": "./dist/tokens/themes/types/*.d.ts",
+      "import": "./dist/tokens/themes/*.js",
+      "require": "./dist/tokens/themes/*.cjs"
     },
     "./*": "./dist/*"
   },
@@ -74,7 +73,7 @@
     "vite-plugin-dts": "4.0.3",
     "@dialpad/dialtone-emojis": "1.0.7",
     "@dialpad/dialtone-icons": "4.26.5",
-    "@dialpad/dialtone-tokens": "1.34.1"
+    "@dialpad/dialtone-tokens": "1.34.2"
   },
   "devDependencies": {
     "@commitlint/cli": "^18.4.3",

package/dist/themes/types/config.d.ts

@@ -1,6 +0,0 @@
-/**
- * Set the current theme and optionally the brand
- * @param theme the theme object which contains two properties base and brand which refer to the css files.
- */
-export function setTheme(theme: any): void;
-//# sourceMappingURL=config.d.ts.map

package/dist/themes/types/config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../common/themes/config.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,2CAKC"}

package/dist/themes/types/expressive-dark.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"expressive-dark.d.ts","sourceRoot":"","sources":["../../../common/themes/expressive-dark.js"],"names":[],"mappings":""}

package/dist/themes/types/expressive-light.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"expressive-light.d.ts","sourceRoot":"","sources":["../../../common/themes/expressive-light.js"],"names":[],"mappings":""}

package/dist/themes/types/expressive-sm-dark.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"expressive-sm-dark.d.ts","sourceRoot":"","sources":["../../../common/themes/expressive-sm-dark.js"],"names":[],"mappings":""}

package/dist/themes/types/expressive-sm-light.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"expressive-sm-light.d.ts","sourceRoot":"","sources":["../../../common/themes/expressive-sm-light.js"],"names":[],"mappings":""}