daisyui 4.2.2 → 4.3.0-alpha.0
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/base.cjs +1 -0
- package/dist/full.css +12 -38
- package/dist/styled.cjs +1 -0
- package/dist/unstyled.cjs +1 -0
- package/dist/utilities-styled.cjs +1 -0
- package/dist/utilities-unstyled.cjs +1 -0
- package/dist/utilities.cjs +1 -0
- package/package.json +4 -4
- package/src/docs/src/lib/data/themes.js +34 -0
- package/src/experiments/playground/src/components/Demo.astro +160 -0
- package/src/experiments/playground/src/env.d.ts +1 -0
- package/src/experiments/playground/src/layouts/Main.astro +15 -0
- package/src/experiments/playground/src/pages/LTR.astro +8 -0
- package/src/experiments/playground/src/pages/RTL.astro +8 -0
- package/src/experiments/playground/src/pages/dark.astro +8 -0
- package/src/experiments/playground/src/pages/demo.astro +8 -0
- package/src/experiments/playground/src/pages/index.astro +32 -0
- package/src/experiments/playground/src/pages/light.astro +8 -0
- package/themes.js +2 -0
package/dist/base.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
module.exports = {":root,\n[data-theme]":{"backgroundColor":"theme(colors.base-100)","color":"theme(colors.base-content)"},"@supports not (color: oklch(0 0 0))":{":root":{"colorScheme":"light","-FallbackP":"#491eff","-FallbackPc":"#d4dbff","-FallbackS":"#ff41c7","-FallbackSc":"#fff9fc","-FallbackA":"#00cfbd","-FallbackAc":"#00100d","-FallbackN":"#2b3440","-FallbackNc":"#d7dde4","-FallbackB1":"#ffffff","-FallbackB2":"#e5e6e6","-FallbackB3":"#e5e6e6","-FallbackBc":"#1f2937","-FallbackIn":"#00b3f0","-FallbackInc":"#000000","-FallbackSu":"#00ca92","-FallbackSuc":"#000000","-FallbackWa":"#ffc22d","-FallbackWac":"#000000","-FallbackEr":"#ff6f70","-FallbackErc":"#000000"},"@media (prefers-color-scheme: dark)":{":root":{"colorScheme":"dark","-FallbackP":"#7582ff","-FallbackPc":"#050617","-FallbackS":"#ff71cf","-FallbackSc":"#190211","-FallbackA":"#00c7b5","-FallbackAc":"#000e0c","-FallbackN":"#2a323c","-FallbackNc":"#a6adbb","-FallbackB1":"#1d232a","-FallbackB2":"#191e24","-FallbackB3":"#15191e","-FallbackBc":"#a6adbb","-FallbackIn":"#00b3f0","-FallbackInc":"#000000","-FallbackSu":"#00ca92","-FallbackSuc":"#000000","-FallbackWa":"#ffc22d","-FallbackWac":"#000000","-FallbackEr":"#ff6f70","-FallbackErc":"#000000"}}},"html":{"WebkitTapHighlightColor":"transparent"}};
|
package/dist/full.css
CHANGED
|
@@ -2173,8 +2173,7 @@ hr {
|
|
|
2173
2173
|
Add the correct text decoration in Chrome, Edge, and Safari.
|
|
2174
2174
|
*/
|
|
2175
2175
|
abbr:where([title]) {
|
|
2176
|
-
|
|
2177
|
-
text-decoration: underline dotted;
|
|
2176
|
+
text-decoration: underline dotted;
|
|
2178
2177
|
}
|
|
2179
2178
|
/*
|
|
2180
2179
|
Remove the default font size and weight for headings.
|
|
@@ -2553,9 +2552,7 @@ html {
|
|
|
2553
2552
|
display: inline-flex;
|
|
2554
2553
|
align-items: center;
|
|
2555
2554
|
justify-content: center;
|
|
2556
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
2557
2555
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
2558
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
2559
2556
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2560
2557
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
2561
2558
|
transition-duration: 200ms;
|
|
@@ -2710,8 +2707,7 @@ html {
|
|
|
2710
2707
|
min-height: 3rem;
|
|
2711
2708
|
flex-shrink: 0;
|
|
2712
2709
|
cursor: pointer;
|
|
2713
|
-
|
|
2714
|
-
user-select: none;
|
|
2710
|
+
user-select: none;
|
|
2715
2711
|
flex-wrap: wrap;
|
|
2716
2712
|
align-items: center;
|
|
2717
2713
|
justify-content: center;
|
|
@@ -3034,8 +3030,7 @@ html {
|
|
|
3034
3030
|
outline-offset: -3px;
|
|
3035
3031
|
outline-color: var(--fallback-bc,oklch(var(--bc)/0.05));
|
|
3036
3032
|
--tw-backdrop-blur: blur(8px);
|
|
3037
|
-
|
|
3038
|
-
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
|
|
3033
|
+
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
|
|
3039
3034
|
.diff-item-2 {
|
|
3040
3035
|
overflow: hidden;
|
|
3041
3036
|
border-right-width: 2px;
|
|
@@ -3163,9 +3158,7 @@ html {
|
|
|
3163
3158
|
--tw-scale-x: .95;
|
|
3164
3159
|
--tw-scale-y: .95;
|
|
3165
3160
|
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));
|
|
3166
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
3167
3161
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
3168
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
3169
3162
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3170
3163
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
3171
3164
|
transition-duration: 200ms}
|
|
@@ -3336,8 +3329,7 @@ html {
|
|
|
3336
3329
|
height: 100%;
|
|
3337
3330
|
flex-shrink: 0;
|
|
3338
3331
|
cursor: pointer;
|
|
3339
|
-
|
|
3340
|
-
user-select: none;
|
|
3332
|
+
user-select: none;
|
|
3341
3333
|
flex-wrap: wrap;
|
|
3342
3334
|
align-items: center;
|
|
3343
3335
|
justify-content: center;
|
|
@@ -3347,9 +3339,7 @@ html {
|
|
|
3347
3339
|
font-size: 0.875rem;
|
|
3348
3340
|
line-height: 1.25rem;
|
|
3349
3341
|
line-height: 1em;
|
|
3350
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
3351
3342
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
3352
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
3353
3343
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3354
3344
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
3355
3345
|
transition-duration: 200ms;
|
|
@@ -3393,8 +3383,7 @@ html {
|
|
|
3393
3383
|
flex-direction: column}
|
|
3394
3384
|
.label {
|
|
3395
3385
|
display: flex;
|
|
3396
|
-
|
|
3397
|
-
user-select: none;
|
|
3386
|
+
user-select: none;
|
|
3398
3387
|
align-items: center;
|
|
3399
3388
|
justify-content: space-between;
|
|
3400
3389
|
padding-left: 0.25rem;
|
|
@@ -3551,12 +3540,10 @@ html {
|
|
|
3551
3540
|
align-items: center;
|
|
3552
3541
|
gap: 0.5rem;
|
|
3553
3542
|
grid-auto-columns: minmax(auto, max-content) auto max-content;
|
|
3554
|
-
|
|
3555
|
-
user-select: none}
|
|
3543
|
+
user-select: none}
|
|
3556
3544
|
.menu li.disabled {
|
|
3557
3545
|
cursor: not-allowed;
|
|
3558
|
-
|
|
3559
|
-
user-select: none;
|
|
3546
|
+
user-select: none;
|
|
3560
3547
|
color: var(--fallback-bc,oklch(var(--bc)/0.3))}
|
|
3561
3548
|
.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
|
|
3562
3549
|
display: none}
|
|
@@ -3650,9 +3637,7 @@ html {
|
|
|
3650
3637
|
--tw-bg-opacity: 1;
|
|
3651
3638
|
background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
|
|
3652
3639
|
padding: 1.5rem;
|
|
3653
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
3654
3640
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
3655
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
3656
3641
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3657
3642
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
3658
3643
|
transition-duration: 200ms;
|
|
@@ -3786,8 +3771,7 @@ html {
|
|
|
3786
3771
|
.select {
|
|
3787
3772
|
display: inline-flex;
|
|
3788
3773
|
cursor: pointer;
|
|
3789
|
-
|
|
3790
|
-
user-select: none;
|
|
3774
|
+
user-select: none;
|
|
3791
3775
|
appearance: none;
|
|
3792
3776
|
height: 3rem;
|
|
3793
3777
|
min-height: 3rem;
|
|
@@ -3895,8 +3879,7 @@ html {
|
|
|
3895
3879
|
.swap {
|
|
3896
3880
|
position: relative;
|
|
3897
3881
|
display: inline-grid;
|
|
3898
|
-
|
|
3899
|
-
user-select: none;
|
|
3882
|
+
user-select: none;
|
|
3900
3883
|
place-content: center;
|
|
3901
3884
|
cursor: pointer}
|
|
3902
3885
|
.swap > * {
|
|
@@ -3931,8 +3914,7 @@ html {
|
|
|
3931
3914
|
display: inline-flex;
|
|
3932
3915
|
height: 2rem;
|
|
3933
3916
|
cursor: pointer;
|
|
3934
|
-
|
|
3935
|
-
user-select: none;
|
|
3917
|
+
user-select: none;
|
|
3936
3918
|
appearance: none;
|
|
3937
3919
|
flex-wrap: wrap;
|
|
3938
3920
|
align-items: center;
|
|
@@ -5220,9 +5202,7 @@ details.collapse summary::-webkit-details-marker {
|
|
|
5220
5202
|
padding-top: 0.5rem;
|
|
5221
5203
|
padding-bottom: 0.5rem;
|
|
5222
5204
|
text-align: start;
|
|
5223
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
5224
5205
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
5225
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
5226
5206
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
5227
5207
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
5228
5208
|
transition-duration: 200ms;
|
|
@@ -21534,9 +21514,7 @@ details.collapse summary::-webkit-details-marker {
|
|
|
21534
21514
|
.ring-offset-warning\/95 {
|
|
21535
21515
|
--tw-ring-offset-color: var(--fallback-wa,oklch(var(--wa)/0.95))}
|
|
21536
21516
|
.transition {
|
|
21537
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
21538
21517
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
21539
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
21540
21518
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
21541
21519
|
transition-duration: 150ms}
|
|
21542
21520
|
.transition-all {
|
|
@@ -21564,8 +21542,7 @@ details.collapse summary::-webkit-details-marker {
|
|
|
21564
21542
|
.glass,
|
|
21565
21543
|
.glass.btn-active {
|
|
21566
21544
|
border: none;
|
|
21567
|
-
|
|
21568
|
-
backdrop-filter: blur(var(--glass-blur, 40px));
|
|
21545
|
+
backdrop-filter: blur(var(--glass-blur, 40px));
|
|
21569
21546
|
background-color: transparent;
|
|
21570
21547
|
background-image: linear-gradient(
|
|
21571
21548
|
135deg,
|
|
@@ -21583,8 +21560,7 @@ details.collapse summary::-webkit-details-marker {
|
|
|
21583
21560
|
@media (hover: hover) {
|
|
21584
21561
|
.glass.btn-active {
|
|
21585
21562
|
border: none;
|
|
21586
|
-
|
|
21587
|
-
backdrop-filter: blur(var(--glass-blur, 40px));
|
|
21563
|
+
backdrop-filter: blur(var(--glass-blur, 40px));
|
|
21588
21564
|
background-color: transparent;
|
|
21589
21565
|
background-image: linear-gradient(
|
|
21590
21566
|
135deg,
|
|
@@ -22743,9 +22719,7 @@ details.collapse summary::-webkit-details-marker {
|
|
|
22743
22719
|
.tooltip:before,
|
|
22744
22720
|
.tooltip:after {
|
|
22745
22721
|
opacity: 0;
|
|
22746
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
22747
22722
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
22748
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
22749
22723
|
transition-delay: 100ms;
|
|
22750
22724
|
transition-duration: 200ms;
|
|
22751
22725
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)}
|