@dialpad/dialtone 9.48.0 → 9.51.0

package/dist/vue3/style.css

@@ -313,7 +313,7 @@
   background-color: var(--dt-color-surface-contrast);
   color: var(--dt-color-foreground-secondary-inverted);
 }
-.dt-leftbar-row[data-v-ca21dc4b] {
+.dt-leftbar-row[data-v-4793665c] {
   --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);
@@ -344,61 +344,65 @@
   transition-timing-function: var(--ttf-out-quint);
   cursor: pointer;
 }
-.dt-leftbar-row[data-v-ca21dc4b]:not(.dt-leftbar-row--no-action):hover,
-.dt-leftbar-row[data-v-ca21dc4b]:not(.dt-leftbar-row--no-action):focus-within {
+.dt-leftbar-row[data-v-4793665c]:not(.dt-leftbar-row--no-action):hover,
+.dt-leftbar-row[data-v-4793665c]:not(.dt-leftbar-row--no-action):focus-within {
   --leftbar-row-unread-badge-display: none;
 }
-.dt-leftbar-row[data-v-ca21dc4b]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
-.dt-leftbar-row[data-v-ca21dc4b]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
+.dt-leftbar-row[data-v-4793665c]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
+.dt-leftbar-row[data-v-4793665c]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
   display: inline-flex;
 }
-.dt-leftbar-row[data-v-ca21dc4b]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
-.dt-leftbar-row[data-v-ca21dc4b]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
+.dt-leftbar-row[data-v-4793665c]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
+.dt-leftbar-row[data-v-4793665c]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
   opacity: 1;
 }
-.dt-leftbar-row[data-v-ca21dc4b]:hover,
-.dt-leftbar-row[data-v-ca21dc4b]:focus-within {
+.dt-leftbar-row[data-v-4793665c]:hover,
+.dt-leftbar-row[data-v-4793665c]:focus-within {
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover);
 }
-.dt-leftbar-row[data-v-ca21dc4b]:hover .d-presence,
-.dt-leftbar-row[data-v-ca21dc4b]:focus-within .d-presence {
+.dt-leftbar-row[data-v-4793665c]:hover .d-presence,
+.dt-leftbar-row[data-v-4793665c]:focus-within .d-presence {
   --presence-color-border-base: var(--dt-color-black-200);
 }
-.dt-leftbar-row[data-v-ca21dc4b]:hover .d-avatar__count,
-.dt-leftbar-row[data-v-ca21dc4b]:focus-within .d-avatar__count {
+.dt-leftbar-row[data-v-4793665c]:hover .d-avatar__count,
+.dt-leftbar-row[data-v-4793665c]:focus-within .d-avatar__count {
   --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
 }
-.dt-leftbar-row--has-unread[data-v-ca21dc4b] {
+.dt-leftbar-row--has-unread[data-v-4793665c] {
   --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-ca21dc4b] .dt-leftbar-row__action {
+.dt-leftbar-row--unread-count[data-v-4793665c] .dt-leftbar-row__action {
   display: none;
 }
-.dt-leftbar-row__unread-count-badge[data-v-ca21dc4b] {
+.dt-leftbar-row__unread-count-badge[data-v-4793665c] {
   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-ca21dc4b] {
+.dt-leftbar-row__unread-mention-count-badge[data-v-4793665c] {
   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-ca21dc4b] {
+.dt-leftbar-row__unread-mention-only-count-badge[data-v-4793665c] {
+  background-color: var(--dt-color-purple-500);
+  color: var(--dt-color-foreground-primary-inverted);
+}
+.dt-leftbar-row--muted[data-v-4793665c] {
   --leftbar-row-opacity: 60%;
 }
-.dt-leftbar-row--selected[data-v-ca21dc4b] {
+.dt-leftbar-row--selected[data-v-4793665c] {
   --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-ca21dc4b] .d-presence {
+.dt-leftbar-row--selected[data-v-4793665c] .d-presence {
   --presence-color-border-base: var(--dt-color-black-200);
 }
-.dt-leftbar-row--selected[data-v-ca21dc4b] .d-avatar__count {
+.dt-leftbar-row--selected[data-v-4793665c] .d-avatar__count {
   --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
 }
-.dt-leftbar-row__is-typing[data-v-ca21dc4b] {
+.dt-leftbar-row__is-typing[data-v-4793665c] {
   --is-typing-size-shape: var(--dt-size-550);
   height: var(--is-typing-size-shape);
   width: var(--is-typing-size-shape);
@@ -410,7 +414,7 @@
   border-radius: var(--dt-size-radius-pill);
   opacity: 0.75;
 }
-.dt-leftbar-row__is-typing span[data-v-ca21dc4b] {
+.dt-leftbar-row__is-typing span[data-v-4793665c] {
   transition: all 500ms ease;
   background: var(--dt-color-surface-strong);
   height: 4px;
@@ -419,18 +423,18 @@
   padding: 0;
   opacity: 0.3;
   border-radius: var(--dt-size-radius-pill);
-  animation: wave-ca21dc4b 1.5s ease infinite;
+  animation: wave-4793665c 1.5s ease infinite;
 }
-.dt-leftbar-row__is-typing span[data-v-ca21dc4b]:nth-child(1) {
+.dt-leftbar-row__is-typing span[data-v-4793665c]:nth-child(1) {
   animation-delay: 0ms;
 }
-.dt-leftbar-row__is-typing span[data-v-ca21dc4b]:nth-child(2) {
+.dt-leftbar-row__is-typing span[data-v-4793665c]:nth-child(2) {
   animation-delay: var(--td100);
 }
-.dt-leftbar-row__is-typing span[data-v-ca21dc4b]:nth-child(3) {
+.dt-leftbar-row__is-typing span[data-v-4793665c]:nth-child(3) {
   animation-delay: var(--td200);
 }
-.dt-leftbar-row__primary[data-v-ca21dc4b] {
+.dt-leftbar-row__primary[data-v-4793665c] {
   display: flex;
   align-items: center;
   flex: 1;
@@ -447,18 +451,18 @@
   padding: 0;
   border-radius: var(--leftbar-row-radius);
 }
-.dt-leftbar-row__primary[data-v-ca21dc4b]:active {
+.dt-leftbar-row__primary[data-v-4793665c]:active {
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active);
 }
-.dt-leftbar-row__primary[data-v-ca21dc4b]:focus-visible {
+.dt-leftbar-row__primary[data-v-4793665c]:focus-visible {
   box-shadow: var(--dt-shadow-focus-inset);
 }
-.dt-leftbar-row__action-button[data-v-ca21dc4b] {
+.dt-leftbar-row__action-button[data-v-4793665c] {
   opacity: 0;
   width: var(--leftbar-row-action-width);
   height: var(--leftbar-row-action-height);
 }
-.dt-leftbar-row__alpha[data-v-ca21dc4b] {
+.dt-leftbar-row__alpha[data-v-4793665c] {
   color: var(--leftbar-row-alpha-color-foreground);
   display: flex;
   box-sizing: border-box;
@@ -470,11 +474,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-ca21dc4b] {
+.dt-leftbar-row__label[data-v-4793665c] {
   flex: 0 1;
   min-width: 0;
 }
-.dt-leftbar-row__omega[data-v-ca21dc4b] {
+.dt-leftbar-row__omega[data-v-4793665c] {
   position: absolute;
   display: flex;
   right: var(--leftbar-row-action-position-right);
@@ -486,26 +490,26 @@
   box-sizing: border-box;
   border-radius: var(--leftbar-row-radius);
 }
-.dt-leftbar-row__unread-badge[data-v-ca21dc4b] {
+.dt-leftbar-row__unread-badge[data-v-4793665c] {
   display: var(--leftbar-row-unread-badge-display);
 }
-.dt-leftbar-row__active-voice[data-v-ca21dc4b] {
+.dt-leftbar-row__active-voice[data-v-4793665c] {
   color: var(--dt-color-purple-400);
   display: inline-flex;
-  -webkit-animation-name: opacity-pulsate-ca21dc4b;
+  -webkit-animation-name: opacity-pulsate-4793665c;
   -webkit-animation-duration: 1s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-fill-mode: both;
-  -moz-animation-name: opacity-pulsate-ca21dc4b;
+  -moz-animation-name: opacity-pulsate-4793665c;
   -moz-animation-duration: 1s;
   -moz-animation-iteration-count: infinite;
   -moz-animation-fill-mode: both;
-  animation-name: opacity-pulsate-ca21dc4b;
+  animation-name: opacity-pulsate-4793665c;
   animation-duration: 1s;
   animation-iteration-count: infinite;
   animation-fill-mode: both;
 }
-.dt-leftbar-row__dnd[data-v-ca21dc4b] {
+.dt-leftbar-row__dnd[data-v-4793665c] {
   padding-top: var(--dt-space-200);
   padding-right: var(--dt-space-300);
   color: var(--dt-color-foreground-tertiary);
@@ -513,26 +517,26 @@
   line-height: var(--dt-font-line-height-400);
   font-weight: var(--dt-font-weight-medium);
 }
-.dt-leftbar-row__container--off-duty[data-v-ca21dc4b] {
+.dt-leftbar-row__container--off-duty[data-v-4793665c] {
   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-ca21dc4b] .dt-leftbar-row__primary {
+.dt-leftbar-row__container--off-duty[data-v-4793665c] .dt-leftbar-row__primary {
   margin: calc(var(--dt-size-100) * -1);
 }
-.dt-leftbar-row--contact-centers[data-v-ca21dc4b] .dt-leftbar-row__alpha {
+.dt-leftbar-row--contact-centers[data-v-4793665c] .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-ca21dc4b] {
+.dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-4793665c] {
   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-ca21dc4b] .dt-leftbar-row__description {
+.dt-leftbar-row[data-v-4793665c] .dt-leftbar-row__description {
   display: block;
   font-weight: var(--leftbar-row-description-font-weight);
   font-size: var(--leftbar-row-description-font-size);
@@ -542,7 +546,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.dt-leftbar-row[data-v-ca21dc4b] .dt-leftbar-row__status {
+.dt-leftbar-row[data-v-4793665c] .dt-leftbar-row__status {
   display: block;
   color: var(--leftbar-row-status-color-foreground);
   font-size: var(--leftbar-row-status-font-size);
@@ -552,30 +556,30 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.dt-leftbar-row[data-v-ca21dc4b] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty):before {
+.dt-leftbar-row[data-v-4793665c] .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-ca21dc4b] {
+.dt-leftbar-row__icon-cc[data-v-4793665c] {
   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-ca21dc4b] {
-  -webkit-animation-name: opacity-pulsate-ca21dc4b;
+.opacity-pulsate[data-v-4793665c] {
+  -webkit-animation-name: opacity-pulsate-4793665c;
   -webkit-animation-duration: 1s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-fill-mode: both;
-  -moz-animation-name: opacity-pulsate-ca21dc4b;
+  -moz-animation-name: opacity-pulsate-4793665c;
   -moz-animation-duration: 1s;
   -moz-animation-iteration-count: infinite;
   -moz-animation-fill-mode: both;
-  animation-name: opacity-pulsate-ca21dc4b;
+  animation-name: opacity-pulsate-4793665c;
   animation-duration: 1s;
   animation-iteration-count: infinite;
   animation-fill-mode: both;
 }
-@-webkit-keyframes opacity-pulsate-ca21dc4b {
+@-webkit-keyframes opacity-pulsate-4793665c {
 0%,
   100% {
     opacity: 0.2;
@@ -584,7 +588,7 @@
     opacity: 1;
 }
 }
-@-moz-keyframes opacity-pulsate-ca21dc4b {
+@-moz-keyframes opacity-pulsate-4793665c {
 0%,
   100% {
     opacity: 0.2;
@@ -593,7 +597,7 @@
     opacity: 1;
 }
 }
-@keyframes opacity-pulsate-ca21dc4b {
+@keyframes opacity-pulsate-4793665c {
 0%,
   100% {
     opacity: 0.2;
@@ -602,7 +606,7 @@
     opacity: 1;
 }
 }
-@keyframes wave-ca21dc4b {
+@keyframes wave-4793665c {
 0%,
   50%,
   100% {
@@ -685,6 +689,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-094eaef1] {
+  background-color: var(--dt-color-purple-500);
+  color: var(--dt-color-foreground-primary-inverted);
+}
 .dt-leftbar-row--muted[data-v-094eaef1] {
   --leftbar-row-opacity: 60%;
 }

package/dist/vue3/types/components/emoji_picker/modules/emoji_selector.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<{}, {
     focusEmojiSelector: typeof focusEmojiSelector;
     focusLastEmoji: typeof focusLastEmoji;
-    $emit: (event: "focus-search-input" | "focus-skin-selector" | "highlighted-emoji" | "selected-emoji" | "scroll-into-tab" | "is-scrolling", ...args: any[]) => void;
+    $emit: (event: "shift-tab-key-pressed" | "highlighted-emoji" | "selected-emoji" | "scroll-into-tab" | "is-scrolling" | "focus-skin-selector", ...args: any[]) => void;
     $props: {
         readonly [x: string]: any;
     };

package/dist/vue3/types/components/emoji_picker/modules/emoji_tabset.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<{}, {
     focusTabset: typeof focusTabset;
-    $emit: (event: "selected-tabset" | "focus-search-input" | "focus-skin-selector", ...args: any[]) => void;
+    $emit: (event: "selected-tabset" | "shift-tab-key-pressed" | "tab-key-pressed" | "arrow-down-key-pressed", ...args: any[]) => void;
     $props: {
         readonly [x: string]: any;
     };

package/dist/vue3/types/components/emoji_picker/modules/emoji_tabset.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"emoji_tabset.vue.d.ts","sourceRoot":"","sources":["../../../../../components/emoji_picker/modules/emoji_tabset.vue.js"],"names":[],"mappings":";;;;;;;;AAyHA,qCAEC"}
+{"version":3,"file":"emoji_tabset.vue.d.ts","sourceRoot":"","sources":["../../../../../components/emoji_picker/modules/emoji_tabset.vue.js"],"names":[],"mappings":";;;;;;;;AA0HA,qCAEC"}

package/dist/vue3/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;
@@ -224,9 +225,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/vue3/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":";IA6BI;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA3JA,gBAAgB"}
+{"version":3,"file":"input.vue.d.ts","sourceRoot":"","sources":["../../../../components/input/input.vue.js"],"names":[],"mappings":";IA6BI;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA5JA,gBAAgB"}

package/dist/vue3/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/vue3/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/vue3/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/vue3/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.
@@ -148,6 +156,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;
@@ -184,6 +198,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.
@@ -289,6 +311,7 @@ declare const _default: import("vue").DefineComponent<{
     selected: boolean;
     unreadCount: string;
     unreadCountTooltip: string;
+    channelSetting: string;
     hasUnreads: boolean;
     unreadMentionCount: string;
     activeVoiceChat: boolean;

package/dist/vue3/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyFH;;;;OAIG;4CADU,OAAO;;;;;IAjPpB;;;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",
-  "version": "9.48.0",
+  "version": "9.51.0",
   "description": "Dialpad's Dialtone design system monorepo",
   "files": [
     "dist"
@@ -63,7 +63,7 @@
     "stylelint": "15.11.0",
     "tippy.js": "6.3.7",
     "@dialpad/dialtone-emojis": "1.0.7",
-    "@dialpad/dialtone-icons": "4.19.0"
+    "@dialpad/dialtone-icons": "4.22.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^18.4.3",