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 +47 -14
- package/dist/styled.css +11 -2
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/dist/unstyled.css +11 -2
- package/dist/unstyled.js +1 -1
- package/dist/unstyled.rtl.js +1 -1
- package/package.json +3 -3
- package/src/index.js +1 -0
package/dist/full.css
CHANGED
|
@@ -1150,7 +1150,7 @@
|
|
|
1150
1150
|
--er: 0 63% 72%
|
|
1151
1151
|
}
|
|
1152
1152
|
/*
|
|
1153
|
-
! tailwindcss v3.3.
|
|
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
|
-
:
|
|
2493
|
-
|
|
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
|
-
|
|
765
|
-
|
|
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;
|