@dialpad/dialtone 9.69.1 → 9.70.0-beta.2

package/dist/vue3/style.css

@@ -1270,7 +1270,7 @@ body > .os-scrollbar {
 }
 }
 /* stylelint-disable selector-pseudo-class-no-unknown */
-.dt-leftbar-row[data-v-cc2f5ae8] {
+.dt-leftbar-row[data-v-0f361db5] {
   --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);
@@ -1301,49 +1301,49 @@ body > .os-scrollbar {
   transition-duration: var(--td200);
   transition-property: background-color, border, box-shadow;
 }
-.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 {
+.dt-leftbar-row[data-v-0f361db5]:not(.dt-leftbar-row--no-action):hover,
+.dt-leftbar-row[data-v-0f361db5]:not(.dt-leftbar-row--no-action):focus-within {
   --leftbar-row-unread-badge-display: none;
 }
-.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 {
+.dt-leftbar-row[data-v-0f361db5]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
+.dt-leftbar-row[data-v-0f361db5]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
   display: inline-flex;
 }
-.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 {
+.dt-leftbar-row[data-v-0f361db5]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
+.dt-leftbar-row[data-v-0f361db5]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
   opacity: 1;
 }
-.dt-leftbar-row[data-v-cc2f5ae8]:hover,
-.dt-leftbar-row[data-v-cc2f5ae8]:focus-within {
+.dt-leftbar-row[data-v-0f361db5]:hover,
+.dt-leftbar-row[data-v-0f361db5]:focus-within {
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover);
 }
-.dt-leftbar-row[data-v-cc2f5ae8]:hover .d-presence,
-.dt-leftbar-row[data-v-cc2f5ae8]:focus-within .d-presence {
+.dt-leftbar-row[data-v-0f361db5]:hover .d-presence,
+.dt-leftbar-row[data-v-0f361db5]:focus-within .d-presence {
   --presence-color-border-base: var(--dt-color-black-200);
 }
-.dt-leftbar-row[data-v-cc2f5ae8]:hover .d-avatar__count,
-.dt-leftbar-row[data-v-cc2f5ae8]:focus-within .d-avatar__count {
+.dt-leftbar-row[data-v-0f361db5]:hover .d-avatar__count,
+.dt-leftbar-row[data-v-0f361db5]:focus-within .d-avatar__count {
   --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
 }
-.dt-leftbar-row--has-unread[data-v-cc2f5ae8] {
+.dt-leftbar-row--has-unread[data-v-0f361db5] {
   --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-cc2f5ae8] {
+.dt-leftbar-row--muted[data-v-0f361db5] {
   --leftbar-row-opacity: 60%;
 }
-.dt-leftbar-row--selected[data-v-cc2f5ae8] {
+.dt-leftbar-row--selected[data-v-0f361db5] {
   --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-cc2f5ae8] .d-presence {
+.dt-leftbar-row--selected[data-v-0f361db5] .d-presence {
   --presence-color-border-base: var(--dt-color-black-200);
 }
-.dt-leftbar-row--selected[data-v-cc2f5ae8] .d-avatar__count {
+.dt-leftbar-row--selected[data-v-0f361db5] .d-avatar__count {
   --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
 }
-.dt-leftbar-row__is-typing[data-v-cc2f5ae8] {
+.dt-leftbar-row__is-typing[data-v-0f361db5] {
   --is-typing-size-shape: var(--dt-size-550);
   position: absolute;
   display: flex;
@@ -1355,7 +1355,7 @@ body > .os-scrollbar {
   border-radius: var(--dt-size-radius-pill);
   opacity: 0.75;
 }
-.dt-leftbar-row__is-typing span[data-v-cc2f5ae8] {
+.dt-leftbar-row__is-typing span[data-v-0f361db5] {
   display: inline-block;
   width: var(--dt-size-300);
   height: var(--dt-size-300);
@@ -1364,18 +1364,18 @@ body > .os-scrollbar {
   border-radius: var(--dt-size-radius-pill);
   opacity: 0.3;
   transition: all 500ms ease;
-  animation: wave-cc2f5ae8 1.5s ease infinite;
+  animation: wave-0f361db5 1.5s ease infinite;
 }
-.dt-leftbar-row__is-typing span[data-v-cc2f5ae8]:nth-child(1) {
+.dt-leftbar-row__is-typing span[data-v-0f361db5]:nth-child(1) {
   animation-delay: 0ms;
 }
-.dt-leftbar-row__is-typing span[data-v-cc2f5ae8]:nth-child(2) {
+.dt-leftbar-row__is-typing span[data-v-0f361db5]:nth-child(2) {
   animation-delay: var(--td100);
 }
-.dt-leftbar-row__is-typing span[data-v-cc2f5ae8]:nth-child(3) {
+.dt-leftbar-row__is-typing span[data-v-0f361db5]:nth-child(3) {
   animation-delay: var(--td200);
 }
-.dt-leftbar-row__primary[data-v-cc2f5ae8] {
+.dt-leftbar-row__primary[data-v-0f361db5] {
   display: flex;
   flex: 1;
   align-items: center;
@@ -1392,18 +1392,18 @@ body > .os-scrollbar {
   border-radius: var(--leftbar-row-radius);
   appearance: none;
 }
-.dt-leftbar-row__primary[data-v-cc2f5ae8]:active {
+.dt-leftbar-row__primary[data-v-0f361db5]:active {
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active);
 }
-.dt-leftbar-row__primary[data-v-cc2f5ae8]:focus-visible {
+.dt-leftbar-row__primary[data-v-0f361db5]:focus-visible {
   box-shadow: var(--dt-shadow-focus-inset);
 }
-.dt-leftbar-row__action-button[data-v-cc2f5ae8] {
+.dt-leftbar-row__action-button[data-v-0f361db5] {
   width: var(--leftbar-row-action-width);
   height: var(--leftbar-row-action-height);
   opacity: 0;
 }
-.dt-leftbar-row__alpha[data-v-cc2f5ae8] {
+.dt-leftbar-row__alpha[data-v-0f361db5] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1415,11 +1415,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-cc2f5ae8] {
+.dt-leftbar-row__label[data-v-0f361db5] {
   flex: 0 1;
   min-width: 0;
 }
-.dt-leftbar-row__omega[data-v-cc2f5ae8] {
+.dt-leftbar-row__omega[data-v-0f361db5] {
   position: absolute;
   top: var(--leftbar-row-action-position-bottom);
   right: var(--leftbar-row-action-position-right);
@@ -1431,34 +1431,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-cc2f5ae8] {
+.dt-leftbar-row__unread-badge[data-v-0f361db5] {
   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-cc2f5ae8] .dt-leftbar-row__action {
+.dt-leftbar-row--unread-count[data-v-0f361db5] .dt-leftbar-row__action {
   display: none;
 }
-.dt-leftbar-row__unread-count-badge[data-v-cc2f5ae8] {
+.dt-leftbar-row__unread-count-badge[data-v-0f361db5] {
   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-cc2f5ae8] {
+.dt-leftbar-row__unread-mention-count-badge[data-v-0f361db5] {
   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-cc2f5ae8] {
+.dt-leftbar-row__unread-mention-only-count-badge[data-v-0f361db5] {
   color: var(--dt-theme-mention-color-foreground-strong);
   background-color: var(--dt-theme-mention-color-background-strong);
 }
-.dt-leftbar-row__active-voice[data-v-cc2f5ae8] {
+.dt-leftbar-row__active-voice[data-v-0f361db5] {
   display: inline-flex;
   color: var(--dt-color-purple-400);
-  -webkit-animation-name: opacity-pulsate-cc2f5ae8;
-  -moz-animation-name: opacity-pulsate-cc2f5ae8;
-  animation-name: opacity-pulsate-cc2f5ae8;
+  -webkit-animation-name: opacity-pulsate-0f361db5;
+  -moz-animation-name: opacity-pulsate-0f361db5;
+  animation-name: opacity-pulsate-0f361db5;
   -webkit-animation-duration: 1s;
   -moz-animation-duration: 1s;
   animation-duration: 1s;
@@ -1469,7 +1469,7 @@ body > .os-scrollbar {
   -moz-animation-fill-mode: both;
   animation-fill-mode: both;
 }
-.dt-leftbar-row__dnd[data-v-cc2f5ae8] {
+.dt-leftbar-row__dnd[data-v-0f361db5] {
   padding-top: var(--dt-space-200);
   padding-right: var(--dt-space-300);
   color: var(--dt-color-foreground-tertiary);
@@ -1477,26 +1477,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-cc2f5ae8] {
+.dt-leftbar-row__container--off-duty[data-v-0f361db5] {
   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-cc2f5ae8] .dt-leftbar-row__primary {
+.dt-leftbar-row__container--off-duty[data-v-0f361db5] .dt-leftbar-row__primary {
   margin: calc(var(--dt-size-100) * -1);
 }
-.dt-leftbar-row--contact-centers[data-v-cc2f5ae8] .dt-leftbar-row__alpha {
+.dt-leftbar-row--contact-centers[data-v-0f361db5] .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-cc2f5ae8] {
+.dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-0f361db5] {
   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-cc2f5ae8] .dt-leftbar-row__description {
+.dt-leftbar-row[data-v-0f361db5] .dt-leftbar-row__description {
   overflow: hidden;
   color: var(--leftbar-row-description-color-foreground);
   font-weight: var(--leftbar-row-description-font-weight);
@@ -1505,7 +1505,7 @@ body > .os-scrollbar {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.dt-leftbar-row[data-v-cc2f5ae8] .dt-leftbar-row__status {
+.dt-leftbar-row[data-v-0f361db5] .dt-leftbar-row__status {
   padding-bottom: var(--dt-space-100);
   overflow: hidden;
   color: var(--leftbar-row-status-color-foreground);
@@ -1514,19 +1514,19 @@ body > .os-scrollbar {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.dt-leftbar-row[data-v-cc2f5ae8] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty)::before {
+.dt-leftbar-row[data-v-0f361db5] .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-cc2f5ae8] {
+.dt-leftbar-row__icon-cc[data-v-0f361db5] {
   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-cc2f5ae8] {
-  -webkit-animation-name: opacity-pulsate-cc2f5ae8;
-  -moz-animation-name: opacity-pulsate-cc2f5ae8;
-  animation-name: opacity-pulsate-cc2f5ae8;
+.opacity-pulsate[data-v-0f361db5] {
+  -webkit-animation-name: opacity-pulsate-0f361db5;
+  -moz-animation-name: opacity-pulsate-0f361db5;
+  animation-name: opacity-pulsate-0f361db5;
   -webkit-animation-duration: 1s;
   -moz-animation-duration: 1s;
   animation-duration: 1s;
@@ -1537,7 +1537,7 @@ body > .os-scrollbar {
   -moz-animation-fill-mode: both;
   animation-fill-mode: both;
 }
-@keyframes opacity-pulsate-cc2f5ae8 {
+@keyframes opacity-pulsate-0f361db5 {
 0%,
   100% {
     opacity: 0.2;
@@ -1546,7 +1546,7 @@ body > .os-scrollbar {
     opacity: 1;
 }
 }
-@keyframes opacity-pulsate-cc2f5ae8 {
+@keyframes opacity-pulsate-0f361db5 {
 0%,
   100% {
     opacity: 0.2;
@@ -1555,7 +1555,7 @@ body > .os-scrollbar {
     opacity: 1;
 }
 }
-@keyframes opacity-pulsate-cc2f5ae8 {
+@keyframes opacity-pulsate-0f361db5 {
 0%,
   100% {
     opacity: 0.2;
@@ -1564,7 +1564,7 @@ body > .os-scrollbar {
     opacity: 1;
 }
 }
-@keyframes wave-cc2f5ae8 {
+@keyframes wave-0f361db5 {
 0%,
   50%,
   100% {
@@ -1575,51 +1575,51 @@ body > .os-scrollbar {
     opacity: 0.9;
 }
 }
-.dt-recipe-callbox[data-v-ef08f46e] {
+.dt-recipe-callbox[data-v-0d10d03a] {
   padding: 0;
   color: var(--dt-color-foreground-primary);
   background-color: var(--dt-color-surface-primary);
   border-radius: var(--dt-size-radius-300);
 }
-.dt-recipe-callbox--video[data-v-ef08f46e] {
+.dt-recipe-callbox--video[data-v-0d10d03a] {
   display: flex;
   border-radius: var(--dt-size-radius-200) var(--dt-size-radius-200) 0 0;
   overflow: clip;
   margin-bottom: var(--dt-space-300-negative);
 }
-.dt-recipe-callbox--main-content[data-v-ef08f46e] {
+.dt-recipe-callbox--main-content[data-v-0d10d03a] {
   padding: 0;
   border-radius: var(--dt-size-radius-300);
   border: var(--dt-size-border-100) solid transparent;
   align-items: stretch;
 }
-.dt-recipe-callbox--main-content.dt-recipe-callbox--border-default[data-v-ef08f46e] {
+.dt-recipe-callbox--main-content.dt-recipe-callbox--border-default[data-v-0d10d03a] {
   border-color: var(--dt-color-border-default);
 }
-.dt-recipe-callbox--main-content.dt-recipe-callbox--border-ai[data-v-ef08f46e] {
+.dt-recipe-callbox--main-content.dt-recipe-callbox--border-ai[data-v-0d10d03a] {
   background: linear-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)) padding-box, linear-gradient(135deg, var(--dt-color-border-accent), var(--dt-color-border-brand)) border-box;
 }
-.dt-recipe-callbox--main-content.dt-recipe-callbox--border-critical[data-v-ef08f46e] {
+.dt-recipe-callbox--main-content.dt-recipe-callbox--border-critical[data-v-0d10d03a] {
   background: radial-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)) padding-box, radial-gradient(circle, #E7301D, #F78B23) border-box;
 }
-.dt-recipe-callbox--main-content-top[data-v-ef08f46e] {
+.dt-recipe-callbox--main-content-top[data-v-0d10d03a] {
   display: flex;
   align-items: center;
   padding: var(--dt-space-350) var(--dt-space-400);
 }
-.dt-recipe-callbox--main-content-bottom[data-v-ef08f46e] {
+.dt-recipe-callbox--main-content-bottom[data-v-0d10d03a] {
   border-top: 1px solid var(--dt-color-border-subtle);
 }
-.dt-recipe-callbox--avatar[data-v-ef08f46e] {
+.dt-recipe-callbox--avatar[data-v-0d10d03a] {
   margin-right: var(--dt-space-400);
 }
-.dt-recipe-callbox--content[data-v-ef08f46e] {
+.dt-recipe-callbox--content[data-v-0d10d03a] {
   display: flex;
   flex-direction: column;
   flex: 1 0 auto;
   min-width: 0;
 }
-.dt-recipe-callbox--content-title[data-v-ef08f46e] {
+.dt-recipe-callbox--content-title[data-v-0d10d03a] {
   overflow: clip;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -1634,10 +1634,10 @@ body > .os-scrollbar {
   user-select: text;
   line-height: normal;
 }
-.dt-recipe-callbox--content-badge[data-v-ef08f46e] {
+.dt-recipe-callbox--content-badge[data-v-0d10d03a] {
   line-height: normal;
 }
-.dt-recipe-callbox--content-subtitle[data-v-ef08f46e] {
+.dt-recipe-callbox--content-subtitle[data-v-0d10d03a] {
   padding: 0;
   font-size: var(--dt-font-size-100);
   color: var(--dt-color-foreground-tertiary);
@@ -1646,40 +1646,40 @@ body > .os-scrollbar {
   width: 0;
   min-width: 100%;
 }
-.dt-recipe-callbox--right[data-v-ef08f46e] {
+.dt-recipe-callbox--right[data-v-0d10d03a] {
   display: flex;
   justify-content: right;
 }
-.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e] {
+.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-0d10d03a] {
   cursor: pointer;
   user-select: none;
   border-radius: var(--dt-size-100);
 }
-.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]:focus-visible {
+.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-0d10d03a]:focus-visible {
   outline: none;
   box-shadow: var(--dt-shadow-focus);
 }
-.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]:hover,
-.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]:active {
+.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-0d10d03a]:hover,
+.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-0d10d03a]:active {
   text-decoration: underline;
 }
-.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-ef08f46e] {
+.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-0d10d03a] {
   background-color: var(--dt-color-surface-warning);
 }
-.dt-contact-info[data-v-7b60b2d6] {
+.dt-contact-info[data-v-b6ccb4a8] {
   --contact-info-avatar-border-color: var(--dt-color-surface-primary);
   display: flex;
 }
-.dt-contact-info[data-v-7b60b2d6] .dt-item-layout {
+.dt-contact-info[data-v-b6ccb4a8] .dt-item-layout {
   flex: 1 1 0;
 }
-.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--content {
+.dt-contact-info[data-v-b6ccb4a8] .dt-item-layout--content {
   /*
     DP-74536: Add `min-width` to make the width of "contact info" adjustable.
     */
   min-width: var(--dt-space-825);
 }
-.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--left {
+.dt-contact-info[data-v-b6ccb4a8] .dt-item-layout--left {
   /*
     DP-74536: To make 'Avatar' in fixed position when resizing the window.
     */
@@ -1687,26 +1687,26 @@ body > .os-scrollbar {
   justify-content: flex-start;
   align-items: center;
 }
-.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--right {
+.dt-contact-info[data-v-b6ccb4a8] .dt-item-layout--right {
   /*
     DP-74536: Remove `min-width` which cause extra unused empty space on the right of "contact info".
     */
   min-width: 0;
   align-items: center;
 }
-.dt-contact-info__left[data-v-7b60b2d6] {
+.dt-contact-info__left[data-v-b6ccb4a8] {
   position: relative;
   background-color: transparent;
   background-image: none;
   border-width: 0;
   cursor: pointer;
 }
-.dt-contact-info--avatars[data-v-7b60b2d6] {
+.dt-contact-info--avatars[data-v-b6ccb4a8] {
   margin-right: var(--dt-space-300-negative);
   display: flex;
   flex-direction: row;
 }
-.dt-contact-info--avatars .d-avatar[data-v-7b60b2d6] {
+.dt-contact-info--avatars .d-avatar[data-v-b6ccb4a8] {
   border-radius: var(--dt-size-radius-pill);
   border: var(--dt-size-300) solid var(--contact-info-avatar-border-color);
   box-sizing: unset;
@@ -1880,42 +1880,42 @@ body > .os-scrollbar {
     transform: scale(1);
 }
 }
-.dt-feed-item-row[data-v-418199f0] {
+.dt-feed-item-row[data-v-731d32a0] {
   width: var(--dt-size-100-percent);
   box-sizing: border-box;
   position: relative;
   padding: var(--dt-space-300) var(--dt-space-500);
 }
-.dt-feed-item-row[data-v-418199f0]:focus-visible {
+.dt-feed-item-row[data-v-731d32a0]:focus-visible {
   box-shadow: var(--dt-shadow-focus-inset);
 }
-.dt-feed-item-row--state-searched[data-v-418199f0] {
+.dt-feed-item-row--state-searched[data-v-731d32a0] {
   background-color: var(--dt-color-surface-warning-subtle);
 }
-.dt-feed-item-row--state-error[data-v-418199f0] {
+.dt-feed-item-row--state-error[data-v-731d32a0] {
   background-color: var(--dt-color-surface-critical-subtle);
 }
-.dt-feed-item-row--active[data-v-418199f0] {
+.dt-feed-item-row--active[data-v-731d32a0] {
   background-color: var(--dt-color-surface-secondary-opaque);
 }
-.dt-feed-item-row--state-transition[data-v-418199f0] {
+.dt-feed-item-row--state-transition[data-v-731d32a0] {
   transition-duration: 2s;
   transition-delay: 0s;
   transition-timing-function: var(--ttf-in-out);
   transition-property: background-color;
 }
-.dt-feed-item-row__avatar-container[data-v-418199f0] {
+.dt-feed-item-row__avatar-container[data-v-731d32a0] {
   padding-top: var(--dt-space-300);
   padding-bottom: var(--dt-space-300);
 }
-.dt-feed-item-row__content[data-v-418199f0] {
+.dt-feed-item-row__content[data-v-731d32a0] {
   padding-left: var(--dt-space-300);
 }
-.dt-feed-item-row__attachment[data-v-418199f0] {
+.dt-feed-item-row__attachment[data-v-731d32a0] {
   padding-top: var(--dt-space-200);
   padding-bottom: var(--dt-space-300);
 }
-.dt-feed-item-row__attachment[data-v-418199f0] .dt-feed-item-row__image {
+.dt-feed-item-row__attachment[data-v-731d32a0] .dt-feed-item-row__image {
   border: var(--dt-color-border-subtle) solid var(--dt-size-border-100);
   border-radius: var(--dt-size-radius-400);
   display: block;
@@ -1924,11 +1924,11 @@ body > .os-scrollbar {
   min-width: 5.6rem;
   min-height: 5.6rem;
 }
-.dt-feed-item-row__attachment[data-v-418199f0] .dt-feed-item-row__video {
+.dt-feed-item-row__attachment[data-v-731d32a0] .dt-feed-item-row__video {
   display: block;
   height: 25rem;
 }
-.dt-feed-item-row__header[data-v-418199f0] {
+.dt-feed-item-row__header[data-v-731d32a0] {
   display: flex;
   align-items: baseline;
   flex-wrap: wrap;
@@ -1936,43 +1936,43 @@ body > .os-scrollbar {
   font-size: var(--dt-font-size-200);
   line-height: var(--dt-font-line-height-300);
 }
-.dt-feed-item-row__header__name[data-v-418199f0] {
+.dt-feed-item-row__header__name[data-v-731d32a0] {
   font-weight: var(--dt-font-weight-bold);
 }
-.dt-feed-item-row__header__time[data-v-418199f0] {
+.dt-feed-item-row__header__time[data-v-731d32a0] {
   font-size: var(--dt-font-size-100);
   color: var(--dt-color-foreground-tertiary);
   flex-shrink: 0;
 }
-.dt-feed-item-row__reactions[data-v-418199f0] {
+.dt-feed-item-row__reactions[data-v-731d32a0] {
   display: flex;
   flex-wrap: wrap;
   padding-top: var(--dt-space-200);
   padding-bottom: var(--dt-space-200);
   padding-left: var(--dt-space-300);
 }
-.dt-feed-item-row__threading[data-v-418199f0] {
+.dt-feed-item-row__threading[data-v-731d32a0] {
   padding-top: var(--dt-space-200);
   padding-bottom: var(--dt-space-200);
 }
-.dt-feed-item-row__left-time[data-v-418199f0] {
+.dt-feed-item-row__left-time[data-v-731d32a0] {
   color: var(--dt-color-foreground-tertiary);
   font-size: var(--dt-font-size-100);
   font-weight: var(--dt-font-weight-normal);
   vertical-align: middle;
   white-space: nowrap;
 }
-.dt-feed-item-row__menu[data-v-418199f0] {
+.dt-feed-item-row__menu[data-v-731d32a0] {
   position: absolute;
   top: var(--dt-space-550-negative);
   right: var(--dt-space-450);
 }
-.dt-feed-item-row[data-v-418199f0] > .dt-item-layout {
+.dt-feed-item-row[data-v-731d32a0] > .dt-item-layout {
   font: var(--dt-typography-body-md-compact);
   min-height: initial;
   padding: 0px;
 }
-.dt-feed-item-row[data-v-418199f0] > .dt-item-layout > .dt-item-layout--left {
+.dt-feed-item-row[data-v-731d32a0] > .dt-item-layout > .dt-item-layout--left {
   align-self: flex-start;
   text-align: end;
   display: block;
@@ -1980,11 +1980,11 @@ body > .os-scrollbar {
   padding-left: var(--dt-space-0);
   min-width: calc(var(--dt-space-600) + var(--dt-space-300));
 }
-.dt-feed-item-row[data-v-418199f0] > .dt-item-layout > .dt-item-layout--right {
+.dt-feed-item-row[data-v-731d32a0] > .dt-item-layout > .dt-item-layout--right {
   padding: 0;
   min-width: initial;
 }
-.dt-feed-item-row[data-v-418199f0] > .dt-item-layout > .dt-item-layout--content > .dt-item-layout--bottom {
+.dt-feed-item-row[data-v-731d32a0] > .dt-item-layout > .dt-item-layout--content > .dt-item-layout--bottom {
   display: flex;
   flex-direction: column;
   margin-top: 0;

package/dist/vue3/types/components/avatar/avatar.vue.d.ts

@@ -80,13 +80,6 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
         validator: (group: unknown) => boolean;
     };
-    /**
-     * The icon that overlays the avatar
-     */
-    overlayIcon: {
-        type: StringConstructor;
-        default: string;
-    };
     /**
      * The text that overlays the avatar
      */
@@ -117,14 +110,6 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
-    /**
-     * Icon name to be displayed on the avatar
-     */
-    iconName: {
-        type: StringConstructor;
-        default: undefined;
-        validator: (name: unknown) => boolean;
-    };
     /**
      * Icon size to be displayed on the avatar
      * @values 100, 200, 300, 400, 500, 600, 700, 800
@@ -184,8 +169,11 @@ declare const _default: import("vue").DefineComponent<{
     imageLoadedSuccessfully: null;
     formattedInitials: string;
     initializing: boolean;
+    hasSlotContent: typeof hasSlotContent;
 }, {
-    isNotIconType(): boolean;
+    isIconType(): any;
+    hasOverlayIcon(): any;
+    iconDataQa(): "dt-avatar-icon";
     avatarClasses(): any[];
     overlayClasses(): (string | Record<string, any> | unknown[])[];
     showGroup(): boolean;
@@ -282,13 +270,6 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
         validator: (group: unknown) => boolean;
     };
-    /**
-     * The icon that overlays the avatar
-     */
-    overlayIcon: {
-        type: StringConstructor;
-        default: string;
-    };
     /**
      * The text that overlays the avatar
      */
@@ -319,14 +300,6 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
-    /**
-     * Icon name to be displayed on the avatar
-     */
-    iconName: {
-        type: StringConstructor;
-        default: undefined;
-        validator: (name: unknown) => boolean;
-    };
     /**
      * Icon size to be displayed on the avatar
      * @values 100, 200, 300, 400, 500, 600, 700, 800
@@ -363,8 +336,8 @@ declare const _default: import("vue").DefineComponent<{
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     presence: string;
-    size: string;
     fullName: string;
+    size: string;
     group: number;
     imageSrc: string;
     id: string;
@@ -374,14 +347,13 @@ declare const _default: import("vue").DefineComponent<{
     canvasClass: string | Record<string, any> | unknown[];
     iconClass: string | Record<string, any> | unknown[];
     presenceProps: Record<string, any>;
-    overlayIcon: string;
     overlayText: string;
     overlayClass: string | Record<string, any> | unknown[];
     imageAlt: string;
-    iconName: string;
     iconSize: string;
     clickable: boolean;
     iconAriaLabel: string;
 }, {}>;
 export default _default;
+import { hasSlotContent } from '@/common/utils';
 //# sourceMappingURL=avatar.vue.d.ts.map