@dialpad/dialtone-vue 3.69.3 → 3.71.0

package/dist/style.css

@@ -1 +1 @@
-.d-avatar--image-loaded{background-color:transparent;background-image:unset}.dt-default-list-item,.dt-default-list-item--left,.dt-default-list-item--right{min-height:28px;min-width:32px}.dt-list-item:not(.dt-list-item--static){cursor:pointer;border-radius:var(--size-300)}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:var(--bgc-moderate-opaque)}.dt-list-item--highlighted:active{background-color:var(--bgc-bold-opaque)}.dt-list-item:focus-visible{outline:none;box-shadow:var(--bs-focus-ring)}.dt-empty-list-item{display:flex;align-items:center;justify-content:center;font-size:var(--fs-200);line-height:var(--lh4);padding:var(--space-300) var(--space-450)}.enter-active,.leave-active{overflow:hidden;transition:height var(--td300) var(--ttf-quint)}.tippy-box[data-popper-reference-hidden] .d-popover__dialog,.tippy-box[data-popper-escaped] .d-popover__dialog{visibility:hidden;pointer-events:none}.d-context-menu-list{width:var(--size-850)}.dt-list-item[role=menuitem]{border-radius:var(--size-300)}.dt-list-separator{border-top:var(--size-100) solid var(--bc-default);list-style:none}.dt-list-section[tabindex="-1"]:focus{outline:none}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle){line-height:var(--lh-300)}.dt-recipe-callbar-button--circle{border-radius:var(--br-circle)}.dt-recipe-callbar-button.d-btn[disabled]{background-color:unset;opacity:.5}.dt-recipe-callbar-button--circle.d-btn[disabled]{border-color:unset}.dt-recipe-callbar-button--circle.d-btn--icon-only .d-btn__label{display:none}.dt-recipe-callbar-button--active .base-button__icon,.dt-recipe-callbar-button--active:hover .base-button__icon{color:var(--primary-color)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{margin-top:var(--space-350-negative);margin-left:calc(var(--space-300-negative) * 5);width:var(--size-500);height:var(--size-500);padding:var(--space-400);border-radius:var(--size-300)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--bgc-moderate-opaque)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--bgc-contrast);color:var(--fc-primary-inverted)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header .d-btn{color:var(--fc-primary-inverted)}.dt-recipe--callbar-button-with-popover--button .d-tab--selected:after,.dt-recipe--callbar-button-with-popover--button .d-tab--selected:hover:after{--tab--bgc: var(--bgc-contrast)}.dt-recipe--callbar-button-with-popover--button .tab-group{display:flex;flex-direction:column;height:100%}.dt-recipe--callbar-button-with-popover--button .tab-content{flex:1 1 100%;overflow-y:auto}.d-top-banner-info__left{margin:var(--space-300) 0 var(--space-300) var(--space-400);min-width:20%}.d-top-banner-info__middle{display:flex;align-items:center;gap:var(--size-300)}.d-top-banner-info__right{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--size-300);margin:var(--space-300) var(--space-500) var(--space-300) 0;min-width:20%}.ivr_node__width{width:280px}.ivr_node__goto_icon{transform:rotate(90deg)}.ivr-connector{z-index:var(--zi-base1);display:flex;justify-content:center;align-items:center;border-color:var(--purple-600);background-color:var(--purple-600)}.dt-chip-content{font-variant-numeric:tabular-nums}.d-btn[data-v-7712e6e1]:active{--bgo: 85% !important}.settings-menu-button[data-v-7712e6e1]:hover{background-color:hsla(var(--theme-topbar-color-hsl) / .05)}.settings-menu-button[data-v-7712e6e1]:focus-visible{color:var(--theme-topbar-color-hsl);box-shadow:0 0 0 var(--size-200) hsla(var(--theme-sidebar-color-hsl) / .15)}.dt-leftbar-row{--leftbar-row-color-foreground: var(--theme-sidebar-color);--leftbar-row-color-background: var(--theme-sidebar-row-color-background);--leftbar-row-radius: 100em;--leftbar-row-opacity: 100%;--leftbar-row-alpha-color-foreground: var(--theme-sidebar-icon-color);--leftbar-row-alpha-width: calc(var(--size-300) * 10);--leftbar-row-alpha-height: calc(var(--size-300) * 9);--leftbar-row-omega-min-width: 0;--leftbar-row-omega-height: var(--leftbar-row-alpha-height);--leftbar-row-omega-visibility: visible;--leftbar-row-description-font-weight: var(--fw-normal);--leftbar-row-description-font-size: var(--fs-200);--leftbar-row-description-line-height: var(--lh-200);--leftbar-row-status-color-foreground: var(--theme-sidebar-status-color);--leftbar-row-status-font-size: var(--fs-100);--leftbar-row-status-line-height: var(--lh-100);--leftbar-row-action-position-right: var(--size-400);--leftbar-row-action-position-bottom: 50%;--leftbar-row-action-width: var(--size-550);--leftbar-row-action-height: var(--leftbar-row-action-width);position:relative;opacity:var(--leftbar-row-opacity)}.dt-leftbar-row:not(.dt-leftbar-row--no-action):hover{--leftbar-row-omega-min-width: var(--leftbar-row-alpha-width)}.dt-leftbar-row:hover .d-presence{--presence-color-border-base: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row:hover .d-avatar__count{--avatar-count-color-shadow: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row--has-unread{--leftbar-row-description-font-weight: var(--fw-bold);--leftbar-row-alpha-color-foreground: var(--leftbar-row-color-foreground)}.dt-leftbar-row--has-unread:not(.dt-leftbar-row--no-action):hover{--leftbar-row-omega-visibility: hidden}.dt-leftbar-row--muted{--leftbar-row-opacity: 60%}.dt-leftbar-row--selected{--leftbar-row-color-background: var(--theme-sidebar-selected-row-color-background);--leftbar-row-color-foreground: var(--theme-sidebar-selected-row-color)}.dt-leftbar-row--selected .d-avatar__count{--avatar-count-color-shadow: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row--action-focused{--leftbar-row-omega-visibility: hidden;--leftbar-row-omega-min-width: var(--leftbar-row-alpha-width)}.dt-leftbar-row__is-typing{--is-typing-size-shape: var(--size-550);height:var(--is-typing-size-shape);width:var(--is-typing-size-shape);position:absolute;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:var(--br-pill);opacity:.75}.dt-leftbar-row__is-typing span{transition:all .5s ease;background:var(--bgc-strong);height:4px;width:4px;display:inline-block;padding:0;opacity:.3;border-radius:var(--br-pill);animation:wave 1.5s ease infinite}.dt-leftbar-row__is-typing span:nth-child(1){animation-delay:0ms}.dt-leftbar-row__is-typing span:nth-child(2){animation-delay:var(--td100)}.dt-leftbar-row__is-typing span:nth-child(3){animation-delay:var(--td200)}.dt-leftbar-row__primary{display:flex;align-items:center;flex:1;width:100%;text-align:left;color:var(--leftbar-row-color-foreground);text-decoration:none;background-color:var(--leftbar-row-color-background);border-radius:var(--leftbar-row-radius);transition-duration:var(--td200);transition-property:background-color,border,box-shadow;transition-timing-function:var(--ttf-out-quint);appearance:none;font-size:inherit;line-height:inherit;margin:0;border:0;padding:0;cursor:pointer}.dt-leftbar-row__primary:hover{--leftbar-row-color-background: var(--theme-sidebar-row-color-background-hover)}.dt-leftbar-row__primary:active{--leftbar-row-color-background: var(--theme-sidebar-row-color-background-active)}.dt-leftbar-row__primary:focus-visible{box-shadow:var(--bs-focus-ring-inset)}.dt-leftbar-row__action{position:absolute;right:var(--leftbar-row-action-position-right);top:var(--leftbar-row-action-position-bottom);transform:translateY(calc(var(--leftbar-row-action-position-bottom) * -1))}.dt-leftbar-row__action-button{opacity:0;width:var(--leftbar-row-action-width);height:var(--leftbar-row-action-height)}.dt-leftbar-row:hover .dt-leftbar-row__action-button,.dt-leftbar-row__action-button:focus-visible{opacity:1}.dt-leftbar-row__alpha{color:var(--leftbar-row-alpha-color-foreground);display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding-left:var(--space-400);padding-right:var(--space-400);width:var(--leftbar-row-alpha-width);height:var(--leftbar-row-alpha-height)}.dt-leftbar-row__label{flex:1;min-width:0}.dt-leftbar-row__omega{display:flex;gap:var(--space-300);justify-content:end;align-items:center;box-sizing:border-box;min-width:var(--leftbar-row-omega-min-width);height:var(--leftbar-row-omega-height);padding-left:var(--space-400);padding-right:var(--space-400);visibility:var(--leftbar-row-omega-visibility)}.dt-leftbar-row__active-voice{color:var(--fc-success);-webkit-animation-name:opacity-pulsate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}.dt-leftbar-row__dnd{padding-top:var(--space-200);padding-right:var(--space-300);color:var(--fc-tertiary);font-size:var(--fs-100);line-height:var(--lh-400);font-weight:var(--fw-medium)}.dt-leftbar-row__description{display:block;font-weight:var(--leftbar-row-description-font-weight);font-size:var(--leftbar-row-description-font-size);line-height:var(--leftbar-row-description-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row__status{display:block;color:var(--leftbar-row-status-color-foreground);font-size:var(--leftbar-row-status-font-size);line-height:var(--leftbar-row-status-line-height);padding-bottom:var(--space-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row__meta-context~.dt-leftbar-row__meta-custom:not(:empty):before{content:" • ";color:var(--theme-sidebar-status-color)}.dt-leftbar-row__icon-cc{border-radius:var(--size-200);width:calc(var(--size-300) * 3.5);height:calc(var(--size-300) * 3.5)}.opacity-pulsate{-webkit-animation-name:opacity-pulsate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}@-webkit-keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@-moz-keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@keyframes wave{0%,50%,to{transform:translate(0)}10%{transform:translateY(-5px);opacity:90%}}.dt-leftbar-unread-pill{display:flex;align-items:center;justify-content:center;padding:var(--space-200) var(--space-500) var(--space-200) var(--space-400);gap:var(--space-300);font-size:var(--fs-100);box-shadow:var(--bs-md);border-radius:var(--br-pill);border:none;line-height:var(--lh-600);cursor:pointer}.dt-leftbar-unread-pill--mentions{font-weight:var(--fw-bold);background-color:var(--theme-mention-color-background);color:var(--theme-mention-color-foreground)}.dt-leftbar-unread-pill--messages{background-color:var(--bgc-primary);color:var(--fc-primary)}content-text-wrapper-class:not(img){line-height:1.6rem}.d-emoji-picker__search[data-v-20dd73b1]{position:relative;z-index:1;margin:var(--su16) var(--su24) var(--su16) var(--su16);background-color:#fff}.d-emoji-picker__search-button[data-v-20dd73b1]{border:none;background:none;cursor:pointer;margin:0;padding:0;outline:none;line-height:0}.d-emoji-picker__tabset-list{gap:4px}.d-emoji-picker__tabset-list:after{background-color:var(--black-200)!important}.d-emoji-picker__tabset-list button{padding:var(--space-400)}.d-emoji-picker__tabset-list button.d-tab--selected:after{height:var(--size-200)}.d-emoji-picker__selector[data-v-183240d8]{min-height:297px}.d-emoji-picker__selector p[data-v-183240d8]{margin-bottom:4px;font-size:12px;font-weight:700;letter-spacing:-.01em}.d-emoji-picker__category[data-v-183240d8]{background:rgba(255,255,255,.9);position:sticky;top:0;padding-top:20px;width:100%}.d-emoji-picker__list[data-v-183240d8]{height:100%;max-height:297px;overflow-y:auto;overflow-x:hidden;position:relative;top:-20px}.d-emoji-picker__list div:not(:first-child) p[data-v-183240d8]{margin-top:22px}.d-emoji-picker__search-label[data-v-183240d8]{margin-top:20px}.d-emoji-picker__tab[data-v-183240d8]{width:calc(100% + 15px);max-width:340px;gap:2px;display:flex;flex-wrap:wrap;margin-left:-6px}.d-emoji-picker__tab button[data-v-183240d8]{display:flex;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;border:none;background:none;cursor:pointer;margin:0;padding:0;outline:none}.d-emoji-picker__tab button[data-v-183240d8]:hover,.d-emoji-picker__tab button[data-v-183240d8]:active{background:rgba(0,0,0,.1)}.d-emoji-picker__skin-list[data-v-5c3fd4f6]{display:inline-flex;border-radius:40px;background:rgba(0,0,0,.05);flex-direction:row;align-items:flex-start;padding:4px;gap:4px}.d-emoji-picker__skin-list button[data-v-5c3fd4f6]{border:none;background:none;cursor:pointer;margin:0;padding:0;outline:none;width:34px;height:34px}.d-emoji-picker__skin-list button[data-v-5c3fd4f6]:hover{background:rgba(0,0,0,.1);border-radius:28px}.d-emoji-picker__skin-list button.selected[data-v-5c3fd4f6]{border:1px solid rgba(0,0,0,.25);border-radius:28px}.d-emoji-picker__skin-selected button[data-v-5c3fd4f6]{border:none;background:none;cursor:pointer;margin:0;outline:none;padding:7px;display:inline-block;background:rgba(0,0,0,.1);border-radius:28px;width:42px;height:42px}.d-emoji-picker__skin-selected button[data-v-5c3fd4f6]:hover{background:#D2D2D2}.d-emoji-picker__data[data-v-48c61881]{display:flex;width:100%;max-width:290px;align-items:center;gap:10px}.d-emoji-picker{width:auto;max-width:372px;height:100%;display:inline-flex;flex-direction:column;border-radius:4px}.d-emoji-picker--header{padding:var(--su4) var(--su4) 0 var(--su8);position:relative}.d-emoji-picker--header:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background-color:var(--bgc-moderate)!important}.d-emoji-picker__alignment{width:auto;max-width:340px;margin:0 16px}.d-emoji-picker--footer{position:relative;height:58px;top:-20px;background:#F9F9F9;border-top:1px solid var(--bc-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.skeleton-placeholder{display:flex;stroke:none;fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}.skeleton-placeholder--animate{animation-name:placeholder-throb;animation-iteration-count:infinite}@keyframes placeholder-throb{10%{fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}50%{fill:var(--placeholder-to-color, var(--black-100));background:var(--placeholder-to-color, var(--black-100))}90%{fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}}.tippy-box[data-popper-reference-hidden] .d-tooltip,.tippy-box[data-popper-escaped] .d-tooltip{visibility:hidden;pointer-events:none}
+.d-avatar--image-loaded{background-color:transparent;background-image:unset}.dt-default-list-item,.dt-default-list-item--left,.dt-default-list-item--right{min-height:28px;min-width:32px}.dt-list-item:not(.dt-list-item--static){cursor:pointer;border-radius:var(--size-300)}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:var(--bgc-moderate-opaque)}.dt-list-item--highlighted:active{background-color:var(--bgc-bold-opaque)}.dt-list-item:focus-visible{outline:none;box-shadow:var(--bs-focus-ring)}.dt-empty-list-item{display:flex;align-items:center;justify-content:center;font-size:var(--fs-200);line-height:var(--lh4);padding:var(--space-300) var(--space-450)}.enter-active,.leave-active{overflow:hidden;transition:height var(--td300) var(--ttf-quint)}.tippy-box[data-popper-reference-hidden] .d-popover__dialog,.tippy-box[data-popper-escaped] .d-popover__dialog{visibility:hidden;pointer-events:none}.d-context-menu-list{width:var(--size-850)}.dt-list-item[role=menuitem]{border-radius:var(--size-300)}.dt-list-separator{border-top:var(--size-100) solid var(--bc-default);list-style:none}.dt-list-section[tabindex="-1"]:focus{outline:none}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle){line-height:var(--lh-300)}.dt-recipe-callbar-button--circle{border-radius:var(--br-circle)}.dt-recipe-callbar-button.d-btn[disabled]{background-color:unset;opacity:.5}.dt-recipe-callbar-button--circle.d-btn[disabled]{border-color:unset}.dt-recipe-callbar-button--circle.d-btn--icon-only .d-btn__label{display:none}.dt-recipe-callbar-button--active .base-button__icon,.dt-recipe-callbar-button--active:hover .base-button__icon{color:var(--primary-color)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{margin-top:var(--space-350-negative);margin-left:calc(var(--space-300-negative) * 5);width:var(--size-500);height:var(--size-500);padding:var(--space-400);border-radius:var(--size-300)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--bgc-moderate-opaque)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--bgc-contrast);color:var(--fc-primary-inverted)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header .d-btn{color:var(--fc-primary-inverted)}.dt-recipe--callbar-button-with-popover--button .d-tab--selected:after,.dt-recipe--callbar-button-with-popover--button .d-tab--selected:hover:after{--tab--bgc: var(--bgc-contrast)}.dt-recipe--callbar-button-with-popover--button .tab-group{display:flex;flex-direction:column;height:100%}.dt-recipe--callbar-button-with-popover--button .tab-content{flex:1 1 100%;overflow-y:auto}.d-top-banner-info__left{margin:var(--space-300) 0 var(--space-300) var(--space-400);min-width:20%}.d-top-banner-info__middle{display:flex;align-items:center;gap:var(--size-300)}.d-top-banner-info__right{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--size-300);margin:var(--space-300) var(--space-500) var(--space-300) 0;min-width:20%}.ivr_node__width{width:280px}.ivr_node__goto_icon{transform:rotate(90deg)}.ivr-connector{z-index:var(--zi-base1);display:flex;justify-content:center;align-items:center;border-color:var(--purple-600);background-color:var(--purple-600)}.dt-chip-content{font-variant-numeric:tabular-nums}.d-btn[data-v-7712e6e1]:active{--bgo: 85% !important}.settings-menu-button[data-v-7712e6e1]:hover{background-color:hsla(var(--theme-topbar-color-hsl) / .05)}.settings-menu-button[data-v-7712e6e1]:focus-visible{color:var(--theme-topbar-color-hsl);box-shadow:0 0 0 var(--size-200) hsla(var(--theme-sidebar-color-hsl) / .15)}.dt-leftbar-row{--leftbar-row-color-foreground: var(--theme-sidebar-color);--leftbar-row-color-background: var(--theme-sidebar-row-color-background);--leftbar-row-radius: 100em;--leftbar-row-opacity: 100%;--leftbar-row-alpha-color-foreground: var(--theme-sidebar-icon-color);--leftbar-row-alpha-width: calc(var(--size-300) * 10);--leftbar-row-alpha-height: calc(var(--size-300) * 9);--leftbar-row-omega-min-width: 0;--leftbar-row-omega-height: var(--leftbar-row-alpha-height);--leftbar-row-omega-visibility: visible;--leftbar-row-description-font-weight: var(--fw-normal);--leftbar-row-description-font-size: var(--fs-200);--leftbar-row-description-line-height: var(--lh-200);--leftbar-row-status-color-foreground: var(--theme-sidebar-status-color);--leftbar-row-status-font-size: var(--fs-100);--leftbar-row-status-line-height: var(--lh-100);--leftbar-row-action-position-right: var(--size-400);--leftbar-row-action-position-bottom: 50%;--leftbar-row-action-width: var(--size-550);--leftbar-row-action-height: var(--leftbar-row-action-width);position:relative;opacity:var(--leftbar-row-opacity)}.dt-leftbar-row:not(.dt-leftbar-row--no-action):hover{--leftbar-row-omega-min-width: var(--leftbar-row-alpha-width)}.dt-leftbar-row:hover .d-presence{--presence-color-border-base: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row:hover .d-avatar__count{--avatar-count-color-shadow: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row--has-unread{--leftbar-row-description-font-weight: var(--fw-bold);--leftbar-row-alpha-color-foreground: var(--leftbar-row-color-foreground)}.dt-leftbar-row--has-unread:not(.dt-leftbar-row--no-action):hover{--leftbar-row-omega-visibility: hidden}.dt-leftbar-row--muted{--leftbar-row-opacity: 60%}.dt-leftbar-row--selected{--leftbar-row-color-background: var(--theme-sidebar-selected-row-color-background);--leftbar-row-color-foreground: var(--theme-sidebar-selected-row-color)}.dt-leftbar-row--selected .d-avatar__count{--avatar-count-color-shadow: var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row--action-focused{--leftbar-row-omega-visibility: hidden;--leftbar-row-omega-min-width: var(--leftbar-row-alpha-width)}.dt-leftbar-row__is-typing{--is-typing-size-shape: var(--size-550);height:var(--is-typing-size-shape);width:var(--is-typing-size-shape);position:absolute;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:var(--br-pill);opacity:.75}.dt-leftbar-row__is-typing span{transition:all .5s ease;background:var(--bgc-strong);height:4px;width:4px;display:inline-block;padding:0;opacity:.3;border-radius:var(--br-pill);animation:wave 1.5s ease infinite}.dt-leftbar-row__is-typing span:nth-child(1){animation-delay:0ms}.dt-leftbar-row__is-typing span:nth-child(2){animation-delay:var(--td100)}.dt-leftbar-row__is-typing span:nth-child(3){animation-delay:var(--td200)}.dt-leftbar-row__primary{display:flex;align-items:center;flex:1;width:100%;text-align:left;color:var(--leftbar-row-color-foreground);text-decoration:none;background-color:var(--leftbar-row-color-background);border-radius:var(--leftbar-row-radius);transition-duration:var(--td200);transition-property:background-color,border,box-shadow;transition-timing-function:var(--ttf-out-quint);appearance:none;font-size:inherit;line-height:inherit;margin:0;border:0;padding:0;cursor:pointer}.dt-leftbar-row__primary:hover{--leftbar-row-color-background: var(--theme-sidebar-row-color-background-hover)}.dt-leftbar-row__primary:active{--leftbar-row-color-background: var(--theme-sidebar-row-color-background-active)}.dt-leftbar-row__primary:focus-visible{box-shadow:var(--bs-focus-ring-inset)}.dt-leftbar-row__action{position:absolute;right:var(--leftbar-row-action-position-right);top:var(--leftbar-row-action-position-bottom);transform:translateY(calc(var(--leftbar-row-action-position-bottom) * -1))}.dt-leftbar-row__action-button{opacity:0;width:var(--leftbar-row-action-width);height:var(--leftbar-row-action-height)}.dt-leftbar-row:hover .dt-leftbar-row__action-button,.dt-leftbar-row__action-button:focus-visible{opacity:1}.dt-leftbar-row__alpha{color:var(--leftbar-row-alpha-color-foreground);display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding-left:var(--space-400);padding-right:var(--space-400);width:var(--leftbar-row-alpha-width);height:var(--leftbar-row-alpha-height)}.dt-leftbar-row__label{flex:1;min-width:0}.dt-leftbar-row__omega{display:flex;gap:var(--space-300);justify-content:end;align-items:center;box-sizing:border-box;min-width:var(--leftbar-row-omega-min-width);height:var(--leftbar-row-omega-height);padding-left:var(--space-400);padding-right:var(--space-400);visibility:var(--leftbar-row-omega-visibility)}.dt-leftbar-row__active-voice{color:var(--fc-success);-webkit-animation-name:opacity-pulsate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}.dt-leftbar-row__dnd{padding-top:var(--space-200);padding-right:var(--space-300);color:var(--fc-tertiary);font-size:var(--fs-100);line-height:var(--lh-400);font-weight:var(--fw-medium)}.dt-leftbar-row__description{display:block;font-weight:var(--leftbar-row-description-font-weight);font-size:var(--leftbar-row-description-font-size);line-height:var(--leftbar-row-description-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row__status{display:block;color:var(--leftbar-row-status-color-foreground);font-size:var(--leftbar-row-status-font-size);line-height:var(--leftbar-row-status-line-height);padding-bottom:var(--space-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row__meta-context~.dt-leftbar-row__meta-custom:not(:empty):before{content:" • ";color:var(--theme-sidebar-status-color)}.dt-leftbar-row__icon-cc{border-radius:var(--size-200);width:calc(var(--size-300) * 3.5);height:calc(var(--size-300) * 3.5)}.opacity-pulsate{-webkit-animation-name:opacity-pulsate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}@-webkit-keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@-moz-keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@keyframes wave{0%,50%,to{transform:translate(0)}10%{transform:translateY(-5px);opacity:90%}}.dt-leftbar-unread-pill{display:flex;align-items:center;justify-content:center;padding:var(--space-200) var(--space-500) var(--space-200) var(--space-400);gap:var(--space-300);font-size:var(--fs-100);box-shadow:var(--bs-md);border-radius:var(--br-pill);border:none;line-height:var(--lh-600);cursor:pointer}.dt-leftbar-unread-pill--mentions{font-weight:var(--fw-bold);background-color:var(--theme-mention-color-background);color:var(--theme-mention-color-foreground)}.dt-leftbar-unread-pill--messages{background-color:var(--bgc-primary);color:var(--fc-primary)}content-text-wrapper-class:not(img){line-height:1.6rem}.feed-item-row{transition-duration:2s!important}.d-emoji-picker__search[data-v-2576719b]{position:relative;z-index:1;margin:var(--su16) var(--su24) var(--su16) var(--su16);background-color:#fff}.d-emoji-picker__search-button[data-v-2576719b]{border:none;background:none;cursor:pointer;margin:0;padding:0;outline:none;line-height:0}.d-emoji-picker__tabset-list{gap:4px}.d-emoji-picker__tabset-list:after{background-color:var(--black-200)!important}.d-emoji-picker__tabset-list button{padding:var(--space-400)}.d-emoji-picker__tabset-list button.d-tab--selected:after{height:var(--size-200)}.d-emoji-picker__selector[data-v-b604e646]{min-height:297px}.d-emoji-picker__selector p[data-v-b604e646]{margin-bottom:4px;font-size:12px;font-weight:700;letter-spacing:-.01em}.d-emoji-picker__category[data-v-b604e646]{background:rgba(255,255,255,.9);position:sticky;top:0;padding-top:20px;width:100%}.d-emoji-picker__list[data-v-b604e646]{height:100%;max-height:297px;overflow-y:auto;overflow-x:hidden;position:relative;top:-20px;padding-bottom:5px}.d-emoji-picker__list div:not(:first-child) p[data-v-b604e646]{margin-top:22px}.d-emoji-picker__search-label[data-v-b604e646]{margin-top:20px}.d-emoji-picker__tab[data-v-b604e646]{width:calc(100% + 15px);max-width:340px;gap:2px;display:flex;flex-wrap:wrap;margin-left:-6px}.d-emoji-picker__tab button[data-v-b604e646]{display:flex;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;border:none;background:none;cursor:pointer;margin:0;padding:0;outline:none}.d-emoji-picker__tab button[data-v-b604e646]:hover,.d-emoji-picker__tab button[data-v-b604e646]:active,.d-emoji-picker__tab button.hover-emoji[data-v-b604e646]{background:rgba(0,0,0,.1)}.d-emoji-picker__tab button[data-v-b604e646]:focus{box-shadow:var(--bs-focus-ring)}.d-emoji-picker__skin-list[data-v-58a153f4]{display:inline-flex;border-radius:40px;background:rgba(0,0,0,.05);flex-direction:row;align-items:flex-start;padding:4px;gap:4px}.d-emoji-picker__skin-list button[data-v-58a153f4]{border:none;background:none;cursor:pointer;margin:0;padding:0;outline:none;border-radius:28px;width:34px;height:34px}.d-emoji-picker__skin-list button[data-v-58a153f4]:hover{background:rgba(0,0,0,.1);border-radius:28px}.d-emoji-picker__skin-list button.selected[data-v-58a153f4]{border:1px solid rgba(0,0,0,.25);border-radius:28px}.d-emoji-picker__skin-selected button[data-v-58a153f4]{border:none;background:none;cursor:pointer;margin:0;outline:none;padding:7px;display:inline-block;background:rgba(0,0,0,.1);border-radius:28px;width:42px;height:42px}.d-emoji-picker__skin-selected button[data-v-58a153f4]:hover{background:#D2D2D2}.d-emoji-picker__data[data-v-48c61881]{display:flex;width:100%;max-width:290px;align-items:center;gap:10px}.d-emoji-picker{width:372px;height:100%;display:inline-flex;flex-direction:column;border-radius:4px}.d-emoji-picker--header{padding:var(--su4) var(--su4) 0 var(--su8);position:relative}.d-emoji-picker--header:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background-color:var(--bgc-moderate)!important}.d-emoji-picker__alignment{width:auto;max-width:340px;margin:0 16px}.d-emoji-picker--footer{position:relative;height:58px;top:-20px;background:#F9F9F9;border-top:1px solid var(--bc-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.skeleton-placeholder{display:flex;stroke:none;fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}.skeleton-placeholder--animate{animation-name:placeholder-throb;animation-iteration-count:infinite}@keyframes placeholder-throb{10%{fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}50%{fill:var(--placeholder-to-color, var(--black-100));background:var(--placeholder-to-color, var(--black-100))}90%{fill:var(--placeholder-from-color, var(--black-300));background:var(--placeholder-from-color, var(--black-300))}}.tippy-box[data-popper-reference-hidden] .d-tooltip,.tippy-box[data-popper-escaped] .d-tooltip{visibility:hidden;pointer-events:none}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "3.69.3",
+  "version": "3.71.0",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "scripts": {
     "build": "npm run clean && npm run build:main && npm run build:documentation",
@@ -34,6 +34,7 @@
     "@dialpad/dialtone-icons": "0.7.1-vue3",
     "@tiptap/extension-document": "^2.0.2",
     "@tiptap/extension-paragraph": "^2.0.2",
+    "@tiptap/extension-placeholder": "^2.0.3",
     "@tiptap/extension-text": "^2.0.2",
     "@tiptap/pm": "^2.0.2",
     "@tiptap/vue-3": "^2.0.2",