@delightui/components 0.1.71 → 0.1.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/cjs/library.css +30 -24
  2. package/dist/esm/library.css +30 -24
  3. package/package.json +1 -1
package/dist/cjs/library.css CHANGED
@@ -3007,6 +3007,7 @@ span.flatpickr-weekday {
3007
3007
  --modal-translateY: -50%;
3008
3008
  --modal-position-top: 50%;
3009
3009
  --modal-position-left: 50%;
3010
+ --modal-content-height: fit-content;
3010
3011
  display: flex;
3011
3012
  flex-direction: column;
3012
3013
  position: fixed;
@@ -3060,8 +3061,7 @@ span.flatpickr-weekday {
3060
3061
  }
3061
3062
  .Modal-module_modal__b2VqT .Modal-module_content__JquMo {
3062
3063
  width: auto;
3063
- height: -moz-fit-content;
3064
- height: fit-content;
3064
+ height: var(--modal-content-height);
3065
3065
  }
3066
3066
  .Modal-module_backdrop__62XUz {
3067
3067
  position: fixed;
@@ -4283,28 +4283,34 @@ span.flatpickr-weekday {
4283
4283
  transform: initial;
4284
4284
  opacity: 0;
4285
4285
  transition: transform 0.3s ease, opacity 0.3s ease;
4286
- padding-top: calc(var(--slide-out-panel-padding-top) - var(--slide-out-panel-border-top-width));
4287
- padding-bottom: calc(var(--slide-out-panel-padding-bottom) - var(--slide-out-panel-border-bottom-width));
4288
- padding-left: calc(var(--slide-out-panel-padding-left) - var(--slide-out-panel-border-left-width));
4289
- padding-right: calc(var(--slide-out-panel-padding-right) - var(--slide-out-panel-border-right-width));
4290
- row-gap: var(--slide-out-panel-row-gap);
4291
- -moz-column-gap: var(--slide-out-panel-column-gap);
4292
- column-gap: var(--slide-out-panel-column-gap);
4293
- border-top-width: var(--slide-out-panel-border-top-width);
4294
- border-bottom-width: var(--slide-out-panel-border-bottom-width);
4295
- border-left-width: var(--slide-out-panel-border-left-width);
4296
- border-right-width: var(--slide-out-panel-border-right-width);
4297
- border-style: var(--slide-out-panel-border-style);
4298
- border-color: var(--slide-out-panel-border-color);
4299
- border-top-left-radius: var(--slide-out-panel-border-top-left-radius);
4300
- border-top-right-radius: var(--slide-out-panel-border-top-right-radius);
4301
- border-bottom-right-radius: var(--slide-out-panel-border-bottom-right-radius);
4302
- border-bottom-left-radius: var(--slide-out-panel-border-bottom-left-radius);
4303
- outline-width: var(--slide-out-panel-outline-width);
4304
- outline-style: var(--slide-out-panel-outline-style);
4305
- outline-color: var(--slide-out-panel-outline-color);
4306
- background-color: var(--slide-out-panel-background-color);
4307
- color: var(--slide-out-panel-color);
4286
+ --modal-height: var(--slide-out-panel-height);
4287
+ --modal-min-height: var(--slide-out-panel-min-height);
4288
+ --modal-max-height: var(--slide-out-panel-max-height);
4289
+ --modal-width: var(--slide-out-panel-width);
4290
+ --modal-min-width: var(--slide-out-panel-min-width);
4291
+ --modal-max-width: var(--slide-out-panel-max-width);
4292
+ --modal-padding-top: var(--slide-out-panel-padding-top);
4293
+ --modal-padding-bottom: var(--slide-out-panel-padding-bottom);
4294
+ --modal-padding-left: var(--slide-out-panel-padding-left);
4295
+ --modal-padding-right: var(--slide-out-panel-padding-right);
4296
+ --modal-row-gap: var(--slide-out-panel-row-gap);
4297
+ --modal-column-gap: var(--slide-out-panel-column-gap);
4298
+ --modal-border-top-width: var(--slide-out-panel-border-top-width);
4299
+ --modal-border-bottom-width: var(--slide-out-panel-border-bottom-width);
4300
+ --modal-border-left-width: var(--slide-out-panel-border-left-width);
4301
+ --modal-border-right-width: var(--slide-out-panel-border-right-width);
4302
+ --modal-border-style: var(--slide-out-panel-border-style);
4303
+ --modal-border-color: var(--slide-out-panel-border-color);
4304
+ --modal-border-top-left-radius: var(--slide-out-panel-border-top-left-radius);
4305
+ --modal-border-top-right-radius: var(--slide-out-panel-border-top-right-radius);
4306
+ --modal-border-bottom-right-radius: var(--slide-out-panel-border-bottom-right-radius);
4307
+ --modal-border-bottom-left-radius: var(--slide-out-panel-border-bottom-left-radius);
4308
+ --modal-outline-width: var(--slide-out-panel-outline-width);
4309
+ --modal-outline-style: var(--slide-out-panel-outline-style);
4310
+ --modal-outline-color: var(--slide-out-panel-outline-color);
4311
+ --modal-background-color: var(--slide-out-panel-background-color);
4312
+ --modal-color: var(--slide-out-panel-color);
4313
+ --modal-content-height: 100%;
4308
4314
  }
4309
4315
 
4310
4316
  .SlideOutPanel-module_slideOutPanel--right__I8eTm {
package/dist/esm/library.css CHANGED
@@ -3007,6 +3007,7 @@ span.flatpickr-weekday {
3007
3007
  --modal-translateY: -50%;
3008
3008
  --modal-position-top: 50%;
3009
3009
  --modal-position-left: 50%;
3010
+ --modal-content-height: fit-content;
3010
3011
  display: flex;
3011
3012
  flex-direction: column;
3012
3013
  position: fixed;
@@ -3060,8 +3061,7 @@ span.flatpickr-weekday {
3060
3061
  }
3061
3062
  .Modal-module_modal__b2VqT .Modal-module_content__JquMo {
3062
3063
  width: auto;
3063
- height: -moz-fit-content;
3064
- height: fit-content;
3064
+ height: var(--modal-content-height);
3065
3065
  }
3066
3066
  .Modal-module_backdrop__62XUz {
3067
3067
  position: fixed;
@@ -4283,28 +4283,34 @@ span.flatpickr-weekday {
4283
4283
  transform: initial;
4284
4284
  opacity: 0;
4285
4285
  transition: transform 0.3s ease, opacity 0.3s ease;
4286
- padding-top: calc(var(--slide-out-panel-padding-top) - var(--slide-out-panel-border-top-width));
4287
- padding-bottom: calc(var(--slide-out-panel-padding-bottom) - var(--slide-out-panel-border-bottom-width));
4288
- padding-left: calc(var(--slide-out-panel-padding-left) - var(--slide-out-panel-border-left-width));
4289
- padding-right: calc(var(--slide-out-panel-padding-right) - var(--slide-out-panel-border-right-width));
4290
- row-gap: var(--slide-out-panel-row-gap);
4291
- -moz-column-gap: var(--slide-out-panel-column-gap);
4292
- column-gap: var(--slide-out-panel-column-gap);
4293
- border-top-width: var(--slide-out-panel-border-top-width);
4294
- border-bottom-width: var(--slide-out-panel-border-bottom-width);
4295
- border-left-width: var(--slide-out-panel-border-left-width);
4296
- border-right-width: var(--slide-out-panel-border-right-width);
4297
- border-style: var(--slide-out-panel-border-style);
4298
- border-color: var(--slide-out-panel-border-color);
4299
- border-top-left-radius: var(--slide-out-panel-border-top-left-radius);
4300
- border-top-right-radius: var(--slide-out-panel-border-top-right-radius);
4301
- border-bottom-right-radius: var(--slide-out-panel-border-bottom-right-radius);
4302
- border-bottom-left-radius: var(--slide-out-panel-border-bottom-left-radius);
4303
- outline-width: var(--slide-out-panel-outline-width);
4304
- outline-style: var(--slide-out-panel-outline-style);
4305
- outline-color: var(--slide-out-panel-outline-color);
4306
- background-color: var(--slide-out-panel-background-color);
4307
- color: var(--slide-out-panel-color);
4286
+ --modal-height: var(--slide-out-panel-height);
4287
+ --modal-min-height: var(--slide-out-panel-min-height);
4288
+ --modal-max-height: var(--slide-out-panel-max-height);
4289
+ --modal-width: var(--slide-out-panel-width);
4290
+ --modal-min-width: var(--slide-out-panel-min-width);
4291
+ --modal-max-width: var(--slide-out-panel-max-width);
4292
+ --modal-padding-top: var(--slide-out-panel-padding-top);
4293
+ --modal-padding-bottom: var(--slide-out-panel-padding-bottom);
4294
+ --modal-padding-left: var(--slide-out-panel-padding-left);
4295
+ --modal-padding-right: var(--slide-out-panel-padding-right);
4296
+ --modal-row-gap: var(--slide-out-panel-row-gap);
4297
+ --modal-column-gap: var(--slide-out-panel-column-gap);
4298
+ --modal-border-top-width: var(--slide-out-panel-border-top-width);
4299
+ --modal-border-bottom-width: var(--slide-out-panel-border-bottom-width);
4300
+ --modal-border-left-width: var(--slide-out-panel-border-left-width);
4301
+ --modal-border-right-width: var(--slide-out-panel-border-right-width);
4302
+ --modal-border-style: var(--slide-out-panel-border-style);
4303
+ --modal-border-color: var(--slide-out-panel-border-color);
4304
+ --modal-border-top-left-radius: var(--slide-out-panel-border-top-left-radius);
4305
+ --modal-border-top-right-radius: var(--slide-out-panel-border-top-right-radius);
4306
+ --modal-border-bottom-right-radius: var(--slide-out-panel-border-bottom-right-radius);
4307
+ --modal-border-bottom-left-radius: var(--slide-out-panel-border-bottom-left-radius);
4308
+ --modal-outline-width: var(--slide-out-panel-outline-width);
4309
+ --modal-outline-style: var(--slide-out-panel-outline-style);
4310
+ --modal-outline-color: var(--slide-out-panel-outline-color);
4311
+ --modal-background-color: var(--slide-out-panel-background-color);
4312
+ --modal-color: var(--slide-out-panel-color);
4313
+ --modal-content-height: 100%;
4308
4314
  }
4309
4315
 
4310
4316
  .SlideOutPanel-module_slideOutPanel--right__I8eTm {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@delightui/components",
3
- "version": "0.1.71",
3
+ "version": "0.1.72",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "start": "vite",