@dialpad/dialtone 9.64.1 → 9.65.0

package/dist/vue3/style.css

@@ -1265,7 +1265,7 @@ body > .os-scrollbar {
 }
 }
 /* stylelint-disable selector-pseudo-class-no-unknown */
-.dt-leftbar-row[data-v-094eaef1] {
+.dt-leftbar-row[data-v-cc2f5ae8] {
   --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);
@@ -1296,49 +1296,49 @@ body > .os-scrollbar {
   transition-duration: var(--td200);
   transition-property: background-color, border, box-shadow;
 }
-.dt-leftbar-row[data-v-094eaef1]:not(.dt-leftbar-row--no-action):hover,
-.dt-leftbar-row[data-v-094eaef1]:not(.dt-leftbar-row--no-action):focus-within {
+.dt-leftbar-row[data-v-cc2f5ae8]:not(.dt-leftbar-row--no-action):hover,
+.dt-leftbar-row[data-v-cc2f5ae8]:not(.dt-leftbar-row--no-action):focus-within {
   --leftbar-row-unread-badge-display: none;
 }
-.dt-leftbar-row[data-v-094eaef1]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
-.dt-leftbar-row[data-v-094eaef1]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
+.dt-leftbar-row[data-v-cc2f5ae8]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
+.dt-leftbar-row[data-v-cc2f5ae8]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
   display: inline-flex;
 }
-.dt-leftbar-row[data-v-094eaef1]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
-.dt-leftbar-row[data-v-094eaef1]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
+.dt-leftbar-row[data-v-cc2f5ae8]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
+.dt-leftbar-row[data-v-cc2f5ae8]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
   opacity: 1;
 }
-.dt-leftbar-row[data-v-094eaef1]:hover,
-.dt-leftbar-row[data-v-094eaef1]:focus-within {
+.dt-leftbar-row[data-v-cc2f5ae8]:hover,
+.dt-leftbar-row[data-v-cc2f5ae8]:focus-within {
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover);
 }
-.dt-leftbar-row[data-v-094eaef1]:hover .d-presence,
-.dt-leftbar-row[data-v-094eaef1]:focus-within .d-presence {
+.dt-leftbar-row[data-v-cc2f5ae8]:hover .d-presence,
+.dt-leftbar-row[data-v-cc2f5ae8]:focus-within .d-presence {
   --presence-color-border-base: var(--dt-color-black-200);
 }
-.dt-leftbar-row[data-v-094eaef1]:hover .d-avatar__count,
-.dt-leftbar-row[data-v-094eaef1]:focus-within .d-avatar__count {
+.dt-leftbar-row[data-v-cc2f5ae8]:hover .d-avatar__count,
+.dt-leftbar-row[data-v-cc2f5ae8]:focus-within .d-avatar__count {
   --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
 }
-.dt-leftbar-row--has-unread[data-v-094eaef1] {
+.dt-leftbar-row--has-unread[data-v-cc2f5ae8] {
   --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--muted[data-v-094eaef1] {
+.dt-leftbar-row--muted[data-v-cc2f5ae8] {
   --leftbar-row-opacity: 60%;
 }
-.dt-leftbar-row--selected[data-v-094eaef1] {
+.dt-leftbar-row--selected[data-v-cc2f5ae8] {
   --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-094eaef1] .d-presence {
+.dt-leftbar-row--selected[data-v-cc2f5ae8] .d-presence {
   --presence-color-border-base: var(--dt-color-black-200);
 }
-.dt-leftbar-row--selected[data-v-094eaef1] .d-avatar__count {
+.dt-leftbar-row--selected[data-v-cc2f5ae8] .d-avatar__count {
   --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
 }
-.dt-leftbar-row__is-typing[data-v-094eaef1] {
+.dt-leftbar-row__is-typing[data-v-cc2f5ae8] {
   --is-typing-size-shape: var(--dt-size-550);
   position: absolute;
   display: flex;
@@ -1350,7 +1350,7 @@ body > .os-scrollbar {
   border-radius: var(--dt-size-radius-pill);
   opacity: 0.75;
 }
-.dt-leftbar-row__is-typing span[data-v-094eaef1] {
+.dt-leftbar-row__is-typing span[data-v-cc2f5ae8] {
   display: inline-block;
   width: var(--dt-size-300);
   height: var(--dt-size-300);
@@ -1359,18 +1359,18 @@ body > .os-scrollbar {
   border-radius: var(--dt-size-radius-pill);
   opacity: 0.3;
   transition: all 500ms ease;
-  animation: wave-094eaef1 1.5s ease infinite;
+  animation: wave-cc2f5ae8 1.5s ease infinite;
 }
-.dt-leftbar-row__is-typing span[data-v-094eaef1]:nth-child(1) {
+.dt-leftbar-row__is-typing span[data-v-cc2f5ae8]:nth-child(1) {
   animation-delay: 0ms;
 }
-.dt-leftbar-row__is-typing span[data-v-094eaef1]:nth-child(2) {
+.dt-leftbar-row__is-typing span[data-v-cc2f5ae8]:nth-child(2) {
   animation-delay: var(--td100);
 }
-.dt-leftbar-row__is-typing span[data-v-094eaef1]:nth-child(3) {
+.dt-leftbar-row__is-typing span[data-v-cc2f5ae8]:nth-child(3) {
   animation-delay: var(--td200);
 }
-.dt-leftbar-row__primary[data-v-094eaef1] {
+.dt-leftbar-row__primary[data-v-cc2f5ae8] {
   display: flex;
   flex: 1;
   align-items: center;
@@ -1387,18 +1387,18 @@ body > .os-scrollbar {
   border-radius: var(--leftbar-row-radius);
   appearance: none;
 }
-.dt-leftbar-row__primary[data-v-094eaef1]:active {
+.dt-leftbar-row__primary[data-v-cc2f5ae8]:active {
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active);
 }
-.dt-leftbar-row__primary[data-v-094eaef1]:focus-visible {
+.dt-leftbar-row__primary[data-v-cc2f5ae8]:focus-visible {
   box-shadow: var(--dt-shadow-focus-inset);
 }
-.dt-leftbar-row__action-button[data-v-094eaef1] {
+.dt-leftbar-row__action-button[data-v-cc2f5ae8] {
   width: var(--leftbar-row-action-width);
   height: var(--leftbar-row-action-height);
   opacity: 0;
 }
-.dt-leftbar-row__alpha[data-v-094eaef1] {
+.dt-leftbar-row__alpha[data-v-cc2f5ae8] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1410,11 +1410,11 @@ body > .os-scrollbar {
   color: var(--leftbar-row-alpha-color-foreground);
   border-radius: var(--leftbar-row-radius) 0 0 var(--leftbar-row-radius);
 }
-.dt-leftbar-row__label[data-v-094eaef1] {
+.dt-leftbar-row__label[data-v-cc2f5ae8] {
   flex: 0 1;
   min-width: 0;
 }
-.dt-leftbar-row__omega[data-v-094eaef1] {
+.dt-leftbar-row__omega[data-v-cc2f5ae8] {
   position: absolute;
   top: var(--leftbar-row-action-position-bottom);
   right: var(--leftbar-row-action-position-right);
@@ -1426,34 +1426,34 @@ body > .os-scrollbar {
   border-radius: var(--leftbar-row-radius);
   transform: translateY(calc(var(--leftbar-row-action-position-bottom) * -1));
 }
-.dt-leftbar-row__unread-badge[data-v-094eaef1] {
+.dt-leftbar-row__unread-badge[data-v-cc2f5ae8] {
   display: var(--leftbar-row-unread-badge-display);
   color: var(--dt-theme-mention-color-foreground);
   background-color: var(--dt-theme-mention-color-background);
 }
-.dt-leftbar-row--unread-count[data-v-094eaef1] .dt-leftbar-row__action {
+.dt-leftbar-row--unread-count[data-v-cc2f5ae8] .dt-leftbar-row__action {
   display: none;
 }
-.dt-leftbar-row__unread-count-badge[data-v-094eaef1] {
+.dt-leftbar-row__unread-count-badge[data-v-cc2f5ae8] {
   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-094eaef1] {
+.dt-leftbar-row__unread-mention-count-badge[data-v-cc2f5ae8] {
   color: var(--dt-theme-mention-color-foreground-strong);
   background-color: var(--dt-theme-mention-color-background-strong);
   border-top-left-radius: var(--dt-size-radius-0);
   border-bottom-left-radius: var(--dt-size-radius-0);
 }
-.dt-leftbar-row__unread-mention-only-count-badge[data-v-094eaef1] {
+.dt-leftbar-row__unread-mention-only-count-badge[data-v-cc2f5ae8] {
   color: var(--dt-theme-mention-color-foreground-strong);
   background-color: var(--dt-theme-mention-color-background-strong);
 }
-.dt-leftbar-row__active-voice[data-v-094eaef1] {
+.dt-leftbar-row__active-voice[data-v-cc2f5ae8] {
   display: inline-flex;
   color: var(--dt-color-purple-400);
-  -webkit-animation-name: opacity-pulsate-094eaef1;
-  -moz-animation-name: opacity-pulsate-094eaef1;
-  animation-name: opacity-pulsate-094eaef1;
+  -webkit-animation-name: opacity-pulsate-cc2f5ae8;
+  -moz-animation-name: opacity-pulsate-cc2f5ae8;
+  animation-name: opacity-pulsate-cc2f5ae8;
   -webkit-animation-duration: 1s;
   -moz-animation-duration: 1s;
   animation-duration: 1s;
@@ -1464,7 +1464,7 @@ body > .os-scrollbar {
   -moz-animation-fill-mode: both;
   animation-fill-mode: both;
 }
-.dt-leftbar-row__dnd[data-v-094eaef1] {
+.dt-leftbar-row__dnd[data-v-cc2f5ae8] {
   padding-top: var(--dt-space-200);
   padding-right: var(--dt-space-300);
   color: var(--dt-color-foreground-tertiary);
@@ -1472,26 +1472,26 @@ body > .os-scrollbar {
   font-size: var(--dt-font-size-100);
   line-height: var(--dt-font-line-height-400);
 }
-.dt-leftbar-row__container--off-duty[data-v-094eaef1] {
+.dt-leftbar-row__container--off-duty[data-v-cc2f5ae8] {
   background-color: var(--dt-badge-color-background-critical);
   border: var(--dt-size-100) solid var(--dt-color-border-subtle);
   border-radius: var(--dt-size-radius-500);
 }
-.dt-leftbar-row__container--off-duty[data-v-094eaef1] .dt-leftbar-row__primary {
+.dt-leftbar-row__container--off-duty[data-v-cc2f5ae8] .dt-leftbar-row__primary {
   margin: calc(var(--dt-size-100) * -1);
 }
-.dt-leftbar-row--contact-centers[data-v-094eaef1] .dt-leftbar-row__alpha {
+.dt-leftbar-row--contact-centers[data-v-cc2f5ae8] .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-094eaef1] {
+.dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-cc2f5ae8] {
   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-094eaef1] .dt-leftbar-row__description {
+.dt-leftbar-row[data-v-cc2f5ae8] .dt-leftbar-row__description {
   overflow: hidden;
   color: var(--leftbar-row-description-color-foreground);
   font-weight: var(--leftbar-row-description-font-weight);
@@ -1500,7 +1500,7 @@ body > .os-scrollbar {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.dt-leftbar-row[data-v-094eaef1] .dt-leftbar-row__status {
+.dt-leftbar-row[data-v-cc2f5ae8] .dt-leftbar-row__status {
   padding-bottom: var(--dt-space-100);
   overflow: hidden;
   color: var(--leftbar-row-status-color-foreground);
@@ -1509,19 +1509,19 @@ body > .os-scrollbar {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.dt-leftbar-row[data-v-094eaef1] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty)::before {
+.dt-leftbar-row[data-v-cc2f5ae8] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty)::before {
   color: var(--dt-theme-sidebar-status-color-foreground);
   content: " • ";
 }
-.dt-leftbar-row__icon-cc[data-v-094eaef1] {
+.dt-leftbar-row__icon-cc[data-v-cc2f5ae8] {
   width: calc(var(--dt-size-300) * 3.5);
   height: calc(var(--dt-size-300) * 3.5);
   border-radius: var(--dt-size-200);
 }
-.opacity-pulsate[data-v-094eaef1] {
-  -webkit-animation-name: opacity-pulsate-094eaef1;
-  -moz-animation-name: opacity-pulsate-094eaef1;
-  animation-name: opacity-pulsate-094eaef1;
+.opacity-pulsate[data-v-cc2f5ae8] {
+  -webkit-animation-name: opacity-pulsate-cc2f5ae8;
+  -moz-animation-name: opacity-pulsate-cc2f5ae8;
+  animation-name: opacity-pulsate-cc2f5ae8;
   -webkit-animation-duration: 1s;
   -moz-animation-duration: 1s;
   animation-duration: 1s;
@@ -1532,7 +1532,7 @@ body > .os-scrollbar {
   -moz-animation-fill-mode: both;
   animation-fill-mode: both;
 }
-@keyframes opacity-pulsate-094eaef1 {
+@keyframes opacity-pulsate-cc2f5ae8 {
 0%,
   100% {
     opacity: 0.2;
@@ -1541,7 +1541,7 @@ body > .os-scrollbar {
     opacity: 1;
 }
 }
-@keyframes opacity-pulsate-094eaef1 {
+@keyframes opacity-pulsate-cc2f5ae8 {
 0%,
   100% {
     opacity: 0.2;
@@ -1550,7 +1550,7 @@ body > .os-scrollbar {
     opacity: 1;
 }
 }
-@keyframes opacity-pulsate-094eaef1 {
+@keyframes opacity-pulsate-cc2f5ae8 {
 0%,
   100% {
     opacity: 0.2;
@@ -1559,7 +1559,7 @@ body > .os-scrollbar {
     opacity: 1;
 }
 }
-@keyframes wave-094eaef1 {
+@keyframes wave-cc2f5ae8 {
 0%,
   50%,
   100% {

package/dist/vue3/types/components/stack/utils.d.ts

@@ -1,5 +1,5 @@
 export function directionPropType(value: any): "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
 export function getDefaultDirectionClass(direction: any): string | null;
-export function getResponsiveClasses(direction: any): (string | null)[] | null;
-export function getGapClass(gap: any): string | null;
+export function getResponsiveClasses(direction: any, gap: any): (string | null)[];
+export function getDefaultGapClass(gap: any): string | null;
 //# sourceMappingURL=utils.d.ts.map

package/dist/vue3/types/components/stack/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../components/stack/utils.js"],"names":[],"mappings":"AAgBA,2IAEC;AAED,wEAIC;AAED,+EASC;AAED,qDAEC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../components/stack/utils.js"],"names":[],"mappings":"AAwBA,2IAEC;AAED,wEAIC;AAwBD,kFAKC;AAED,4DAGC"}

package/dist/vue3/types/components/stack/validators.d.ts

@@ -1,3 +1,3 @@
 export function directionValidator(direction: any): boolean | null;
-export function gapValidator(gap: any): boolean;
+export function gapValidator(gap: any): boolean | undefined;
 //# sourceMappingURL=validators.d.ts.map

package/dist/vue3/types/components/stack/validators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../../../components/stack/validators.js"],"names":[],"mappings":"AAGA,mEAQC;AAED,gDAEC"}
+{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../../../components/stack/validators.js"],"names":[],"mappings":"AAGA,mEAQC;AAED,4DASC"}

package/dist/vue3/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts

@@ -20,6 +20,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Making this true will hide the unread count badge, the chevron button, and the right slot
+     */
+    hideActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Number of unread messages
      */
@@ -70,6 +77,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Making this true will hide the unread count badge, the chevron button, and the right slot
+     */
+    hideActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Number of unread messages
      */
@@ -90,6 +104,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     ariaLabel: string;
     selected: boolean;
+    hideActions: boolean;
     unreadCount: number;
 }, {}>;
 export default _default;

package/dist/vue3/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contact_centers_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/contact_centers_row/contact_centers_row.vue.js"],"names":[],"mappings":";IAuBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;IAlCH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"contact_centers_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/contact_centers_row/contact_centers_row.vue.js"],"names":[],"mappings":";IAuBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;IA1CH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone",
-  "version": "9.64.1",
+  "version": "9.65.0",
   "description": "Dialpad's Dialtone design system monorepo",
   "type": "module",
   "files": [