@vonage/vivid 3.45.0 → 3.46.0

package/style.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 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 Mon, 08 Jan 2024 16:06:07 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 Mon, 08 Jan 2024 16:06:07 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 Mon, 08 Jan 2024 16:06:07 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 Mon, 08 Jan 2024 16:06:07 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 Mon, 08 Jan 2024 16:06:07 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 Mon, 08 Jan 2024 16:06:07 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 Mon, 08 Jan 2024 16:06:07 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 Mon, 08 Jan 2024 16:06:07 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;
@@ -899,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;
 }
@@ -959,7 +959,7 @@ label {
   padding-inline-start: 8px;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: inline-block;
@@ -1194,7 +1194,7 @@ label {
   padding-inline: 16px;
 }
 .control:not(.shape-pill) {
-  --_button-border-radius: 6px;
+  --_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;
@@ -1335,7 +1335,7 @@ slot[name=icon] {
   filter: none;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .base {
   align-items: center;
@@ -1458,7 +1458,7 @@ slot[name=icon] {
   }
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .base {
   display: inline-flex;
@@ -1484,7 +1484,7 @@ slot[name=icon] {
   min-inline-size: 32px;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .base {
   display: inline-flex;
@@ -1582,7 +1582,7 @@ slot[name=icon] {
   line-height: 1;
 }
 .base:not(.shape-pill) {
-  --_avatar-border-radius: 6px;
+  --_avatar-border-radius: 8px;
 }
 .base:not(.shape-pill).size-condensed {
   --_avatar-border-radius: 4px;
@@ -1599,7 +1599,7 @@ slot[name=icon] {
   object-fit: cover;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: inline-block;
@@ -1789,7 +1789,7 @@ slot[name=icon] {
   order: 1;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: block;
@@ -1870,7 +1870,7 @@ slot[name=icon] {
   margin-inline-end: 8px;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .base {
   display: flex;
@@ -1904,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 Mon, 08 Jan 2024 16:06:07 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;
 }
@@ -2011,7 +2011,7 @@ slot[name=icon] {
   margin-inline-start: auto;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: block;
@@ -2060,10 +2060,9 @@ header {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .control {
-  position: relative;
   display: inline-flex;
   box-sizing: border-box;
   align-items: center;
@@ -2127,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 {
@@ -2196,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 Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .base {
   z-index: 1;
@@ -2347,7 +2342,7 @@ slot[name=icon] {
   gap: 4px;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .control {
   position: relative;
@@ -2355,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;
@@ -2450,7 +2445,7 @@ details > summary::-webkit-details-marker {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .control {
   position: relative;
@@ -2458,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);
@@ -2534,14 +2529,14 @@ slot[name=icon] {
   line-height: 1;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 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;
@@ -2624,7 +2619,7 @@ slot[name=icon] {
   font: var(--vvd-typography-base);
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .control {
   display: inline-flex;
@@ -2673,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 Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .base {
   height: 6px;
@@ -2825,7 +2820,7 @@ slot[name=icon] {
   }
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 @supports selector(:focus-visible) {
   .base:focus-visible {
@@ -2841,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;
@@ -2914,7 +2909,7 @@ slot[name=icon] {
   inset-inline-end: var(--selectable-box-spacing, 16px);
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: block;
@@ -2969,7 +2964,7 @@ slot[name=icon] {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: inline-block;
@@ -3222,7 +3217,7 @@ slot[name=icon] {
   padding-inline: 16px;
 }
 .control:not(.shape-pill) {
-  --_border-radius: 6px;
+  --_border-radius: 8px;
 }
 .control:not(.shape-pill).size-super-condensed, .control:not(.shape-pill).super-condensed {
   --_border-radius: 4px;
@@ -3291,7 +3286,7 @@ slot[name=icon] {
   font: var(--vvd-typography-base-extended);
 }
 .indicator:not(.shape-pill) {
-  --_border-radius: 6px;
+  --_border-radius: 8px;
 }
 .indicator:not(.shape-pill).size-super-condensed, .indicator:not(.shape-pill).super-condensed {
   --_border-radius: 4px;
@@ -3322,7 +3317,7 @@ slot[name=icon] {
   --focus-inset: -1px;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 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));
@@ -3481,7 +3476,7 @@ slot[name=icon] {
   gap: 8px;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .control {
   display: inline-block;
@@ -3506,7 +3501,7 @@ slot[name=icon] {
   margin-block-start: 16px;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .control {
   pointer-events: none;
@@ -3521,7 +3516,7 @@ slot[name=icon] {
   font: var(--vvd-typography-base-bold);
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -3538,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);
@@ -3616,7 +3611,7 @@ slot[name=icon] {
 .expandCollapseButton {
   display: flex;
   align-items: center;
-  border-radius: 6px;
+  border-radius: 8px;
   font-size: 20px;
 }
 .expandCollapseButton .expandCollapseIcon {
@@ -3649,7 +3644,7 @@ slot[name=icon] {
   color: var(--vvd-color-neutral-600);
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .wrapper {
   display: grid;
@@ -3664,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;
@@ -4216,7 +4211,7 @@ slot[name=icon] {
   --_appearance-color-outline: transparent;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .base {
   display: flex;
@@ -4228,7 +4223,7 @@ slot[name=icon] {
   border-bottom: 1px solid var(--vvd-color-neutral-200);
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: flex;
@@ -4345,7 +4340,7 @@ button:not(:focus-visible) > .focus-indicator {
   display: flex;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host([disabled]) {
   cursor: not-allowed;
@@ -4357,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);
@@ -4482,14 +4477,14 @@ dialog.fixed {
   transform: translate(0, -50%);
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 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));
@@ -4632,7 +4627,7 @@ slot[name=main] {
   border-radius: inherit;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .positioning-region {
   display: flex;
@@ -4652,7 +4647,7 @@ label {
 }/* #region SPACES */
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -4737,7 +4732,7 @@ label {
   }
 }
 .base:not(.shape-sharp) {
-  border-radius: 6px;
+  border-radius: 8px;
 }
 .base:not(.disabled) {
   cursor: pointer;
@@ -4786,7 +4781,7 @@ slot[name=icon] {
 }/* #region SPACES */
 /**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: block;
@@ -4912,7 +4907,7 @@ slot[name=icon] {
   gap: 4px;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: inline-flex;
@@ -5046,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;
@@ -5062,7 +5057,7 @@ label {
   --_low-ink-color: var(--vvd-color-neutral-600);
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: block;
@@ -5081,7 +5076,7 @@ label {
   inline-size: 1px;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: inline-block;
@@ -5262,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;
@@ -5370,7 +5365,7 @@ label {
   pointer-events: none;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -5489,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;
@@ -5548,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 Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host(.disabled) {
   cursor: not-allowed;
@@ -5734,7 +5729,7 @@ label {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   position: relative;
@@ -5758,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;
 }
@@ -5797,7 +5792,7 @@ label {
   inline-size: 100%;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: block;
@@ -5819,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);
@@ -5848,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%;
@@ -5912,7 +5907,7 @@ label {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: inline-block;
@@ -6059,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);
@@ -6092,7 +6087,7 @@ label {
   resize: vertical;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: inline-block;
@@ -6254,7 +6249,7 @@ label {
 
 .popup-wrapper {
   z-index: 10;
-  border-radius: 6px;
+  border-radius: 8px;
   inline-size: max-content;
 }
 .popup-wrapper:not(.absolute) {
@@ -6290,7 +6285,7 @@ label {
   margin-inline-end: 4px;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -6375,7 +6370,7 @@ label {
 }
 
 .focus-indicator {
-  border-radius: 6px;
+  border-radius: 8px;
 }
 :host(:not(:focus-visible)) .focus-indicator {
   display: none;
@@ -6465,7 +6460,7 @@ label {
   max-block-size: inherit;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 .base {
   display: grid;
@@ -6534,7 +6529,7 @@ label {
   background-color: var(--_appearance-color-fill);
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   min-inline-size: 80px;
@@ -6631,7 +6626,7 @@ slot {
   margin-inline-start: auto;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 ol {
   padding: 0;
@@ -6677,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;
@@ -6891,7 +6886,7 @@ ol {
   text-transform: uppercase;
 }/**
  * Do not edit directly
- * Generated on Mon, 08 Jan 2024 16:06:07 GMT
+ * Generated on Mon, 15 Jan 2024 13:38:12 GMT
  */
 :host {
   display: inline-block;
@@ -6942,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;
 }