@dialpad/dialtone-vue 2.159.0-beta.1 → 2.159.0-beta.2

package/dist/style.css

@@ -565,42 +565,42 @@
   line-height: var(--dt-font-line-height-100);
   font-variant: tabular-nums;
 }
-.dt-feed-item-row[data-v-047dcbe5] {
+.dt-feed-item-row[data-v-90e0798e] {
   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-047dcbe5]:focus-visible {
+.dt-feed-item-row[data-v-90e0798e]:focus-visible {
   box-shadow: var(--dt-shadow-focus-inset);
 }
-.dt-feed-item-row--state-searched[data-v-047dcbe5] {
+.dt-feed-item-row--state-searched[data-v-90e0798e] {
   background-color: var(--dt-color-surface-warning-subtle);
 }
-.dt-feed-item-row--state-error[data-v-047dcbe5] {
+.dt-feed-item-row--state-error[data-v-90e0798e] {
   background-color: var(--dt-color-surface-critical-subtle);
 }
-.dt-feed-item-row--active[data-v-047dcbe5] {
+.dt-feed-item-row--active[data-v-90e0798e] {
   background-color: var(--dt-color-surface-secondary-opaque);
 }
-.dt-feed-item-row--state-transition[data-v-047dcbe5] {
+.dt-feed-item-row--state-transition[data-v-90e0798e] {
   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-047dcbe5] {
+.dt-feed-item-row__avatar-container[data-v-90e0798e] {
   padding-top: var(--dt-space-300);
   padding-bottom: var(--dt-space-300);
 }
-.dt-feed-item-row__content[data-v-047dcbe5] {
+.dt-feed-item-row__content[data-v-90e0798e] {
   padding-left: var(--dt-space-300);
 }
-.dt-feed-item-row__attachment[data-v-047dcbe5] {
+.dt-feed-item-row__attachment[data-v-90e0798e] {
   padding-top: var(--dt-space-200);
   padding-bottom: var(--dt-space-300);
 }
-.dt-feed-item-row__attachment[data-v-047dcbe5] .dt-feed-item-row__image {
+.dt-feed-item-row__attachment[data-v-90e0798e] .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;
@@ -609,11 +609,11 @@
   min-width: 5.6rem;
   min-height: 5.6rem;
 }
-.dt-feed-item-row__attachment[data-v-047dcbe5] .dt-feed-item-row__video {
+.dt-feed-item-row__attachment[data-v-90e0798e] .dt-feed-item-row__video {
   display: block;
   height: 25rem;
 }
-.dt-feed-item-row__header[data-v-047dcbe5] {
+.dt-feed-item-row__header[data-v-90e0798e] {
   display: flex;
   align-items: baseline;
   flex-wrap: wrap;
@@ -621,43 +621,43 @@
   font-size: var(--dt-font-size-200);
   line-height: var(--dt-font-line-height-300);
 }
-.dt-feed-item-row__header__name[data-v-047dcbe5] {
+.dt-feed-item-row__header__name[data-v-90e0798e] {
   font-weight: var(--dt-font-weight-bold);
 }
-.dt-feed-item-row__header__time[data-v-047dcbe5] {
+.dt-feed-item-row__header__time[data-v-90e0798e] {
   font-size: var(--dt-font-size-100);
   color: var(--dt-color-foreground-tertiary);
   flex-shrink: 0;
 }
-.dt-feed-item-row__reactions[data-v-047dcbe5] {
+.dt-feed-item-row__reactions[data-v-90e0798e] {
   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-047dcbe5] {
+.dt-feed-item-row__threading[data-v-90e0798e] {
   padding-top: var(--dt-space-200);
   padding-bottom: var(--dt-space-200);
 }
-.dt-feed-item-row__left-time[data-v-047dcbe5] {
+.dt-feed-item-row__left-time[data-v-90e0798e] {
   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-047dcbe5] {
+.dt-feed-item-row__menu[data-v-90e0798e] {
   position: absolute;
   top: var(--dt-space-550-negative);
   right: var(--dt-space-450);
 }
-.dt-feed-item-row[data-v-047dcbe5] > .dt-item-layout {
+.dt-feed-item-row[data-v-90e0798e] > .dt-item-layout {
   font: var(--dt-typography-body-md-compact);
   min-height: initial;
   padding: 0px;
 }
-.dt-feed-item-row[data-v-047dcbe5] > .dt-item-layout > .dt-item-layout--left {
+.dt-feed-item-row[data-v-90e0798e] > .dt-item-layout > .dt-item-layout--left {
   align-self: flex-start;
   text-align: end;
   display: block;
@@ -665,20 +665,20 @@
   padding-left: var(--dt-space-0);
   min-width: calc(var(--dt-space-600) + var(--dt-space-300));
 }
-.dt-feed-item-row[data-v-047dcbe5] > .dt-item-layout > .dt-item-layout--right {
+.dt-feed-item-row[data-v-90e0798e] > .dt-item-layout > .dt-item-layout--right {
   padding: 0;
   min-width: initial;
 }
-.dt-feed-item-row[data-v-047dcbe5] > .dt-item-layout > .dt-item-layout--content > .dt-item-layout--bottom {
+.dt-feed-item-row[data-v-90e0798e] > .dt-item-layout > .dt-item-layout--content > .dt-item-layout--bottom {
   display: flex;
   flex-direction: column;
   margin-top: 0;
 }
-.dt-recipe-feed-item-pill__wrapper[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__wrapper[data-v-df943928] {
   background-color: var(--dt-color-surface-secondary);
   padding: var(--dt-space-400);
 }
-.dt-recipe-feed-item-pill__button[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__button[data-v-df943928] {
   background-color: var(--dt-color-surface-moderate);
   text-align: left;
   width: 100%;
@@ -690,42 +690,45 @@
   --button-color-text: var(--dt-action-color-foreground-muted-default);
   --button-border-radius: var(--dt-size-radius-600);
 }
-.dt-recipe-feed-item-pill__layout[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__layout[data-v-df943928] {
   padding: var(--dt-space-400);
   gap: var(--dt-space-300);
   width: 100%;
 }
-.dt-recipe-feed-item-pill__layout[data-v-dab5b252] > .dt-item-layout--left {
+.dt-recipe-feed-item-pill__layout[data-v-df943928] > .dt-item-layout--left {
   padding-right: var(--dt-space-0);
   justify-content: center;
 }
-.dt-recipe-feed-item-pill__icon[data-v-dab5b252] {
-  animation: fade-dab5b252 0.15s ease-in;
+.dt-recipe-feed-item-pill__icon[data-v-df943928] {
+  display: flex;
+}
+.dt-recipe-feed-item-pill__icon[data-v-df943928] svg {
+  animation: fade-df943928 0.15s ease-in;
 }
-.dt-recipe-feed-item-pill__content[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__content[data-v-df943928] {
   display: flex;
   justify-content: center;
 }
-.dt-recipe-feed-item-pill__title[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__title[data-v-df943928] {
   font-weight: var(--dt-font-weight-bold);
 }
-.dt-recipe-feed-item-pill__border[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__border[data-v-df943928] {
   border: double 1px transparent;
   border-radius: var(--dt-size-radius-600);
   background-origin: border-box;
   background-clip: content-box, border-box;
   overflow: hidden;
 }
-.dt-recipe-feed-item-pill__border-default[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__border-default[data-v-df943928] {
   background: var(--dt-color-border-default);
 }
-.dt-recipe-feed-item-pill__border-ai[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__border-ai[data-v-df943928] {
   background-image: linear-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)), var(--dt-badge-color-background-ai);
 }
-.dt-recipe-feed-item-pill__border-critical[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__border-critical[data-v-df943928] {
   background: var(--dt-color-foreground-critical);
 }
-@keyframes fade-dab5b252 {
+@keyframes fade-df943928 {
 0% {
     transform: scale(0);
 }
@@ -840,20 +843,20 @@
   background-color: hsla(var(--dt-color-blue-200-hsl) / 50%);
   color: var(--dt-theme-topbar-button-color-foreground-hover);
 }
-.dt-contact-info[data-v-7b60b2d6] {
+.dt-contact-info[data-v-3acaa9ec] {
   --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-3acaa9ec] .dt-item-layout {
   flex: 1 1 0;
 }
-.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--content {
+.dt-contact-info[data-v-3acaa9ec] .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-3acaa9ec] .dt-item-layout--left {
   /*
     DP-74536: To make 'Avatar' in fixed position when resizing the window.
     */
@@ -861,75 +864,75 @@
   justify-content: flex-start;
   align-items: center;
 }
-.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--right {
+.dt-contact-info[data-v-3acaa9ec] .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-3acaa9ec] {
   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-3acaa9ec] {
   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-3acaa9ec] {
   border-radius: var(--dt-size-radius-pill);
   border: var(--dt-size-300) solid var(--contact-info-avatar-border-color);
   box-sizing: unset;
 }
-.dt-recipe-callbox[data-v-ef08f46e] {
+.dt-recipe-callbox[data-v-8d007874] {
   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-8d007874] {
   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-8d007874] {
   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-8d007874] {
   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-8d007874] {
   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-8d007874] {
   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-8d007874] {
   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-8d007874] {
   border-top: 1px solid var(--dt-color-border-subtle);
 }
-.dt-recipe-callbox--avatar[data-v-ef08f46e] {
+.dt-recipe-callbox--avatar[data-v-8d007874] {
   margin-right: var(--dt-space-400);
 }
-.dt-recipe-callbox--content[data-v-ef08f46e] {
+.dt-recipe-callbox--content[data-v-8d007874] {
   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-8d007874] {
   overflow: clip;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -944,10 +947,10 @@
   user-select: text;
   line-height: normal;
 }
-.dt-recipe-callbox--content-badge[data-v-ef08f46e] {
+.dt-recipe-callbox--content-badge[data-v-8d007874] {
   line-height: normal;
 }
-.dt-recipe-callbox--content-subtitle[data-v-ef08f46e] {
+.dt-recipe-callbox--content-subtitle[data-v-8d007874] {
   padding: 0;
   font-size: var(--dt-font-size-100);
   color: var(--dt-color-foreground-tertiary);
@@ -956,24 +959,24 @@
   width: 0;
   min-width: 100%;
 }
-.dt-recipe-callbox--right[data-v-ef08f46e] {
+.dt-recipe-callbox--right[data-v-8d007874] {
   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-8d007874] {
   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-8d007874]: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-8d007874]:hover,
+.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-8d007874]: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-8d007874] {
   background-color: var(--dt-color-surface-warning);
 }
 /* stylelint-disable selector-pseudo-class-no-unknown */

package/dist/types/common/sr_only_close_button.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, {}, {}, {
     close(): void;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "close"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Label for the visually hidden close button
      * Required if visuallyHiddenClose is set to `true`

package/dist/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
@@ -185,7 +170,9 @@ declare const _default: import("vue").DefineComponent<{
     formattedInitials: string;
     initializing: boolean;
 }, {
-    isNotIconType(): boolean;
+    isIconType(): import("vue/types/vnode").ScopedSlotChildren;
+    hasOverlayIcon(): boolean;
+    iconDataQa(): "dt-avatar-icon";
     avatarClasses(): any[];
     overlayClasses(): any[];
     showGroup(): boolean;
@@ -200,7 +187,7 @@ declare const _default: import("vue").DefineComponent<{
     _erroredImageEventHandler(el: any): void;
     validateProps(): void;
     handleClick(e: any): void;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Id of the avatar content wrapper element
      */
@@ -282,13 +269,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 +299,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
@@ -361,8 +333,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     presence: string;
-    size: string;
     fullName: string;
+    size: string;
     group: number;
     imageSrc: string;
     id: string;
@@ -372,11 +344,9 @@ 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;

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.vue.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar.vue.js"],"names":[],"mappings":";IA+BI;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA9KH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}
+{"version":3,"file":"avatar.vue.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar.vue.js"],"names":[],"mappings":";IA2BI;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA7JH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}

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

@@ -107,14 +107,14 @@ declare const _default: import("vue").DefineComponent<{
         'magenta-400': string;
     };
 }, {
-    hasLeftIcon(): import("vue/types/vnode.js").ScopedSlotChildren;
-    hasRightIcon(): import("vue/types/vnode.js").ScopedSlotChildren;
-    hasIcons(): import("vue/types/vnode.js").ScopedSlotChildren;
+    hasLeftIcon(): import("vue/types/vnode").ScopedSlotChildren;
+    hasRightIcon(): import("vue/types/vnode").ScopedSlotChildren;
+    hasIcons(): import("vue/types/vnode").ScopedSlotChildren;
 }, {
     validateProps(): void;
     validateTypePropCombination(): void;
     validateDecorationPropCombination(): void;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Text for the badge content
      */

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

@@ -146,7 +146,7 @@ declare const _default: import("vue").DefineComponent<{
         _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
         focusTrappedTabPress(e: object, el: object): void;
     };
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "close"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, "close"[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Sets an ID on the title element of the component. Useful for aria-describedby
      * or aria-labelledby or any other reason you may need an id to refer to the title.

package/dist/types/components/breadcrumbs/breadcrumb_item.vue.d.ts

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     linkKind(): "" | "muted";
     linkInverted(): boolean;
     ariaCurrent(): "location" | undefined;
-}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Passed through to link. If true, applies inverted styles to the link.
      */

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

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     BREADCRUMBS_INVERTED_MODIFIER: string;
 }, {}, {
     getBreadcrumbItemKey(index: any): string;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A provided list of breadcrumbs. Overridden by default slot
      */

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

@@ -159,7 +159,7 @@ declare const _default: import("vue").DefineComponent<{
     shouldRenderIcon(): boolean | undefined;
     isIconOnly(): boolean | undefined;
     isVerticalIconLayout(): boolean;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "focusin" | "focusout")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focusin" | "focusout")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Whether the button is a circle or not.
      * @values true, false

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

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         end: string;
         'space-between': string;
     };
-}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Alignment of the buttons inside the container
      */

package/dist/types/components/button_group/buttons_decorator.vue.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("vue").DefineComponent<{}, any, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;
 //# sourceMappingURL=buttons_decorator.vue.d.ts.map

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

@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
         default: string;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The maximum height of the card content.
      * If given, makes content area scrollable.

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

@@ -150,6 +150,6 @@ declare const _default: import("vue").DefineComponent<{}, any, {}, {
     computed: {
         formattedMessages(): any;
     };
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("input" | "focusin" | "focusout")[], string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, import("vue").ComponentOptionsMixin, ("input" | "focusin" | "focusout")[], string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;
 //# sourceMappingURL=checkbox.vue.d.ts.map

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

@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {}, {
     setGroupValue(value: any, checked: any): void;
     getMessageKey(type: any, index: any): any;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue").DefineComponent<{
+}, import("vue").ComponentOptionsMixin, import("vue").DefineComponent<{
     dataQaGroup: {
         type: StringConstructor;
         default: string;
@@ -90,7 +90,7 @@ declare const _default: import("vue").DefineComponent<{
         }, {
             getMessageKey(type: any, index: any): string;
             messageTypeClass(type: any): any;
-        }, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
             id: {
                 type: StringConstructor;
                 default(): string;
@@ -183,7 +183,7 @@ declare const _default: import("vue").DefineComponent<{
         setGroupValue(newValue: any): void;
     };
     mounted(): void;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, "input"[], string, Readonly<import("vue").ExtractPropTypes<{
     dataQaGroup: {
         type: StringConstructor;
         default: string;

package/dist/types/components/checkbox_group/checkboxes_decorator.vue.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("vue").DefineComponent<{}, any, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;
 //# sourceMappingURL=checkboxes_decorator.vue.d.ts.map

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

@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
     chipClasses(): any[];
     chipCloseButtonClasses(): any[];
     onClose(): void;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("close" | "click" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "click" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * A set of props to be passed into the modal's close button. Requires an 'ariaLabel' property.
      */
@@ -144,8 +144,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     size: string;
-    ariaLabel: string;
     id: string;
+    ariaLabel: string;
     labelClass: string | Record<string, any> | unknown[];
     closeButtonProps: Record<string, any>;
     hideClose: boolean;

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

@@ -3,7 +3,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: StringConstructor;
         required: true;

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

@@ -94,7 +94,7 @@ declare const _default: import("vue").DefineComponent<{
     defaultToggleOpen(): void;
     toggleOpen(): void;
     validateProperAnchor(): void;
-}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("update:open" | "opened")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:open" | "opened")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Text that is displayed on the anchor if nothing is passed in the slot.
      * Ignored if the anchor slot is used.
@@ -181,8 +181,8 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
 }>>, {
-    ariaLabel: string;
     id: string;
+    ariaLabel: string;
     maxHeight: string;
     contentClass: string | Record<string, any> | unknown[];
     elementType: string;