@dialpad/dialtone-vue 3.159.5 → 3.159.7

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 (91) hide show
  1. package/dist/component-documentation.json +1 -1
  2. package/dist/components/avatar/avatar.vue.cjs +0 -1
  3. package/dist/components/avatar/avatar.vue.cjs.map +1 -1
  4. package/dist/components/avatar/avatar.vue.js +0 -1
  5. package/dist/components/avatar/avatar.vue.js.map +1 -1
  6. package/dist/components/collapsible/collapsible_lazy_show.vue.cjs +2 -3
  7. package/dist/components/collapsible/collapsible_lazy_show.vue.cjs.map +1 -1
  8. package/dist/components/collapsible/collapsible_lazy_show.vue.js +2 -3
  9. package/dist/components/collapsible/collapsible_lazy_show.vue.js.map +1 -1
  10. package/dist/components/combobox/combobox_empty-list.vue.cjs +1 -2
  11. package/dist/components/combobox/combobox_empty-list.vue.cjs.map +1 -1
  12. package/dist/components/combobox/combobox_empty-list.vue.js +1 -2
  13. package/dist/components/combobox/combobox_empty-list.vue.js.map +1 -1
  14. package/dist/components/description_list/description_list.vue.cjs +5 -6
  15. package/dist/components/description_list/description_list.vue.cjs.map +1 -1
  16. package/dist/components/description_list/description_list.vue.js +5 -6
  17. package/dist/components/description_list/description_list.vue.js.map +1 -1
  18. package/dist/components/dropdown/dropdown.vue.cjs +0 -1
  19. package/dist/components/dropdown/dropdown.vue.cjs.map +1 -1
  20. package/dist/components/dropdown/dropdown.vue.js +0 -1
  21. package/dist/components/dropdown/dropdown.vue.js.map +1 -1
  22. package/dist/components/dropdown/dropdown_separator.vue.cjs +1 -2
  23. package/dist/components/dropdown/dropdown_separator.vue.cjs.map +1 -1
  24. package/dist/components/dropdown/dropdown_separator.vue.js +1 -2
  25. package/dist/components/dropdown/dropdown_separator.vue.js.map +1 -1
  26. package/dist/components/item_layout/item_layout.vue.cjs +16 -16
  27. package/dist/components/item_layout/item_layout.vue.cjs.map +1 -1
  28. package/dist/components/item_layout/item_layout.vue.js +16 -16
  29. package/dist/components/item_layout/item_layout.vue.js.map +1 -1
  30. package/dist/components/list_item/list_item.vue.cjs +5 -6
  31. package/dist/components/list_item/list_item.vue.cjs.map +1 -1
  32. package/dist/components/list_item/list_item.vue.js +5 -6
  33. package/dist/components/list_item/list_item.vue.js.map +1 -1
  34. package/dist/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.cjs +2 -3
  35. package/dist/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.cjs.map +1 -1
  36. package/dist/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.js +2 -3
  37. package/dist/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.js.map +1 -1
  38. package/dist/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.cjs +5 -6
  39. package/dist/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.cjs.map +1 -1
  40. package/dist/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.js +5 -6
  41. package/dist/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.js.map +1 -1
  42. package/dist/components/rich_text_editor/rich_text_editor.vue.cjs +14 -49
  43. package/dist/components/rich_text_editor/rich_text_editor.vue.cjs.map +1 -1
  44. package/dist/components/rich_text_editor/rich_text_editor.vue.js +14 -49
  45. package/dist/components/rich_text_editor/rich_text_editor.vue.js.map +1 -1
  46. package/dist/components/scroller/modules/core_scroller.vue.cjs +0 -1
  47. package/dist/components/scroller/modules/core_scroller.vue.cjs.map +1 -1
  48. package/dist/components/scroller/modules/core_scroller.vue.js +0 -1
  49. package/dist/components/scroller/modules/core_scroller.vue.js.map +1 -1
  50. package/dist/components/skeleton/skeleton-shape.vue.cjs +2 -2
  51. package/dist/components/skeleton/skeleton-shape.vue.cjs.map +1 -1
  52. package/dist/components/skeleton/skeleton-shape.vue.js +2 -2
  53. package/dist/components/skeleton/skeleton-shape.vue.js.map +1 -1
  54. package/dist/components/skeleton/skeleton-text.vue.cjs +4 -4
  55. package/dist/components/skeleton/skeleton-text.vue.cjs.map +1 -1
  56. package/dist/components/skeleton/skeleton-text.vue.js +4 -4
  57. package/dist/components/skeleton/skeleton-text.vue.js.map +1 -1
  58. package/dist/components/skeleton/skeleton.vue.cjs +0 -1
  59. package/dist/components/skeleton/skeleton.vue.cjs.map +1 -1
  60. package/dist/components/skeleton/skeleton.vue.js +0 -1
  61. package/dist/components/skeleton/skeleton.vue.js.map +1 -1
  62. package/dist/components/tooltip/tooltip.vue.cjs +0 -1
  63. package/dist/components/tooltip/tooltip.vue.cjs.map +1 -1
  64. package/dist/components/tooltip/tooltip.vue.js +0 -1
  65. package/dist/components/tooltip/tooltip.vue.js.map +1 -1
  66. package/dist/recipes/conversation_view/editor/editor.vue.cjs +1 -9
  67. package/dist/recipes/conversation_view/editor/editor.vue.cjs.map +1 -1
  68. package/dist/recipes/conversation_view/editor/editor.vue.js +1 -9
  69. package/dist/recipes/conversation_view/editor/editor.vue.js.map +1 -1
  70. package/dist/recipes/conversation_view/feed_item_pill/feed_item_pill.vue.cjs +1 -1
  71. package/dist/recipes/conversation_view/feed_item_pill/feed_item_pill.vue.cjs.map +1 -1
  72. package/dist/recipes/conversation_view/feed_item_pill/feed_item_pill.vue.js +1 -1
  73. package/dist/recipes/conversation_view/feed_item_pill/feed_item_pill.vue.js.map +1 -1
  74. package/dist/recipes/conversation_view/feed_item_row/feed_item_row.vue.cjs +1 -1
  75. package/dist/recipes/conversation_view/feed_item_row/feed_item_row.vue.cjs.map +1 -1
  76. package/dist/recipes/conversation_view/feed_item_row/feed_item_row.vue.js +1 -1
  77. package/dist/recipes/conversation_view/feed_item_row/feed_item_row.vue.js.map +1 -1
  78. package/dist/recipes/item_layout/contact_info/contact_info.vue.cjs +1 -1
  79. package/dist/recipes/item_layout/contact_info/contact_info.vue.cjs.map +1 -1
  80. package/dist/recipes/item_layout/contact_info/contact_info.vue.js +1 -1
  81. package/dist/recipes/item_layout/contact_info/contact_info.vue.js.map +1 -1
  82. package/dist/style.css +45 -318
  83. package/dist/types/components/avatar/avatar.vue.d.ts.map +1 -1
  84. package/dist/types/components/collapsible/collapsible_lazy_show.vue.d.ts.map +1 -1
  85. package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts +0 -10
  86. package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  87. package/dist/types/components/scroller/modules/core_scroller.vue.d.ts.map +1 -1
  88. package/dist/types/components/tooltip/tooltip.vue.d.ts.map +1 -1
  89. package/dist/types/recipes/conversation_view/editor/editor.vue.d.ts +0 -9
  90. package/dist/types/recipes/conversation_view/editor/editor.vue.d.ts.map +1 -1
  91. package/package.json +5 -5
package/dist/style.css CHANGED
@@ -1,277 +1,4 @@
1
- .d-avatar--image-loaded {
2
- background-color: transparent;
3
- background-image: unset;
4
- }
5
- .d-avatar__count {
6
- z-index: var(--zi-base);
7
- }
8
- .d-avatar__presence {
9
- z-index: var(--zi-base);
10
- }
11
- .d-avatar__overlay {
12
- background-color: var(--dt-color-surface-contrast-opaque);
13
- opacity: var(--dt-opacity-900);
14
- position: absolute;
15
- width: 100%;
16
- height: 100%;
17
- display: flex;
18
- align-items: center;
19
- justify-content: center;
20
- border-radius: var(--dt-size-radius-circle);
21
- z-index: var(--zi-base);
22
- }
23
- .d-avatar__overlay-icon {
24
- color: var(--dt-color-foreground-primary-inverted);
25
- width: 100%;
26
- }
27
- .d-avatar__overlay-text {
28
- color: var(--dt-color-foreground-primary-inverted);
29
- font-weight: var(--dt-font-weight-bold);
30
- font-size: var(--dt-font-size-200);
31
- width: 100%;
32
- text-align: center;
33
- }
34
- .d-avatar--clickable {
35
- --avatar-color-border: transparent;
36
- cursor: pointer;
37
- padding: 0;
38
- background-color: transparent;
39
- border-radius: var(--dt-size-radius-circle);
40
- border: var(--dt-size-border-100) solid var(--avatar-color-border);
41
- }
42
- .d-avatar--clickable:focus-visible {
43
- outline: none;
44
- box-shadow: var(--dt-shadow-focus);
45
- }
46
- .d-avatar--clickable:hover {
47
- --avatar-color-border: var(--dt-color-border-default);
48
- }
49
- .d-avatar--clickable:active {
50
- --avatar-color-border: var(--dt-color-border-moderate);
51
- transform: scale(0.98);
52
- }
53
-
54
- .enter-active,
55
- .leave-active {
56
- overflow: hidden;
57
- transition: height var(--td300) var(--ttf-out-quint);
58
- }
59
- .dt-list-item {
60
- list-style: none;
61
- background-color: var(--dt-action-color-background-muted-default);
62
- }
63
- .dt-list-item:not(.dt-list-item--static) {
64
- cursor: pointer;
65
- border-radius: var(--dt-size-radius-300);
66
- }
67
- .dt-list-item--focusable:focus,
68
- .dt-list-item--focusable:focus-within,
69
- .dt-list-item--highlighted {
70
- background-color: var(--dt-action-color-background-muted-hover);
71
- }
72
- .dt-list-item--highlighted:active {
73
- background-color: var(--dt-action-color-background-muted-active);
74
- }
75
- .dt-list-item--selected-icon {
76
- margin-left: var(--dt-space-400);
77
- }
78
- .dt-list-item :focus-visible {
79
- outline: none;
80
- box-shadow: var(--dt-shadow-focus);
81
- }
82
- .skeleton-placeholder {
83
- display: flex;
84
- stroke: none;
85
- fill: var(--placeholder-from-color, var(--dt-color-black-300));
86
- background: var(--placeholder-from-color, var(--dt-color-black-300));
87
- }
88
- .skeleton-placeholder--animate {
89
- animation-name: placeholder-throb;
90
- animation-iteration-count: infinite;
91
- }
92
- @keyframes placeholder-throb {
93
- 10% {
94
- fill: var(--placeholder-from-color, var(--dt-color-black-300));
95
- background: var(--placeholder-from-color, var(--dt-color-black-300));
96
- }
97
- 50% {
98
- fill: var(--placeholder-to-color, var(--dt-color-black-100));
99
- background: var(--placeholder-to-color, var(--dt-color-black-100));
100
- }
101
- 90% {
102
- fill: var(--placeholder-from-color, var(--dt-color-black-300));
103
- background: var(--placeholder-from-color, var(--dt-color-black-300));
104
- }
105
- }
106
- .dt-empty-list-item {
107
- display: flex;
108
- align-items: center;
109
- justify-content: center;
110
- font-size: var(--dt-font-size-200);
111
- line-height: var(--lh4);
112
- padding: var(--dt-space-300) var(--dt-space-450);
113
- }
114
- .tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{transform:rotate(90deg);top:calc(50% - 3px);left:11px}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{transform:rotate(-90deg);top:calc(50% - 3px);right:11px}.tippy-svg-arrow{width:16px;height:16px;fill:#333;text-align:initial}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}.tippy-box[data-reference-hidden] {
115
- visibility: hidden;
116
- pointer-events: none;
117
- }.tippy-box > .tippy-svg-arrow {
118
- fill: var(--dt-color-surface-contrast);
119
- }.tippy-box[data-theme~='inverted'] > .tippy-svg-arrow {
120
- fill: var(--dt-color-surface-moderate);
121
- }.tippy-box[data-animation='fade'][data-state='hidden'] {
122
- opacity: 0;
123
- }
124
- .dt-description-list {
125
- display: flex;
126
- flex-wrap: wrap;
127
- align-items: flex-start;
128
- flex-direction: row;
129
- line-height: var(--dt-font-line-height-300);
130
- font-size: var(--dt-font-size-100);
131
- --description-list-gap: var(--dt-space-400);
132
- gap: var(--description-list-gap);
133
- }
134
- .dt-description-list--gap-0 {
135
- --description-list-gap: var(--dt-space-0);
136
- }
137
- .dt-description-list--gap-100 {
138
- --description-list-gap: var(--dt-space-100);
139
- }
140
- .dt-description-list--gap-200 {
141
- --description-list-gap: var(--dt-space-200);
142
- }
143
- .dt-description-list--gap-300 {
144
- --description-list-gap: var(--dt-space-300);
145
- }
146
- .dt-description-list--gap-400 {
147
- --description-list-gap: var(--dt-space-400);
148
- }
149
- .dt-description-list--gap-500 {
150
- --description-list-gap: var(--dt-space-500);
151
- }
152
- .dt-description-list--gap-600 {
153
- --description-list-gap: var(--dt-space-600);
154
- }
155
- .dt-description-list--column {
156
- flex-direction: column;
157
- }
158
- .dt-description-list__term {
159
- color: var(--dt-color-foreground-tertiary);
160
- flex: 0 1 40%;
161
- }
162
- .dt-description-list__description {
163
- color: var(--dt-color-foreground-primary);
164
- flex: 1 1 50%;
165
- margin-left: 0;
166
- }
167
- .d-context-menu-list {
168
- width: var(--dt-size-850);
169
- }
170
- .d-dropdown-list {
171
- position: relative;
172
- margin: var(--dt-space-300);
173
- padding-left: var(--dt-space-0);
174
- padding-right: var(--dt-space-0);
175
- }
176
- .d-dropdown-list > .dt-list-item {
177
- margin-top: var(--dt-space-200);
178
- }
179
- .dt-list-item[role="menuitem"] {
180
- border-radius: var(--dt-size-300);
181
- }
182
- .dt-list-separator {
183
- border-top: var(--dt-size-100) solid var(--dt-color-border-default);
184
- list-style: none;
185
- margin: var(--dt-space-300) var(--dt-space-300-negative);
186
- }
187
-
188
- .dt-suggestion-list__container {
189
- max-height: var(--dt-size-875);
190
- }
191
- .dt-suggestion-list {
192
- position: relative;
193
- padding: var(--dt-size-300);
194
- min-width: var(--dt-size-925);
195
- max-width: var(--dt-size-975);
196
- }
197
- .dt-suggestion-list--item {
198
- border: var(--dt-size-100) solid transparent;
199
- }
200
- .mention-suggestion-name[data-v-65bcbd51] {
201
- overflow: hidden;
202
- text-overflow: ellipsis;
203
- white-space: nowrap;
204
- }
205
- .dt-rich-text-editor--code-block {
206
- background: var(--dt-color-surface-secondary);
207
- padding: var(--dt-space-400);
208
- }
209
- .dt-rich-text-editor > .ProseMirror {
210
- box-shadow: none;
211
- }
212
- .dt-rich-text-editor > .ProseMirror p.is-editor-empty:first-child::before {
213
- content: attr(data-placeholder);
214
- float: left;
215
- color: var(--dt-color-foreground-placeholder);
216
- pointer-events: none;
217
- height: 0;
218
- }
219
- .dt-rich-text-editor > .ProseMirror ul,
220
- .dt-rich-text-editor > .ProseMirror ol {
221
- padding-left: var(--dt-space-525);
222
- }
223
- .dt-rich-text-editor > .ProseMirror ul > li {
224
- list-style-type: disc;
225
- }
226
- .dt-rich-text-editor > .ProseMirror ol > li {
227
- list-style-type: decimal;
228
- }
229
- .dt-rich-text-editor > .ProseMirror blockquote {
230
- padding-left: var(--dt-space-400);
231
- border-left: var(--dt-size-border-300) solid var(--dt-color-foreground-muted-inverted);
232
- margin-left: 0;
233
- }
234
-
235
- .vue-recycle-scroller{
236
- position:relative
237
- }
238
- .vue-recycle-scroller.direction-vertical:not(.page-mode){
239
- overflow-y:auto
240
- }
241
- .vue-recycle-scroller.direction-horizontal:not(.page-mode){
242
- overflow-x:auto
243
- }
244
- .vue-recycle-scroller.direction-horizontal{
245
- display:flex
246
- }
247
- .vue-recycle-scroller__slot{
248
- flex:auto 0 0
249
- }
250
- .vue-recycle-scroller__item-wrapper{
251
- flex:1;
252
- box-sizing:border-box;
253
- overflow:hidden;
254
- position:relative
255
- }
256
- .vue-recycle-scroller.ready .vue-recycle-scroller__item-view{
257
- position:absolute;
258
- top:0;
259
- left:0;
260
- will-change:transform
261
- }
262
- .vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{
263
- width:100%
264
- }
265
- .vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{
266
- height:100%
267
- }
268
- .vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{
269
- width:100%
270
- }
271
- .vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{
272
- height:100%
273
- }
274
- .dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle) {
1
+ .dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle) {
275
2
  line-height: var(--dt-font-line-height-300);
276
3
  }
277
4
  .dt-recipe-callbar-button--circle {
@@ -609,11 +336,11 @@
609
336
  line-height: var(--dt-font-line-height-100);
610
337
  font-variant: tabular-nums;
611
338
  }
612
- .dt-recipe-feed-item-pill__wrapper[data-v-4cb5325b] {
339
+ .dt-recipe-feed-item-pill__wrapper[data-v-c3ae1be7] {
613
340
  background-color: var(--dt-color-surface-secondary);
614
341
  padding: var(--dt-space-400);
615
342
  }
616
- .dt-recipe-feed-item-pill__button[data-v-4cb5325b] {
343
+ .dt-recipe-feed-item-pill__button[data-v-c3ae1be7] {
617
344
  background-color: var(--dt-color-surface-moderate);
618
345
  text-align: left;
619
346
  width: 100%;
@@ -625,45 +352,45 @@
625
352
  --button-color-text: var(--dt-action-color-foreground-muted-default);
626
353
  --button-border-radius: var(--dt-size-radius-600);
627
354
  }
628
- .dt-recipe-feed-item-pill__layout[data-v-4cb5325b] {
355
+ .dt-recipe-feed-item-pill__layout[data-v-c3ae1be7] {
629
356
  padding: var(--dt-space-400);
630
357
  gap: var(--dt-space-300);
631
358
  width: 100%;
632
359
  }
633
- .dt-recipe-feed-item-pill__layout[data-v-4cb5325b] > .dt-item-layout--left {
360
+ .dt-recipe-feed-item-pill__layout[data-v-c3ae1be7] > .d-item-layout--left {
634
361
  padding-right: var(--dt-space-0);
635
362
  justify-content: center;
636
363
  }
637
- .dt-recipe-feed-item-pill__icon[data-v-4cb5325b] {
364
+ .dt-recipe-feed-item-pill__icon[data-v-c3ae1be7] {
638
365
  display: flex;
639
366
  }
640
- .dt-recipe-feed-item-pill__icon[data-v-4cb5325b] svg {
641
- animation: fade-4cb5325b 0.15s ease-in;
367
+ .dt-recipe-feed-item-pill__icon[data-v-c3ae1be7] svg {
368
+ animation: fade-c3ae1be7 0.15s ease-in;
642
369
  }
643
- .dt-recipe-feed-item-pill__content[data-v-4cb5325b] {
370
+ .dt-recipe-feed-item-pill__content[data-v-c3ae1be7] {
644
371
  display: flex;
645
372
  justify-content: center;
646
373
  }
647
- .dt-recipe-feed-item-pill__title[data-v-4cb5325b] {
374
+ .dt-recipe-feed-item-pill__title[data-v-c3ae1be7] {
648
375
  font-weight: var(--dt-font-weight-bold);
649
376
  }
650
- .dt-recipe-feed-item-pill__border[data-v-4cb5325b] {
377
+ .dt-recipe-feed-item-pill__border[data-v-c3ae1be7] {
651
378
  border: double 1px transparent;
652
379
  border-radius: var(--dt-size-radius-600);
653
380
  background-origin: border-box;
654
381
  background-clip: content-box, border-box;
655
382
  overflow: hidden;
656
383
  }
657
- .dt-recipe-feed-item-pill__border-default[data-v-4cb5325b] {
384
+ .dt-recipe-feed-item-pill__border-default[data-v-c3ae1be7] {
658
385
  background: var(--dt-color-border-default);
659
386
  }
660
- .dt-recipe-feed-item-pill__border-ai[data-v-4cb5325b] {
387
+ .dt-recipe-feed-item-pill__border-ai[data-v-c3ae1be7] {
661
388
  background-image: linear-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)), var(--dt-badge-color-background-ai);
662
389
  }
663
- .dt-recipe-feed-item-pill__border-critical[data-v-4cb5325b] {
390
+ .dt-recipe-feed-item-pill__border-critical[data-v-c3ae1be7] {
664
391
  background: var(--dt-color-foreground-critical);
665
392
  }
666
- @keyframes fade-4cb5325b {
393
+ @keyframes fade-c3ae1be7 {
667
394
  0% {
668
395
  transform: scale(0);
669
396
  }
@@ -671,42 +398,42 @@
671
398
  transform: scale(1);
672
399
  }
673
400
  }
674
- .dt-feed-item-row[data-v-731d32a0] {
401
+ .dt-feed-item-row[data-v-a74de2ee] {
675
402
  width: var(--dt-size-100-percent);
676
403
  box-sizing: border-box;
677
404
  position: relative;
678
405
  padding: var(--dt-space-300) var(--dt-space-500);
679
406
  }
680
- .dt-feed-item-row[data-v-731d32a0]:focus-visible {
407
+ .dt-feed-item-row[data-v-a74de2ee]:focus-visible {
681
408
  box-shadow: var(--dt-shadow-focus-inset);
682
409
  }
683
- .dt-feed-item-row--state-searched[data-v-731d32a0] {
410
+ .dt-feed-item-row--state-searched[data-v-a74de2ee] {
684
411
  background-color: var(--dt-color-surface-warning-subtle);
685
412
  }
686
- .dt-feed-item-row--state-error[data-v-731d32a0] {
413
+ .dt-feed-item-row--state-error[data-v-a74de2ee] {
687
414
  background-color: var(--dt-color-surface-critical-subtle);
688
415
  }
689
- .dt-feed-item-row--active[data-v-731d32a0] {
416
+ .dt-feed-item-row--active[data-v-a74de2ee] {
690
417
  background-color: var(--dt-color-surface-secondary-opaque);
691
418
  }
692
- .dt-feed-item-row--state-transition[data-v-731d32a0] {
419
+ .dt-feed-item-row--state-transition[data-v-a74de2ee] {
693
420
  transition-duration: 2s;
694
421
  transition-delay: 0s;
695
422
  transition-timing-function: var(--ttf-in-out);
696
423
  transition-property: background-color;
697
424
  }
698
- .dt-feed-item-row__avatar-container[data-v-731d32a0] {
425
+ .dt-feed-item-row__avatar-container[data-v-a74de2ee] {
699
426
  padding-top: var(--dt-space-300);
700
427
  padding-bottom: var(--dt-space-300);
701
428
  }
702
- .dt-feed-item-row__content[data-v-731d32a0] {
429
+ .dt-feed-item-row__content[data-v-a74de2ee] {
703
430
  padding-left: var(--dt-space-300);
704
431
  }
705
- .dt-feed-item-row__attachment[data-v-731d32a0] {
432
+ .dt-feed-item-row__attachment[data-v-a74de2ee] {
706
433
  padding-top: var(--dt-space-200);
707
434
  padding-bottom: var(--dt-space-300);
708
435
  }
709
- .dt-feed-item-row__attachment[data-v-731d32a0] .dt-feed-item-row__image {
436
+ .dt-feed-item-row__attachment[data-v-a74de2ee] .dt-feed-item-row__image {
710
437
  border: var(--dt-color-border-subtle) solid var(--dt-size-border-100);
711
438
  border-radius: var(--dt-size-radius-400);
712
439
  display: block;
@@ -715,11 +442,11 @@
715
442
  min-width: 5.6rem;
716
443
  min-height: 5.6rem;
717
444
  }
718
- .dt-feed-item-row__attachment[data-v-731d32a0] .dt-feed-item-row__video {
445
+ .dt-feed-item-row__attachment[data-v-a74de2ee] .dt-feed-item-row__video {
719
446
  display: block;
720
447
  height: 25rem;
721
448
  }
722
- .dt-feed-item-row__header[data-v-731d32a0] {
449
+ .dt-feed-item-row__header[data-v-a74de2ee] {
723
450
  display: flex;
724
451
  align-items: baseline;
725
452
  flex-wrap: wrap;
@@ -727,43 +454,43 @@
727
454
  font-size: var(--dt-font-size-200);
728
455
  line-height: var(--dt-font-line-height-300);
729
456
  }
730
- .dt-feed-item-row__header__name[data-v-731d32a0] {
457
+ .dt-feed-item-row__header__name[data-v-a74de2ee] {
731
458
  font-weight: var(--dt-font-weight-bold);
732
459
  }
733
- .dt-feed-item-row__header__time[data-v-731d32a0] {
460
+ .dt-feed-item-row__header__time[data-v-a74de2ee] {
734
461
  font-size: var(--dt-font-size-100);
735
462
  color: var(--dt-color-foreground-tertiary);
736
463
  flex-shrink: 0;
737
464
  }
738
- .dt-feed-item-row__reactions[data-v-731d32a0] {
465
+ .dt-feed-item-row__reactions[data-v-a74de2ee] {
739
466
  display: flex;
740
467
  flex-wrap: wrap;
741
468
  padding-top: var(--dt-space-200);
742
469
  padding-bottom: var(--dt-space-200);
743
470
  padding-left: var(--dt-space-300);
744
471
  }
745
- .dt-feed-item-row__threading[data-v-731d32a0] {
472
+ .dt-feed-item-row__threading[data-v-a74de2ee] {
746
473
  padding-top: var(--dt-space-200);
747
474
  padding-bottom: var(--dt-space-200);
748
475
  }
749
- .dt-feed-item-row__left-time[data-v-731d32a0] {
476
+ .dt-feed-item-row__left-time[data-v-a74de2ee] {
750
477
  color: var(--dt-color-foreground-tertiary);
751
478
  font-size: var(--dt-font-size-100);
752
479
  font-weight: var(--dt-font-weight-normal);
753
480
  vertical-align: middle;
754
481
  white-space: nowrap;
755
482
  }
756
- .dt-feed-item-row__menu[data-v-731d32a0] {
483
+ .dt-feed-item-row__menu[data-v-a74de2ee] {
757
484
  position: absolute;
758
485
  top: var(--dt-space-550-negative);
759
486
  right: var(--dt-space-450);
760
487
  }
761
- .dt-feed-item-row[data-v-731d32a0] > .dt-item-layout {
488
+ .dt-feed-item-row[data-v-a74de2ee] > .d-item-layout {
762
489
  font: var(--dt-typography-body-md-compact);
763
490
  min-height: initial;
764
491
  padding: 0px;
765
492
  }
766
- .dt-feed-item-row[data-v-731d32a0] > .dt-item-layout > .dt-item-layout--left {
493
+ .dt-feed-item-row[data-v-a74de2ee] > .d-item-layout > .d-item-layout--left {
767
494
  align-self: flex-start;
768
495
  text-align: end;
769
496
  display: block;
@@ -771,11 +498,11 @@
771
498
  padding-left: var(--dt-space-0);
772
499
  min-width: calc(var(--dt-space-600) + var(--dt-space-300));
773
500
  }
774
- .dt-feed-item-row[data-v-731d32a0] > .dt-item-layout > .dt-item-layout--right {
501
+ .dt-feed-item-row[data-v-a74de2ee] > .d-item-layout > .d-item-layout--right {
775
502
  padding: 0;
776
503
  min-width: initial;
777
504
  }
778
- .dt-feed-item-row[data-v-731d32a0] > .dt-item-layout > .dt-item-layout--content > .dt-item-layout--bottom {
505
+ .dt-feed-item-row[data-v-a74de2ee] > .d-item-layout > .d-item-layout--content > .d-item-layout--bottom {
779
506
  display: flex;
780
507
  flex-direction: column;
781
508
  margin-top: 0;
@@ -901,20 +628,20 @@
901
628
  background-color: hsla(var(--dt-color-blue-200-hsl) / 50%);
902
629
  color: var(--dt-theme-topbar-button-color-foreground-hover);
903
630
  }
904
- .dt-contact-info[data-v-42a664ff] {
631
+ .dt-contact-info[data-v-09d337eb] {
905
632
  --contact-info-avatar-border-color: var(--dt-color-surface-primary);
906
633
  display: flex;
907
634
  }
908
- .dt-contact-info[data-v-42a664ff] .dt-item-layout {
635
+ .dt-contact-info[data-v-09d337eb] .d-item-layout {
909
636
  flex: 1 1 0;
910
637
  }
911
- .dt-contact-info[data-v-42a664ff] .dt-item-layout--content {
638
+ .dt-contact-info[data-v-09d337eb] .d-item-layout--content {
912
639
  /*
913
640
  DP-74536: Add `min-width` to make the width of "contact info" adjustable.
914
641
  */
915
642
  min-width: var(--dt-space-825);
916
643
  }
917
- .dt-contact-info[data-v-42a664ff] .dt-item-layout--left {
644
+ .dt-contact-info[data-v-09d337eb] .d-item-layout--left {
918
645
  /*
919
646
  DP-74536: To make 'Avatar' in fixed position when resizing the window.
920
647
  */
@@ -922,26 +649,26 @@
922
649
  justify-content: flex-start;
923
650
  align-items: center;
924
651
  }
925
- .dt-contact-info[data-v-42a664ff] .dt-item-layout--right {
652
+ .dt-contact-info[data-v-09d337eb] .d-item-layout--right {
926
653
  /*
927
654
  DP-74536: Remove `min-width` which cause extra unused empty space on the right of "contact info".
928
655
  */
929
656
  min-width: 0;
930
657
  align-items: center;
931
658
  }
932
- .dt-contact-info__left[data-v-42a664ff] {
659
+ .dt-contact-info__left[data-v-09d337eb] {
933
660
  position: relative;
934
661
  background-color: transparent;
935
662
  background-image: none;
936
663
  border-width: 0;
937
664
  cursor: pointer;
938
665
  }
939
- .dt-contact-info--avatars[data-v-42a664ff] {
666
+ .dt-contact-info--avatars[data-v-09d337eb] {
940
667
  margin-right: var(--dt-space-300-negative);
941
668
  display: flex;
942
669
  flex-direction: row;
943
670
  }
944
- .dt-contact-info--avatars .d-avatar[data-v-42a664ff] {
671
+ .dt-contact-info--avatars .d-avatar[data-v-09d337eb] {
945
672
  border-radius: var(--dt-size-radius-pill);
946
673
  border: var(--dt-size-300) solid var(--contact-info-avatar-border-color);
947
674
  box-sizing: unset;
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.vue.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar.vue"],"names":[],"mappings":"AA6EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAkfkE,gBAAgB"}
1
+ {"version":3,"file":"avatar.vue.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar.vue"],"names":[],"mappings":"AA6EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA8akE,gBAAgB"}
@@ -1 +1 @@
1
- {"version":3,"file":"collapsible_lazy_show.vue.d.ts","sourceRoot":"","sources":["../../../../components/collapsible/collapsible_lazy_show.vue"],"names":[],"mappings":"AAyBA;;;;;;;;;;;;;;;;;oBA0NiB,OAAO;;yBAoBT,WAAW;mBAWX,WAAW;wBAWX,WAAW;yBAOX,WAAW;mBAWX,WAAW;wBAWX,WAAW"}
1
+ {"version":3,"file":"collapsible_lazy_show.vue.d.ts","sourceRoot":"","sources":["../../../../components/collapsible/collapsible_lazy_show.vue"],"names":[],"mappings":"AAyBA;;;;;;;;;;;;;;;;;oBAkNiB,OAAO;;yBAoBT,WAAW;mBAWX,WAAW;wBAWX,WAAW;yBAOX,WAAW;mBAWX,WAAW;wBAWX,WAAW"}
@@ -89,10 +89,6 @@ declare const _default: import('vue').DefineComponent<{
89
89
  type: ArrayConstructor;
90
90
  default: () => never[];
91
91
  };
92
- useDefaultPasteHandler: {
93
- type: BooleanConstructor;
94
- default: boolean;
95
- };
96
92
  }, any, {
97
93
  editor: null;
98
94
  }, {
@@ -109,7 +105,6 @@ declare const _default: import('vue').DefineComponent<{
109
105
  };
110
106
  }, {
111
107
  createEditor(): void;
112
- handlerPreserveBreaksOnPaste(view: any, event: any, slice: any): boolean;
113
108
  processValue(newValue: any, returnIfEqual?: boolean): void;
114
109
  destroyEditor(): void;
115
110
  addEditorListeners(): void;
@@ -208,10 +203,6 @@ declare const _default: import('vue').DefineComponent<{
208
203
  type: ArrayConstructor;
209
204
  default: () => never[];
210
205
  };
211
- useDefaultPasteHandler: {
212
- type: BooleanConstructor;
213
- default: boolean;
214
- };
215
206
  }>> & {
216
207
  onInput?: ((...args: any[]) => any) | undefined;
217
208
  onBlur?: ((...args: any[]) => any) | undefined;
@@ -240,7 +231,6 @@ declare const _default: import('vue').DefineComponent<{
240
231
  allowUnderline: boolean;
241
232
  allowCodeblock: boolean;
242
233
  additionalExtensions: unknown[];
243
- useDefaultPasteHandler: boolean;
244
234
  }, {}>;
245
235
  export default _default;
246
236
  //# sourceMappingURL=rich_text_editor.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue"],"names":[],"mappings":"AAQA;"}
1
+ {"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue"],"names":[],"mappings":"AASA;"}
@@ -1 +1 @@
1
- {"version":3,"file":"core_scroller.vue.d.ts","sourceRoot":"","sources":["../../../../../components/scroller/modules/core_scroller.vue"],"names":[],"mappings":"AAgDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAw3C8B,GAAG"}
1
+ {"version":3,"file":"core_scroller.vue.d.ts","sourceRoot":"","sources":["../../../../../components/scroller/modules/core_scroller.vue"],"names":[],"mappings":"AAgDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA40C8B,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.vue.d.ts","sourceRoot":"","sources":["../../../../components/tooltip/tooltip.vue"],"names":[],"mappings":"AAyCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA2iBgF,gBAAgB"}
1
+ {"version":3,"file":"tooltip.vue.d.ts","sourceRoot":"","sources":["../../../../components/tooltip/tooltip.vue"],"names":[],"mappings":"AAyCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAshBgF,gBAAgB"}
@@ -114,10 +114,6 @@ declare const _default: import('vue').DefineComponent<{
114
114
  setLinkInputAriaLabel: string;
115
115
  };
116
116
  };
117
- useDefaultPasteHandler: {
118
- type: BooleanConstructor;
119
- default: boolean;
120
- };
121
117
  }, any, {
122
118
  internalInputValue: string | Record<string, any>;
123
119
  hasFocus: boolean;
@@ -574,10 +570,6 @@ declare const _default: import('vue').DefineComponent<{
574
570
  setLinkInputAriaLabel: string;
575
571
  };
576
572
  };
577
- useDefaultPasteHandler: {
578
- type: BooleanConstructor;
579
- default: boolean;
580
- };
581
573
  }>> & {
582
574
  onInput?: ((...args: any[]) => any) | undefined;
583
575
  onBlur?: ((...args: any[]) => any) | undefined;
@@ -591,7 +583,6 @@ declare const _default: import('vue').DefineComponent<{
591
583
  editable: boolean;
592
584
  inputAriaLabel: string;
593
585
  autoFocus: string | number | boolean;
594
- useDefaultPasteHandler: boolean;
595
586
  confirmSetLinkButton: Record<string, any>;
596
587
  removeLinkButton: Record<string, any>;
597
588
  cancelSetLinkButton: Record<string, any>;
@@ -1 +1 @@
1
- {"version":3,"file":"editor.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/editor/editor.vue"],"names":[],"mappings":"AAiLA;"}
1
+ {"version":3,"file":"editor.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/editor/editor.vue"],"names":[],"mappings":"AAgLA;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone-vue",
3
- "version": "3.159.5",
3
+ "version": "3.159.7",
4
4
  "description": "Vue component library for Dialpad's design system Dialtone",
5
5
  "files": [
6
6
  "dist"
@@ -34,19 +34,19 @@
34
34
  "regex-combined-emojis": "1.6.0",
35
35
  "tippy.js": "6.3.7",
36
36
  "@dialpad/dialtone-emojis": "1.0.8",
37
- "@dialpad/dialtone-icons": "4.30.0"
37
+ "@dialpad/dialtone-icons": "4.31.0"
38
38
  },
39
39
  "devDependencies": {
40
40
  "@storybook/vue3": "7.6.20",
41
41
  "@storybook/vue3-vite": "7.6.20",
42
42
  "@vue/test-utils": "^2.4.0",
43
43
  "vue": "^3.3.4",
44
- "@dialpad/generator-dialtone": "0.1.0",
45
- "@dialpad/dialtone-css": "8.46.0"
44
+ "@dialpad/dialtone-css": "8.46.1",
45
+ "@dialpad/generator-dialtone": "0.1.0"
46
46
  },
47
47
  "peerDependencies": {
48
48
  "vue": ">=3.2",
49
- "@dialpad/dialtone-css": "^8.46.0"
49
+ "@dialpad/dialtone-css": "^8.46.1"
50
50
  },
51
51
  "bugs": {
52
52
  "email": "dialtone@dialpad.com"