daisyui 3.7.0 → 3.7.1

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 (8) hide show
  1. package/dist/full.css +30 -30
  2. package/dist/styled.css +30 -30
  3. package/dist/styled.js +1 -1
  4. package/dist/styled.rtl.js +1 -1
  5. package/dist/unstyled.css +5 -5
  6. package/dist/unstyled.js +1 -1
  7. package/dist/unstyled.rtl.js +1 -1
  8. package/package.json +1 -1
package/dist/full.css CHANGED
@@ -1957,11 +1957,11 @@ html {
1957
1957
  .collapse:not(.collapse-close):has(> input[type="checkbox"]:checked),
1958
1958
  .collapse:not(.collapse-close):has(> input[type="radio"]:checked) {
1959
1959
  grid-template-rows: auto 1fr}
1960
- .collapse[open] .collapse-content,
1961
- .collapse-open .collapse-content,
1962
- .collapse:focus:not(.collapse-close) .collapse-content,
1963
- .collapse:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-content,
1964
- .collapse:not(.collapse-close) input[type="radio"]:checked ~ .collapse-content {
1960
+ .collapse[open] > .collapse-content,
1961
+ .collapse-open > .collapse-content,
1962
+ .collapse:focus:not(.collapse-close) > .collapse-content,
1963
+ .collapse:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-content,
1964
+ .collapse:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-content {
1965
1965
  visibility: visible;
1966
1966
  min-height: fit-content}
1967
1967
  :root .countdown {
@@ -2791,7 +2791,7 @@ html {
2791
2791
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
2792
2792
  linear-gradient(135deg, currentColor 50%, transparent 50%);
2793
2793
  background-position: calc(100% - 20px) calc(1px + 50%),
2794
- calc(100% - 16px) calc(1px + 50%);
2794
+ calc(100% - 16.1px) calc(1px + 50%);
2795
2795
  background-size: 4px 4px,
2796
2796
  4px 4px;
2797
2797
  background-repeat: no-repeat}
@@ -3710,7 +3710,7 @@ details.collapse summary::-webkit-details-marker {
3710
3710
  outline-width: 2px;
3711
3711
  outline-offset: 2px;
3712
3712
  outline-color: hsl(var(--bc) / 1)}
3713
- .collapse-arrow .collapse-title:after {
3713
+ .collapse-arrow > .collapse-title:after {
3714
3714
  position: absolute;
3715
3715
  display: block;
3716
3716
  height: 0.5rem;
@@ -3729,9 +3729,9 @@ details.collapse summary::-webkit-details-marker {
3729
3729
  transform-origin: 75% 75%;
3730
3730
  box-shadow: 2px 2px;
3731
3731
  pointer-events: none}
3732
- [dir="rtl"] .collapse-arrow .collapse-title:after {
3732
+ [dir="rtl"] .collapse-arrow > .collapse-title:after {
3733
3733
  --tw-rotate: -45deg}
3734
- .collapse-plus .collapse-title:after {
3734
+ .collapse-plus > .collapse-title:after {
3735
3735
  position: absolute;
3736
3736
  display: block;
3737
3737
  height: 0.5rem;
@@ -3744,11 +3744,11 @@ details.collapse summary::-webkit-details-marker {
3744
3744
  right: 1.4rem;
3745
3745
  content: "+";
3746
3746
  pointer-events: none}
3747
- .collapse:not(.collapse-open):not(.collapse-close) input[type="checkbox"],
3748
- .collapse:not(.collapse-open):not(.collapse-close) input[type="radio"]:not(:checked),
3749
- .collapse:not(.collapse-open):not(.collapse-close) .collapse-title {
3747
+ .collapse:not(.collapse-open):not(.collapse-close) > input[type="checkbox"],
3748
+ .collapse:not(.collapse-open):not(.collapse-close) > input[type="radio"]:not(:checked),
3749
+ .collapse:not(.collapse-open):not(.collapse-close) > .collapse-title {
3750
3750
  cursor: pointer}
3751
- .collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) .collapse-title {
3751
+ .collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) > .collapse-title {
3752
3752
  cursor: unset}
3753
3753
  .collapse-title {
3754
3754
  position: relative}
@@ -3763,35 +3763,35 @@ details.collapse summary::-webkit-details-marker {
3763
3763
  padding-right: 3rem;
3764
3764
  min-height: 3.75rem;
3765
3765
  transition: background-color 0.2s ease-out}
3766
- .collapse[open] :where(.collapse-content),
3767
- .collapse-open :where(.collapse-content),
3768
- .collapse:focus:not(.collapse-close) :where(.collapse-content),
3769
- .collapse:not(.collapse-close) :where(input[type="checkbox"]:checked ~ .collapse-content),
3770
- .collapse:not(.collapse-close) :where(input[type="radio"]:checked ~ .collapse-content) {
3766
+ .collapse[open] > :where(.collapse-content),
3767
+ .collapse-open > :where(.collapse-content),
3768
+ .collapse:focus:not(.collapse-close) > :where(.collapse-content),
3769
+ .collapse:not(.collapse-close) > :where(input[type="checkbox"]:checked ~ .collapse-content),
3770
+ .collapse:not(.collapse-close) > :where(input[type="radio"]:checked ~ .collapse-content) {
3771
3771
  padding-bottom: 1rem;
3772
3772
  transition: padding 0.2s ease-out,
3773
3773
  background-color 0.2s ease-out}
3774
- .collapse[open].collapse-arrow .collapse-title:after,
3775
- .collapse-open.collapse-arrow .collapse-title:after,
3776
- .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
3777
- .collapse-arrow:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-title:after,
3778
- .collapse-arrow:not(.collapse-close) input[type="radio"]:checked ~ .collapse-title:after {
3774
+ .collapse[open].collapse-arrow > .collapse-title:after,
3775
+ .collapse-open.collapse-arrow > .collapse-title:after,
3776
+ .collapse-arrow:focus:not(.collapse-close) > .collapse-title:after,
3777
+ .collapse-arrow:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after,
3778
+ .collapse-arrow:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after {
3779
3779
  --tw-translate-y: -50%;
3780
3780
  --tw-rotate: 225deg;
3781
3781
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
3782
- [dir="rtl"] .collapse[open].collapse-arrow .collapse-title:after,
3783
- [dir="rtl"] .collapse-open.collapse-arrow .collapse-title:after,
3782
+ [dir="rtl"] .collapse[open].collapse-arrow > .collapse-title:after,
3783
+ [dir="rtl"] .collapse-open.collapse-arrow > .collapse-title:after,
3784
3784
  [dir="rtl"] .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
3785
3785
  [dir="rtl"]
3786
3786
  .collapse-arrow:not(.collapse-close)
3787
3787
  input[type="checkbox"]:checked
3788
3788
  ~ .collapse-title:after {
3789
3789
  --tw-rotate: 135deg}
3790
- .collapse[open].collapse-plus .collapse-title:after,
3791
- .collapse-open.collapse-plus .collapse-title:after,
3792
- .collapse-plus:focus:not(.collapse-close) .collapse-title:after,
3793
- .collapse-plus:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-title:after,
3794
- .collapse-plus:not(.collapse-close) input[type="radio"]:checked ~ .collapse-title:after {
3790
+ .collapse[open].collapse-plus > .collapse-title:after,
3791
+ .collapse-open.collapse-plus > .collapse-title:after,
3792
+ .collapse-plus:focus:not(.collapse-close) > .collapse-title:after,
3793
+ .collapse-plus:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after,
3794
+ .collapse-plus:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after {
3795
3795
  content: "−"}
3796
3796
  .divider:before {
3797
3797
  background-color: hsl(var(--bc) / var(--tw-bg-opacity));
package/dist/styled.css CHANGED
@@ -367,11 +367,11 @@
367
367
  .collapse:not(.collapse-close):has(> input[type="radio"]:checked) {
368
368
  grid-template-rows: auto 1fr;
369
369
  }
370
- .collapse[open] .collapse-content,
371
- .collapse-open .collapse-content,
372
- .collapse:focus:not(.collapse-close) .collapse-content,
373
- .collapse:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-content,
374
- .collapse:not(.collapse-close) input[type="radio"]:checked ~ .collapse-content {
370
+ .collapse[open] > .collapse-content,
371
+ .collapse-open > .collapse-content,
372
+ .collapse:focus:not(.collapse-close) > .collapse-content,
373
+ .collapse:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-content,
374
+ .collapse:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-content {
375
375
  visibility: visible;
376
376
  min-height: fit-content;
377
377
  }
@@ -2433,7 +2433,7 @@ details.collapse summary {
2433
2433
  outline-offset: 2px;
2434
2434
  outline-color: hsl(var(--bc) / 1);
2435
2435
  }
2436
- .collapse-arrow .collapse-title:after {
2436
+ .collapse-arrow > .collapse-title:after {
2437
2437
  position: absolute;
2438
2438
  display: block;
2439
2439
  height: 0.5rem;
@@ -2453,10 +2453,10 @@ details.collapse summary {
2453
2453
  box-shadow: 2px 2px;
2454
2454
  pointer-events: none;
2455
2455
  }
2456
- [dir="rtl"] .collapse-arrow .collapse-title:after {
2456
+ [dir="rtl"] .collapse-arrow > .collapse-title:after {
2457
2457
  --tw-rotate: -45deg;
2458
2458
  }
2459
- .collapse-plus .collapse-title:after {
2459
+ .collapse-plus > .collapse-title:after {
2460
2460
  position: absolute;
2461
2461
  display: block;
2462
2462
  height: 0.5rem;
@@ -2470,12 +2470,12 @@ details.collapse summary {
2470
2470
  content: "+";
2471
2471
  pointer-events: none;
2472
2472
  }
2473
- .collapse:not(.collapse-open):not(.collapse-close) input[type="checkbox"],
2474
- .collapse:not(.collapse-open):not(.collapse-close) input[type="radio"]:not(:checked),
2475
- .collapse:not(.collapse-open):not(.collapse-close) .collapse-title {
2473
+ .collapse:not(.collapse-open):not(.collapse-close) > input[type="checkbox"],
2474
+ .collapse:not(.collapse-open):not(.collapse-close) > input[type="radio"]:not(:checked),
2475
+ .collapse:not(.collapse-open):not(.collapse-close) > .collapse-title {
2476
2476
  cursor: pointer;
2477
2477
  }
2478
- .collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) .collapse-title {
2478
+ .collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) > .collapse-title {
2479
2479
  cursor: unset;
2480
2480
  }
2481
2481
  .collapse-title {
@@ -2502,27 +2502,27 @@ details.collapse summary {
2502
2502
  padding 0.2s ease-out,
2503
2503
  background-color 0.2s ease-out;
2504
2504
  }
2505
- .collapse[open] :where(.collapse-content),
2506
- .collapse-open :where(.collapse-content),
2507
- .collapse:focus:not(.collapse-close) :where(.collapse-content),
2508
- .collapse:not(.collapse-close) :where(input[type="checkbox"]:checked ~ .collapse-content),
2509
- .collapse:not(.collapse-close) :where(input[type="radio"]:checked ~ .collapse-content) {
2505
+ .collapse[open] > :where(.collapse-content),
2506
+ .collapse-open > :where(.collapse-content),
2507
+ .collapse:focus:not(.collapse-close) > :where(.collapse-content),
2508
+ .collapse:not(.collapse-close) > :where(input[type="checkbox"]:checked ~ .collapse-content),
2509
+ .collapse:not(.collapse-close) > :where(input[type="radio"]:checked ~ .collapse-content) {
2510
2510
  padding-bottom: 1rem;
2511
2511
  transition:
2512
2512
  padding 0.2s ease-out,
2513
2513
  background-color 0.2s ease-out;
2514
2514
  }
2515
- .collapse[open].collapse-arrow .collapse-title:after,
2516
- .collapse-open.collapse-arrow .collapse-title:after,
2517
- .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
2518
- .collapse-arrow:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-title:after,
2519
- .collapse-arrow:not(.collapse-close) input[type="radio"]:checked ~ .collapse-title:after {
2515
+ .collapse[open].collapse-arrow > .collapse-title:after,
2516
+ .collapse-open.collapse-arrow > .collapse-title:after,
2517
+ .collapse-arrow:focus:not(.collapse-close) > .collapse-title:after,
2518
+ .collapse-arrow:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after,
2519
+ .collapse-arrow:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after {
2520
2520
  --tw-translate-y: -50%;
2521
2521
  --tw-rotate: 225deg;
2522
2522
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2523
2523
  }
2524
- [dir="rtl"] .collapse[open].collapse-arrow .collapse-title:after,
2525
- [dir="rtl"] .collapse-open.collapse-arrow .collapse-title:after,
2524
+ [dir="rtl"] .collapse[open].collapse-arrow > .collapse-title:after,
2525
+ [dir="rtl"] .collapse-open.collapse-arrow > .collapse-title:after,
2526
2526
  [dir="rtl"] .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
2527
2527
  [dir="rtl"]
2528
2528
  .collapse-arrow:not(.collapse-close)
@@ -2530,11 +2530,11 @@ details.collapse summary {
2530
2530
  ~ .collapse-title:after {
2531
2531
  --tw-rotate: 135deg;
2532
2532
  }
2533
- .collapse[open].collapse-plus .collapse-title:after,
2534
- .collapse-open.collapse-plus .collapse-title:after,
2535
- .collapse-plus:focus:not(.collapse-close) .collapse-title:after,
2536
- .collapse-plus:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-title:after,
2537
- .collapse-plus:not(.collapse-close) input[type="radio"]:checked ~ .collapse-title:after {
2533
+ .collapse[open].collapse-plus > .collapse-title:after,
2534
+ .collapse-open.collapse-plus > .collapse-title:after,
2535
+ .collapse-plus:focus:not(.collapse-close) > .collapse-title:after,
2536
+ .collapse-plus:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after,
2537
+ .collapse-plus:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after {
2538
2538
  content: "−";
2539
2539
  }
2540
2540
  .countdown > *:before {
@@ -3997,7 +3997,7 @@ details.collapse summary {
3997
3997
  linear-gradient(135deg, currentColor 50%, transparent 50%);
3998
3998
  background-position:
3999
3999
  calc(100% - 20px) calc(1px + 50%),
4000
- calc(100% - 16px) calc(1px + 50%);
4000
+ calc(100% - 16.1px) calc(1px + 50%);
4001
4001
  background-size:
4002
4002
  4px 4px,
4003
4003
  4px 4px;