@dialpad/dialtone 9.65.1 → 9.67.0

package/dist/vue3/style.css

@@ -273,7 +273,7 @@
 }
 /*! 
  * OverlayScrollbars
- * Version: 2.9.1
+ * Version: 2.10.0
  * 
  * Copyright (c) Rene Haas | KingSora.
  * https://github.com/KingSora
@@ -1666,20 +1666,20 @@ body > .os-scrollbar {
 .dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-ef08f46e] {
   background-color: var(--dt-color-surface-warning);
 }
-.dt-contact-info[data-v-a3c913d1] {
+.dt-contact-info[data-v-7b60b2d6] {
   --contact-info-avatar-border-color: var(--dt-color-surface-primary);
   display: flex;
 }
-.dt-contact-info[data-v-a3c913d1] .dt-item-layout {
+.dt-contact-info[data-v-7b60b2d6] .dt-item-layout {
   flex: 1 1 0;
 }
-.dt-contact-info[data-v-a3c913d1] .dt-item-layout--content {
+.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--content {
   /*
     DP-74536: Add `min-width` to make the width of "contact info" adjustable.
     */
   min-width: var(--dt-space-825);
 }
-.dt-contact-info[data-v-a3c913d1] .dt-item-layout--left {
+.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--left {
   /*
     DP-74536: To make 'Avatar' in fixed position when resizing the window.
     */
@@ -1687,26 +1687,26 @@ body > .os-scrollbar {
   justify-content: flex-start;
   align-items: center;
 }
-.dt-contact-info[data-v-a3c913d1] .dt-item-layout--right {
+.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--right {
   /*
     DP-74536: Remove `min-width` which cause extra unused empty space on the right of "contact info".
     */
   min-width: 0;
   align-items: center;
 }
-.dt-contact-info__left[data-v-a3c913d1] {
+.dt-contact-info__left[data-v-7b60b2d6] {
   position: relative;
   background-color: transparent;
   background-image: none;
   border-width: 0;
   cursor: pointer;
 }
-.dt-contact-info--avatars[data-v-a3c913d1] {
+.dt-contact-info--avatars[data-v-7b60b2d6] {
   margin-right: var(--dt-space-300-negative);
   display: flex;
   flex-direction: row;
 }
-.dt-contact-info--avatars .d-avatar[data-v-a3c913d1] {
+.dt-contact-info--avatars .d-avatar[data-v-7b60b2d6] {
   border-radius: var(--dt-size-radius-pill);
   border: var(--dt-size-300) solid var(--contact-info-avatar-border-color);
   box-sizing: unset;

package/dist/vue3/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/vue3/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/vue3/types/components/input/input.vue.d.ts

@@ -164,12 +164,13 @@ declare const _default: import("vue").DefineComponent<{
         type: string | null;
     };
     onBlur(e: any): void;
-    clear(): void;
+    emitClearEvents(): void;
     blur(): void;
     focus(): void;
     select(): void;
     getMessageKey(type: any, index: any): string;
     validateLength(length: any): void;
+    clearInput(): void;
 }, {
     props: {
         messagesClass: {

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

@@ -1 +1 @@
-{"version":3,"file":"input.vue.d.ts","sourceRoot":"","sources":["../../../../components/input/input.vue.js"],"names":[],"mappings":";IAsCI;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA5HH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAjJA,gBAAgB"}
+{"version":3,"file":"input.vue.d.ts","sourceRoot":"","sources":["../../../../components/input/input.vue.js"],"names":[],"mappings":";IAsCI;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA5HH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAjJA,gBAAgB"}

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

@@ -57,6 +57,13 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Avatar color to display if `avatarSrc` is empty.
+     */
+    avatarColor: {
+        type: StringConstructor;
+        default: null;
+    };
     /**
      * Determines whether to show the presence indicator for
      * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
@@ -143,6 +150,13 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Avatar color to display if `avatarSrc` is empty.
+     */
+    avatarColor: {
+        type: StringConstructor;
+        default: null;
+    };
     /**
      * Determines whether to show the presence indicator for
      * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
@@ -180,6 +194,7 @@ declare const _default: import("vue").DefineComponent<{
     avatarIcon: string;
     avatarSize: string;
     avatarLabelledBy: string;
+    avatarColor: string;
     avatarList: unknown[];
 }, {}>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"contact_info.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/item_layout/contact_info/contact_info.vue.js"],"names":[],"mappings":";IAoBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;;;IAvFH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;;;;;;;;OAUG"}
+{"version":3,"file":"contact_info.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/item_layout/contact_info/contact_info.vue.js"],"names":[],"mappings":";IAoBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;;;IA/FH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;;;;;;;;OAUG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone",
-  "version": "9.65.1",
+  "version": "9.67.0",
   "description": "Dialpad's Dialtone design system monorepo",
   "type": "module",
   "files": [
@@ -66,12 +66,13 @@
     "docopt": "0.6.2",
     "emoji-regex": "10.3.0",
     "emoji-toolkit": "8.0.0",
+    "overlayscrollbars": "2.10.0",
     "requireindex": "1.2.0",
     "stylelint": "15.11.0",
     "tippy.js": "6.3.7",
     "@dialpad/dialtone-emojis": "1.0.7",
-    "@dialpad/dialtone-tokens": "1.34.1",
-    "@dialpad/dialtone-icons": "4.26.1"
+    "@dialpad/dialtone-icons": "4.26.3",
+    "@dialpad/dialtone-tokens": "1.34.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^18.4.3",