@delightui/components 0.1.71 → 0.1.73

package/dist/cjs/library.css

@@ -3007,6 +3007,7 @@ span.flatpickr-weekday {
   --modal-translateY: -50%;
   --modal-position-top: 50%;
   --modal-position-left: 50%;
+  --modal-content-height: fit-content;
   display: flex;
   flex-direction: column;
   position: fixed;
@@ -3060,8 +3061,7 @@ span.flatpickr-weekday {
 }
 .Modal-module_modal__b2VqT .Modal-module_content__JquMo {
   width: auto;
-  height: -moz-fit-content;
-  height: fit-content;
+  height: var(--modal-content-height);
 }
 .Modal-module_backdrop__62XUz {
   position: fixed;
@@ -3771,6 +3771,9 @@ span.flatpickr-weekday {
   --radio-button-ring-background: var(--radio-button-item-radio-ring-background);
   --radio-button-ring-border-color: var(--radio-button-item-radio-ring-border-color);
 }
+.Dropzone-module_dropzone__4uDyI {
+  width: var(--dropzone-width);
+}
 .DropzoneContent-module_dropzoneContent__UjfAn {
   width: 100%;
   border-width: 1px;
@@ -4283,28 +4286,34 @@ span.flatpickr-weekday {
   transform: initial;
   opacity: 0;
   transition: transform 0.3s ease, opacity 0.3s ease;
-  padding-top: calc(var(--slide-out-panel-padding-top) - var(--slide-out-panel-border-top-width));
-  padding-bottom: calc(var(--slide-out-panel-padding-bottom) - var(--slide-out-panel-border-bottom-width));
-  padding-left: calc(var(--slide-out-panel-padding-left) - var(--slide-out-panel-border-left-width));
-  padding-right: calc(var(--slide-out-panel-padding-right) - var(--slide-out-panel-border-right-width));
-  row-gap: var(--slide-out-panel-row-gap);
-  -moz-column-gap: var(--slide-out-panel-column-gap);
-       column-gap: var(--slide-out-panel-column-gap);
-  border-top-width: var(--slide-out-panel-border-top-width);
-  border-bottom-width: var(--slide-out-panel-border-bottom-width);
-  border-left-width: var(--slide-out-panel-border-left-width);
-  border-right-width: var(--slide-out-panel-border-right-width);
-  border-style: var(--slide-out-panel-border-style);
-  border-color: var(--slide-out-panel-border-color);
-  border-top-left-radius: var(--slide-out-panel-border-top-left-radius);
-  border-top-right-radius: var(--slide-out-panel-border-top-right-radius);
-  border-bottom-right-radius: var(--slide-out-panel-border-bottom-right-radius);
-  border-bottom-left-radius: var(--slide-out-panel-border-bottom-left-radius);
-  outline-width: var(--slide-out-panel-outline-width);
-  outline-style: var(--slide-out-panel-outline-style);
-  outline-color: var(--slide-out-panel-outline-color);
-  background-color: var(--slide-out-panel-background-color);
-  color: var(--slide-out-panel-color);
+  --modal-height: var(--slide-out-panel-height);
+  --modal-min-height: var(--slide-out-panel-min-height);
+  --modal-max-height: var(--slide-out-panel-max-height);
+  --modal-width: var(--slide-out-panel-width);
+  --modal-min-width: var(--slide-out-panel-min-width);
+  --modal-max-width: var(--slide-out-panel-max-width);
+  --modal-padding-top: var(--slide-out-panel-padding-top);
+  --modal-padding-bottom: var(--slide-out-panel-padding-bottom);
+  --modal-padding-left: var(--slide-out-panel-padding-left);
+  --modal-padding-right: var(--slide-out-panel-padding-right);
+  --modal-row-gap: var(--slide-out-panel-row-gap);
+  --modal-column-gap: var(--slide-out-panel-column-gap);
+  --modal-border-top-width: var(--slide-out-panel-border-top-width);
+  --modal-border-bottom-width: var(--slide-out-panel-border-bottom-width);
+  --modal-border-left-width: var(--slide-out-panel-border-left-width);
+  --modal-border-right-width: var(--slide-out-panel-border-right-width);
+  --modal-border-style: var(--slide-out-panel-border-style);
+  --modal-border-color: var(--slide-out-panel-border-color);
+  --modal-border-top-left-radius: var(--slide-out-panel-border-top-left-radius);
+  --modal-border-top-right-radius: var(--slide-out-panel-border-top-right-radius);
+  --modal-border-bottom-right-radius: var(--slide-out-panel-border-bottom-right-radius);
+  --modal-border-bottom-left-radius: var(--slide-out-panel-border-bottom-left-radius);
+  --modal-outline-width: var(--slide-out-panel-outline-width);
+  --modal-outline-style: var(--slide-out-panel-outline-style);
+  --modal-outline-color: var(--slide-out-panel-outline-color);
+  --modal-background-color: var(--slide-out-panel-background-color);
+  --modal-color: var(--slide-out-panel-color);
+  --modal-content-height: 100%;
 }
 
 .SlideOutPanel-module_slideOutPanel--right__I8eTm {
@@ -24427,8 +24436,6 @@ span.flatpickr-weekday {
     }
 [data-theme='dark'] [component-variant="dropzone-empty"], [data-theme='light'] [component-variant="dropzone-empty"] {
         --dropzone-width: 100%;
-        --dropzone-row-gap: var(--spacing-space-5);
-        --dropzone-column-gap: var(--spacing-space-5);
         --dropzone-font-family: var(--font-family-body);
         --dropzone-font-size: var(--font-size-body-small);
         --dropzone-font-weight: var(--font-weight-medium);
@@ -24438,8 +24445,6 @@ span.flatpickr-weekday {
     }
 [data-theme='dark'] [component-variant="dropzone-loading"], [data-theme='light'] [component-variant="dropzone-loading"] {
         --dropzone-width: 100%;
-        --dropzone-row-gap: var(--spacing-space-5);
-        --dropzone-column-gap: var(--spacing-space-5);
         --dropzone-font-family: var(--font-family-body);
         --dropzone-font-size: var(--font-size-body-small);
         --dropzone-font-weight: var(--font-weight-medium);
@@ -24449,8 +24454,6 @@ span.flatpickr-weekday {
     }
 [data-theme='dark'] [component-variant="dropzone-uploaded"], [data-theme='light'] [component-variant="dropzone-uploaded"] {
         --dropzone-width: 100%;
-        --dropzone-row-gap: var(--spacing-space-5);
-        --dropzone-column-gap: var(--spacing-space-5);
         --dropzone-font-family: var(--font-family-body);
         --dropzone-font-size: var(--font-size-body-small);
         --dropzone-font-weight: var(--font-weight-medium);