@vonage/vivid 3.44.0 → 3.45.0

package/style.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: inline-block;
@@ -346,7 +346,7 @@ slot, svg, ::slotted(:where(svg, img)) {
   inline-size: inherit;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: contents;
@@ -364,7 +364,7 @@ slot, svg, ::slotted(:where(svg, img)) {
   outline-offset: -2px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .message {
   display: flex;
@@ -389,7 +389,7 @@ slot, svg, ::slotted(:where(svg, img)) {
   color: var(--vvd-color-alert-500);
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: contents;
@@ -526,7 +526,7 @@ p {
   font: var(--vvd-typography-base-condensed);
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .base {
   display: flex;
@@ -577,7 +577,7 @@ p {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -700,7 +700,7 @@ label {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: inline-block;
@@ -787,7 +787,7 @@ label {
   pointer-events: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: inline-block;
@@ -851,7 +851,7 @@ label {
   margin-block: 4px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .control {
   position: fixed;
@@ -880,6 +880,11 @@ label {
   inset-inline-start: auto;
   margin-inline: 16px;
 }
+.control:where(.strategy-static) {
+  position: static;
+  margin: 0;
+  inline-size: auto;
+}
 .control:not(.open) {
   opacity: 0;
   transform: scale(0.8);
@@ -954,7 +959,7 @@ label {
   padding-inline-start: 8px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: inline-block;
@@ -970,12 +975,16 @@ label {
   margin: 0;
   background-color: var(--_appearance-color-fill);
   block-size: var(--_button-block-size);
+  border-radius: var(--_button-border-radius);
   box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);
   color: var(--_appearance-color-text);
   gap: var(--_button-icon-gap);
   vertical-align: middle;
-  /* Shape */
   /* Size */
+  /* Shape */
+  /* stylelint-disable */
+  /* disabling because of order issues */
+  /* stylelint-enable */
 }
 .control.connotation-cta {
   /* @cssprop [--vvd-button-cta-primary=var(--vvd-color-cta-500)] */
@@ -1152,18 +1161,6 @@ label {
     inline-size: var(--_button-block-size);
   }
 }
-.control:not(.shape-pill) {
-  border-radius: 6px;
-}
-.control.shape-pill:not(.icon-only, .stacked) {
-  border-radius: 24px;
-}
-.control.shape-pill.stacked {
-  border-radius: 24px;
-}
-.control.shape-pill.icon-only {
-  border-radius: 50%;
-}
 .control:not(.stacked).size-super-condensed {
   --_button-block-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2) - 16));
   font: var(--vvd-typography-base-condensed-bold);
@@ -1196,6 +1193,21 @@ label {
   --_button-icon-gap: 8px;
   padding-inline: 16px;
 }
+.control:not(.shape-pill) {
+  --_button-border-radius: 6px;
+}
+.control:not(.shape-pill).size-condensed:not(.stacked), .control:not(.shape-pill).size-super-condensed:not(.stacked) {
+  --_button-border-radius: 4px;
+}
+.control.shape-pill:not(.icon-only, .stacked) {
+  --_button-border-radius: 24px;
+}
+.control.shape-pill.stacked {
+  --_button-border-radius: 24px;
+}
+.control.shape-pill.icon-only {
+  --_button-border-radius: 50%;
+}
 .control.stacked {
   flex-direction: column;
   justify-content: center;
@@ -1323,7 +1335,7 @@ slot[name=icon] {
   filter: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .base {
   align-items: center;
@@ -1446,7 +1458,7 @@ slot[name=icon] {
   }
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .base {
   display: inline-flex;
@@ -1472,7 +1484,7 @@ slot[name=icon] {
   min-inline-size: 32px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .base {
   display: inline-flex;
@@ -1481,6 +1493,7 @@ slot[name=icon] {
   justify-content: center;
   background-color: var(--_appearance-color-fill);
   block-size: var(--_size);
+  border-radius: var(--_avatar-border-radius);
   box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);
   color: var(--_appearance-color-text);
   inline-size: var(--_size);
@@ -1569,10 +1582,13 @@ slot[name=icon] {
   line-height: 1;
 }
 .base:not(.shape-pill) {
-  border-radius: 6px;
+  --_avatar-border-radius: 6px;
+}
+.base:not(.shape-pill).size-condensed {
+  --_avatar-border-radius: 4px;
 }
 .base.shape-pill {
-  border-radius: 50%;
+  --_avatar-border-radius: 50%;
 }
 .base .initials {
   text-transform: uppercase;
@@ -1583,7 +1599,7 @@ slot[name=icon] {
   object-fit: cover;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: inline-block;
@@ -1773,7 +1789,7 @@ slot[name=icon] {
   order: 1;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: block;
@@ -1854,7 +1870,7 @@ slot[name=icon] {
   margin-inline-end: 8px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .base {
   display: flex;
@@ -1894,7 +1910,7 @@ slot[name=icon] {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: flex;
@@ -1995,7 +2011,7 @@ slot[name=icon] {
   margin-inline-start: auto;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: block;
@@ -2044,7 +2060,7 @@ header {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .control {
   position: relative;
@@ -2189,7 +2205,7 @@ slot[name=icon] {
   --focus-stroke-gap-color: transparent;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .base {
   z-index: 1;
@@ -2331,7 +2347,7 @@ slot[name=icon] {
   gap: 4px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .control {
   position: relative;
@@ -2434,7 +2450,7 @@ details > summary::-webkit-details-marker {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .control {
   position: relative;
@@ -2518,7 +2534,7 @@ slot[name=icon] {
   line-height: 1;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .base {
   display: flex;
@@ -2608,7 +2624,7 @@ slot[name=icon] {
   font: var(--vvd-typography-base);
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .control {
   display: inline-flex;
@@ -2657,7 +2673,7 @@ slot[name=icon] {
   inline-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2)));
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .base {
   height: 6px;
@@ -2809,7 +2825,7 @@ slot[name=icon] {
   }
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 @supports selector(:focus-visible) {
   .base:focus-visible {
@@ -2898,7 +2914,7 @@ slot[name=icon] {
   inset-inline-end: var(--selectable-box-spacing, 16px);
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: block;
@@ -2953,7 +2969,7 @@ slot[name=icon] {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: inline-block;
@@ -3143,8 +3159,8 @@ slot[name=icon] {
   gap: var(--_split-button-icon-gap);
   isolation: isolate;
   /* Disabled */
-  /* shape */
   /* size */
+  /* shape */
 }
 .control:focus-visible {
   outline: none;
@@ -3173,12 +3189,6 @@ slot[name=icon] {
   flex-grow: 1;
   inline-size: inherit;
 }
-.control:not(.shape-pill) {
-  --_border-radius: 6px;
-}
-.control.shape-pill {
-  --_border-radius: 24px;
-}
 .control.size-super-condensed {
   --_split-button-block-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2) - 16));
   font: var(--vvd-typography-base-condensed-bold);
@@ -3211,6 +3221,15 @@ slot[name=icon] {
   --_split-button-icon-gap: 8px;
   padding-inline: 16px;
 }
+.control:not(.shape-pill) {
+  --_border-radius: 6px;
+}
+.control:not(.shape-pill).size-super-condensed, .control:not(.shape-pill).super-condensed {
+  --_border-radius: 4px;
+}
+.control.shape-pill {
+  --_border-radius: 24px;
+}
 .control .text {
   overflow: hidden;
   max-inline-size: 100%;
@@ -3224,8 +3243,9 @@ slot[name=icon] {
   border-top-right-radius: var(--_border-radius);
   inline-size: var(--_split-button-inline-size);
   /* Disabled */
-  /* Shape */
+  /* Separator */
   /* size */
+  /* Shape */
 }
 .indicator:focus-visible {
   outline: none;
@@ -3236,12 +3256,6 @@ slot[name=icon] {
 .indicator:disabled {
   cursor: not-allowed;
 }
-.indicator:not(.shape-pill) {
-  --_border-radius: 6px;
-}
-.indicator.shape-pill {
-  --_border-radius: 24px;
-}
 .indicator::before {
   position: absolute;
   background-color: var(--_appearance-color-text);
@@ -3276,6 +3290,15 @@ slot[name=icon] {
   --_split-button-inline-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2) - 8));
   font: var(--vvd-typography-base-extended);
 }
+.indicator:not(.shape-pill) {
+  --_border-radius: 6px;
+}
+.indicator:not(.shape-pill).size-super-condensed, .indicator:not(.shape-pill).super-condensed {
+  --_border-radius: 4px;
+}
+.indicator.shape-pill {
+  --_border-radius: 24px;
+}
 
 /* Icon */
 .icon {
@@ -3299,7 +3322,7 @@ slot[name=icon] {
   --focus-inset: -1px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .base {
   --tag-block-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2) - 16));
@@ -3458,7 +3481,7 @@ slot[name=icon] {
   gap: 8px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .control {
   display: inline-block;
@@ -3483,7 +3506,7 @@ slot[name=icon] {
   margin-block-start: 16px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .control {
   pointer-events: none;
@@ -3498,7 +3521,7 @@ slot[name=icon] {
   font: var(--vvd-typography-base-bold);
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -3626,7 +3649,7 @@ slot[name=icon] {
   color: var(--vvd-color-neutral-600);
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .wrapper {
   display: grid;
@@ -4193,7 +4216,7 @@ slot[name=icon] {
   --_appearance-color-outline: transparent;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .base {
   display: flex;
@@ -4205,7 +4228,7 @@ slot[name=icon] {
   border-bottom: 1px solid var(--vvd-color-neutral-200);
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: flex;
@@ -4322,7 +4345,7 @@ button:not(:focus-visible) > .focus-indicator {
   display: flex;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host([disabled]) {
   cursor: not-allowed;
@@ -4459,7 +4482,7 @@ dialog.fixed {
   transform: translate(0, -50%);
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .base {
   box-sizing: border-box;
@@ -4609,7 +4632,7 @@ slot[name=main] {
   border-radius: inherit;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .positioning-region {
   display: flex;
@@ -4626,9 +4649,10 @@ label + .positioning-region {
 label {
   color: var(--vvd-color-canvas-text);
   font: var(--vvd-typography-base);
-}/**
+}/* #region SPACES */
+/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -4759,10 +4783,15 @@ slot[name=icon] {
 }
 :host(:not(.vertical)):host(:not([aria-selected=true])) .base::after {
   opacity: 0;
-}/**
+}/* #region SPACES */
+/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
+:host {
+  display: block;
+}
+
 .base {
   display: grid;
   box-sizing: border-box;
@@ -4789,6 +4818,7 @@ slot[name=icon] {
 .base:not(.orientation-vertical) {
   grid-template-columns: 1fr;
   grid-template-rows: auto 1fr;
+  max-block-size: 100%;
 }
 
 .tablist {
@@ -4835,13 +4865,16 @@ slot[name=icon] {
 }
 
 .tabpanel {
-  min-inline-size: 0;
-}
-.base.orientation-vertical .tabpanel {
+  box-sizing: border-box;
   block-size: 100%;
+  min-block-size: 0;
+  min-inline-size: 0;
   overflow-x: hidden;
   overflow-y: auto;
 }
+.base.gutters-small .tabpanel {
+  padding: calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2))) - calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2) - 16)));
+}
 
 .active-indicator {
   background: currentColor;
@@ -4879,7 +4912,7 @@ slot[name=icon] {
   gap: 4px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: inline-flex;
@@ -5029,7 +5062,7 @@ label {
   --_low-ink-color: var(--vvd-color-neutral-600);
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: block;
@@ -5048,7 +5081,7 @@ label {
   inline-size: 1px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: inline-block;
@@ -5337,7 +5370,7 @@ label {
   pointer-events: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -5518,7 +5551,7 @@ label {
   --_select-control-border-radius: 6px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host(.disabled) {
   cursor: not-allowed;
@@ -5701,7 +5734,7 @@ label {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   position: relative;
@@ -5764,7 +5797,7 @@ label {
   inline-size: 100%;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: block;
@@ -5879,7 +5912,7 @@ label {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: inline-block;
@@ -6059,7 +6092,7 @@ label {
   resize: vertical;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: inline-block;
@@ -6222,13 +6255,15 @@ label {
 .popup-wrapper {
   z-index: 10;
   border-radius: 6px;
-  inline-size: fit-content;
+  inline-size: max-content;
 }
 .popup-wrapper:not(.absolute) {
   position: fixed;
 }
 .popup-wrapper.absolute {
   position: absolute;
+  top: 0;
+  left: 0;
 }
 
 .popup-content {
@@ -6255,7 +6290,7 @@ label {
   margin-inline-end: 4px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -6428,12 +6463,9 @@ label {
   block-size: inherit;
   inline-size: 100%;
   max-block-size: inherit;
-}
-.base::-webkit-scrollbar {
-  display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .base {
   display: grid;
@@ -6502,7 +6534,7 @@ label {
   background-color: var(--_appearance-color-fill);
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   min-inline-size: 80px;
@@ -6599,7 +6631,7 @@ slot {
   margin-inline-start: auto;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 ol {
   padding: 0;
@@ -6859,7 +6891,7 @@ ol {
   text-transform: uppercase;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 :host {
   display: inline-block;