@vonage/vivid 3.37.0 → 3.38.0

package/style.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 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 Tue, 26 Sep 2023 13:00:58 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 Tue, 26 Sep 2023 13:00:58 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 Tue, 26 Sep 2023 13:00:58 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 Tue, 26 Sep 2023 13:00:58 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 Tue, 26 Sep 2023 13:00:58 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 Tue, 26 Sep 2023 13:00:58 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 Tue, 26 Sep 2023 13:00:58 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 Tue, 26 Sep 2023 13:00:58 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 Tue, 26 Sep 2023 13:00:58 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 Tue, 26 Sep 2023 13:00:58 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 Tue, 26 Sep 2023 13:00:58 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));
@@ -1376,7 +1382,7 @@ slot[name=icon] {
   order: 1;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .control {
   overflow: hidden;
@@ -1453,7 +1459,7 @@ slot[name=icon] {
   margin-inline-end: 8px;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   display: flex;
@@ -1493,7 +1499,7 @@ slot[name=icon] {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: flex;
@@ -1594,7 +1600,7 @@ slot[name=icon] {
   margin-inline-start: auto;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 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 Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .control {
   position: relative;
@@ -1788,7 +1794,7 @@ slot[name=icon] {
   --focus-stroke-gap-color: transparent;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   z-index: 1;
@@ -1930,7 +1936,7 @@ slot[name=icon] {
   gap: 4px;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .control {
   position: relative;
@@ -2032,7 +2038,7 @@ details > summary::-webkit-details-marker {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .control {
   position: relative;
@@ -2110,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 Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   display: flex;
@@ -2183,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));
 }
@@ -2205,7 +2211,7 @@ details > summary::-webkit-details-marker {
   font: var(--vvd-typography-base);
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .control {
   display: inline-flex;
@@ -2223,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;
@@ -2241,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 Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   height: 6px;
@@ -2393,7 +2412,7 @@ details > summary::-webkit-details-marker {
   }
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .control {
   position: fixed;
@@ -2440,7 +2459,7 @@ details > summary::-webkit-details-marker {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: inline-block;
@@ -2744,7 +2763,7 @@ details > summary::-webkit-details-marker {
   --focus-inset: -1px;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 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));
@@ -2903,7 +2922,7 @@ slot[name=icon] {
   gap: 8px;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .control {
   display: inline-block;
@@ -2928,7 +2947,7 @@ slot[name=icon] {
   margin-block-start: 16px;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .control {
   pointer-events: none;
@@ -2943,13 +2962,17 @@ slot[name=icon] {
   font: var(--vvd-typography-base-bold);
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 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;
@@ -3025,7 +3048,6 @@ slot[name=icon] {
   cursor: pointer;
 }
 .control.disabled {
-  cursor: not-allowed;
   pointer-events: none;
 }
 .control .text {
@@ -3068,7 +3090,7 @@ slot[name=icon] {
   color: var(--vvd-color-neutral-600);
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   display: flex;
@@ -3080,7 +3102,7 @@ slot[name=icon] {
   border-bottom: 1px solid var(--vvd-color-neutral-200);
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: flex;
@@ -3195,7 +3217,7 @@ button:not(:focus-visible) > .focus-indicator {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: inline-block;
@@ -3479,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);
 }
 
@@ -3511,8 +3534,12 @@ button:not(:focus-visible) > .focus-indicator {
   display: flex;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 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;
@@ -3586,7 +3613,6 @@ button:not(:focus-visible) > .focus-indicator {
   cursor: pointer;
 }
 .base.disabled {
-  cursor: not-allowed;
   pointer-events: none;
 }
 .base .text {
@@ -3645,7 +3671,7 @@ dialog.fixed {
   transform: translate(0, -50%);
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   box-sizing: border-box;
@@ -3786,7 +3812,7 @@ slot[name=main] {
   border-radius: inherit;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .positioning-region {
   display: flex;
@@ -3805,7 +3831,7 @@ label {
   font: var(--vvd-typography-base);
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -3817,6 +3843,10 @@ label {
   grid-column: 1/auto;
 }
 
+:host([disabled]) {
+  cursor: not-allowed;
+}
+
 .base {
   position: relative;
   display: flex;
@@ -3892,7 +3922,6 @@ label {
   cursor: pointer;
 }
 .base.disabled {
-  cursor: not-allowed;
   pointer-events: none;
 }
 :host(.vertical) .base {
@@ -3935,7 +3964,7 @@ slot[name=icon] {
   opacity: 0;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   display: grid;
@@ -4052,8 +4081,12 @@ slot[name=icon] {
   gap: 4px;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
+:host([disabled]) {
+  cursor: not-allowed;
+}
+
 .base {
   display: inline-flex;
   align-items: center;
@@ -4132,7 +4165,6 @@ slot[name=icon] {
   cursor: pointer;
 }
 .base.disabled {
-  cursor: not-allowed;
   pointer-events: none;
 }
 
@@ -4236,7 +4268,7 @@ label {
   margin-inline-end: 4px;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: block;
@@ -4255,122 +4287,7 @@ label {
   inline-size: 1px;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 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 Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: inline-block;
@@ -4629,7 +4546,7 @@ label {
   pointer-events: none;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 @supports selector(:focus-visible) {
   :host(:focus-visible) {
@@ -4645,6 +4562,7 @@ label {
 
 :host([disabled]) {
   --_low-ink-color: var(--vvd-color-neutral-400);
+  cursor: not-allowed;
 }
 
 .label {
@@ -4744,7 +4662,6 @@ label {
   cursor: pointer;
 }
 .control.disabled {
-  cursor: not-allowed;
   pointer-events: none;
 }
 .control:not(.shape-pill) {
@@ -4810,8 +4727,12 @@ label {
   --_select-control-border-radius: 6px;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
+:host(.disabled) {
+  cursor: not-allowed;
+}
+
 .control {
   display: inline-flex;
   gap: 8px;
@@ -4926,7 +4847,6 @@ label {
   cursor: pointer;
 }
 .control.disabled {
-  cursor: not-allowed;
   pointer-events: none;
 }
 
@@ -4981,7 +4901,7 @@ label {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   position: relative;
@@ -5045,7 +4965,122 @@ label {
   inline-size: 100%;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 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;
@@ -5149,7 +5184,7 @@ label {
 }
 .base.disabled {
   --_low-ink-color: var(--_appearance-color-text);
-  pointer-events: none;
+  cursor: not-allowed;
 }
 
 .label {
@@ -5182,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 */
@@ -5206,13 +5240,17 @@ label {
   resize: vertical;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 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;
@@ -5286,7 +5324,6 @@ label {
   cursor: pointer;
 }
 .base.disabled {
-  cursor: not-allowed;
   pointer-events: none;
 }
 
@@ -5375,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;
@@ -5477,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) {
@@ -5517,7 +5557,7 @@ label {
   display: none;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 .base {
   display: grid;
@@ -5586,7 +5626,7 @@ label {
   background-color: var(--_appearance-color-fill);
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   min-inline-size: 80px;
@@ -5598,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);
@@ -5679,7 +5719,7 @@ slot {
   margin-inline-start: auto;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 ol {
   padding: 0;
@@ -5939,7 +5979,7 @@ ol {
   text-transform: uppercase;
 }/**
  * Do not edit directly
- * Generated on Tue, 26 Sep 2023 13:00:58 GMT
+ * Generated on Fri, 13 Oct 2023 14:45:50 GMT
  */
 :host {
   display: inline-block;
@@ -6020,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);
 }