daisyui 3.6.4 → 3.6.6
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 +54 -62
- package/dist/styled.css +64 -24
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/dist/unstyled.css +5 -3
- package/dist/unstyled.js +1 -1
- package/dist/unstyled.rtl.js +1 -1
- package/dist/utilities-styled.js +1 -1
- package/package.json +4 -4
- package/src/index.d.ts +92 -91
- package/src/theming/themes.d.ts +3 -3
package/dist/full.css
CHANGED
|
@@ -1206,8 +1206,7 @@ hr {
|
|
|
1206
1206
|
Add the correct text decoration in Chrome, Edge, and Safari.
|
|
1207
1207
|
*/
|
|
1208
1208
|
abbr:where([title]) {
|
|
1209
|
-
|
|
1210
|
-
text-decoration: underline dotted;
|
|
1209
|
+
text-decoration: underline dotted;
|
|
1211
1210
|
}
|
|
1212
1211
|
/*
|
|
1213
1212
|
Remove the default font size and weight for headings.
|
|
@@ -1540,9 +1539,7 @@ html {
|
|
|
1540
1539
|
display: inline-flex;
|
|
1541
1540
|
align-items: center;
|
|
1542
1541
|
justify-content: center;
|
|
1543
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
1544
1542
|
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;
|
|
1546
1543
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1547
1544
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
1548
1545
|
transition-duration: 200ms;
|
|
@@ -1702,17 +1699,14 @@ html {
|
|
|
1702
1699
|
display: inline-flex;
|
|
1703
1700
|
flex-shrink: 0;
|
|
1704
1701
|
cursor: pointer;
|
|
1705
|
-
|
|
1706
|
-
user-select: none;
|
|
1702
|
+
user-select: none;
|
|
1707
1703
|
flex-wrap: wrap;
|
|
1708
1704
|
align-items: center;
|
|
1709
1705
|
justify-content: center;
|
|
1710
1706
|
border-color: transparent;
|
|
1711
1707
|
border-color: hsl(var(--b2) / var(--tw-border-opacity));
|
|
1712
1708
|
text-align: center;
|
|
1713
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
1714
1709
|
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;
|
|
1716
1710
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1717
1711
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
1718
1712
|
transition-duration: 200ms;
|
|
@@ -1951,7 +1945,8 @@ html {
|
|
|
1951
1945
|
grid-row-start: 2;
|
|
1952
1946
|
min-height: 0px;
|
|
1953
1947
|
transition: visibility 0.2s;
|
|
1954
|
-
transition: padding 0.2s ease-out,
|
|
1948
|
+
transition: padding 0.2s ease-out,
|
|
1949
|
+
background-color 0.2s ease-out;
|
|
1955
1950
|
padding-left: 1rem;
|
|
1956
1951
|
padding-right: 1rem;
|
|
1957
1952
|
cursor: unset}
|
|
@@ -2041,9 +2036,7 @@ html {
|
|
|
2041
2036
|
grid-column-start: 1;
|
|
2042
2037
|
grid-row-start: 1}
|
|
2043
2038
|
.drawer-side > *:not(.drawer-overlay) {
|
|
2044
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
2045
2039
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
2046
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
2047
2040
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2048
2041
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
2049
2042
|
transition-duration: 300ms;
|
|
@@ -2088,9 +2081,7 @@ html {
|
|
|
2088
2081
|
--tw-scale-x: .95;
|
|
2089
2082
|
--tw-scale-y: .95;
|
|
2090
2083
|
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;
|
|
2092
2084
|
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;
|
|
2094
2085
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2095
2086
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
2096
2087
|
transition-duration: 200ms}
|
|
@@ -2301,8 +2292,7 @@ html {
|
|
|
2301
2292
|
min-height: 2.875rem;
|
|
2302
2293
|
flex-shrink: 0;
|
|
2303
2294
|
cursor: pointer;
|
|
2304
|
-
|
|
2305
|
-
user-select: none;
|
|
2295
|
+
user-select: none;
|
|
2306
2296
|
flex-wrap: wrap;
|
|
2307
2297
|
align-items: center;
|
|
2308
2298
|
justify-content: center;
|
|
@@ -2312,9 +2302,7 @@ html {
|
|
|
2312
2302
|
font-size: 0.875rem;
|
|
2313
2303
|
line-height: 1.25rem;
|
|
2314
2304
|
line-height: 1em;
|
|
2315
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
2316
2305
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
2317
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
2318
2306
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2319
2307
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
2320
2308
|
transition-duration: 200ms;
|
|
@@ -2359,8 +2347,7 @@ html {
|
|
|
2359
2347
|
flex-direction: column}
|
|
2360
2348
|
.label {
|
|
2361
2349
|
display: flex;
|
|
2362
|
-
|
|
2363
|
-
user-select: none;
|
|
2350
|
+
user-select: none;
|
|
2364
2351
|
align-items: center;
|
|
2365
2352
|
justify-content: space-between;
|
|
2366
2353
|
padding-left: 0.25rem;
|
|
@@ -2559,12 +2546,10 @@ html {
|
|
|
2559
2546
|
align-items: center;
|
|
2560
2547
|
gap: 0.5rem;
|
|
2561
2548
|
grid-auto-columns: minmax(auto, max-content) auto max-content;
|
|
2562
|
-
|
|
2563
|
-
user-select: none}
|
|
2549
|
+
user-select: none}
|
|
2564
2550
|
.menu li.disabled {
|
|
2565
2551
|
cursor: not-allowed;
|
|
2566
|
-
|
|
2567
|
-
user-select: none;
|
|
2552
|
+
user-select: none;
|
|
2568
2553
|
color: hsl(var(--bc) / 0.3)}
|
|
2569
2554
|
.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
|
|
2570
2555
|
display: none}
|
|
@@ -2651,9 +2636,7 @@ html {
|
|
|
2651
2636
|
--tw-bg-opacity: 1;
|
|
2652
2637
|
background-color: hsl(var(--b1) / var(--tw-bg-opacity));
|
|
2653
2638
|
padding: 1.5rem;
|
|
2654
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
2655
2639
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
2656
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
2657
2640
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2658
2641
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
2659
2642
|
transition-duration: 200ms;
|
|
@@ -2737,8 +2720,8 @@ html {
|
|
|
2737
2720
|
content: ""}
|
|
2738
2721
|
.radial-progress:before {
|
|
2739
2722
|
inset: 0px;
|
|
2740
|
-
background: radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness)
|
|
2741
|
-
|
|
2723
|
+
background: radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness)
|
|
2724
|
+
no-repeat,
|
|
2742
2725
|
conic-gradient(currentColor calc(var(--value) * 1%), #0000 0);
|
|
2743
2726
|
-webkit-mask: radial-gradient(
|
|
2744
2727
|
farthest-side,
|
|
@@ -2791,8 +2774,7 @@ html {
|
|
|
2791
2774
|
.select {
|
|
2792
2775
|
display: inline-flex;
|
|
2793
2776
|
cursor: pointer;
|
|
2794
|
-
|
|
2795
|
-
user-select: none;
|
|
2777
|
+
user-select: none;
|
|
2796
2778
|
appearance: none;
|
|
2797
2779
|
height: 3rem;
|
|
2798
2780
|
padding-left: 1rem;
|
|
@@ -2806,12 +2788,13 @@ html {
|
|
|
2806
2788
|
--tw-border-opacity: 0;
|
|
2807
2789
|
--tw-bg-opacity: 1;
|
|
2808
2790
|
background-color: hsl(var(--b1) / var(--tw-bg-opacity));
|
|
2809
|
-
font-weight: 600;
|
|
2810
2791
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
2811
2792
|
background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
|
|
2812
2793
|
linear-gradient(135deg, currentColor 50%, transparent 50%);
|
|
2813
|
-
background-position: calc(100% - 20px) calc(1px + 50%),
|
|
2814
|
-
|
|
2794
|
+
background-position: calc(100% - 20px) calc(1px + 50%),
|
|
2795
|
+
calc(100% - 16px) calc(1px + 50%);
|
|
2796
|
+
background-size: 4px 4px,
|
|
2797
|
+
4px 4px;
|
|
2815
2798
|
background-repeat: no-repeat}
|
|
2816
2799
|
.select[multiple] {
|
|
2817
2800
|
height: auto}
|
|
@@ -2900,8 +2883,7 @@ html {
|
|
|
2900
2883
|
.swap {
|
|
2901
2884
|
position: relative;
|
|
2902
2885
|
display: inline-grid;
|
|
2903
|
-
|
|
2904
|
-
user-select: none;
|
|
2886
|
+
user-select: none;
|
|
2905
2887
|
place-content: center;
|
|
2906
2888
|
cursor: pointer}
|
|
2907
2889
|
.swap > * {
|
|
@@ -2932,8 +2914,7 @@ html {
|
|
|
2932
2914
|
position: relative;
|
|
2933
2915
|
display: inline-flex;
|
|
2934
2916
|
cursor: pointer;
|
|
2935
|
-
|
|
2936
|
-
user-select: none;
|
|
2917
|
+
user-select: none;
|
|
2937
2918
|
flex-wrap: wrap;
|
|
2938
2919
|
align-items: center;
|
|
2939
2920
|
justify-content: center;
|
|
@@ -3018,8 +2999,10 @@ html {
|
|
|
3018
2999
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
3019
3000
|
--tw-bg-opacity: 0.5;
|
|
3020
3001
|
border-radius: var(--rounded-badge, 1.9rem);
|
|
3021
|
-
transition: background,
|
|
3022
|
-
box-shadow
|
|
3002
|
+
transition: background,
|
|
3003
|
+
box-shadow var(--animation-input, 0.2s) ease-out;
|
|
3004
|
+
box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
|
|
3005
|
+
0 0 0 2px var(--tglbg) inset,
|
|
3023
3006
|
var(--togglehandleborder)}
|
|
3024
3007
|
.alert-info {
|
|
3025
3008
|
border-color: hsl(var(--in) / 0.2);
|
|
@@ -3787,7 +3770,8 @@ details.collapse summary::-webkit-details-marker {
|
|
|
3787
3770
|
.collapse:not(.collapse-close) :where(input[type="checkbox"]:checked ~ .collapse-content),
|
|
3788
3771
|
.collapse:not(.collapse-close) :where(input[type="radio"]:checked ~ .collapse-content) {
|
|
3789
3772
|
padding-bottom: 1rem;
|
|
3790
|
-
transition: padding 0.2s ease-out,
|
|
3773
|
+
transition: padding 0.2s ease-out,
|
|
3774
|
+
background-color 0.2s ease-out}
|
|
3791
3775
|
.collapse[open].collapse-arrow .collapse-title:after,
|
|
3792
3776
|
.collapse-open.collapse-arrow .collapse-title:after,
|
|
3793
3777
|
.collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
|
|
@@ -4183,9 +4167,7 @@ details.collapse summary::-webkit-details-marker {
|
|
|
4183
4167
|
padding-top: 0.5rem;
|
|
4184
4168
|
padding-bottom: 0.5rem;
|
|
4185
4169
|
text-align: left;
|
|
4186
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
4187
4170
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
4188
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
4189
4171
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
4190
4172
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
4191
4173
|
transition-duration: 200ms;
|
|
@@ -4248,7 +4230,9 @@ details.collapse summary::-webkit-details-marker {
|
|
|
4248
4230
|
width: 0.75rem;
|
|
4249
4231
|
border-radius: 9999px;
|
|
4250
4232
|
opacity: 0.3;
|
|
4251
|
-
box-shadow: 1.4em 0,
|
|
4233
|
+
box-shadow: 1.4em 0,
|
|
4234
|
+
2.8em 0,
|
|
4235
|
+
4.2em 0}
|
|
4252
4236
|
.mockup-code pre {
|
|
4253
4237
|
padding-right: 1.25rem}
|
|
4254
4238
|
.mockup-code pre:before {
|
|
@@ -4262,7 +4246,9 @@ details.collapse summary::-webkit-details-marker {
|
|
|
4262
4246
|
height: 0.75rem;
|
|
4263
4247
|
border-radius: 9999px;
|
|
4264
4248
|
opacity: 0.3;
|
|
4265
|
-
box-shadow: 1.4em 0,
|
|
4249
|
+
box-shadow: 1.4em 0,
|
|
4250
|
+
2.8em 0,
|
|
4251
|
+
4.2em 0}
|
|
4266
4252
|
.mockup-phone {
|
|
4267
4253
|
display: inline-block;
|
|
4268
4254
|
border: 4px solid #444;
|
|
@@ -4320,7 +4306,9 @@ details.collapse summary::-webkit-details-marker {
|
|
|
4320
4306
|
height: 0.75rem;
|
|
4321
4307
|
border-radius: 9999px;
|
|
4322
4308
|
opacity: 0.3;
|
|
4323
|
-
box-shadow: 1.4em 0,
|
|
4309
|
+
box-shadow: 1.4em 0,
|
|
4310
|
+
2.8em 0,
|
|
4311
|
+
4.2em 0}
|
|
4324
4312
|
.mockup-browser .mockup-browser-toolbar .input {
|
|
4325
4313
|
position: relative;
|
|
4326
4314
|
margin-left: auto;
|
|
@@ -4490,7 +4478,8 @@ details.collapse summary::-webkit-details-marker {
|
|
|
4490
4478
|
--tw-bg-opacity: 1;
|
|
4491
4479
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
4492
4480
|
animation: radiomark var(--animation-input, 0.2s) ease-out;
|
|
4493
|
-
box-shadow: 0 0 0 4px hsl(var(--b1)) inset,
|
|
4481
|
+
box-shadow: 0 0 0 4px hsl(var(--b1)) inset,
|
|
4482
|
+
0 0 0 4px hsl(var(--b1)) inset}
|
|
4494
4483
|
.radio-primary {
|
|
4495
4484
|
--chkbg: var(--p);
|
|
4496
4485
|
--tw-border-opacity: 1;
|
|
@@ -4594,11 +4583,14 @@ details.collapse summary::-webkit-details-marker {
|
|
|
4594
4583
|
opacity: 0.2}
|
|
4595
4584
|
@keyframes radiomark {
|
|
4596
4585
|
0% {
|
|
4597
|
-
box-shadow: 0 0 0 12px hsl(var(--b1)) inset,
|
|
4586
|
+
box-shadow: 0 0 0 12px hsl(var(--b1)) inset,
|
|
4587
|
+
0 0 0 12px hsl(var(--b1)) inset}
|
|
4598
4588
|
50% {
|
|
4599
|
-
box-shadow: 0 0 0 3px hsl(var(--b1)) inset,
|
|
4589
|
+
box-shadow: 0 0 0 3px hsl(var(--b1)) inset,
|
|
4590
|
+
0 0 0 3px hsl(var(--b1)) inset}
|
|
4600
4591
|
100% {
|
|
4601
|
-
box-shadow: 0 0 0 4px hsl(var(--b1)) inset,
|
|
4592
|
+
box-shadow: 0 0 0 4px hsl(var(--b1)) inset,
|
|
4593
|
+
0 0 0 4px hsl(var(--b1)) inset}}
|
|
4602
4594
|
.radio-mark {
|
|
4603
4595
|
display: none}
|
|
4604
4596
|
.range:focus-visible::-webkit-slider-thumb {
|
|
@@ -4630,7 +4622,8 @@ details.collapse summary::-webkit-details-marker {
|
|
|
4630
4622
|
transform: translateY(-50%);
|
|
4631
4623
|
--filler-size: 100rem;
|
|
4632
4624
|
--filler-offset: 0.6rem;
|
|
4633
|
-
box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,
|
|
4625
|
+
box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,
|
|
4626
|
+
var(--focus-shadow, 0 0),
|
|
4634
4627
|
calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)}
|
|
4635
4628
|
.range::-moz-range-thumb {
|
|
4636
4629
|
position: relative;
|
|
@@ -4644,7 +4637,8 @@ details.collapse summary::-webkit-details-marker {
|
|
|
4644
4637
|
color: hsl(var(--range-shdw));
|
|
4645
4638
|
--filler-size: 100rem;
|
|
4646
4639
|
--filler-offset: 0.5rem;
|
|
4647
|
-
box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,
|
|
4640
|
+
box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,
|
|
4641
|
+
var(--focus-shadow, 0 0),
|
|
4648
4642
|
calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)}
|
|
4649
4643
|
.range-primary {
|
|
4650
4644
|
--range-shdw: var(--p)}
|
|
@@ -4755,7 +4749,8 @@ details.collapse summary::-webkit-details-marker {
|
|
|
4755
4749
|
background-image: none;
|
|
4756
4750
|
padding-right: 1rem}
|
|
4757
4751
|
[dir="rtl"] .select {
|
|
4758
|
-
background-position: calc(0% + 12px) calc(1px + 50%),
|
|
4752
|
+
background-position: calc(0% + 12px) calc(1px + 50%),
|
|
4753
|
+
calc(0% + 16px) calc(1px + 50%)}
|
|
4759
4754
|
:where(.stats) > :not([hidden]) ~ :not([hidden]) {
|
|
4760
4755
|
--tw-divide-x-reverse: 0;
|
|
4761
4756
|
border-right-width: calc(1px * var(--tw-divide-x-reverse));
|
|
@@ -5095,10 +5090,12 @@ details.collapse summary::-webkit-details-marker {
|
|
|
5095
5090
|
--tw-border-opacity: 1;
|
|
5096
5091
|
--tw-bg-opacity: 1;
|
|
5097
5092
|
box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
|
|
5098
|
-
calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
|
|
5093
|
+
calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
|
|
5094
|
+
0 0 0 2px var(--tglbg) inset}
|
|
5099
5095
|
[dir="rtl"] .toggle:indeterminate {
|
|
5100
5096
|
box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
|
|
5101
|
-
calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
|
|
5097
|
+
calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
|
|
5098
|
+
0 0 0 2px var(--tglbg) inset}
|
|
5102
5099
|
.toggle-primary:focus-visible {
|
|
5103
5100
|
outline-color: hsl(var(--p) / 1)}
|
|
5104
5101
|
.toggle-primary:checked,
|
|
@@ -22688,9 +22685,7 @@ details.collapse summary::-webkit-details-marker {
|
|
|
22688
22685
|
.ring-offset-warning\/95 {
|
|
22689
22686
|
--tw-ring-offset-color: hsl(var(--wa) / 0.95)}
|
|
22690
22687
|
.transition {
|
|
22691
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
22692
22688
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
22693
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
22694
22689
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
22695
22690
|
transition-duration: 150ms}
|
|
22696
22691
|
.transition-all {
|
|
@@ -22744,8 +22739,7 @@ details.collapse summary::-webkit-details-marker {
|
|
|
22744
22739
|
.glass,
|
|
22745
22740
|
.glass.btn-active {
|
|
22746
22741
|
border: none;
|
|
22747
|
-
|
|
22748
|
-
backdrop-filter: blur(var(--glass-blur, 40px));
|
|
22742
|
+
backdrop-filter: blur(var(--glass-blur, 40px));
|
|
22749
22743
|
background-color: transparent;
|
|
22750
22744
|
background-image: linear-gradient(
|
|
22751
22745
|
135deg,
|
|
@@ -22763,8 +22757,7 @@ details.collapse summary::-webkit-details-marker {
|
|
|
22763
22757
|
@media (hover: hover) {
|
|
22764
22758
|
.glass.btn-active {
|
|
22765
22759
|
border: none;
|
|
22766
|
-
|
|
22767
|
-
backdrop-filter: blur(var(--glass-blur, 40px));
|
|
22760
|
+
backdrop-filter: blur(var(--glass-blur, 40px));
|
|
22768
22761
|
background-color: transparent;
|
|
22769
22762
|
background-image: linear-gradient(
|
|
22770
22763
|
135deg,
|
|
@@ -23520,7 +23513,8 @@ details.collapse summary::-webkit-details-marker {
|
|
|
23520
23513
|
--tw-text-opacity: 1;
|
|
23521
23514
|
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
23522
23515
|
border-radius: var(--rounded-box, 1rem);
|
|
23523
|
-
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
|
|
23516
|
+
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
|
|
23517
|
+
0 1px 2px 0 rgba(0, 0, 0, 0.06)}
|
|
23524
23518
|
.avatar.online:before {
|
|
23525
23519
|
content: "";
|
|
23526
23520
|
position: absolute;
|
|
@@ -23832,9 +23826,7 @@ details.collapse summary::-webkit-details-marker {
|
|
|
23832
23826
|
.tooltip:before,
|
|
23833
23827
|
.tooltip:after {
|
|
23834
23828
|
opacity: 0;
|
|
23835
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
23836
23829
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
23837
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
23838
23830
|
transition-delay: 100ms;
|
|
23839
23831
|
transition-duration: 200ms;
|
|
23840
23832
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}
|
package/dist/styled.css
CHANGED
|
@@ -374,7 +374,8 @@
|
|
|
374
374
|
.collapse:not(.collapse-close) input[type="radio"]:checked ~ .collapse-content {
|
|
375
375
|
visibility: visible;
|
|
376
376
|
min-height: fit-content;
|
|
377
|
-
}
|
|
377
|
+
}
|
|
378
|
+
:root .countdown {
|
|
378
379
|
line-height: 1em;
|
|
379
380
|
}
|
|
380
381
|
.countdown {
|
|
@@ -963,8 +964,9 @@
|
|
|
963
964
|
}
|
|
964
965
|
.radial-progress:before {
|
|
965
966
|
inset: 0px;
|
|
966
|
-
background:
|
|
967
|
-
|
|
967
|
+
background:
|
|
968
|
+
radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness)
|
|
969
|
+
no-repeat,
|
|
968
970
|
conic-gradient(currentColor calc(var(--value) * 1%), #0000 0);
|
|
969
971
|
-webkit-mask: radial-gradient(
|
|
970
972
|
farthest-side,
|
|
@@ -2498,7 +2500,9 @@ details.collapse summary {
|
|
|
2498
2500
|
padding-left: 1rem;
|
|
2499
2501
|
padding-right: 1rem;
|
|
2500
2502
|
cursor: unset;
|
|
2501
|
-
transition:
|
|
2503
|
+
transition:
|
|
2504
|
+
padding 0.2s ease-out,
|
|
2505
|
+
background-color 0.2s ease-out;
|
|
2502
2506
|
}
|
|
2503
2507
|
.collapse[open] :where(.collapse-content),
|
|
2504
2508
|
.collapse-open :where(.collapse-content),
|
|
@@ -2506,7 +2510,9 @@ details.collapse summary {
|
|
|
2506
2510
|
.collapse:not(.collapse-close) :where(input[type="checkbox"]:checked ~ .collapse-content),
|
|
2507
2511
|
.collapse:not(.collapse-close) :where(input[type="radio"]:checked ~ .collapse-content) {
|
|
2508
2512
|
padding-bottom: 1rem;
|
|
2509
|
-
transition:
|
|
2513
|
+
transition:
|
|
2514
|
+
padding 0.2s ease-out,
|
|
2515
|
+
background-color 0.2s ease-out;
|
|
2510
2516
|
}
|
|
2511
2517
|
.collapse[open].collapse-arrow .collapse-title:after,
|
|
2512
2518
|
.collapse-open.collapse-arrow .collapse-title:after,
|
|
@@ -3273,7 +3279,10 @@ details.collapse summary {
|
|
|
3273
3279
|
width: 0.75rem;
|
|
3274
3280
|
border-radius: 9999px;
|
|
3275
3281
|
opacity: 0.3;
|
|
3276
|
-
box-shadow:
|
|
3282
|
+
box-shadow:
|
|
3283
|
+
1.4em 0,
|
|
3284
|
+
2.8em 0,
|
|
3285
|
+
4.2em 0;
|
|
3277
3286
|
}
|
|
3278
3287
|
.mockup-code pre {
|
|
3279
3288
|
padding-right: 1.25rem;
|
|
@@ -3299,7 +3308,10 @@ details.collapse summary {
|
|
|
3299
3308
|
height: 0.75rem;
|
|
3300
3309
|
border-radius: 9999px;
|
|
3301
3310
|
opacity: 0.3;
|
|
3302
|
-
box-shadow:
|
|
3311
|
+
box-shadow:
|
|
3312
|
+
1.4em 0,
|
|
3313
|
+
2.8em 0,
|
|
3314
|
+
4.2em 0;
|
|
3303
3315
|
}
|
|
3304
3316
|
.mockup-phone {
|
|
3305
3317
|
display: inline-block;
|
|
@@ -3367,7 +3379,10 @@ details.collapse summary {
|
|
|
3367
3379
|
height: 0.75rem;
|
|
3368
3380
|
border-radius: 9999px;
|
|
3369
3381
|
opacity: 0.3;
|
|
3370
|
-
box-shadow:
|
|
3382
|
+
box-shadow:
|
|
3383
|
+
1.4em 0,
|
|
3384
|
+
2.8em 0,
|
|
3385
|
+
4.2em 0;
|
|
3371
3386
|
}
|
|
3372
3387
|
.mockup-browser .mockup-browser-toolbar .input {
|
|
3373
3388
|
position: relative;
|
|
@@ -3646,7 +3661,9 @@ details.collapse summary {
|
|
|
3646
3661
|
--tw-bg-opacity: 1;
|
|
3647
3662
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
3648
3663
|
animation: radiomark var(--animation-input, 0.2s) ease-out;
|
|
3649
|
-
box-shadow:
|
|
3664
|
+
box-shadow:
|
|
3665
|
+
0 0 0 4px hsl(var(--b1)) inset,
|
|
3666
|
+
0 0 0 4px hsl(var(--b1)) inset;
|
|
3650
3667
|
}
|
|
3651
3668
|
.radio-primary {
|
|
3652
3669
|
--chkbg: var(--p);
|
|
@@ -3816,13 +3833,19 @@ details.collapse summary {
|
|
|
3816
3833
|
|
|
3817
3834
|
@keyframes radiomark {
|
|
3818
3835
|
0% {
|
|
3819
|
-
box-shadow:
|
|
3836
|
+
box-shadow:
|
|
3837
|
+
0 0 0 12px hsl(var(--b1)) inset,
|
|
3838
|
+
0 0 0 12px hsl(var(--b1)) inset;
|
|
3820
3839
|
}
|
|
3821
3840
|
50% {
|
|
3822
|
-
box-shadow:
|
|
3841
|
+
box-shadow:
|
|
3842
|
+
0 0 0 3px hsl(var(--b1)) inset,
|
|
3843
|
+
0 0 0 3px hsl(var(--b1)) inset;
|
|
3823
3844
|
}
|
|
3824
3845
|
100% {
|
|
3825
|
-
box-shadow:
|
|
3846
|
+
box-shadow:
|
|
3847
|
+
0 0 0 4px hsl(var(--b1)) inset,
|
|
3848
|
+
0 0 0 4px hsl(var(--b1)) inset;
|
|
3826
3849
|
}
|
|
3827
3850
|
}
|
|
3828
3851
|
|
|
@@ -3872,7 +3895,9 @@ details.collapse summary {
|
|
|
3872
3895
|
transform: translateY(-50%);
|
|
3873
3896
|
--filler-size: 100rem;
|
|
3874
3897
|
--filler-offset: 0.6rem;
|
|
3875
|
-
box-shadow:
|
|
3898
|
+
box-shadow:
|
|
3899
|
+
0 0 0 3px hsl(var(--range-shdw)) inset,
|
|
3900
|
+
var(--focus-shadow, 0 0),
|
|
3876
3901
|
calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
|
|
3877
3902
|
}
|
|
3878
3903
|
.range::-moz-range-thumb {
|
|
@@ -3887,7 +3912,9 @@ details.collapse summary {
|
|
|
3887
3912
|
color: hsl(var(--range-shdw));
|
|
3888
3913
|
--filler-size: 100rem;
|
|
3889
3914
|
--filler-offset: 0.5rem;
|
|
3890
|
-
box-shadow:
|
|
3915
|
+
box-shadow:
|
|
3916
|
+
0 0 0 3px hsl(var(--range-shdw)) inset,
|
|
3917
|
+
var(--focus-shadow, 0 0),
|
|
3891
3918
|
calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
|
|
3892
3919
|
}
|
|
3893
3920
|
.range-primary {
|
|
@@ -3962,7 +3989,6 @@ details.collapse summary {
|
|
|
3962
3989
|
--tw-bg-opacity: 1;
|
|
3963
3990
|
background-color: hsl(var(--b1) / var(--tw-bg-opacity));
|
|
3964
3991
|
padding-right: 2.5rem;
|
|
3965
|
-
font-weight: 600;
|
|
3966
3992
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
3967
3993
|
}
|
|
3968
3994
|
.select-bordered {
|
|
@@ -3971,8 +3997,12 @@ details.collapse summary {
|
|
|
3971
3997
|
.select {
|
|
3972
3998
|
background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
|
|
3973
3999
|
linear-gradient(135deg, currentColor 50%, transparent 50%);
|
|
3974
|
-
background-position:
|
|
3975
|
-
|
|
4000
|
+
background-position:
|
|
4001
|
+
calc(100% - 20px) calc(1px + 50%),
|
|
4002
|
+
calc(100% - 16px) calc(1px + 50%);
|
|
4003
|
+
background-size:
|
|
4004
|
+
4px 4px,
|
|
4005
|
+
4px 4px;
|
|
3976
4006
|
background-repeat: no-repeat;
|
|
3977
4007
|
}
|
|
3978
4008
|
.select:focus {
|
|
@@ -4062,7 +4092,9 @@ details.collapse summary {
|
|
|
4062
4092
|
}
|
|
4063
4093
|
|
|
4064
4094
|
[dir="rtl"] .select {
|
|
4065
|
-
background-position:
|
|
4095
|
+
background-position:
|
|
4096
|
+
calc(0% + 12px) calc(1px + 50%),
|
|
4097
|
+
calc(0% + 16px) calc(1px + 50%);
|
|
4066
4098
|
}
|
|
4067
4099
|
.stack {
|
|
4068
4100
|
place-items: center;
|
|
@@ -4629,8 +4661,12 @@ details.collapse summary {
|
|
|
4629
4661
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
4630
4662
|
--tw-bg-opacity: 0.5;
|
|
4631
4663
|
border-radius: var(--rounded-badge, 1.9rem);
|
|
4632
|
-
transition:
|
|
4633
|
-
|
|
4664
|
+
transition:
|
|
4665
|
+
background,
|
|
4666
|
+
box-shadow var(--animation-input, 0.2s) ease-out;
|
|
4667
|
+
box-shadow:
|
|
4668
|
+
var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
|
|
4669
|
+
0 0 0 2px var(--tglbg) inset,
|
|
4634
4670
|
var(--togglehandleborder);
|
|
4635
4671
|
}
|
|
4636
4672
|
[dir="rtl"] .toggle {
|
|
@@ -4655,12 +4691,16 @@ details.collapse summary {
|
|
|
4655
4691
|
.toggle:indeterminate {
|
|
4656
4692
|
--tw-border-opacity: 1;
|
|
4657
4693
|
--tw-bg-opacity: 1;
|
|
4658
|
-
box-shadow:
|
|
4659
|
-
calc(var(--handleoffset) /
|
|
4694
|
+
box-shadow:
|
|
4695
|
+
calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
|
|
4696
|
+
calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
|
|
4697
|
+
0 0 0 2px var(--tglbg) inset;
|
|
4660
4698
|
}
|
|
4661
4699
|
[dir="rtl"] .toggle:indeterminate {
|
|
4662
|
-
box-shadow:
|
|
4663
|
-
calc(var(--handleoffset) /
|
|
4700
|
+
box-shadow:
|
|
4701
|
+
calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
|
|
4702
|
+
calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
|
|
4703
|
+
0 0 0 2px var(--tglbg) inset;
|
|
4664
4704
|
}
|
|
4665
4705
|
.toggle-primary:focus-visible {
|
|
4666
4706
|
outline-color: hsl(var(--p) / 1);
|