@dialpad/dialtone-vue 2.139.1 → 2.141.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.
- package/dist/chunks/{dropdown-8L_PePwv.js → dropdown-6UoczdUY.js} +2 -2
- package/dist/chunks/{dropdown-8L_PePwv.js.map → dropdown-6UoczdUY.js.map} +1 -1
- package/dist/chunks/{dropdown-2D4i6Qkg.js → dropdown-pHxnQPzT.js} +2 -2
- package/dist/chunks/{dropdown-2D4i6Qkg.js.map → dropdown-pHxnQPzT.js.map} +1 -1
- package/dist/chunks/{popover_constants-kQaX7G4a.js → popover_constants-WsOUIY-m.js} +2 -2
- package/dist/chunks/{popover_constants-kQaX7G4a.js.map → popover_constants-WsOUIY-m.js.map} +1 -1
- package/dist/chunks/{popover_constants-qUYTzsS3.js → popover_constants-XnGWXaxX.js} +2 -2
- package/dist/chunks/{popover_constants-qUYTzsS3.js.map → popover_constants-XnGWXaxX.js.map} +1 -1
- package/dist/component-documentation.json +1 -1
- package/dist/dialtone-vue.cjs +3 -2
- package/dist/dialtone-vue.cjs.map +1 -1
- package/dist/dialtone-vue.js +3 -2
- package/dist/dialtone-vue.js.map +1 -1
- package/dist/lib/callbar-button-with-popover.cjs +1 -1
- package/dist/lib/callbar-button-with-popover.js +1 -1
- package/dist/lib/callbar-button.cjs +1 -1
- package/dist/lib/callbar-button.js +1 -1
- package/dist/lib/combobox-multi-select.cjs +1 -1
- package/dist/lib/combobox-multi-select.js +1 -1
- package/dist/lib/combobox-with-popover.cjs +1 -1
- package/dist/lib/combobox-with-popover.js +1 -1
- package/dist/lib/contact-row.cjs +1 -1
- package/dist/lib/contact-row.js +1 -1
- package/dist/lib/datepicker.cjs +1 -1
- package/dist/lib/datepicker.js +1 -1
- package/dist/lib/dropdown.cjs +2 -2
- package/dist/lib/dropdown.js +2 -2
- package/dist/lib/editor.cjs +2 -1
- package/dist/lib/editor.cjs.map +1 -1
- package/dist/lib/editor.js +2 -1
- package/dist/lib/editor.js.map +1 -1
- package/dist/lib/emoji-picker.cjs +24 -12
- package/dist/lib/emoji-picker.cjs.map +1 -1
- package/dist/lib/emoji-picker.js +24 -12
- package/dist/lib/emoji-picker.js.map +1 -1
- package/dist/lib/emoji-row.cjs +1 -1
- package/dist/lib/emoji-row.js +1 -1
- package/dist/lib/general-row.cjs +21 -4
- package/dist/lib/general-row.cjs.map +1 -1
- package/dist/lib/general-row.js +21 -4
- package/dist/lib/general-row.js.map +1 -1
- package/dist/lib/group-row.cjs +1 -1
- package/dist/lib/group-row.js +1 -1
- package/dist/lib/hovercard.cjs +1 -1
- package/dist/lib/hovercard.js +1 -1
- package/dist/lib/input.cjs +6 -4
- package/dist/lib/input.cjs.map +1 -1
- package/dist/lib/input.js +6 -4
- package/dist/lib/input.js.map +1 -1
- package/dist/lib/ivr-node.cjs +2 -2
- package/dist/lib/ivr-node.js +2 -2
- package/dist/lib/message-input.cjs +2 -1
- package/dist/lib/message-input.cjs.map +1 -1
- package/dist/lib/message-input.js +2 -1
- package/dist/lib/message-input.js.map +1 -1
- package/dist/lib/popover.cjs +50 -3
- package/dist/lib/popover.cjs.map +1 -1
- package/dist/lib/popover.js +51 -4
- package/dist/lib/popover.js.map +1 -1
- package/dist/lib/rich-text-editor.cjs +6 -2
- package/dist/lib/rich-text-editor.cjs.map +1 -1
- package/dist/lib/rich-text-editor.js +6 -2
- package/dist/lib/rich-text-editor.js.map +1 -1
- package/dist/lib/tooltip-directive.cjs +1 -1
- package/dist/lib/tooltip-directive.js +1 -1
- package/dist/lib/tooltip.cjs +1 -1
- package/dist/lib/tooltip.js +2 -2
- package/dist/style.css +64 -56
- package/dist/types/components/input/input.vue.d.ts +6 -4
- package/dist/types/components/input/input.vue.d.ts.map +1 -1
- package/dist/types/components/input/input_constants.d.ts +1 -0
- package/dist/types/components/popover/popover_constants.d.ts.map +1 -1
- package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts +1 -1
- package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
- package/dist/types/recipes/leftbar/general_row/general_row.vue.d.ts +23 -0
- package/dist/types/recipes/leftbar/general_row/general_row.vue.d.ts.map +1 -1
- package/package.json +5 -3
package/dist/style.css
CHANGED
|
@@ -273,7 +273,7 @@
|
|
|
273
273
|
background-color: var(--dt-color-surface-contrast);
|
|
274
274
|
color: var(--dt-color-foreground-secondary-inverted);
|
|
275
275
|
}
|
|
276
|
-
.dt-leftbar-row[data-v-
|
|
276
|
+
.dt-leftbar-row[data-v-e6da0c41] {
|
|
277
277
|
--leftbar-row-color-foreground: var(--dt-theme-sidebar-color-foreground);
|
|
278
278
|
--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background);
|
|
279
279
|
--leftbar-row-radius: var(--dt-size-radius-pill);
|
|
@@ -304,61 +304,65 @@
|
|
|
304
304
|
transition-timing-function: var(--ttf-out-quint);
|
|
305
305
|
cursor: pointer;
|
|
306
306
|
}
|
|
307
|
-
.dt-leftbar-row[data-v-
|
|
308
|
-
.dt-leftbar-row[data-v-
|
|
307
|
+
.dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):hover,
|
|
308
|
+
.dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):focus-within {
|
|
309
309
|
--leftbar-row-unread-badge-display: none;
|
|
310
310
|
}
|
|
311
|
-
.dt-leftbar-row[data-v-
|
|
312
|
-
.dt-leftbar-row[data-v-
|
|
311
|
+
.dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
|
|
312
|
+
.dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
|
|
313
313
|
display: inline-flex;
|
|
314
314
|
}
|
|
315
|
-
.dt-leftbar-row[data-v-
|
|
316
|
-
.dt-leftbar-row[data-v-
|
|
315
|
+
.dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
|
|
316
|
+
.dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
|
|
317
317
|
opacity: 1;
|
|
318
318
|
}
|
|
319
|
-
.dt-leftbar-row[data-v-
|
|
320
|
-
.dt-leftbar-row[data-v-
|
|
319
|
+
.dt-leftbar-row[data-v-e6da0c41]:hover,
|
|
320
|
+
.dt-leftbar-row[data-v-e6da0c41]:focus-within {
|
|
321
321
|
--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover);
|
|
322
322
|
}
|
|
323
|
-
.dt-leftbar-row[data-v-
|
|
324
|
-
.dt-leftbar-row[data-v-
|
|
323
|
+
.dt-leftbar-row[data-v-e6da0c41]:hover .d-presence,
|
|
324
|
+
.dt-leftbar-row[data-v-e6da0c41]:focus-within .d-presence {
|
|
325
325
|
--presence-color-border-base: var(--dt-color-black-200);
|
|
326
326
|
}
|
|
327
|
-
.dt-leftbar-row[data-v-
|
|
328
|
-
.dt-leftbar-row[data-v-
|
|
327
|
+
.dt-leftbar-row[data-v-e6da0c41]:hover .d-avatar__count,
|
|
328
|
+
.dt-leftbar-row[data-v-e6da0c41]:focus-within .d-avatar__count {
|
|
329
329
|
--avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
|
|
330
330
|
}
|
|
331
|
-
.dt-leftbar-row--has-unread[data-v-
|
|
331
|
+
.dt-leftbar-row--has-unread[data-v-e6da0c41] {
|
|
332
332
|
--leftbar-row-description-font-weight: var(--dt-font-weight-bold);
|
|
333
333
|
--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
|
|
334
334
|
--leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
|
|
335
335
|
}
|
|
336
|
-
.dt-leftbar-row--unread-count[data-v-
|
|
336
|
+
.dt-leftbar-row--unread-count[data-v-e6da0c41] .dt-leftbar-row__action {
|
|
337
337
|
display: none;
|
|
338
338
|
}
|
|
339
|
-
.dt-leftbar-row__unread-count-badge[data-v-
|
|
339
|
+
.dt-leftbar-row__unread-count-badge[data-v-e6da0c41] {
|
|
340
340
|
border-top-right-radius: var(--dt-size-radius-0);
|
|
341
341
|
border-bottom-right-radius: var(--dt-size-radius-0);
|
|
342
342
|
}
|
|
343
|
-
.dt-leftbar-row__unread-mention-count-badge[data-v-
|
|
343
|
+
.dt-leftbar-row__unread-mention-count-badge[data-v-e6da0c41] {
|
|
344
344
|
border-top-left-radius: var(--dt-size-radius-0);
|
|
345
345
|
border-bottom-left-radius: var(--dt-size-radius-0);
|
|
346
346
|
background-color: var(--dt-color-purple-500);
|
|
347
347
|
}
|
|
348
|
-
.dt-leftbar-
|
|
348
|
+
.dt-leftbar-row__unread-mention-only-count-badge[data-v-e6da0c41] {
|
|
349
|
+
background-color: var(--dt-color-purple-500);
|
|
350
|
+
color: var(--dt-color-foreground-primary-inverted);
|
|
351
|
+
}
|
|
352
|
+
.dt-leftbar-row--muted[data-v-e6da0c41] {
|
|
349
353
|
--leftbar-row-opacity: 60%;
|
|
350
354
|
}
|
|
351
|
-
.dt-leftbar-row--selected[data-v-
|
|
355
|
+
.dt-leftbar-row--selected[data-v-e6da0c41] {
|
|
352
356
|
--leftbar-row-color-background: var(--dt-theme-sidebar-selected-row-color-background);
|
|
353
357
|
--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-selected-row-color-foreground);
|
|
354
358
|
}
|
|
355
|
-
.dt-leftbar-row--selected[data-v-
|
|
359
|
+
.dt-leftbar-row--selected[data-v-e6da0c41] .d-presence {
|
|
356
360
|
--presence-color-border-base: var(--dt-color-black-200);
|
|
357
361
|
}
|
|
358
|
-
.dt-leftbar-row--selected[data-v-
|
|
362
|
+
.dt-leftbar-row--selected[data-v-e6da0c41] .d-avatar__count {
|
|
359
363
|
--avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
|
|
360
364
|
}
|
|
361
|
-
.dt-leftbar-row__is-typing[data-v-
|
|
365
|
+
.dt-leftbar-row__is-typing[data-v-e6da0c41] {
|
|
362
366
|
--is-typing-size-shape: var(--dt-size-550);
|
|
363
367
|
height: var(--is-typing-size-shape);
|
|
364
368
|
width: var(--is-typing-size-shape);
|
|
@@ -370,7 +374,7 @@
|
|
|
370
374
|
border-radius: var(--dt-size-radius-pill);
|
|
371
375
|
opacity: 0.75;
|
|
372
376
|
}
|
|
373
|
-
.dt-leftbar-row__is-typing span[data-v-
|
|
377
|
+
.dt-leftbar-row__is-typing span[data-v-e6da0c41] {
|
|
374
378
|
transition: all 500ms ease;
|
|
375
379
|
background: var(--dt-color-surface-strong);
|
|
376
380
|
height: 4px;
|
|
@@ -379,18 +383,18 @@
|
|
|
379
383
|
padding: 0;
|
|
380
384
|
opacity: 0.3;
|
|
381
385
|
border-radius: var(--dt-size-radius-pill);
|
|
382
|
-
animation: wave-
|
|
386
|
+
animation: wave-e6da0c41 1.5s ease infinite;
|
|
383
387
|
}
|
|
384
|
-
.dt-leftbar-row__is-typing span[data-v-
|
|
388
|
+
.dt-leftbar-row__is-typing span[data-v-e6da0c41]:nth-child(1) {
|
|
385
389
|
animation-delay: 0ms;
|
|
386
390
|
}
|
|
387
|
-
.dt-leftbar-row__is-typing span[data-v-
|
|
391
|
+
.dt-leftbar-row__is-typing span[data-v-e6da0c41]:nth-child(2) {
|
|
388
392
|
animation-delay: var(--td100);
|
|
389
393
|
}
|
|
390
|
-
.dt-leftbar-row__is-typing span[data-v-
|
|
394
|
+
.dt-leftbar-row__is-typing span[data-v-e6da0c41]:nth-child(3) {
|
|
391
395
|
animation-delay: var(--td200);
|
|
392
396
|
}
|
|
393
|
-
.dt-leftbar-row__primary[data-v-
|
|
397
|
+
.dt-leftbar-row__primary[data-v-e6da0c41] {
|
|
394
398
|
display: flex;
|
|
395
399
|
align-items: center;
|
|
396
400
|
flex: 1;
|
|
@@ -407,18 +411,18 @@
|
|
|
407
411
|
padding: 0;
|
|
408
412
|
border-radius: var(--leftbar-row-radius);
|
|
409
413
|
}
|
|
410
|
-
.dt-leftbar-row__primary[data-v-
|
|
414
|
+
.dt-leftbar-row__primary[data-v-e6da0c41]:active {
|
|
411
415
|
--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active);
|
|
412
416
|
}
|
|
413
|
-
.dt-leftbar-row__primary[data-v-
|
|
417
|
+
.dt-leftbar-row__primary[data-v-e6da0c41]:focus-visible {
|
|
414
418
|
box-shadow: var(--dt-shadow-focus-inset);
|
|
415
419
|
}
|
|
416
|
-
.dt-leftbar-row__action-button[data-v-
|
|
420
|
+
.dt-leftbar-row__action-button[data-v-e6da0c41] {
|
|
417
421
|
opacity: 0;
|
|
418
422
|
width: var(--leftbar-row-action-width);
|
|
419
423
|
height: var(--leftbar-row-action-height);
|
|
420
424
|
}
|
|
421
|
-
.dt-leftbar-row__alpha[data-v-
|
|
425
|
+
.dt-leftbar-row__alpha[data-v-e6da0c41] {
|
|
422
426
|
color: var(--leftbar-row-alpha-color-foreground);
|
|
423
427
|
display: flex;
|
|
424
428
|
box-sizing: border-box;
|
|
@@ -430,11 +434,11 @@
|
|
|
430
434
|
height: var(--leftbar-row-alpha-height);
|
|
431
435
|
border-radius: var(--leftbar-row-radius) 0 0 var(--leftbar-row-radius);
|
|
432
436
|
}
|
|
433
|
-
.dt-leftbar-row__label[data-v-
|
|
437
|
+
.dt-leftbar-row__label[data-v-e6da0c41] {
|
|
434
438
|
flex: 0 1;
|
|
435
439
|
min-width: 0;
|
|
436
440
|
}
|
|
437
|
-
.dt-leftbar-row__omega[data-v-
|
|
441
|
+
.dt-leftbar-row__omega[data-v-e6da0c41] {
|
|
438
442
|
position: absolute;
|
|
439
443
|
display: flex;
|
|
440
444
|
right: var(--leftbar-row-action-position-right);
|
|
@@ -446,26 +450,26 @@
|
|
|
446
450
|
box-sizing: border-box;
|
|
447
451
|
border-radius: var(--leftbar-row-radius);
|
|
448
452
|
}
|
|
449
|
-
.dt-leftbar-row__unread-badge[data-v-
|
|
453
|
+
.dt-leftbar-row__unread-badge[data-v-e6da0c41] {
|
|
450
454
|
display: var(--leftbar-row-unread-badge-display);
|
|
451
455
|
}
|
|
452
|
-
.dt-leftbar-row__active-voice[data-v-
|
|
456
|
+
.dt-leftbar-row__active-voice[data-v-e6da0c41] {
|
|
453
457
|
color: var(--dt-color-purple-400);
|
|
454
458
|
display: inline-flex;
|
|
455
|
-
-webkit-animation-name: opacity-pulsate-
|
|
459
|
+
-webkit-animation-name: opacity-pulsate-e6da0c41;
|
|
456
460
|
-webkit-animation-duration: 1s;
|
|
457
461
|
-webkit-animation-iteration-count: infinite;
|
|
458
462
|
-webkit-animation-fill-mode: both;
|
|
459
|
-
-moz-animation-name: opacity-pulsate-
|
|
463
|
+
-moz-animation-name: opacity-pulsate-e6da0c41;
|
|
460
464
|
-moz-animation-duration: 1s;
|
|
461
465
|
-moz-animation-iteration-count: infinite;
|
|
462
466
|
-moz-animation-fill-mode: both;
|
|
463
|
-
animation-name: opacity-pulsate-
|
|
467
|
+
animation-name: opacity-pulsate-e6da0c41;
|
|
464
468
|
animation-duration: 1s;
|
|
465
469
|
animation-iteration-count: infinite;
|
|
466
470
|
animation-fill-mode: both;
|
|
467
471
|
}
|
|
468
|
-
.dt-leftbar-row__dnd[data-v-
|
|
472
|
+
.dt-leftbar-row__dnd[data-v-e6da0c41] {
|
|
469
473
|
padding-top: var(--dt-space-200);
|
|
470
474
|
padding-right: var(--dt-space-300);
|
|
471
475
|
color: var(--dt-color-foreground-tertiary);
|
|
@@ -473,26 +477,26 @@
|
|
|
473
477
|
line-height: var(--dt-font-line-height-400);
|
|
474
478
|
font-weight: var(--dt-font-weight-medium);
|
|
475
479
|
}
|
|
476
|
-
.dt-leftbar-row__container--off-duty[data-v-
|
|
480
|
+
.dt-leftbar-row__container--off-duty[data-v-e6da0c41] {
|
|
477
481
|
border-radius: var(--dt-size-radius-500);
|
|
478
482
|
background-color: var(--dt-badge-color-background-critical);
|
|
479
483
|
border: var(--dt-size-100) solid var(--dt-color-border-subtle);
|
|
480
484
|
}
|
|
481
|
-
.dt-leftbar-row__container--off-duty[data-v-
|
|
485
|
+
.dt-leftbar-row__container--off-duty[data-v-e6da0c41] .dt-leftbar-row__primary {
|
|
482
486
|
margin: calc(var(--dt-size-100) * -1);
|
|
483
487
|
}
|
|
484
|
-
.dt-leftbar-row--contact-centers[data-v-
|
|
488
|
+
.dt-leftbar-row--contact-centers[data-v-e6da0c41] .dt-leftbar-row__alpha {
|
|
485
489
|
padding-right: var(--dt-space-450);
|
|
486
490
|
padding-left: var(--dt-space-450);
|
|
487
491
|
}
|
|
488
|
-
.dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-
|
|
492
|
+
.dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-e6da0c41] {
|
|
489
493
|
display: inline-flex;
|
|
490
494
|
align-items: center;
|
|
491
495
|
justify-content: flex-end;
|
|
492
496
|
min-width: var(--dt-size-600);
|
|
493
497
|
height: var(--dt-size-500);
|
|
494
498
|
}
|
|
495
|
-
.dt-leftbar-row[data-v-
|
|
499
|
+
.dt-leftbar-row[data-v-e6da0c41] .dt-leftbar-row__description {
|
|
496
500
|
display: block;
|
|
497
501
|
font-weight: var(--leftbar-row-description-font-weight);
|
|
498
502
|
font-size: var(--leftbar-row-description-font-size);
|
|
@@ -502,7 +506,7 @@
|
|
|
502
506
|
text-overflow: ellipsis;
|
|
503
507
|
white-space: nowrap;
|
|
504
508
|
}
|
|
505
|
-
.dt-leftbar-row[data-v-
|
|
509
|
+
.dt-leftbar-row[data-v-e6da0c41] .dt-leftbar-row__status {
|
|
506
510
|
display: block;
|
|
507
511
|
color: var(--leftbar-row-status-color-foreground);
|
|
508
512
|
font-size: var(--leftbar-row-status-font-size);
|
|
@@ -512,30 +516,30 @@
|
|
|
512
516
|
text-overflow: ellipsis;
|
|
513
517
|
white-space: nowrap;
|
|
514
518
|
}
|
|
515
|
-
.dt-leftbar-row[data-v-
|
|
519
|
+
.dt-leftbar-row[data-v-e6da0c41] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty):before {
|
|
516
520
|
content: ' • ';
|
|
517
521
|
color: var(--dt-theme-sidebar-status-color-foreground);
|
|
518
522
|
}
|
|
519
|
-
.dt-leftbar-row__icon-cc[data-v-
|
|
523
|
+
.dt-leftbar-row__icon-cc[data-v-e6da0c41] {
|
|
520
524
|
border-radius: var(--dt-size-200);
|
|
521
525
|
width: calc(var(--dt-size-300) * 3.5);
|
|
522
526
|
height: calc(var(--dt-size-300) * 3.5);
|
|
523
527
|
}
|
|
524
|
-
.opacity-pulsate[data-v-
|
|
525
|
-
-webkit-animation-name: opacity-pulsate-
|
|
528
|
+
.opacity-pulsate[data-v-e6da0c41] {
|
|
529
|
+
-webkit-animation-name: opacity-pulsate-e6da0c41;
|
|
526
530
|
-webkit-animation-duration: 1s;
|
|
527
531
|
-webkit-animation-iteration-count: infinite;
|
|
528
532
|
-webkit-animation-fill-mode: both;
|
|
529
|
-
-moz-animation-name: opacity-pulsate-
|
|
533
|
+
-moz-animation-name: opacity-pulsate-e6da0c41;
|
|
530
534
|
-moz-animation-duration: 1s;
|
|
531
535
|
-moz-animation-iteration-count: infinite;
|
|
532
536
|
-moz-animation-fill-mode: both;
|
|
533
|
-
animation-name: opacity-pulsate-
|
|
537
|
+
animation-name: opacity-pulsate-e6da0c41;
|
|
534
538
|
animation-duration: 1s;
|
|
535
539
|
animation-iteration-count: infinite;
|
|
536
540
|
animation-fill-mode: both;
|
|
537
541
|
}
|
|
538
|
-
@-webkit-keyframes opacity-pulsate-
|
|
542
|
+
@-webkit-keyframes opacity-pulsate-e6da0c41 {
|
|
539
543
|
0%,
|
|
540
544
|
100% {
|
|
541
545
|
opacity: 0.2;
|
|
@@ -544,7 +548,7 @@
|
|
|
544
548
|
opacity: 1;
|
|
545
549
|
}
|
|
546
550
|
}
|
|
547
|
-
@-moz-keyframes opacity-pulsate-
|
|
551
|
+
@-moz-keyframes opacity-pulsate-e6da0c41 {
|
|
548
552
|
0%,
|
|
549
553
|
100% {
|
|
550
554
|
opacity: 0.2;
|
|
@@ -553,7 +557,7 @@
|
|
|
553
557
|
opacity: 1;
|
|
554
558
|
}
|
|
555
559
|
}
|
|
556
|
-
@keyframes opacity-pulsate-
|
|
560
|
+
@keyframes opacity-pulsate-e6da0c41 {
|
|
557
561
|
0%,
|
|
558
562
|
100% {
|
|
559
563
|
opacity: 0.2;
|
|
@@ -562,7 +566,7 @@
|
|
|
562
566
|
opacity: 1;
|
|
563
567
|
}
|
|
564
568
|
}
|
|
565
|
-
@keyframes wave-
|
|
569
|
+
@keyframes wave-e6da0c41 {
|
|
566
570
|
0%,
|
|
567
571
|
50%,
|
|
568
572
|
100% {
|
|
@@ -645,6 +649,10 @@
|
|
|
645
649
|
border-bottom-left-radius: var(--dt-size-radius-0);
|
|
646
650
|
background-color: var(--dt-color-purple-500);
|
|
647
651
|
}
|
|
652
|
+
.dt-leftbar-row__unread-mention-only-count-badge[data-v-f44e0386] {
|
|
653
|
+
background-color: var(--dt-color-purple-500);
|
|
654
|
+
color: var(--dt-color-foreground-primary-inverted);
|
|
655
|
+
}
|
|
648
656
|
.dt-leftbar-row--muted[data-v-f44e0386] {
|
|
649
657
|
--leftbar-row-opacity: 60%;
|
|
650
658
|
}
|
|
@@ -7,9 +7,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
7
7
|
default: string;
|
|
8
8
|
};
|
|
9
9
|
/**
|
|
10
|
-
* Type of the input
|
|
10
|
+
* Type of the input.
|
|
11
11
|
* When `textarea` a `<textarea>` element will be rendered instead of an `<input>` element.
|
|
12
|
-
* @values text, password, email, number, textarea, date, time
|
|
12
|
+
* @values text, password, email, number, textarea, date, time, file, tel
|
|
13
|
+
* @default 'text'
|
|
13
14
|
*/
|
|
14
15
|
type: {
|
|
15
16
|
type: StringConstructor;
|
|
@@ -221,9 +222,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
221
222
|
default: string;
|
|
222
223
|
};
|
|
223
224
|
/**
|
|
224
|
-
* Type of the input
|
|
225
|
+
* Type of the input.
|
|
225
226
|
* When `textarea` a `<textarea>` element will be rendered instead of an `<input>` element.
|
|
226
|
-
* @values text, password, email, number, textarea, date, time
|
|
227
|
+
* @values text, password, email, number, textarea, date, time, file, tel
|
|
228
|
+
* @default 'text'
|
|
227
229
|
*/
|
|
228
230
|
type: {
|
|
229
231
|
type: StringConstructor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.vue.d.ts","sourceRoot":"","sources":["../../../../components/input/input.vue.js"],"names":[],"mappings":";IA4BI;;OAEG;;;;;IAMH
|
|
1
|
+
{"version":3,"file":"input.vue.d.ts","sourceRoot":"","sources":["../../../../components/input/input.vue.js"],"names":[],"mappings":";IA4BI;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;;OAIG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAvIH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;;OAIG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover_constants.d.ts","sourceRoot":"","sources":["../../../../components/popover/popover_constants.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAcA,qCAA2E;AAC3E,8CAAqD;AACrD,qDAAyE;AACzE,
|
|
1
|
+
{"version":3,"file":"popover_constants.d.ts","sourceRoot":"","sources":["../../../../components/popover/popover_constants.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAcA,qCAA2E;AAC3E,8CAAqD;AACrD,qDAAyE;AACzE,gDAAmE;AACnE,yDAEE;AACF,0CAEE"}
|
|
@@ -214,7 +214,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
214
214
|
focus: () => void;
|
|
215
215
|
blur: () => void;
|
|
216
216
|
};
|
|
217
|
-
extensions(): import("@tiptap/vue-2").Node<any, any>[];
|
|
217
|
+
extensions(): (import("@tiptap/vue-2").Node<any, any> | import("@tiptap/vue-2").Extension<import("@tiptap/extension-history").HistoryOptions, any>)[];
|
|
218
218
|
inputAttrs(): {
|
|
219
219
|
'aria-label': any;
|
|
220
220
|
'aria-multiline': boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue.js"],"names":[],"mappings":";IA4CI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;OAaG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;IAyPH;;;OAGG;;;;;;;IAleH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;OAaG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
|
|
@@ -31,6 +31,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
31
31
|
default: null;
|
|
32
32
|
validator: (color: unknown) => boolean;
|
|
33
33
|
};
|
|
34
|
+
/**
|
|
35
|
+
* The channel setting, either 'mention' or 'always'.
|
|
36
|
+
* @values 'mention', 'always', null.
|
|
37
|
+
*/
|
|
38
|
+
channelSetting: {
|
|
39
|
+
type: StringConstructor;
|
|
40
|
+
default: null;
|
|
41
|
+
};
|
|
34
42
|
/**
|
|
35
43
|
* Styles the row with an increased font weight to convey it has unreads. This must be true to see
|
|
36
44
|
* the unread count badge.
|
|
@@ -145,6 +153,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
145
153
|
hasUnreadCount(): boolean;
|
|
146
154
|
hasUnreadMentionCount(): boolean;
|
|
147
155
|
shouldApplyCustomStyleForCountBadge(): boolean;
|
|
156
|
+
/**
|
|
157
|
+
* When a channel in 'always' setting, meaning the user should see both unread count and unread mention count,
|
|
158
|
+
* if there are only mention messages, we should apply the custom background with var(--dt-color-purple-500).
|
|
159
|
+
* @returns {boolean}
|
|
160
|
+
*/
|
|
161
|
+
shouldApplyCustomStyleForMentionOnly(): boolean;
|
|
148
162
|
}, {
|
|
149
163
|
validateProps(): void;
|
|
150
164
|
adjustLabelWidth(): void;
|
|
@@ -181,6 +195,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
181
195
|
default: null;
|
|
182
196
|
validator: (color: unknown) => boolean;
|
|
183
197
|
};
|
|
198
|
+
/**
|
|
199
|
+
* The channel setting, either 'mention' or 'always'.
|
|
200
|
+
* @values 'mention', 'always', null.
|
|
201
|
+
*/
|
|
202
|
+
channelSetting: {
|
|
203
|
+
type: StringConstructor;
|
|
204
|
+
default: null;
|
|
205
|
+
};
|
|
184
206
|
/**
|
|
185
207
|
* Styles the row with an increased font weight to convey it has unreads. This must be true to see
|
|
186
208
|
* the unread count badge.
|
|
@@ -284,6 +306,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
284
306
|
selected: boolean;
|
|
285
307
|
unreadCount: string;
|
|
286
308
|
unreadCountTooltip: string;
|
|
309
|
+
channelSetting: string;
|
|
287
310
|
hasUnreads: boolean;
|
|
288
311
|
unreadMentionCount: string;
|
|
289
312
|
activeVoiceChat: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"general_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/general_row.vue.js"],"names":[],"mappings":";IAgCI;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IASH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG
|
|
1
|
+
{"version":3,"file":"general_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/general_row.vue.js"],"names":[],"mappings":";IAgCI;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IASH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;IA6FH;;;;OAIG;4CADU,OAAO;;;;;IArPpB;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IASH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dialpad/dialtone-vue",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.141.0",
|
|
4
4
|
"description": "Vue component library for Dialpad's design system Dialtone",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
"@tiptap/extension-code-block": "2.3.0",
|
|
15
15
|
"@tiptap/extension-document": "2.3.0",
|
|
16
16
|
"@tiptap/extension-hard-break": "2.3.0",
|
|
17
|
+
"@tiptap/extension-history": "2.3.0",
|
|
17
18
|
"@tiptap/extension-italic": "2.3.0",
|
|
18
19
|
"@tiptap/extension-link": "2.3.0",
|
|
19
20
|
"@tiptap/extension-list-item": "2.3.0",
|
|
@@ -32,10 +33,11 @@
|
|
|
32
33
|
"emoji-toolkit": "8.0.0",
|
|
33
34
|
"regex-combined-emojis": "1.6.0",
|
|
34
35
|
"tippy.js": "6.3.7",
|
|
35
|
-
"@dialpad/dialtone-
|
|
36
|
-
"@dialpad/dialtone-
|
|
36
|
+
"@dialpad/dialtone-emojis": "1.0.7",
|
|
37
|
+
"@dialpad/dialtone-icons": "4.24.0"
|
|
37
38
|
},
|
|
38
39
|
"devDependencies": {
|
|
40
|
+
"@faker-js/faker": "8.4.1",
|
|
39
41
|
"@percy/cli": "1.28.2",
|
|
40
42
|
"@percy/storybook": "5.0.3",
|
|
41
43
|
"@storybook/addon-a11y": "^7.6.1",
|