@dialpad/dialtone 9.65.1 → 9.67.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/README.md +17 -0
  2. package/dist/tokens/doc.json +9436 -9436
  3. package/dist/vue2/component-documentation.json +1 -1
  4. package/dist/vue2/lib/contact-info.cjs +9 -2
  5. package/dist/vue2/lib/contact-info.cjs.map +1 -1
  6. package/dist/vue2/lib/contact-info.js +9 -2
  7. package/dist/vue2/lib/contact-info.js.map +1 -1
  8. package/dist/vue2/lib/image-viewer.cjs +11 -1
  9. package/dist/vue2/lib/image-viewer.cjs.map +1 -1
  10. package/dist/vue2/lib/image-viewer.js +11 -1
  11. package/dist/vue2/lib/image-viewer.js.map +1 -1
  12. package/dist/vue2/lib/input.cjs +8 -2
  13. package/dist/vue2/lib/input.cjs.map +1 -1
  14. package/dist/vue2/lib/input.js +8 -2
  15. package/dist/vue2/lib/input.js.map +1 -1
  16. package/dist/vue2/lib/scrollbar-directive.cjs +422 -388
  17. package/dist/vue2/lib/scrollbar-directive.cjs.map +1 -1
  18. package/dist/vue2/lib/scrollbar-directive.js +422 -388
  19. package/dist/vue2/lib/scrollbar-directive.js.map +1 -1
  20. package/dist/vue2/style.css +9 -9
  21. package/dist/vue2/types/components/image_viewer/image_viewer.vue.d.ts +21 -0
  22. package/dist/vue2/types/components/image_viewer/image_viewer.vue.d.ts.map +1 -1
  23. package/dist/vue2/types/components/input/input.vue.d.ts +2 -1
  24. package/dist/vue2/types/components/input/input.vue.d.ts.map +1 -1
  25. package/dist/vue2/types/recipes/item_layout/contact_info/contact_info.vue.d.ts +15 -0
  26. package/dist/vue2/types/recipes/item_layout/contact_info/contact_info.vue.d.ts.map +1 -1
  27. package/dist/vue3/component-documentation.json +1 -1
  28. package/dist/vue3/lib/contact-info.cjs +10 -2
  29. package/dist/vue3/lib/contact-info.cjs.map +1 -1
  30. package/dist/vue3/lib/contact-info.js +10 -2
  31. package/dist/vue3/lib/contact-info.js.map +1 -1
  32. package/dist/vue3/lib/image-viewer.cjs +12 -2
  33. package/dist/vue3/lib/image-viewer.cjs.map +1 -1
  34. package/dist/vue3/lib/image-viewer.js +12 -2
  35. package/dist/vue3/lib/image-viewer.js.map +1 -1
  36. package/dist/vue3/lib/input.cjs +11 -2
  37. package/dist/vue3/lib/input.cjs.map +1 -1
  38. package/dist/vue3/lib/input.js +11 -2
  39. package/dist/vue3/lib/input.js.map +1 -1
  40. package/dist/vue3/lib/scrollbar-directive.cjs +422 -388
  41. package/dist/vue3/lib/scrollbar-directive.cjs.map +1 -1
  42. package/dist/vue3/lib/scrollbar-directive.js +422 -388
  43. package/dist/vue3/lib/scrollbar-directive.js.map +1 -1
  44. package/dist/vue3/style.css +9 -9
  45. package/dist/vue3/types/components/image_viewer/image_viewer.vue.d.ts +21 -0
  46. package/dist/vue3/types/components/image_viewer/image_viewer.vue.d.ts.map +1 -1
  47. package/dist/vue3/types/components/input/input.vue.d.ts +2 -1
  48. package/dist/vue3/types/components/input/input.vue.d.ts.map +1 -1
  49. package/dist/vue3/types/recipes/item_layout/contact_info/contact_info.vue.d.ts +15 -0
  50. package/dist/vue3/types/recipes/item_layout/contact_info/contact_info.vue.d.ts.map +1 -1
  51. package/package.json +4 -3
@@ -233,7 +233,7 @@
233
233
  }
234
234
  /*!
235
235
  * OverlayScrollbars
236
- * Version: 2.9.1
236
+ * Version: 2.10.0
237
237
  *
238
238
  * Copyright (c) Rene Haas | KingSora.
239
239
  * https://github.com/KingSora
@@ -1626,20 +1626,20 @@ body > .os-scrollbar {
1626
1626
  .dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-ef08f46e] {
1627
1627
  background-color: var(--dt-color-surface-warning);
1628
1628
  }
1629
- .dt-contact-info[data-v-a3c913d1] {
1629
+ .dt-contact-info[data-v-7b60b2d6] {
1630
1630
  --contact-info-avatar-border-color: var(--dt-color-surface-primary);
1631
1631
  display: flex;
1632
1632
  }
1633
- .dt-contact-info[data-v-a3c913d1] .dt-item-layout {
1633
+ .dt-contact-info[data-v-7b60b2d6] .dt-item-layout {
1634
1634
  flex: 1 1 0;
1635
1635
  }
1636
- .dt-contact-info[data-v-a3c913d1] .dt-item-layout--content {
1636
+ .dt-contact-info[data-v-7b60b2d6] .dt-item-layout--content {
1637
1637
  /*
1638
1638
  DP-74536: Add `min-width` to make the width of "contact info" adjustable.
1639
1639
  */
1640
1640
  min-width: var(--dt-space-825);
1641
1641
  }
1642
- .dt-contact-info[data-v-a3c913d1] .dt-item-layout--left {
1642
+ .dt-contact-info[data-v-7b60b2d6] .dt-item-layout--left {
1643
1643
  /*
1644
1644
  DP-74536: To make 'Avatar' in fixed position when resizing the window.
1645
1645
  */
@@ -1647,26 +1647,26 @@ body > .os-scrollbar {
1647
1647
  justify-content: flex-start;
1648
1648
  align-items: center;
1649
1649
  }
1650
- .dt-contact-info[data-v-a3c913d1] .dt-item-layout--right {
1650
+ .dt-contact-info[data-v-7b60b2d6] .dt-item-layout--right {
1651
1651
  /*
1652
1652
  DP-74536: Remove `min-width` which cause extra unused empty space on the right of "contact info".
1653
1653
  */
1654
1654
  min-width: 0;
1655
1655
  align-items: center;
1656
1656
  }
1657
- .dt-contact-info__left[data-v-a3c913d1] {
1657
+ .dt-contact-info__left[data-v-7b60b2d6] {
1658
1658
  position: relative;
1659
1659
  background-color: transparent;
1660
1660
  background-image: none;
1661
1661
  border-width: 0;
1662
1662
  cursor: pointer;
1663
1663
  }
1664
- .dt-contact-info--avatars[data-v-a3c913d1] {
1664
+ .dt-contact-info--avatars[data-v-7b60b2d6] {
1665
1665
  margin-right: var(--dt-space-300-negative);
1666
1666
  display: flex;
1667
1667
  flex-direction: row;
1668
1668
  }
1669
- .dt-contact-info--avatars .d-avatar[data-v-a3c913d1] {
1669
+ .dt-contact-info--avatars .d-avatar[data-v-7b60b2d6] {
1670
1670
  border-radius: var(--dt-size-radius-pill);
1671
1671
  border: var(--dt-size-300) solid var(--contact-info-avatar-border-color);
1672
1672
  box-sizing: unset;
@@ -1,4 +1,14 @@
1
1
  declare const _default: import("vue").DefineComponent<{
2
+ /**
3
+ * By default the portal appends to the body of the root parent. We can modify
4
+ * this behaviour by passing an appendTo prop that points to an id or an html tag from the root of the parent.
5
+ * The appendTo prop expects a CSS selector string or an actual DOM node.
6
+ * type: string | HTMLElement, default: 'body'
7
+ */
8
+ appendTo: {
9
+ type: StringConstructor;
10
+ default: string;
11
+ };
2
12
  /**
3
13
  * Controls whether the image modal is shown. Leaving this null will have the image modal
4
14
  * trigger on click by default.
@@ -69,6 +79,16 @@ declare const _default: import("vue").DefineComponent<{
69
79
  focusTrappedTabPress(e: object, el: object): void;
70
80
  };
71
81
  }, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("update:open" | "opened")[], string, Readonly<import("vue").ExtractPropTypes<{
82
+ /**
83
+ * By default the portal appends to the body of the root parent. We can modify
84
+ * this behaviour by passing an appendTo prop that points to an id or an html tag from the root of the parent.
85
+ * The appendTo prop expects a CSS selector string or an actual DOM node.
86
+ * type: string | HTMLElement, default: 'body'
87
+ */
88
+ appendTo: {
89
+ type: StringConstructor;
90
+ default: string;
91
+ };
72
92
  /**
73
93
  * Controls whether the image modal is shown. Leaving this null will have the image modal
74
94
  * trigger on click by default.
@@ -118,6 +138,7 @@ declare const _default: import("vue").DefineComponent<{
118
138
  };
119
139
  }>>, {
120
140
  open: boolean;
141
+ appendTo: string;
121
142
  imageButtonClass: string;
122
143
  }>;
123
144
  export default _default;
@@ -1 +1 @@
1
- {"version":3,"file":"image_viewer.vue.d.ts","sourceRoot":"","sources":["../../../../components/image_viewer/image_viewer.vue.js"],"names":[],"mappings":";IAoBI;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA/CH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG"}
1
+ {"version":3,"file":"image_viewer.vue.d.ts","sourceRoot":"","sources":["../../../../components/image_viewer/image_viewer.vue.js"],"names":[],"mappings":";IAoBI;;;;;MAKE;;;;;IAMF;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA1DH;;;;;MAKE;;;;;IAMF;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG"}
@@ -161,12 +161,13 @@ declare const _default: import("vue").DefineComponent<{
161
161
  type: string | null;
162
162
  };
163
163
  onBlur(e: any): void;
164
- clear(): void;
164
+ emitClearEvents(): void;
165
165
  blur(): void;
166
166
  focus(): void;
167
167
  select(): void;
168
168
  getMessageKey(type: any, index: any): string;
169
169
  validateLength(length: any): void;
170
+ clearInput(): void;
170
171
  }, {
171
172
  props: {
172
173
  messagesClass: {
@@ -1 +1 @@
1
- {"version":3,"file":"input.vue.d.ts","sourceRoot":"","sources":["../../../../components/input/input.vue.js"],"names":[],"mappings":";IAqCI;;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"}
1
+ {"version":3,"file":"input.vue.d.ts","sourceRoot":"","sources":["../../../../components/input/input.vue.js"],"names":[],"mappings":";IAqCI;;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"}
@@ -57,6 +57,13 @@ declare const _default: import("vue").DefineComponent<{
57
57
  type: StringConstructor;
58
58
  default: string;
59
59
  };
60
+ /**
61
+ * Avatar color to display if `avatarSrc` is empty.
62
+ */
63
+ avatarColor: {
64
+ type: StringConstructor;
65
+ default: null;
66
+ };
60
67
  /**
61
68
  * Determines whether to show the presence indicator for
62
69
  * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
@@ -143,6 +150,13 @@ declare const _default: import("vue").DefineComponent<{
143
150
  type: StringConstructor;
144
151
  default: string;
145
152
  };
153
+ /**
154
+ * Avatar color to display if `avatarSrc` is empty.
155
+ */
156
+ avatarColor: {
157
+ type: StringConstructor;
158
+ default: null;
159
+ };
146
160
  /**
147
161
  * Determines whether to show the presence indicator for
148
162
  * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
@@ -178,6 +192,7 @@ declare const _default: import("vue").DefineComponent<{
178
192
  avatarIcon: string;
179
193
  avatarSize: string;
180
194
  avatarLabelledBy: string;
195
+ avatarColor: string;
181
196
  avatarList: unknown[];
182
197
  }>;
183
198
  export default _default;
@@ -1 +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"}
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;;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"}