daisyui 3.7.0 → 3.7.2

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 +34 -30
  2. package/dist/styled.css +35 -30
  3. package/dist/styled.js +1 -1
  4. package/dist/styled.rtl.js +1 -1
  5. package/dist/unstyled.css +10 -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 {
@@ -2474,6 +2474,10 @@ html {
2474
2474
  .join *:first-child:not(:last-child) .join-item {
2475
2475
  border-top-right-radius: 0;
2476
2476
  border-bottom-right-radius: 0}
2477
+ .join .dropdown .join-item:first-child:not(:last-child),
2478
+ .join *:first-child:not(:last-child) .dropdown .join-item {
2479
+ border-top-right-radius: inherit;
2480
+ border-bottom-right-radius: inherit}
2477
2481
  .join :where(.join-item:first-child:not(:last-child)),
2478
2482
  .join :where(*:first-child:not(:last-child) .join-item) {
2479
2483
  border-bottom-left-radius: inherit;
@@ -2791,7 +2795,7 @@ html {
2791
2795
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
2792
2796
  linear-gradient(135deg, currentColor 50%, transparent 50%);
2793
2797
  background-position: calc(100% - 20px) calc(1px + 50%),
2794
- calc(100% - 16px) calc(1px + 50%);
2798
+ calc(100% - 16.1px) calc(1px + 50%);
2795
2799
  background-size: 4px 4px,
2796
2800
  4px 4px;
2797
2801
  background-repeat: no-repeat}
@@ -3710,7 +3714,7 @@ details.collapse summary::-webkit-details-marker {
3710
3714
  outline-width: 2px;
3711
3715
  outline-offset: 2px;
3712
3716
  outline-color: hsl(var(--bc) / 1)}
3713
- .collapse-arrow .collapse-title:after {
3717
+ .collapse-arrow > .collapse-title:after {
3714
3718
  position: absolute;
3715
3719
  display: block;
3716
3720
  height: 0.5rem;
@@ -3729,9 +3733,9 @@ details.collapse summary::-webkit-details-marker {
3729
3733
  transform-origin: 75% 75%;
3730
3734
  box-shadow: 2px 2px;
3731
3735
  pointer-events: none}
3732
- [dir="rtl"] .collapse-arrow .collapse-title:after {
3736
+ [dir="rtl"] .collapse-arrow > .collapse-title:after {
3733
3737
  --tw-rotate: -45deg}
3734
- .collapse-plus .collapse-title:after {
3738
+ .collapse-plus > .collapse-title:after {
3735
3739
  position: absolute;
3736
3740
  display: block;
3737
3741
  height: 0.5rem;
@@ -3744,11 +3748,11 @@ details.collapse summary::-webkit-details-marker {
3744
3748
  right: 1.4rem;
3745
3749
  content: "+";
3746
3750
  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 {
3751
+ .collapse:not(.collapse-open):not(.collapse-close) > input[type="checkbox"],
3752
+ .collapse:not(.collapse-open):not(.collapse-close) > input[type="radio"]:not(:checked),
3753
+ .collapse:not(.collapse-open):not(.collapse-close) > .collapse-title {
3750
3754
  cursor: pointer}
3751
- .collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) .collapse-title {
3755
+ .collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) > .collapse-title {
3752
3756
  cursor: unset}
3753
3757
  .collapse-title {
3754
3758
  position: relative}
@@ -3763,35 +3767,35 @@ details.collapse summary::-webkit-details-marker {
3763
3767
  padding-right: 3rem;
3764
3768
  min-height: 3.75rem;
3765
3769
  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) {
3770
+ .collapse[open] > :where(.collapse-content),
3771
+ .collapse-open > :where(.collapse-content),
3772
+ .collapse:focus:not(.collapse-close) > :where(.collapse-content),
3773
+ .collapse:not(.collapse-close) > :where(input[type="checkbox"]:checked ~ .collapse-content),
3774
+ .collapse:not(.collapse-close) > :where(input[type="radio"]:checked ~ .collapse-content) {
3771
3775
  padding-bottom: 1rem;
3772
3776
  transition: padding 0.2s ease-out,
3773
3777
  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 {
3778
+ .collapse[open].collapse-arrow > .collapse-title:after,
3779
+ .collapse-open.collapse-arrow > .collapse-title:after,
3780
+ .collapse-arrow:focus:not(.collapse-close) > .collapse-title:after,
3781
+ .collapse-arrow:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after,
3782
+ .collapse-arrow:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after {
3779
3783
  --tw-translate-y: -50%;
3780
3784
  --tw-rotate: 225deg;
3781
3785
  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,
3786
+ [dir="rtl"] .collapse[open].collapse-arrow > .collapse-title:after,
3787
+ [dir="rtl"] .collapse-open.collapse-arrow > .collapse-title:after,
3784
3788
  [dir="rtl"] .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
3785
3789
  [dir="rtl"]
3786
3790
  .collapse-arrow:not(.collapse-close)
3787
3791
  input[type="checkbox"]:checked
3788
3792
  ~ .collapse-title:after {
3789
3793
  --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 {
3794
+ .collapse[open].collapse-plus > .collapse-title:after,
3795
+ .collapse-open.collapse-plus > .collapse-title:after,
3796
+ .collapse-plus:focus:not(.collapse-close) > .collapse-title:after,
3797
+ .collapse-plus:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after,
3798
+ .collapse-plus:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after {
3795
3799
  content: "−"}
3796
3800
  .divider:before {
3797
3801
  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
  }
@@ -742,6 +742,11 @@
742
742
  border-top-right-radius: 0;
743
743
  border-bottom-right-radius: 0;
744
744
  }
745
+ .join .dropdown .join-item:first-child:not(:last-child),
746
+ .join *:first-child:not(:last-child) .dropdown .join-item {
747
+ border-top-right-radius: inherit;
748
+ border-bottom-right-radius: inherit;
749
+ }
745
750
  .join :where(.join-item:first-child:not(:last-child)),
746
751
  .join :where(*:first-child:not(:last-child) .join-item) {
747
752
  border-bottom-left-radius: inherit;
@@ -2433,7 +2438,7 @@ details.collapse summary {
2433
2438
  outline-offset: 2px;
2434
2439
  outline-color: hsl(var(--bc) / 1);
2435
2440
  }
2436
- .collapse-arrow .collapse-title:after {
2441
+ .collapse-arrow > .collapse-title:after {
2437
2442
  position: absolute;
2438
2443
  display: block;
2439
2444
  height: 0.5rem;
@@ -2453,10 +2458,10 @@ details.collapse summary {
2453
2458
  box-shadow: 2px 2px;
2454
2459
  pointer-events: none;
2455
2460
  }
2456
- [dir="rtl"] .collapse-arrow .collapse-title:after {
2461
+ [dir="rtl"] .collapse-arrow > .collapse-title:after {
2457
2462
  --tw-rotate: -45deg;
2458
2463
  }
2459
- .collapse-plus .collapse-title:after {
2464
+ .collapse-plus > .collapse-title:after {
2460
2465
  position: absolute;
2461
2466
  display: block;
2462
2467
  height: 0.5rem;
@@ -2470,12 +2475,12 @@ details.collapse summary {
2470
2475
  content: "+";
2471
2476
  pointer-events: none;
2472
2477
  }
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 {
2478
+ .collapse:not(.collapse-open):not(.collapse-close) > input[type="checkbox"],
2479
+ .collapse:not(.collapse-open):not(.collapse-close) > input[type="radio"]:not(:checked),
2480
+ .collapse:not(.collapse-open):not(.collapse-close) > .collapse-title {
2476
2481
  cursor: pointer;
2477
2482
  }
2478
- .collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) .collapse-title {
2483
+ .collapse:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open]) > .collapse-title {
2479
2484
  cursor: unset;
2480
2485
  }
2481
2486
  .collapse-title {
@@ -2502,27 +2507,27 @@ details.collapse summary {
2502
2507
  padding 0.2s ease-out,
2503
2508
  background-color 0.2s ease-out;
2504
2509
  }
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
+ .collapse[open] > :where(.collapse-content),
2511
+ .collapse-open > :where(.collapse-content),
2512
+ .collapse:focus:not(.collapse-close) > :where(.collapse-content),
2513
+ .collapse:not(.collapse-close) > :where(input[type="checkbox"]:checked ~ .collapse-content),
2514
+ .collapse:not(.collapse-close) > :where(input[type="radio"]:checked ~ .collapse-content) {
2510
2515
  padding-bottom: 1rem;
2511
2516
  transition:
2512
2517
  padding 0.2s ease-out,
2513
2518
  background-color 0.2s ease-out;
2514
2519
  }
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
+ .collapse[open].collapse-arrow > .collapse-title:after,
2521
+ .collapse-open.collapse-arrow > .collapse-title:after,
2522
+ .collapse-arrow:focus:not(.collapse-close) > .collapse-title:after,
2523
+ .collapse-arrow:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after,
2524
+ .collapse-arrow:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after {
2520
2525
  --tw-translate-y: -50%;
2521
2526
  --tw-rotate: 225deg;
2522
2527
  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
2528
  }
2524
- [dir="rtl"] .collapse[open].collapse-arrow .collapse-title:after,
2525
- [dir="rtl"] .collapse-open.collapse-arrow .collapse-title:after,
2529
+ [dir="rtl"] .collapse[open].collapse-arrow > .collapse-title:after,
2530
+ [dir="rtl"] .collapse-open.collapse-arrow > .collapse-title:after,
2526
2531
  [dir="rtl"] .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
2527
2532
  [dir="rtl"]
2528
2533
  .collapse-arrow:not(.collapse-close)
@@ -2530,11 +2535,11 @@ details.collapse summary {
2530
2535
  ~ .collapse-title:after {
2531
2536
  --tw-rotate: 135deg;
2532
2537
  }
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
+ .collapse[open].collapse-plus > .collapse-title:after,
2539
+ .collapse-open.collapse-plus > .collapse-title:after,
2540
+ .collapse-plus:focus:not(.collapse-close) > .collapse-title:after,
2541
+ .collapse-plus:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-title:after,
2542
+ .collapse-plus:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-title:after {
2538
2543
  content: "−";
2539
2544
  }
2540
2545
  .countdown > *:before {
@@ -3997,7 +4002,7 @@ details.collapse summary {
3997
4002
  linear-gradient(135deg, currentColor 50%, transparent 50%);
3998
4003
  background-position:
3999
4004
  calc(100% - 20px) calc(1px + 50%),
4000
- calc(100% - 16px) calc(1px + 50%);
4005
+ calc(100% - 16.1px) calc(1px + 50%);
4001
4006
  background-size:
4002
4007
  4px 4px,
4003
4008
  4px 4px;