@dialpad/dialtone-vue 2.139.1 → 2.140.0

package/dist/style.css

@@ -273,7 +273,7 @@
   background-color: var(--dt-color-surface-contrast);
   color: var(--dt-color-foreground-secondary-inverted);
 }
-.dt-leftbar-row[data-v-9ffe21aa] {
+.dt-leftbar-row[data-v-e6da0c41] {
   --leftbar-row-color-foreground: var(--dt-theme-sidebar-color-foreground);
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background);
   --leftbar-row-radius: var(--dt-size-radius-pill);
@@ -304,61 +304,65 @@
   transition-timing-function: var(--ttf-out-quint);
   cursor: pointer;
 }
-.dt-leftbar-row[data-v-9ffe21aa]:not(.dt-leftbar-row--no-action):hover,
-.dt-leftbar-row[data-v-9ffe21aa]:not(.dt-leftbar-row--no-action):focus-within {
+.dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):hover,
+.dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):focus-within {
   --leftbar-row-unread-badge-display: none;
 }
-.dt-leftbar-row[data-v-9ffe21aa]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
-.dt-leftbar-row[data-v-9ffe21aa]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
+.dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
+.dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
   display: inline-flex;
 }
-.dt-leftbar-row[data-v-9ffe21aa]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
-.dt-leftbar-row[data-v-9ffe21aa]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
+.dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
+.dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
   opacity: 1;
 }
-.dt-leftbar-row[data-v-9ffe21aa]:hover,
-.dt-leftbar-row[data-v-9ffe21aa]:focus-within {
+.dt-leftbar-row[data-v-e6da0c41]:hover,
+.dt-leftbar-row[data-v-e6da0c41]:focus-within {
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover);
 }
-.dt-leftbar-row[data-v-9ffe21aa]:hover .d-presence,
-.dt-leftbar-row[data-v-9ffe21aa]:focus-within .d-presence {
+.dt-leftbar-row[data-v-e6da0c41]:hover .d-presence,
+.dt-leftbar-row[data-v-e6da0c41]:focus-within .d-presence {
   --presence-color-border-base: var(--dt-color-black-200);
 }
-.dt-leftbar-row[data-v-9ffe21aa]:hover .d-avatar__count,
-.dt-leftbar-row[data-v-9ffe21aa]:focus-within .d-avatar__count {
+.dt-leftbar-row[data-v-e6da0c41]:hover .d-avatar__count,
+.dt-leftbar-row[data-v-e6da0c41]:focus-within .d-avatar__count {
   --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
 }
-.dt-leftbar-row--has-unread[data-v-9ffe21aa] {
+.dt-leftbar-row--has-unread[data-v-e6da0c41] {
   --leftbar-row-description-font-weight: var(--dt-font-weight-bold);
   --leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
   --leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
 }
-.dt-leftbar-row--unread-count[data-v-9ffe21aa] .dt-leftbar-row__action {
+.dt-leftbar-row--unread-count[data-v-e6da0c41] .dt-leftbar-row__action {
   display: none;
 }
-.dt-leftbar-row__unread-count-badge[data-v-9ffe21aa] {
+.dt-leftbar-row__unread-count-badge[data-v-e6da0c41] {
   border-top-right-radius: var(--dt-size-radius-0);
   border-bottom-right-radius: var(--dt-size-radius-0);
 }
-.dt-leftbar-row__unread-mention-count-badge[data-v-9ffe21aa] {
+.dt-leftbar-row__unread-mention-count-badge[data-v-e6da0c41] {
   border-top-left-radius: var(--dt-size-radius-0);
   border-bottom-left-radius: var(--dt-size-radius-0);
   background-color: var(--dt-color-purple-500);
 }
-.dt-leftbar-row--muted[data-v-9ffe21aa] {
+.dt-leftbar-row__unread-mention-only-count-badge[data-v-e6da0c41] {
+  background-color: var(--dt-color-purple-500);
+  color: var(--dt-color-foreground-primary-inverted);
+}
+.dt-leftbar-row--muted[data-v-e6da0c41] {
   --leftbar-row-opacity: 60%;
 }
-.dt-leftbar-row--selected[data-v-9ffe21aa] {
+.dt-leftbar-row--selected[data-v-e6da0c41] {
   --leftbar-row-color-background: var(--dt-theme-sidebar-selected-row-color-background);
   --leftbar-row-description-color-foreground: var(--dt-theme-sidebar-selected-row-color-foreground);
 }
-.dt-leftbar-row--selected[data-v-9ffe21aa] .d-presence {
+.dt-leftbar-row--selected[data-v-e6da0c41] .d-presence {
   --presence-color-border-base: var(--dt-color-black-200);
 }
-.dt-leftbar-row--selected[data-v-9ffe21aa] .d-avatar__count {
+.dt-leftbar-row--selected[data-v-e6da0c41] .d-avatar__count {
   --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
 }
-.dt-leftbar-row__is-typing[data-v-9ffe21aa] {
+.dt-leftbar-row__is-typing[data-v-e6da0c41] {
   --is-typing-size-shape: var(--dt-size-550);
   height: var(--is-typing-size-shape);
   width: var(--is-typing-size-shape);
@@ -370,7 +374,7 @@
   border-radius: var(--dt-size-radius-pill);
   opacity: 0.75;
 }
-.dt-leftbar-row__is-typing span[data-v-9ffe21aa] {
+.dt-leftbar-row__is-typing span[data-v-e6da0c41] {
   transition: all 500ms ease;
   background: var(--dt-color-surface-strong);
   height: 4px;
@@ -379,18 +383,18 @@
   padding: 0;
   opacity: 0.3;
   border-radius: var(--dt-size-radius-pill);
-  animation: wave-9ffe21aa 1.5s ease infinite;
+  animation: wave-e6da0c41 1.5s ease infinite;
 }
-.dt-leftbar-row__is-typing span[data-v-9ffe21aa]:nth-child(1) {
+.dt-leftbar-row__is-typing span[data-v-e6da0c41]:nth-child(1) {
   animation-delay: 0ms;
 }
-.dt-leftbar-row__is-typing span[data-v-9ffe21aa]:nth-child(2) {
+.dt-leftbar-row__is-typing span[data-v-e6da0c41]:nth-child(2) {
   animation-delay: var(--td100);
 }
-.dt-leftbar-row__is-typing span[data-v-9ffe21aa]:nth-child(3) {
+.dt-leftbar-row__is-typing span[data-v-e6da0c41]:nth-child(3) {
   animation-delay: var(--td200);
 }
-.dt-leftbar-row__primary[data-v-9ffe21aa] {
+.dt-leftbar-row__primary[data-v-e6da0c41] {
   display: flex;
   align-items: center;
   flex: 1;
@@ -407,18 +411,18 @@
   padding: 0;
   border-radius: var(--leftbar-row-radius);
 }
-.dt-leftbar-row__primary[data-v-9ffe21aa]:active {
+.dt-leftbar-row__primary[data-v-e6da0c41]:active {
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active);
 }
-.dt-leftbar-row__primary[data-v-9ffe21aa]:focus-visible {
+.dt-leftbar-row__primary[data-v-e6da0c41]:focus-visible {
   box-shadow: var(--dt-shadow-focus-inset);
 }
-.dt-leftbar-row__action-button[data-v-9ffe21aa] {
+.dt-leftbar-row__action-button[data-v-e6da0c41] {
   opacity: 0;
   width: var(--leftbar-row-action-width);
   height: var(--leftbar-row-action-height);
 }
-.dt-leftbar-row__alpha[data-v-9ffe21aa] {
+.dt-leftbar-row__alpha[data-v-e6da0c41] {
   color: var(--leftbar-row-alpha-color-foreground);
   display: flex;
   box-sizing: border-box;
@@ -430,11 +434,11 @@
   height: var(--leftbar-row-alpha-height);
   border-radius: var(--leftbar-row-radius) 0 0 var(--leftbar-row-radius);
 }
-.dt-leftbar-row__label[data-v-9ffe21aa] {
+.dt-leftbar-row__label[data-v-e6da0c41] {
   flex: 0 1;
   min-width: 0;
 }
-.dt-leftbar-row__omega[data-v-9ffe21aa] {
+.dt-leftbar-row__omega[data-v-e6da0c41] {
   position: absolute;
   display: flex;
   right: var(--leftbar-row-action-position-right);
@@ -446,26 +450,26 @@
   box-sizing: border-box;
   border-radius: var(--leftbar-row-radius);
 }
-.dt-leftbar-row__unread-badge[data-v-9ffe21aa] {
+.dt-leftbar-row__unread-badge[data-v-e6da0c41] {
   display: var(--leftbar-row-unread-badge-display);
 }
-.dt-leftbar-row__active-voice[data-v-9ffe21aa] {
+.dt-leftbar-row__active-voice[data-v-e6da0c41] {
   color: var(--dt-color-purple-400);
   display: inline-flex;
-  -webkit-animation-name: opacity-pulsate-9ffe21aa;
+  -webkit-animation-name: opacity-pulsate-e6da0c41;
   -webkit-animation-duration: 1s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-fill-mode: both;
-  -moz-animation-name: opacity-pulsate-9ffe21aa;
+  -moz-animation-name: opacity-pulsate-e6da0c41;
   -moz-animation-duration: 1s;
   -moz-animation-iteration-count: infinite;
   -moz-animation-fill-mode: both;
-  animation-name: opacity-pulsate-9ffe21aa;
+  animation-name: opacity-pulsate-e6da0c41;
   animation-duration: 1s;
   animation-iteration-count: infinite;
   animation-fill-mode: both;
 }
-.dt-leftbar-row__dnd[data-v-9ffe21aa] {
+.dt-leftbar-row__dnd[data-v-e6da0c41] {
   padding-top: var(--dt-space-200);
   padding-right: var(--dt-space-300);
   color: var(--dt-color-foreground-tertiary);
@@ -473,26 +477,26 @@
   line-height: var(--dt-font-line-height-400);
   font-weight: var(--dt-font-weight-medium);
 }
-.dt-leftbar-row__container--off-duty[data-v-9ffe21aa] {
+.dt-leftbar-row__container--off-duty[data-v-e6da0c41] {
   border-radius: var(--dt-size-radius-500);
   background-color: var(--dt-badge-color-background-critical);
   border: var(--dt-size-100) solid var(--dt-color-border-subtle);
 }
-.dt-leftbar-row__container--off-duty[data-v-9ffe21aa] .dt-leftbar-row__primary {
+.dt-leftbar-row__container--off-duty[data-v-e6da0c41] .dt-leftbar-row__primary {
   margin: calc(var(--dt-size-100) * -1);
 }
-.dt-leftbar-row--contact-centers[data-v-9ffe21aa] .dt-leftbar-row__alpha {
+.dt-leftbar-row--contact-centers[data-v-e6da0c41] .dt-leftbar-row__alpha {
   padding-right: var(--dt-space-450);
   padding-left: var(--dt-space-450);
 }
-.dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-9ffe21aa] {
+.dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-e6da0c41] {
   display: inline-flex;
   align-items: center;
   justify-content: flex-end;
   min-width: var(--dt-size-600);
   height: var(--dt-size-500);
 }
-.dt-leftbar-row[data-v-9ffe21aa] .dt-leftbar-row__description {
+.dt-leftbar-row[data-v-e6da0c41] .dt-leftbar-row__description {
   display: block;
   font-weight: var(--leftbar-row-description-font-weight);
   font-size: var(--leftbar-row-description-font-size);
@@ -502,7 +506,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.dt-leftbar-row[data-v-9ffe21aa] .dt-leftbar-row__status {
+.dt-leftbar-row[data-v-e6da0c41] .dt-leftbar-row__status {
   display: block;
   color: var(--leftbar-row-status-color-foreground);
   font-size: var(--leftbar-row-status-font-size);
@@ -512,30 +516,30 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.dt-leftbar-row[data-v-9ffe21aa] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty):before {
+.dt-leftbar-row[data-v-e6da0c41] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty):before {
   content: ' • ';
   color: var(--dt-theme-sidebar-status-color-foreground);
 }
-.dt-leftbar-row__icon-cc[data-v-9ffe21aa] {
+.dt-leftbar-row__icon-cc[data-v-e6da0c41] {
   border-radius: var(--dt-size-200);
   width: calc(var(--dt-size-300) * 3.5);
   height: calc(var(--dt-size-300) * 3.5);
 }
-.opacity-pulsate[data-v-9ffe21aa] {
-  -webkit-animation-name: opacity-pulsate-9ffe21aa;
+.opacity-pulsate[data-v-e6da0c41] {
+  -webkit-animation-name: opacity-pulsate-e6da0c41;
   -webkit-animation-duration: 1s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-fill-mode: both;
-  -moz-animation-name: opacity-pulsate-9ffe21aa;
+  -moz-animation-name: opacity-pulsate-e6da0c41;
   -moz-animation-duration: 1s;
   -moz-animation-iteration-count: infinite;
   -moz-animation-fill-mode: both;
-  animation-name: opacity-pulsate-9ffe21aa;
+  animation-name: opacity-pulsate-e6da0c41;
   animation-duration: 1s;
   animation-iteration-count: infinite;
   animation-fill-mode: both;
 }
-@-webkit-keyframes opacity-pulsate-9ffe21aa {
+@-webkit-keyframes opacity-pulsate-e6da0c41 {
 0%,
   100% {
     opacity: 0.2;
@@ -544,7 +548,7 @@
     opacity: 1;
 }
 }
-@-moz-keyframes opacity-pulsate-9ffe21aa {
+@-moz-keyframes opacity-pulsate-e6da0c41 {
 0%,
   100% {
     opacity: 0.2;
@@ -553,7 +557,7 @@
     opacity: 1;
 }
 }
-@keyframes opacity-pulsate-9ffe21aa {
+@keyframes opacity-pulsate-e6da0c41 {
 0%,
   100% {
     opacity: 0.2;
@@ -562,7 +566,7 @@
     opacity: 1;
 }
 }
-@keyframes wave-9ffe21aa {
+@keyframes wave-e6da0c41 {
 0%,
   50%,
   100% {
@@ -645,6 +649,10 @@
   border-bottom-left-radius: var(--dt-size-radius-0);
   background-color: var(--dt-color-purple-500);
 }
+.dt-leftbar-row__unread-mention-only-count-badge[data-v-f44e0386] {
+  background-color: var(--dt-color-purple-500);
+  color: var(--dt-color-foreground-primary-inverted);
+}
 .dt-leftbar-row--muted[data-v-f44e0386] {
   --leftbar-row-opacity: 60%;
 }

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

@@ -7,9 +7,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     /**
-     * Type of the input, one of: `text`, `password`, `email`, `number`, `textarea`, 'date', 'time'.
+     * Type of the input.
      * When `textarea` a `<textarea>` element will be rendered instead of an `<input>` element.
-     * @values text, password, email, number, textarea, date, time
+     * @values text, password, email, number, textarea, date, time, file, tel
+     * @default 'text'
      */
     type: {
         type: StringConstructor;
@@ -221,9 +222,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     /**
-     * Type of the input, one of: `text`, `password`, `email`, `number`, `textarea`, 'date', 'time'.
+     * Type of the input.
      * When `textarea` a `<textarea>` element will be rendered instead of an `<input>` element.
-     * @values text, password, email, number, textarea, date, time
+     * @values text, password, email, number, textarea, date, time, file, tel
+     * @default 'text'
      */
     type: {
         type: StringConstructor;

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

@@ -1 +1 @@
-{"version":3,"file":"input.vue.d.ts","sourceRoot":"","sources":["../../../../components/input/input.vue.js"],"names":[],"mappings":";IA4BI;;OAEG;;;;;IAMH;;;;OAIG;;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAtIH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;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"}
+{"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"}

package/dist/types/components/input/input_constants.d.ts

@@ -7,6 +7,7 @@ export namespace INPUT_TYPES {
     let DATE: string;
     let TIME: string;
     let FILE: string;
+    let TEL: string;
 }
 export namespace INPUT_SIZES {
     let EXTRA_SMALL: string;

package/dist/types/components/popover/popover_constants.d.ts.map

@@ -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,gDAA2D;AAC3D,yDAEE;AACF,0CAEE"}
+{"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"}

package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue.js"],"names":[],"mappings":";IA2CI;;;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;;;;;;;;;;;;;;;;;;;;;;IAuPH;;;OAGG;;;;;;;IAheH;;;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"}
+{"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue.js"],"names":[],"mappings":";IA2CI;;;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"}

package/dist/types/recipes/leftbar/general_row/general_row.vue.d.ts

@@ -31,6 +31,14 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
         validator: (color: unknown) => boolean;
     };
+    /**
+     * The channel setting, either 'mention' or 'always'.
+     * @values 'mention', 'always', null.
+     */
+    channelSetting: {
+        type: StringConstructor;
+        default: null;
+    };
     /**
      * Styles the row with an increased font weight to convey it has unreads. This must be true to see
      * the unread count badge.
@@ -145,6 +153,12 @@ declare const _default: import("vue").DefineComponent<{
     hasUnreadCount(): boolean;
     hasUnreadMentionCount(): boolean;
     shouldApplyCustomStyleForCountBadge(): boolean;
+    /**
+     * When a channel in 'always' setting, meaning the user should see both unread count and unread mention count,
+     * if there are only mention messages, we should apply the custom background with var(--dt-color-purple-500).
+     * @returns {boolean}
+     */
+    shouldApplyCustomStyleForMentionOnly(): boolean;
 }, {
     validateProps(): void;
     adjustLabelWidth(): void;
@@ -181,6 +195,14 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
         validator: (color: unknown) => boolean;
     };
+    /**
+     * The channel setting, either 'mention' or 'always'.
+     * @values 'mention', 'always', null.
+     */
+    channelSetting: {
+        type: StringConstructor;
+        default: null;
+    };
     /**
      * Styles the row with an increased font weight to convey it has unreads. This must be true to see
      * the unread count badge.
@@ -284,6 +306,7 @@ declare const _default: import("vue").DefineComponent<{
     selected: boolean;
     unreadCount: string;
     unreadCountTooltip: string;
+    channelSetting: string;
     hasUnreads: boolean;
     unreadMentionCount: string;
     activeVoiceChat: boolean;

package/dist/types/recipes/leftbar/general_row/general_row.vue.d.ts.map

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA5IH;;;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"}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "2.139.1",
+  "version": "2.140.0",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist"
@@ -32,10 +32,11 @@
     "emoji-toolkit": "8.0.0",
     "regex-combined-emojis": "1.6.0",
     "tippy.js": "6.3.7",
-    "@dialpad/dialtone-icons": "4.18.0",
-    "@dialpad/dialtone-emojis": "1.0.7"
+    "@dialpad/dialtone-emojis": "1.0.7",
+    "@dialpad/dialtone-icons": "4.22.0"
   },
   "devDependencies": {
+    "@faker-js/faker": "8.4.1",
     "@percy/cli": "1.28.2",
     "@percy/storybook": "5.0.3",
     "@storybook/addon-a11y": "^7.6.1",