@dialpad/dialtone 9.54.0 → 9.54.2

package/dist/vue2/style.css

@@ -273,6 +273,7 @@
   background-color: var(--dt-color-surface-contrast);
   color: var(--dt-color-foreground-secondary-inverted);
 }
+/* stylelint-disable selector-pseudo-class-no-unknown */
 .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);
@@ -295,14 +296,14 @@
   --leftbar-row-action-width: var(--dt-size-550);
   --leftbar-row-action-height: var(--leftbar-row-action-width);
   position: relative;
-  opacity: var(--leftbar-row-opacity);
   display: flex;
   background-color: var(--dt-theme-sidebar-row-color-background);
   border-radius: var(--leftbar-row-radius);
+  cursor: pointer;
+  opacity: var(--leftbar-row-opacity);
+  transition-timing-function: var(--ttf-out-quint);
   transition-duration: var(--td200);
   transition-property: background-color, border, box-shadow;
-  transition-timing-function: var(--ttf-out-quint);
-  cursor: pointer;
 }
 .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 {
@@ -341,13 +342,13 @@
   border-bottom-right-radius: var(--dt-size-radius-0);
 }
 .dt-leftbar-row__unread-mention-count-badge[data-v-e6da0c41] {
+  background-color: var(--dt-color-purple-500);
   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__unread-mention-only-count-badge[data-v-e6da0c41] {
-  background-color: var(--dt-color-purple-500);
   color: var(--dt-color-foreground-primary-inverted);
+  background-color: var(--dt-color-purple-500);
 }
 .dt-leftbar-row--muted[data-v-e6da0c41] {
   --leftbar-row-opacity: 60%;
@@ -364,25 +365,25 @@
 }
 .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);
   position: absolute;
   display: flex;
+  gap: var(--dt-space-200);
   align-items: center;
   justify-content: center;
-  gap: 2px;
+  width: var(--is-typing-size-shape);
+  height: var(--is-typing-size-shape);
   border-radius: var(--dt-size-radius-pill);
   opacity: 0.75;
 }
 .dt-leftbar-row__is-typing span[data-v-e6da0c41] {
-  transition: all 500ms ease;
-  background: var(--dt-color-surface-strong);
-  height: 4px;
-  width: 4px;
   display: inline-block;
+  width: var(--dt-size-300);
+  height: var(--dt-size-300);
   padding: 0;
-  opacity: 0.3;
+  background: var(--dt-color-surface-strong);
   border-radius: var(--dt-size-radius-pill);
+  opacity: 0.3;
+  transition: all 500ms ease;
   animation: wave-e6da0c41 1.5s ease infinite;
 }
 .dt-leftbar-row__is-typing span[data-v-e6da0c41]:nth-child(1) {
@@ -396,20 +397,20 @@
 }
 .dt-leftbar-row__primary[data-v-e6da0c41] {
   display: flex;
-  align-items: center;
   flex: 1;
+  align-items: center;
   width: 100%;
-  text-align: left;
-  background-color: var(--leftbar-row-color-background);
+  margin: 0;
+  padding: 0;
   color: var(--leftbar-row-color-foreground);
-  text-decoration: none;
-  appearance: none;
   font-size: inherit;
   line-height: inherit;
-  margin: 0;
+  text-align: left;
+  text-decoration: none;
+  background-color: var(--leftbar-row-color-background);
   border: 0;
-  padding: 0;
   border-radius: var(--leftbar-row-radius);
+  appearance: none;
 }
 .dt-leftbar-row__primary[data-v-e6da0c41]:active {
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active);
@@ -418,20 +419,20 @@
   box-shadow: var(--dt-shadow-focus-inset);
 }
 .dt-leftbar-row__action-button[data-v-e6da0c41] {
-  opacity: 0;
   width: var(--leftbar-row-action-width);
   height: var(--leftbar-row-action-height);
+  opacity: 0;
 }
 .dt-leftbar-row__alpha[data-v-e6da0c41] {
-  color: var(--leftbar-row-alpha-color-foreground);
   display: flex;
-  box-sizing: border-box;
-  justify-content: center;
   align-items: center;
-  padding-left: var(--dt-space-400);
-  padding-right: var(--dt-space-400);
+  justify-content: center;
+  box-sizing: border-box;
   width: var(--leftbar-row-alpha-width);
   height: var(--leftbar-row-alpha-height);
+  padding-right: var(--dt-space-400);
+  padding-left: var(--dt-space-400);
+  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-e6da0c41] {
@@ -440,47 +441,47 @@
 }
 .dt-leftbar-row__omega[data-v-e6da0c41] {
   position: absolute;
-  display: flex;
-  right: var(--leftbar-row-action-position-right);
   top: var(--leftbar-row-action-position-bottom);
-  transform: translateY(calc(var(--leftbar-row-action-position-bottom) * -1));
+  right: var(--leftbar-row-action-position-right);
+  display: flex;
   gap: var(--dt-space-300);
-  justify-content: flex-end;
   align-items: center;
+  justify-content: flex-end;
   box-sizing: border-box;
   border-radius: var(--leftbar-row-radius);
+  transform: translateY(calc(var(--leftbar-row-action-position-bottom) * -1));
 }
 .dt-leftbar-row__unread-badge[data-v-e6da0c41] {
   display: var(--leftbar-row-unread-badge-display);
 }
 .dt-leftbar-row__active-voice[data-v-e6da0c41] {
-  color: var(--dt-color-purple-400);
   display: inline-flex;
+  color: var(--dt-color-purple-400);
   -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-e6da0c41;
-  -moz-animation-duration: 1s;
-  -moz-animation-iteration-count: infinite;
-  -moz-animation-fill-mode: both;
   animation-name: opacity-pulsate-e6da0c41;
+  -webkit-animation-duration: 1s;
+  -moz-animation-duration: 1s;
   animation-duration: 1s;
+  -webkit-animation-iteration-count: infinite;
+  -moz-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
+  -webkit-animation-fill-mode: both;
+  -moz-animation-fill-mode: both;
   animation-fill-mode: both;
 }
 .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);
+  font-weight: var(--dt-font-weight-medium);
   font-size: var(--dt-font-size-100);
   line-height: var(--dt-font-line-height-400);
-  font-weight: var(--dt-font-weight-medium);
 }
 .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);
+  border-radius: var(--dt-size-radius-500);
 }
 .dt-leftbar-row__container--off-duty[data-v-e6da0c41] .dt-leftbar-row__primary {
   margin: calc(var(--dt-size-100) * -1);
@@ -498,48 +499,48 @@
 }
 .dt-leftbar-row[data-v-e6da0c41] .dt-leftbar-row__description {
   display: block;
+  overflow: hidden;
+  color: var(--leftbar-row-description-color-foreground);
   font-weight: var(--leftbar-row-description-font-weight);
   font-size: var(--leftbar-row-description-font-size);
   line-height: var(--leftbar-row-description-line-height);
-  color: var(--leftbar-row-description-color-foreground);
-  overflow: hidden;
-  text-overflow: ellipsis;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .dt-leftbar-row[data-v-e6da0c41] .dt-leftbar-row__status {
   display: block;
+  padding-bottom: var(--dt-space-100);
+  overflow: hidden;
   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(--dt-space-100);
-  overflow: hidden;
-  text-overflow: ellipsis;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
-.dt-leftbar-row[data-v-e6da0c41] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty):before {
-  content: ' • ';
+.dt-leftbar-row[data-v-e6da0c41] .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-e6da0c41] {
-  border-radius: var(--dt-size-200);
   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-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-e6da0c41;
-  -moz-animation-duration: 1s;
-  -moz-animation-iteration-count: infinite;
-  -moz-animation-fill-mode: both;
   animation-name: opacity-pulsate-e6da0c41;
+  -webkit-animation-duration: 1s;
+  -moz-animation-duration: 1s;
   animation-duration: 1s;
+  -webkit-animation-iteration-count: infinite;
+  -moz-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
+  -webkit-animation-fill-mode: both;
+  -moz-animation-fill-mode: both;
   animation-fill-mode: both;
 }
-@-webkit-keyframes opacity-pulsate-e6da0c41 {
+@keyframes opacity-pulsate-e6da0c41 {
 0%,
   100% {
     opacity: 0.2;
@@ -548,7 +549,7 @@
     opacity: 1;
 }
 }
-@-moz-keyframes opacity-pulsate-e6da0c41 {
+@keyframes opacity-pulsate-e6da0c41 {
 0%,
   100% {
     opacity: 0.2;
@@ -573,10 +574,11 @@
     transform: translate(0, 0);
 }
 10% {
-    transform: translate(0, -5px);
-    opacity: 90%;
+    transform: translate(0, -0.5rem);
+    opacity: 0.9;
 }
 }
+/* stylelint-disable selector-pseudo-class-no-unknown */
 .dt-leftbar-row[data-v-f44e0386] {
   --leftbar-row-color-foreground: var(--dt-theme-sidebar-color-foreground);
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background);
@@ -599,14 +601,14 @@
   --leftbar-row-action-width: var(--dt-size-550);
   --leftbar-row-action-height: var(--leftbar-row-action-width);
   position: relative;
-  opacity: var(--leftbar-row-opacity);
   display: flex;
   background-color: var(--dt-theme-sidebar-row-color-background);
   border-radius: var(--leftbar-row-radius);
+  cursor: pointer;
+  opacity: var(--leftbar-row-opacity);
+  transition-timing-function: var(--ttf-out-quint);
   transition-duration: var(--td200);
   transition-property: background-color, border, box-shadow;
-  transition-timing-function: var(--ttf-out-quint);
-  cursor: pointer;
 }
 .dt-leftbar-row[data-v-f44e0386]:not(.dt-leftbar-row--no-action):hover,
 .dt-leftbar-row[data-v-f44e0386]:not(.dt-leftbar-row--no-action):focus-within {
@@ -645,13 +647,13 @@
   border-bottom-right-radius: var(--dt-size-radius-0);
 }
 .dt-leftbar-row__unread-mention-count-badge[data-v-f44e0386] {
+  background-color: var(--dt-color-purple-500);
   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__unread-mention-only-count-badge[data-v-f44e0386] {
-  background-color: var(--dt-color-purple-500);
   color: var(--dt-color-foreground-primary-inverted);
+  background-color: var(--dt-color-purple-500);
 }
 .dt-leftbar-row--muted[data-v-f44e0386] {
   --leftbar-row-opacity: 60%;
@@ -668,25 +670,25 @@
 }
 .dt-leftbar-row__is-typing[data-v-f44e0386] {
   --is-typing-size-shape: var(--dt-size-550);
-  height: var(--is-typing-size-shape);
-  width: var(--is-typing-size-shape);
   position: absolute;
   display: flex;
+  gap: var(--dt-space-200);
   align-items: center;
   justify-content: center;
-  gap: 2px;
+  width: var(--is-typing-size-shape);
+  height: var(--is-typing-size-shape);
   border-radius: var(--dt-size-radius-pill);
   opacity: 0.75;
 }
 .dt-leftbar-row__is-typing span[data-v-f44e0386] {
-  transition: all 500ms ease;
-  background: var(--dt-color-surface-strong);
-  height: 4px;
-  width: 4px;
   display: inline-block;
+  width: var(--dt-size-300);
+  height: var(--dt-size-300);
   padding: 0;
-  opacity: 0.3;
+  background: var(--dt-color-surface-strong);
   border-radius: var(--dt-size-radius-pill);
+  opacity: 0.3;
+  transition: all 500ms ease;
   animation: wave-f44e0386 1.5s ease infinite;
 }
 .dt-leftbar-row__is-typing span[data-v-f44e0386]:nth-child(1) {
@@ -700,20 +702,20 @@
 }
 .dt-leftbar-row__primary[data-v-f44e0386] {
   display: flex;
-  align-items: center;
   flex: 1;
+  align-items: center;
   width: 100%;
-  text-align: left;
-  background-color: var(--leftbar-row-color-background);
+  margin: 0;
+  padding: 0;
   color: var(--leftbar-row-color-foreground);
-  text-decoration: none;
-  appearance: none;
   font-size: inherit;
   line-height: inherit;
-  margin: 0;
+  text-align: left;
+  text-decoration: none;
+  background-color: var(--leftbar-row-color-background);
   border: 0;
-  padding: 0;
   border-radius: var(--leftbar-row-radius);
+  appearance: none;
 }
 .dt-leftbar-row__primary[data-v-f44e0386]:active {
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active);
@@ -722,20 +724,20 @@
   box-shadow: var(--dt-shadow-focus-inset);
 }
 .dt-leftbar-row__action-button[data-v-f44e0386] {
-  opacity: 0;
   width: var(--leftbar-row-action-width);
   height: var(--leftbar-row-action-height);
+  opacity: 0;
 }
 .dt-leftbar-row__alpha[data-v-f44e0386] {
-  color: var(--leftbar-row-alpha-color-foreground);
   display: flex;
-  box-sizing: border-box;
-  justify-content: center;
   align-items: center;
-  padding-left: var(--dt-space-400);
-  padding-right: var(--dt-space-400);
+  justify-content: center;
+  box-sizing: border-box;
   width: var(--leftbar-row-alpha-width);
   height: var(--leftbar-row-alpha-height);
+  padding-right: var(--dt-space-400);
+  padding-left: var(--dt-space-400);
+  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-f44e0386] {
@@ -744,47 +746,47 @@
 }
 .dt-leftbar-row__omega[data-v-f44e0386] {
   position: absolute;
-  display: flex;
-  right: var(--leftbar-row-action-position-right);
   top: var(--leftbar-row-action-position-bottom);
-  transform: translateY(calc(var(--leftbar-row-action-position-bottom) * -1));
+  right: var(--leftbar-row-action-position-right);
+  display: flex;
   gap: var(--dt-space-300);
-  justify-content: flex-end;
   align-items: center;
+  justify-content: flex-end;
   box-sizing: border-box;
   border-radius: var(--leftbar-row-radius);
+  transform: translateY(calc(var(--leftbar-row-action-position-bottom) * -1));
 }
 .dt-leftbar-row__unread-badge[data-v-f44e0386] {
   display: var(--leftbar-row-unread-badge-display);
 }
 .dt-leftbar-row__active-voice[data-v-f44e0386] {
-  color: var(--dt-color-purple-400);
   display: inline-flex;
+  color: var(--dt-color-purple-400);
   -webkit-animation-name: opacity-pulsate-f44e0386;
-  -webkit-animation-duration: 1s;
-  -webkit-animation-iteration-count: infinite;
-  -webkit-animation-fill-mode: both;
   -moz-animation-name: opacity-pulsate-f44e0386;
-  -moz-animation-duration: 1s;
-  -moz-animation-iteration-count: infinite;
-  -moz-animation-fill-mode: both;
   animation-name: opacity-pulsate-f44e0386;
+  -webkit-animation-duration: 1s;
+  -moz-animation-duration: 1s;
   animation-duration: 1s;
+  -webkit-animation-iteration-count: infinite;
+  -moz-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
+  -webkit-animation-fill-mode: both;
+  -moz-animation-fill-mode: both;
   animation-fill-mode: both;
 }
 .dt-leftbar-row__dnd[data-v-f44e0386] {
   padding-top: var(--dt-space-200);
   padding-right: var(--dt-space-300);
   color: var(--dt-color-foreground-tertiary);
+  font-weight: var(--dt-font-weight-medium);
   font-size: var(--dt-font-size-100);
   line-height: var(--dt-font-line-height-400);
-  font-weight: var(--dt-font-weight-medium);
 }
 .dt-leftbar-row__container--off-duty[data-v-f44e0386] {
-  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);
+  border-radius: var(--dt-size-radius-500);
 }
 .dt-leftbar-row__container--off-duty[data-v-f44e0386] .dt-leftbar-row__primary {
   margin: calc(var(--dt-size-100) * -1);
@@ -802,48 +804,48 @@
 }
 .dt-leftbar-row[data-v-f44e0386] .dt-leftbar-row__description {
   display: block;
+  overflow: hidden;
+  color: var(--leftbar-row-description-color-foreground);
   font-weight: var(--leftbar-row-description-font-weight);
   font-size: var(--leftbar-row-description-font-size);
   line-height: var(--leftbar-row-description-line-height);
-  color: var(--leftbar-row-description-color-foreground);
-  overflow: hidden;
-  text-overflow: ellipsis;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .dt-leftbar-row[data-v-f44e0386] .dt-leftbar-row__status {
   display: block;
+  padding-bottom: var(--dt-space-100);
+  overflow: hidden;
   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(--dt-space-100);
-  overflow: hidden;
-  text-overflow: ellipsis;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
-.dt-leftbar-row[data-v-f44e0386] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty):before {
-  content: ' • ';
+.dt-leftbar-row[data-v-f44e0386] .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-f44e0386] {
-  border-radius: var(--dt-size-200);
   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-f44e0386] {
   -webkit-animation-name: opacity-pulsate-f44e0386;
-  -webkit-animation-duration: 1s;
-  -webkit-animation-iteration-count: infinite;
-  -webkit-animation-fill-mode: both;
   -moz-animation-name: opacity-pulsate-f44e0386;
-  -moz-animation-duration: 1s;
-  -moz-animation-iteration-count: infinite;
-  -moz-animation-fill-mode: both;
   animation-name: opacity-pulsate-f44e0386;
+  -webkit-animation-duration: 1s;
+  -moz-animation-duration: 1s;
   animation-duration: 1s;
+  -webkit-animation-iteration-count: infinite;
+  -moz-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
+  -webkit-animation-fill-mode: both;
+  -moz-animation-fill-mode: both;
   animation-fill-mode: both;
 }
-@-webkit-keyframes opacity-pulsate-f44e0386 {
+@keyframes opacity-pulsate-f44e0386 {
 0%,
   100% {
     opacity: 0.2;
@@ -852,7 +854,7 @@
     opacity: 1;
 }
 }
-@-moz-keyframes opacity-pulsate-f44e0386 {
+@keyframes opacity-pulsate-f44e0386 {
 0%,
   100% {
     opacity: 0.2;
@@ -877,8 +879,8 @@
     transform: translate(0, 0);
 }
 10% {
-    transform: translate(0, -5px);
-    opacity: 90%;
+    transform: translate(0, -0.5rem);
+    opacity: 0.9;
 }
 }
 .dt-recipe-callbox[data-v-ef08f46e] {

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

@@ -46,21 +46,9 @@ export namespace INPUT_SIZE_CLASSES {
     }
 }
 export namespace INPUT_STATE_CLASSES {
-    export namespace input_1 {
-        let error: string;
-        let warning: string;
-        let success: string;
-    }
-    export { input_1 as input };
-    export namespace textarea_1 {
-        let error_1: string;
-        export { error_1 as error };
-        let warning_1: string;
-        export { warning_1 as warning };
-        let success_1: string;
-        export { success_1 as success };
-    }
-    export { textarea_1 as textarea };
+    let error: string;
+    let warning: string;
+    let success: string;
 }
 export namespace DESCRIPTION_SIZE_CLASSES {
     let lg_3: string;

package/dist/vue2/types/components/tooltip/tooltip.vue.d.ts

@@ -155,7 +155,7 @@ declare const _default: import("vue").DefineComponent<{
      */
     theme: {
         type: StringConstructor;
-        default: undefined;
+        default: null;
     };
     /**
      * External anchor id to use in those cases the anchor can't be provided via the slot.
@@ -440,7 +440,7 @@ declare const _default: import("vue").DefineComponent<{
      */
     theme: {
         type: StringConstructor;
-        default: undefined;
+        default: null;
     };
     /**
      * External anchor id to use in those cases the anchor can't be provided via the slot.