daisyui 3.9.2 → 3.9.4

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.
package/dist/full.css CHANGED
@@ -1150,7 +1150,7 @@
1150
1150
  --er: 0 63% 72%
1151
1151
  }
1152
1152
  /*
1153
- ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
1153
+ ! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
1154
1154
  */
1155
1155
  /*
1156
1156
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -1206,7 +1206,8 @@ hr {
1206
1206
  Add the correct text decoration in Chrome, Edge, and Safari.
1207
1207
  */
1208
1208
  abbr:where([title]) {
1209
- text-decoration: underline dotted;
1209
+ -webkit-text-decoration: underline dotted;
1210
+ text-decoration: underline dotted;
1210
1211
  }
1211
1212
  /*
1212
1213
  Remove the default font size and weight for headings.
@@ -1539,7 +1540,9 @@ html {
1539
1540
  display: inline-flex;
1540
1541
  align-items: center;
1541
1542
  justify-content: center;
1543
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1542
1544
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1545
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1543
1546
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1544
1547
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1545
1548
  transition-duration: 200ms;
@@ -1699,14 +1702,17 @@ html {
1699
1702
  display: inline-flex;
1700
1703
  flex-shrink: 0;
1701
1704
  cursor: pointer;
1702
- user-select: none;
1705
+ -webkit-user-select: none;
1706
+ user-select: none;
1703
1707
  flex-wrap: wrap;
1704
1708
  align-items: center;
1705
1709
  justify-content: center;
1706
1710
  border-color: transparent;
1707
1711
  border-color: hsl(var(--b2) / var(--tw-border-opacity));
1708
1712
  text-align: center;
1713
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1709
1714
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1715
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1710
1716
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1711
1717
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1712
1718
  transition-duration: 200ms;
@@ -2036,7 +2042,9 @@ html {
2036
2042
  grid-column-start: 1;
2037
2043
  grid-row-start: 1}
2038
2044
  .drawer-side > *:not(.drawer-overlay) {
2045
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2039
2046
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2047
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2040
2048
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2041
2049
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2042
2050
  transition-duration: 300ms;
@@ -2080,7 +2088,9 @@ html {
2080
2088
  --tw-scale-x: .95;
2081
2089
  --tw-scale-y: .95;
2082
2090
  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));
2091
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2083
2092
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2093
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2084
2094
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2085
2095
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2086
2096
  transition-duration: 200ms}
@@ -2290,7 +2300,8 @@ html {
2290
2300
  height: 100%;
2291
2301
  flex-shrink: 0;
2292
2302
  cursor: pointer;
2293
- user-select: none;
2303
+ -webkit-user-select: none;
2304
+ user-select: none;
2294
2305
  flex-wrap: wrap;
2295
2306
  align-items: center;
2296
2307
  justify-content: center;
@@ -2300,7 +2311,9 @@ html {
2300
2311
  font-size: 0.875rem;
2301
2312
  line-height: 1.25rem;
2302
2313
  line-height: 1em;
2314
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2303
2315
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2316
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2304
2317
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2305
2318
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2306
2319
  transition-duration: 200ms;
@@ -2345,7 +2358,8 @@ html {
2345
2358
  flex-direction: column}
2346
2359
  .label {
2347
2360
  display: flex;
2348
- user-select: none;
2361
+ -webkit-user-select: none;
2362
+ user-select: none;
2349
2363
  align-items: center;
2350
2364
  justify-content: space-between;
2351
2365
  padding-left: 0.25rem;
@@ -2489,8 +2503,12 @@ html {
2489
2503
  .join :where(*:last-child:not(:first-child) .join-item) {
2490
2504
  border-start-end-radius: inherit;
2491
2505
  border-end-end-radius: inherit}
2492
- :where(.join *) {
2493
- border-radius: inherit}
2506
+ @supports not selector(:has(*)) {
2507
+ :where(.join *) {
2508
+ border-radius: inherit}}
2509
+ @supports selector(:has(*)) {
2510
+ :where(.join *:has(.join-item)) {
2511
+ border-radius: inherit}}
2494
2512
  .kbd {
2495
2513
  display: inline-flex;
2496
2514
  align-items: center;
@@ -2548,10 +2566,12 @@ html {
2548
2566
  align-items: center;
2549
2567
  gap: 0.5rem;
2550
2568
  grid-auto-columns: minmax(auto, max-content) auto max-content;
2551
- user-select: none}
2569
+ -webkit-user-select: none;
2570
+ user-select: none}
2552
2571
  .menu li.disabled {
2553
2572
  cursor: not-allowed;
2554
- user-select: none;
2573
+ -webkit-user-select: none;
2574
+ user-select: none;
2555
2575
  color: hsl(var(--bc) / 0.3)}
2556
2576
  .menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
2557
2577
  display: none}
@@ -2638,7 +2658,9 @@ html {
2638
2658
  --tw-bg-opacity: 1;
2639
2659
  background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2640
2660
  padding: 1.5rem;
2661
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2641
2662
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2663
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2642
2664
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2643
2665
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2644
2666
  transition-duration: 200ms;
@@ -2776,7 +2798,8 @@ html {
2776
2798
  .select {
2777
2799
  display: inline-flex;
2778
2800
  cursor: pointer;
2779
- user-select: none;
2801
+ -webkit-user-select: none;
2802
+ user-select: none;
2780
2803
  appearance: none;
2781
2804
  height: 3rem;
2782
2805
  padding-left: 1rem;
@@ -2885,7 +2908,8 @@ html {
2885
2908
  .swap {
2886
2909
  position: relative;
2887
2910
  display: inline-grid;
2888
- user-select: none;
2911
+ -webkit-user-select: none;
2912
+ user-select: none;
2889
2913
  place-content: center;
2890
2914
  cursor: pointer}
2891
2915
  .swap > * {
@@ -2916,7 +2940,8 @@ html {
2916
2940
  position: relative;
2917
2941
  display: inline-flex;
2918
2942
  cursor: pointer;
2919
- user-select: none;
2943
+ -webkit-user-select: none;
2944
+ user-select: none;
2920
2945
  flex-wrap: wrap;
2921
2946
  align-items: center;
2922
2947
  justify-content: center;
@@ -4181,7 +4206,9 @@ details.collapse summary::-webkit-details-marker {
4181
4206
  padding-top: 0.5rem;
4182
4207
  padding-bottom: 0.5rem;
4183
4208
  text-align: left;
4209
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
4184
4210
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
4211
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
4185
4212
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4186
4213
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
4187
4214
  transition-duration: 200ms;
@@ -22686,7 +22713,9 @@ details.collapse summary::-webkit-details-marker {
22686
22713
  .ring-offset-warning\/95 {
22687
22714
  --tw-ring-offset-color: hsl(var(--wa) / 0.95)}
22688
22715
  .transition {
22716
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
22689
22717
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
22718
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
22690
22719
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22691
22720
  transition-duration: 150ms}
22692
22721
  .transition-all {
@@ -22740,7 +22769,8 @@ details.collapse summary::-webkit-details-marker {
22740
22769
  .glass,
22741
22770
  .glass.btn-active {
22742
22771
  border: none;
22743
- backdrop-filter: blur(var(--glass-blur, 40px));
22772
+ -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
22773
+ backdrop-filter: blur(var(--glass-blur, 40px));
22744
22774
  background-color: transparent;
22745
22775
  background-image: linear-gradient(
22746
22776
  135deg,
@@ -22758,7 +22788,8 @@ details.collapse summary::-webkit-details-marker {
22758
22788
  @media (hover: hover) {
22759
22789
  .glass.btn-active {
22760
22790
  border: none;
22761
- backdrop-filter: blur(var(--glass-blur, 40px));
22791
+ -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
22792
+ backdrop-filter: blur(var(--glass-blur, 40px));
22762
22793
  background-color: transparent;
22763
22794
  background-image: linear-gradient(
22764
22795
  135deg,
@@ -23819,7 +23850,9 @@ details.collapse summary::-webkit-details-marker {
23819
23850
  .tooltip:before,
23820
23851
  .tooltip:after {
23821
23852
  opacity: 0;
23853
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
23822
23854
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
23855
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
23823
23856
  transition-delay: 100ms;
23824
23857
  transition-duration: 200ms;
23825
23858
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}
package/dist/styled.css CHANGED
@@ -761,8 +761,17 @@
761
761
  border-start-end-radius: inherit;
762
762
  border-end-end-radius: inherit;
763
763
  }
764
- :where(.join *) {
765
- border-radius: inherit;
764
+
765
+ @supports not selector(:has(*)) {
766
+ :where(.join *) {
767
+ border-radius: inherit;
768
+ }
769
+ }
770
+
771
+ @supports selector(:has(*)) {
772
+ :where(.join *:has(.join-item)) {
773
+ border-radius: inherit;
774
+ }
766
775
  }
767
776
  .kbd {
768
777
  display: inline-flex;