@vonage/vivid 3.36.0 → 3.38.0

package/style.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: inline-block;
@@ -317,7 +317,7 @@ slot, svg, ::slotted(:where(svg, img)) {
   inline-size: inherit;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: contents;
@@ -335,7 +335,7 @@ slot, svg, ::slotted(:where(svg, img)) {
   outline-offset: -2px;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .message {
   display: flex;
@@ -360,7 +360,7 @@ slot, svg, ::slotted(:where(svg, img)) {
   color: var(--vvd-color-alert-500);
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: contents;
@@ -497,7 +497,7 @@ p {
   font: var(--vvd-typography-base-condensed);
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   display: flex;
@@ -548,13 +548,17 @@ p {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
     outline: none;
   }
 }
+:host([disabled]) {
+  cursor: not-allowed;
+}
+
 .base {
   display: inline-flex;
   align-items: center;
@@ -625,7 +629,6 @@ p {
   }
 }
 .base.disabled {
-  cursor: not-allowed;
   pointer-events: none;
 }
 
@@ -668,7 +671,7 @@ label {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: inline-block;
@@ -679,6 +682,10 @@ label {
   outline: none;
 }
 
+:host([disabled]) {
+  cursor: not-allowed;
+}
+
 .base {
   position: relative;
   display: inline-flex;
@@ -748,11 +755,10 @@ label {
 
 .base.disabled ::slotted([role=option]) {
   --_option-appearance-color-text: var(--_appearance-color-outline);
-  cursor: not-allowed;
   pointer-events: none;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: inline-block;
@@ -816,7 +822,7 @@ label {
   margin-block: 4px;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .control {
   position: fixed;
@@ -973,7 +979,7 @@ label {
   filter: none;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   align-items: center;
@@ -1096,7 +1102,7 @@ label {
   }
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   display: inline-flex;
@@ -1203,7 +1209,7 @@ label {
   object-fit: cover;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   --_badge-block-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2) - 20));
@@ -1366,17 +1372,17 @@ label {
 }
 
 /* Icon */
-.icon {
-  display: flex;
+slot[name=icon] {
   flex-shrink: 0;
   font-size: calc(var(--_badge-block-size) / 1.6667);
   line-height: 1;
 }
-.icon-trailing .icon {
+.icon-trailing slot[name=icon] {
+  display: flex;
   order: 1;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .control {
   overflow: hidden;
@@ -1440,7 +1446,7 @@ label {
   inline-size: 100%;
   padding-inline: 16px;
 }
-.header .content .icon {
+.header .content slot[name=icon] {
   flex-shrink: 0;
   font-size: 20px;
   line-height: 1;
@@ -1453,7 +1459,7 @@ label {
   margin-inline-end: 8px;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   display: flex;
@@ -1493,7 +1499,7 @@ label {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: flex;
@@ -1594,7 +1600,7 @@ label {
   margin-inline-start: auto;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: block;
@@ -1643,7 +1649,7 @@ header {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .control {
   position: relative;
@@ -1767,16 +1773,17 @@ header {
 }
 
 /* Icon */
-.icon {
+slot[name=icon] {
   line-height: 1;
 }
-.icon-trailing .icon {
+.icon-trailing slot[name=icon] {
+  display: inline-block;
   order: 1;
 }
-.control.size-extended .icon {
+.control.size-extended slot[name=icon] {
   font-size: calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2) + 16)) / 2.3333);
 }
-.control:not(.size-extended) .icon {
+.control:not(.size-extended) slot[name=icon] {
   font-size: calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2))) / 2);
 }
 
@@ -1787,7 +1794,7 @@ header {
   --focus-stroke-gap-color: transparent;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   z-index: 1;
@@ -1929,7 +1936,7 @@ header {
   gap: 4px;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .control {
   position: relative;
@@ -2031,7 +2038,7 @@ details > summary::-webkit-details-marker {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .control {
   position: relative;
@@ -2109,12 +2116,12 @@ details > summary::-webkit-details-marker {
   display: none;
 }
 
-.icon {
+slot[name=icon] {
   font-size: 20px;
   line-height: 1;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   display: flex;
@@ -2182,7 +2189,7 @@ details > summary::-webkit-details-marker {
   }
 }
 
-.icon {
+slot[name=icon] {
   color: var(--_appearance-color-outline);
   font-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2) - 16));
 }
@@ -2204,7 +2211,7 @@ details > summary::-webkit-details-marker {
   font: var(--vvd-typography-base);
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .control {
   display: inline-flex;
@@ -2222,6 +2229,19 @@ details > summary::-webkit-details-marker {
   column-gap: 4px;
 }
 
+.vwc-pagination-button[size=super-condensed] {
+  --base-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2) - 16));
+}
+.vwc-pagination-button[size=condensed] {
+  --base-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2) - 8));
+}
+.vwc-pagination-button[size=normal] {
+  --base-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2)));
+}
+.vwc-pagination-button::part(button) {
+  padding-inline: 0;
+}
+
 .dots {
   align-self: center;
   text-align: center;
@@ -2240,7 +2260,7 @@ details > summary::-webkit-details-marker {
   inline-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2)));
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   height: 6px;
@@ -2392,7 +2412,7 @@ details > summary::-webkit-details-marker {
   }
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .control {
   position: fixed;
@@ -2439,7 +2459,7 @@ details > summary::-webkit-details-marker {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: inline-block;
@@ -2743,7 +2763,7 @@ details > summary::-webkit-details-marker {
   --focus-inset: -1px;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   --tag-block-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2) - 16));
@@ -2902,7 +2922,7 @@ slot[name=icon] {
   gap: 8px;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .control {
   display: inline-block;
@@ -2927,7 +2947,7 @@ slot[name=icon] {
   margin-block-start: 16px;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .control {
   pointer-events: none;
@@ -2942,13 +2962,17 @@ slot[name=icon] {
   font: var(--vvd-typography-base-bold);
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
     outline: none;
   }
 }
+:host([disabled]) {
+  cursor: not-allowed;
+}
+
 .control {
   position: relative;
   display: inline-flex;
@@ -3024,7 +3048,6 @@ slot[name=icon] {
   cursor: pointer;
 }
 .control.disabled {
-  cursor: not-allowed;
   pointer-events: none;
 }
 .control .text {
@@ -3059,15 +3082,15 @@ slot[name=icon] {
   display: none;
 }
 
-.icon {
+slot[name=icon] {
   font-size: 20px;
   line-height: 1;
 }
-.control:not(.disabled, .selected) .icon {
+.control:not(.disabled, .selected) slot[name=icon] {
   color: var(--vvd-color-neutral-600);
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   display: flex;
@@ -3079,7 +3102,7 @@ slot[name=icon] {
   border-bottom: 1px solid var(--vvd-color-neutral-200);
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: flex;
@@ -3174,16 +3197,16 @@ slot[name=icon] {
   padding-inline-start: 44px;
 }
 
-.icon {
+slot[name=icon] {
   color: var(--vvd-color-neutral-600);
 }
-.heading-button:not(.size-condensed) .icon {
+.heading-button:not(.size-condensed) slot[name=icon] {
   font: inherit;
 }
-.heading-button.size-condensed .icon {
+.heading-button.size-condensed slot[name=icon] {
   font: var(--vvd-typography-base-extended);
 }
-:host(:not([icon-trailing])) .icon:last-of-type {
+:host(:not([icon-trailing])) slot[name=icon]:last-of-type {
   color: var(--_appearance-color-text);
 }
 
@@ -3194,7 +3217,7 @@ button:not(:focus-visible) > .focus-indicator {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: inline-block;
@@ -3478,16 +3501,17 @@ button:not(:focus-visible) > .focus-indicator {
 }
 
 /* Icon */
-.icon {
+slot[name=icon] {
   line-height: 1;
 }
-.icon-trailing .icon {
+.icon-trailing slot[name=icon] {
+  display: flex;
   order: 1;
 }
-.control.stacked > .icon {
+.control.stacked > slot[name=icon] {
   font-size: calc(var(--stacked-size) / 2);
 }
-.control:not(.stacked) > .icon {
+.control:not(.stacked) > slot[name=icon] {
   font-size: calc(var(--_button-block-size) / 2);
 }
 
@@ -3510,8 +3534,12 @@ button:not(:focus-visible) > .focus-indicator {
   display: flex;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
+:host([disabled]) {
+  cursor: not-allowed;
+}
+
 .base {
   position: relative; /* this is needed for the focus */
   display: flex;
@@ -3585,7 +3613,6 @@ button:not(:focus-visible) > .focus-indicator {
   cursor: pointer;
 }
 .base.disabled {
-  cursor: not-allowed;
   pointer-events: none;
 }
 .base .text {
@@ -3644,7 +3671,7 @@ dialog.fixed {
   transform: translate(0, -50%);
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   box-sizing: border-box;
@@ -3785,7 +3812,7 @@ slot[name=main] {
   border-radius: inherit;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .positioning-region {
   display: flex;
@@ -3804,7 +3831,7 @@ label {
   font: var(--vvd-typography-base);
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -3816,6 +3843,10 @@ label {
   grid-column: 1/auto;
 }
 
+:host([disabled]) {
+  cursor: not-allowed;
+}
+
 .base {
   position: relative;
   display: flex;
@@ -3891,7 +3922,6 @@ label {
   cursor: pointer;
 }
 .base.disabled {
-  cursor: not-allowed;
   pointer-events: none;
 }
 :host(.vertical) .base {
@@ -3934,7 +3964,7 @@ slot[name=icon] {
   opacity: 0;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   display: grid;
@@ -4051,8 +4081,12 @@ slot[name=icon] {
   gap: 4px;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
+:host([disabled]) {
+  cursor: not-allowed;
+}
+
 .base {
   display: inline-flex;
   align-items: center;
@@ -4131,7 +4165,6 @@ slot[name=icon] {
   cursor: pointer;
 }
 .base.disabled {
-  cursor: not-allowed;
   pointer-events: none;
 }
 
@@ -4235,7 +4268,7 @@ label {
   margin-inline-end: 4px;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: block;
@@ -4254,122 +4287,7 @@ label {
   inline-size: 1px;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
- */
-:host {
-  display: block;
-  max-inline-size: 400px;
-}
-
-.base {
-  display: flex;
-  flex-direction: column;
-}
-
-.control {
-  position: relative;
-  display: flex;
-  box-sizing: border-box;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  padding: 16px;
-  border: 1px dashed var(--vvd-color-neutral-400);
-  background-color: var(--vvd-color-cta-50);
-  border-radius: 6px;
-  color: var(--vvd-color-neutral-600);
-  cursor: pointer;
-  font: var(--vvd-typography-base);
-  gap: 8px;
-  inline-size: 100%;
-  min-block-size: 52px;
-  outline: none;
-}
-@supports selector(:focus-visible) {
-  .control:focus-visible {
-    outline: none;
-  }
-}
-.control:not(.size-expanded) {
-  min-block-size: 52px;
-}
-.control.size-expanded {
-  min-block-size: 120px;
-}
-
-.main {
-  pointer-events: none;
-}
-
-.dz-preview {
-  display: grid;
-  box-sizing: border-box;
-  padding: 6px 12px;
-  border-radius: 6px;
-  grid-template-columns: 1fr auto;
-  grid-template-rows: auto auto;
-  inline-size: 100%;
-}
-.dz-preview .dz-details {
-  display: flex;
-  min-width: 0;
-  flex-direction: column;
-  max-inline-size: 100%;
-}
-.dz-preview .dz-details .dz-filename {
-  overflow: hidden;
-  color: var(--vvd-color-canvas-text);
-  font: var(--vvd-typography-base);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.dz-preview .dz-details .dz-size {
-  color: var(--vvd-color-neutral-600);
-  font: var(--vvd-typography-base-condensed);
-}
-.dz-preview .dz-error-message {
-  color: var(--vvd-color-alert-500);
-  font: var(--vvd-typography-base-condensed);
-  margin-block-start: 4px;
-}
-.dz-preview:not(.dz-error) .dz-error-message {
-  display: none;
-}
-.dz-preview.dz-error {
-  border: 1px solid var(--vvd-color-alert-500);
-}
-.dz-preview.dz-error .dz-details .dz-size,
-.dz-preview.dz-error .dz-progress {
-  display: none;
-}
-.dz-preview .remove-btn {
-  display: inline;
-  align-self: center;
-  grid-column: 2/-1;
-  grid-row: 1/-1;
-}
-
-.message {
-  margin-block-start: 4px;
-  --_low-ink-color: var(--vvd-color-neutral-600);
-}
-
-.preview-list {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  margin-block-start: 12px;
-  overflow-y: auto;
-}
-.preview-list:empty {
-  display: none;
-}
-
-.control:not(:focus-visible) .focus-indicator {
-  display: none;
-}/**
- * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: inline-block;
@@ -4628,7 +4546,7 @@ label {
   pointer-events: none;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -4644,6 +4562,7 @@ label {
 
 :host([disabled]) {
   --_low-ink-color: var(--vvd-color-neutral-400);
+  cursor: not-allowed;
 }
 
 .label {
@@ -4743,7 +4662,6 @@ label {
   cursor: pointer;
 }
 .control.disabled {
-  cursor: not-allowed;
   pointer-events: none;
 }
 .control:not(.shape-pill) {
@@ -4809,8 +4727,12 @@ label {
   --_select-control-border-radius: 6px;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
+:host(.disabled) {
+  cursor: not-allowed;
+}
+
 .control {
   display: inline-flex;
   gap: 8px;
@@ -4925,7 +4847,6 @@ label {
   cursor: pointer;
 }
 .control.disabled {
-  cursor: not-allowed;
   pointer-events: none;
 }
 
@@ -4980,7 +4901,7 @@ label {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   position: relative;
@@ -5044,7 +4965,122 @@ label {
   inline-size: 100%;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
+ */
+:host {
+  display: block;
+  max-inline-size: 400px;
+}
+
+.base {
+  display: flex;
+  flex-direction: column;
+}
+
+.control {
+  position: relative;
+  display: flex;
+  box-sizing: border-box;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+  border: 1px dashed var(--vvd-color-neutral-400);
+  background-color: var(--vvd-color-cta-50);
+  border-radius: 6px;
+  color: var(--vvd-color-neutral-600);
+  cursor: pointer;
+  font: var(--vvd-typography-base);
+  gap: 8px;
+  inline-size: 100%;
+  min-block-size: 52px;
+  outline: none;
+}
+@supports selector(:focus-visible) {
+  .control:focus-visible {
+    outline: none;
+  }
+}
+.control:not(.size-expanded) {
+  min-block-size: 52px;
+}
+.control.size-expanded {
+  min-block-size: 120px;
+}
+
+.main {
+  pointer-events: none;
+}
+
+.dz-preview {
+  display: grid;
+  box-sizing: border-box;
+  padding: 6px 12px;
+  border-radius: 6px;
+  grid-template-columns: 1fr auto;
+  grid-template-rows: auto auto;
+  inline-size: 100%;
+}
+.dz-preview .dz-details {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  max-inline-size: 100%;
+}
+.dz-preview .dz-details .dz-filename {
+  overflow: hidden;
+  color: var(--vvd-color-canvas-text);
+  font: var(--vvd-typography-base);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.dz-preview .dz-details .dz-size {
+  color: var(--vvd-color-neutral-600);
+  font: var(--vvd-typography-base-condensed);
+}
+.dz-preview .dz-error-message {
+  color: var(--vvd-color-alert-500);
+  font: var(--vvd-typography-base-condensed);
+  margin-block-start: 4px;
+}
+.dz-preview:not(.dz-error) .dz-error-message {
+  display: none;
+}
+.dz-preview.dz-error {
+  border: 1px solid var(--vvd-color-alert-500);
+}
+.dz-preview.dz-error .dz-details .dz-size,
+.dz-preview.dz-error .dz-progress {
+  display: none;
+}
+.dz-preview .remove-btn {
+  display: inline;
+  align-self: center;
+  grid-column: 2/-1;
+  grid-row: 1/-1;
+}
+
+.message {
+  margin-block-start: 4px;
+  --_low-ink-color: var(--vvd-color-neutral-600);
+}
+
+.preview-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin-block-start: 12px;
+  overflow-y: auto;
+}
+.preview-list:empty {
+  display: none;
+}
+
+.control:not(:focus-visible) .focus-indicator {
+  display: none;
+}/**
+ * Do not edit directly
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: inline-block;
@@ -5148,7 +5184,7 @@ label {
 }
 .base.disabled {
   --_low-ink-color: var(--_appearance-color-text);
-  pointer-events: none;
+  cursor: not-allowed;
 }
 
 .label {
@@ -5181,7 +5217,6 @@ label {
   transition: box-shadow 0.2s, background-color 0.2s, color 0.2s;
 }
 .control:disabled {
-  cursor: not-allowed;
   opacity: 1; /* 2. correct opacity on iOS */
   pointer-events: none;
   -webkit-text-fill-color: var(--_appearance-color-text); /* 1. sets text fill to current `color` for safari */
@@ -5205,13 +5240,17 @@ label {
   resize: vertical;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
     outline: none;
   }
 }
+:host([disabled]) {
+  cursor: not-allowed;
+}
+
 .base {
   position: relative;
   display: flex;
@@ -5285,7 +5324,6 @@ label {
   cursor: pointer;
 }
 .base.disabled {
-  cursor: not-allowed;
   pointer-events: none;
 }
 
@@ -5331,6 +5369,10 @@ label {
   margin-inline-start: auto;
 }
 
+.chevron {
+  margin-inline-start: auto;
+}
+
 .text {
   display: flex;
   overflow: hidden;
@@ -5370,6 +5412,10 @@ label {
   min-height: calc(var(--_thumb-interaction-indicator-size) * 5);
 }
 
+:host([disabled]) {
+  cursor: not-allowed;
+}
+
 .control {
   --_thumb-size: 12px;
   --_thumb-interaction-indicator-size: 36px;
@@ -5472,7 +5518,6 @@ label {
 .control.disabled {
   --_track-background-color: var(--vvd-color-neutral-100);
   --_track-start-background-color: var(--vvd-color-neutral-500);
-  cursor: not-allowed;
   pointer-events: none;
 }
 .control:not(.disabled) {
@@ -5512,7 +5557,7 @@ label {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   display: grid;
@@ -5581,7 +5626,7 @@ label {
   background-color: var(--_appearance-color-fill);
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   min-inline-size: 80px;
@@ -5593,7 +5638,7 @@ label {
   box-sizing: border-box;
   align-items: center;
   padding: 8px 12px;
-  border-bottom: 1px solid var(--vvd-color-neutral-400);
+  border-bottom: 1px solid var(--vvd-color-neutral-300);
   block-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2) + 8));
   color: var(--_appearance-color-text);
   font: var(--vvd-typography-base);
@@ -5674,7 +5719,7 @@ slot {
   margin-inline-start: auto;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 ol {
   padding: 0;
@@ -5934,7 +5979,7 @@ ol {
   text-transform: uppercase;
 }/**
  * Do not edit directly
- * Generated on Wed, 13 Sep 2023 10:58:27 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: inline-block;
@@ -6015,6 +6060,29 @@ ol {
   margin-inline: 6px;
   --focus-inset: -2px;
 }
+.calendar .calendar-day.start, .calendar .calendar-day.end {
+  border: 2px solid var(--vvd-color-cta-50);
+  background-color: var(--vvd-color-cta-200);
+}
+.calendar .calendar-day::before, .calendar .calendar-day::after {
+  position: absolute;
+  z-index: -1;
+  display: block;
+  width: 20px;
+  height: 28px;
+}
+.calendar .calendar-day::before {
+  right: 50%;
+}
+.calendar .calendar-day::after {
+  left: 50%;
+}
+.calendar .calendar-day.range::before, .calendar .calendar-day.range::after {
+  background-color: var(--vvd-color-cta-50);
+}
+.calendar .calendar-day.range:not(.start)::before, .calendar .calendar-day.range:not(.end)::after {
+  content: "";
+}
 .calendar .calendar-day.outside-month, .calendar .calendar-day:disabled {
   color: var(--vvd-color-neutral-400);
 }