@vonage/vivid 3.44.0 → 3.46.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, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: inline-block;
@@ -181,7 +181,7 @@
   block-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2)));
 }
 .base:not(.shape-pill) .fieldset {
-  border-radius: 6px;
+  border-radius: 8px;
 }
 .base.shape-pill .fieldset {
   border-radius: 24px;
@@ -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, 15 Jan 2024 13:38:12 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, 15 Jan 2024 13:38:12 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, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: contents;
@@ -408,7 +408,7 @@ slot, svg, ::slotted(:where(svg, img)) {
   padding: 4px 8px;
   background-color: var(--_appearance-color-fill);
   block-size: calc(var(--vvd-calendar-event--duration, 1) * calc((100% - 23px) / 24) + calc(1px * (var(--vvd-calendar-event--duration, 1) - 1)) - 4px);
-  border-radius: 6px;
+  border-radius: 8px;
   box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);
   color: var(--_appearance-color-text);
   inline-size: calc(100% - 8px - min(var(--vvd-calendar-event--indent), 32px));
@@ -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, 15 Jan 2024 13:38:12 GMT
  */
 .base {
   display: flex;
@@ -549,7 +549,7 @@ p {
 
 ::slotted(a[role=menuitem]:focus) {
   display: block;
-  border-radius: 6px;
+  border-radius: 8px;
   box-shadow: inset 0 0 0 3px currentColor;
   outline: 2px solid currentColor;
   outline-offset: -2px;
@@ -577,7 +577,7 @@ p {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 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, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: inline-block;
@@ -770,7 +770,7 @@ label {
 
 /* Shape */
 .base:not(.shape-pill) {
-  --_listbox-border-radius: 6px;
+  --_listbox-border-radius: 8px;
 }
 
 .base.shape-pill {
@@ -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, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: inline-block;
@@ -838,7 +838,7 @@ label {
 
 /* Shape */
 .base:not(.shape-pill) {
-  border-radius: 6px;
+  border-radius: 8px;
 }
 
 .base.shape-pill {
@@ -851,12 +851,12 @@ label {
   margin-block: 4px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .control {
   position: fixed;
   z-index: 10;
-  border-radius: 6px;
+  border-radius: 8px;
   inline-size: max-content;
   inset-block-end: 0;
   inset-inline-end: 0;
@@ -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);
@@ -894,7 +899,7 @@ label {
   align-items: center;
   padding: 16px;
   background-color: var(--vvd-color-neutral-50);
-  border-radius: 6px;
+  border-radius: 8px;
   color: var(--vvd-color-canvas-text);
   column-gap: 16px;
 }
@@ -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, 15 Jan 2024 13:38:12 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: 8px;
+}
+.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, 15 Jan 2024 13:38:12 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, 15 Jan 2024 13:38:12 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, 15 Jan 2024 13:38:12 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: 8px;
+}
+.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, 15 Jan 2024 13:38:12 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, 15 Jan 2024 13:38:12 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, 15 Jan 2024 13:38:12 GMT
  */
 .base {
   display: flex;
@@ -1888,20 +1904,20 @@ slot[name=icon] {
 .focus-indicator {
   --focus-inset: -4px -8px;
   --focus-stroke-gap-color: transparent;
-  border-radius: 6px;
+  border-radius: 8px;
 }
 .control:not(:focus-visible) > .focus-indicator {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: flex;
 }
 
 .base {
-  border-radius: 6px;
+  border-radius: 8px;
   inline-size: 100%;
   text-align: start;
 }
@@ -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, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: block;
@@ -2044,10 +2060,9 @@ header {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .control {
-  position: relative;
   display: inline-flex;
   box-sizing: border-box;
   align-items: center;
@@ -2111,10 +2126,13 @@ header {
   --_appearance-color-fill: var(--_connotation-color-fierce);
   --_appearance-color-outline: transparent;
 }
-@supports selector(:focus-visible) {
-  .control:focus-visible {
-    outline: none;
-  }
+.control:not(.connotation-accent, .connotation-cta) {
+  --focus-stroke-gap-color: transparent;
+}
+.control:focus-visible {
+  box-shadow: inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);
+  outline: 2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));
+  outline-offset: -2px;
 }
 @supports (user-select: none) {
   .control {
@@ -2180,16 +2198,9 @@ slot[name=icon] {
 }
 .control:not(.size-extended) slot[name=icon] {
   font-size: calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2))) / 2);
-}
-
-:not(:focus-visible) .focus-indicator {
-  display: none;
-}
-.control:not(.connotation-accent, .connotation-cta) .focus-indicator {
-  --focus-stroke-gap-color: transparent;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .base {
   z-index: 1;
@@ -2331,7 +2342,7 @@ slot[name=icon] {
   gap: 4px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .control {
   position: relative;
@@ -2339,7 +2350,7 @@ slot[name=icon] {
   box-sizing: border-box;
   align-items: center;
   background-color: var(--_appearance-color-fill);
-  border-radius: 6px;
+  border-radius: 8px;
   box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);
   color: var(--_appearance-color-text);
   cursor: pointer;
@@ -2434,7 +2445,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, 15 Jan 2024 13:38:12 GMT
  */
 .control {
   position: relative;
@@ -2442,7 +2453,7 @@ details > summary::-webkit-details-marker {
   box-sizing: border-box;
   align-items: center;
   background-color: var(--_appearance-color-fill);
-  border-radius: 6px;
+  border-radius: 8px;
   box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);
   color: var(--_appearance-color-text);
   font: var(--vvd-typography-base);
@@ -2518,14 +2529,14 @@ slot[name=icon] {
   line-height: 1;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .base {
   display: flex;
   align-items: flex-start;
   padding: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2) - 20));
   background-color: var(--_appearance-color-fill);
-  border-radius: 6px;
+  border-radius: 8px;
   box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);
   color: var(--vvd-color-canvas-text);
   column-gap: 16px;
@@ -2608,7 +2619,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, 15 Jan 2024 13:38:12 GMT
  */
 .control {
   display: inline-flex;
@@ -2657,7 +2668,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, 15 Jan 2024 13:38:12 GMT
  */
 .base {
   height: 6px;
@@ -2809,7 +2820,7 @@ slot[name=icon] {
   }
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 @supports selector(:focus-visible) {
   .base:focus-visible {
@@ -2825,7 +2836,7 @@ slot[name=icon] {
   padding: var(--selectable-box-spacing, 16px);
   border: 1px solid var(--_appearance-color-outline);
   background-color: var(--_appearance-color-fill);
-  border-radius: 6px;
+  border-radius: 8px;
   inline-size: 100%;
   padding-block-start: calc(var(--selectable-box-spacing, 16px) + 36px);
   text-align: start;
@@ -2898,7 +2909,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, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: block;
@@ -2953,7 +2964,7 @@ slot[name=icon] {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: inline-block;
@@ -3143,8 +3154,8 @@ slot[name=icon] {
   gap: var(--_split-button-icon-gap);
   isolation: isolate;
   /* Disabled */
-  /* shape */
   /* size */
+  /* shape */
 }
 .control:focus-visible {
   outline: none;
@@ -3173,12 +3184,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 +3216,15 @@ slot[name=icon] {
   --_split-button-icon-gap: 8px;
   padding-inline: 16px;
 }
+.control:not(.shape-pill) {
+  --_border-radius: 8px;
+}
+.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 +3238,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 +3251,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 +3285,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: 8px;
+}
+.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 +3317,7 @@ slot[name=icon] {
   --focus-inset: -1px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .base {
   --tag-block-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2) - 16));
@@ -3458,7 +3476,7 @@ slot[name=icon] {
   gap: 8px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .control {
   display: inline-block;
@@ -3483,7 +3501,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, 15 Jan 2024 13:38:12 GMT
  */
 .control {
   pointer-events: none;
@@ -3498,7 +3516,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, 15 Jan 2024 13:38:12 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -3515,7 +3533,7 @@ slot[name=icon] {
   box-sizing: border-box;
   align-items: center;
   background-color: var(--_appearance-color-fill);
-  border-radius: 6px;
+  border-radius: 8px;
   box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);
   color: var(--_appearance-color-text);
   font: var(--vvd-typography-base);
@@ -3593,7 +3611,7 @@ slot[name=icon] {
 .expandCollapseButton {
   display: flex;
   align-items: center;
-  border-radius: 6px;
+  border-radius: 8px;
   font-size: 20px;
 }
 .expandCollapseButton .expandCollapseIcon {
@@ -3626,7 +3644,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, 15 Jan 2024 13:38:12 GMT
  */
 .wrapper {
   display: grid;
@@ -3641,7 +3659,7 @@ slot[name=icon] {
   justify-content: center;
   background-color: var(--_appearance-color-fill);
   block-size: 40px;
-  border-radius: 6px;
+  border-radius: 8px;
   box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);
   color: var(--_appearance-color-text);
   padding-inline: 16px;
@@ -4193,7 +4211,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, 15 Jan 2024 13:38:12 GMT
  */
 .base {
   display: flex;
@@ -4205,7 +4223,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, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: flex;
@@ -4322,7 +4340,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, 15 Jan 2024 13:38:12 GMT
  */
 :host([disabled]) {
   cursor: not-allowed;
@@ -4334,7 +4352,7 @@ button:not(:focus-visible) > .focus-indicator {
   box-sizing: border-box;
   align-items: center;
   background-color: var(--_appearance-color-fill);
-  border-radius: 6px;
+  border-radius: 8px;
   box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);
   color: var(--_option-appearance-color-text, var(--_appearance-color-text));
   font: var(--vvd-typography-base);
@@ -4459,14 +4477,14 @@ dialog.fixed {
   transform: translate(0, -50%);
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .base {
   box-sizing: border-box;
   padding: 0;
   border: none;
   background-color: transparent;
-  border-radius: 6px;
+  border-radius: 8px;
   color: var(--vvd-color-canvas-text);
   max-block-size: var(--dialog-max-block-size, calc(100vh - 64px));
   max-inline-size: var(--dialog-max-inline-size, var(--_dialog-default-max-inline-size));
@@ -4609,7 +4627,7 @@ slot[name=main] {
   border-radius: inherit;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .positioning-region {
   display: flex;
@@ -4626,9 +4644,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, 15 Jan 2024 13:38:12 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -4713,7 +4732,7 @@ label {
   }
 }
 .base:not(.shape-sharp) {
-  border-radius: 6px;
+  border-radius: 8px;
 }
 .base:not(.disabled) {
   cursor: pointer;
@@ -4759,10 +4778,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, 15 Jan 2024 13:38:12 GMT
  */
+:host {
+  display: block;
+}
+
 .base {
   display: grid;
   box-sizing: border-box;
@@ -4789,6 +4813,7 @@ slot[name=icon] {
 .base:not(.orientation-vertical) {
   grid-template-columns: 1fr;
   grid-template-rows: auto 1fr;
+  max-block-size: 100%;
 }
 
 .tablist {
@@ -4835,13 +4860,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 +4907,7 @@ slot[name=icon] {
   gap: 4px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: inline-flex;
@@ -5013,7 +5041,7 @@ label {
 .focus-indicator {
   --focus-inset: -3px;
   --focus-stroke-gap-color: transparent;
-  border-radius: 6px;
+  border-radius: 4px;
 }
 .base:not(:focus-visible) .focus-indicator {
   display: none;
@@ -5029,7 +5057,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, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: block;
@@ -5048,7 +5076,7 @@ label {
   inline-size: 1px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: inline-block;
@@ -5229,7 +5257,7 @@ label {
   block-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2)));
 }
 .base:not(.shape-pill) .fieldset {
-  border-radius: 6px;
+  border-radius: 8px;
 }
 .base.shape-pill .fieldset {
   border-radius: 24px;
@@ -5337,7 +5365,7 @@ label {
   pointer-events: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -5456,7 +5484,7 @@ label {
   pointer-events: none;
 }
 .control:not(.shape-pill) {
-  --_select-control-border-radius: 6px;
+  --_select-control-border-radius: 8px;
 }
 .control.shape-pill {
   --_select-control-border-radius: 24px;
@@ -5515,10 +5543,10 @@ label {
   display: none;
 }
 :host([multiple]) .focus-indicator {
-  --_select-control-border-radius: 6px;
+  --_select-control-border-radius: 8px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host(.disabled) {
   cursor: not-allowed;
@@ -5701,7 +5729,7 @@ label {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   position: relative;
@@ -5725,7 +5753,7 @@ label {
 .listbox {
   padding: 4px;
   background-color: var(--_appearance-color-fill);
-  border-radius: 6px;
+  border-radius: 8px;
   box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);
   contain: paint;
 }
@@ -5764,7 +5792,7 @@ label {
   inline-size: 100%;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: block;
@@ -5786,7 +5814,7 @@ label {
   padding: 16px;
   border: 1px dashed var(--vvd-color-neutral-400);
   background-color: var(--vvd-color-cta-50);
-  border-radius: 6px;
+  border-radius: 8px;
   color: var(--vvd-color-neutral-600);
   cursor: pointer;
   font: var(--vvd-typography-base);
@@ -5815,7 +5843,7 @@ label {
   display: grid;
   box-sizing: border-box;
   padding: 6px 12px;
-  border-radius: 6px;
+  border-radius: 8px;
   grid-template-columns: 1fr auto;
   grid-template-rows: auto auto;
   inline-size: 100%;
@@ -5879,7 +5907,7 @@ label {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: inline-block;
@@ -6026,7 +6054,7 @@ label {
   border: 0 none;
   appearance: none; /* for box-shadow visibility on IOS */
   background-color: var(--_appearance-color-fill);
-  border-radius: 6px;
+  border-radius: 8px;
   box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);
   color: var(--_appearance-color-text);
   font: var(--vvd-typography-base);
@@ -6059,7 +6087,7 @@ label {
   resize: vertical;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: inline-block;
@@ -6221,14 +6249,16 @@ label {
 
 .popup-wrapper {
   z-index: 10;
-  border-radius: 6px;
-  inline-size: fit-content;
+  border-radius: 8px;
+  inline-size: max-content;
 }
 .popup-wrapper:not(.absolute) {
   position: fixed;
 }
 .popup-wrapper.absolute {
   position: absolute;
+  top: 0;
+  left: 0;
 }
 
 .popup-content {
@@ -6255,7 +6285,7 @@ label {
   margin-inline-end: 4px;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -6340,7 +6370,7 @@ label {
 }
 
 .focus-indicator {
-  border-radius: 6px;
+  border-radius: 8px;
 }
 :host(:not(:focus-visible)) .focus-indicator {
   display: none;
@@ -6428,12 +6458,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, 15 Jan 2024 13:38:12 GMT
  */
 .base {
   display: grid;
@@ -6502,7 +6529,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, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   min-inline-size: 80px;
@@ -6599,7 +6626,7 @@ slot {
   margin-inline-start: auto;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 ol {
   padding: 0;
@@ -6645,7 +6672,7 @@ ol {
   display: grid;
   overflow: hidden;
   background: var(--vvd-color-surface-2dp);
-  border-radius: 6px;
+  border-radius: 8px;
   counter-reset: listing;
   filter: var(--vvd-shadow-surface-2dp);
   gap: 1px;
@@ -6859,7 +6886,7 @@ ol {
   text-transform: uppercase;
 }/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: inline-block;
@@ -6910,7 +6937,7 @@ ol {
 }
 .segment .title-action {
   block-size: 24px;
-  border-radius: 6px;
+  border-radius: 8px;
   font: var(--vvd-typography-base-extended);
   padding-inline: 6px;
 }