@marigold/theme-docs 2.0.4 → 2.1.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/{chunk-Y2U3HXIY.mjs → chunk-LFYXUJAZ.mjs} +36 -3
- package/dist/chunk-LFYXUJAZ.mjs.map +1 -0
- package/dist/index.js +295 -53
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +261 -52
- package/dist/index.mjs.map +1 -1
- package/dist/preset.js +44 -11
- package/dist/preset.js.map +1 -1
- package/dist/preset.mjs +10 -10
- package/dist/preset.mjs.map +1 -1
- package/dist/styles.css +211 -20
- package/dist/tokens.d.mts +78 -0
- package/dist/tokens.d.ts +78 -0
- package/dist/tokens.js +185 -0
- package/dist/tokens.js.map +1 -0
- package/dist/tokens.mjs +7 -0
- package/dist/tokens.mjs.map +1 -0
- package/package.json +10 -10
- package/dist/chunk-Y2U3HXIY.mjs.map +0 -1
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
! tailwindcss v3.4.
|
|
2
|
+
! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
/*
|
|
@@ -691,6 +691,10 @@ video {
|
|
|
691
691
|
isolation: auto;
|
|
692
692
|
}
|
|
693
693
|
|
|
694
|
+
.z-10 {
|
|
695
|
+
z-index: 10;
|
|
696
|
+
}
|
|
697
|
+
|
|
694
698
|
.z-40 {
|
|
695
699
|
z-index: 40;
|
|
696
700
|
}
|
|
@@ -699,6 +703,14 @@ video {
|
|
|
699
703
|
grid-column: span 2 / span 2;
|
|
700
704
|
}
|
|
701
705
|
|
|
706
|
+
.col-span-full {
|
|
707
|
+
grid-column: 1 / -1;
|
|
708
|
+
}
|
|
709
|
+
|
|
710
|
+
.col-start-1 {
|
|
711
|
+
grid-column-start: 1;
|
|
712
|
+
}
|
|
713
|
+
|
|
702
714
|
.col-start-\[1_\!important\] {
|
|
703
715
|
grid-column-start: 1 !important;
|
|
704
716
|
}
|
|
@@ -707,13 +719,17 @@ video {
|
|
|
707
719
|
grid-column-end: -1 !important;
|
|
708
720
|
}
|
|
709
721
|
|
|
722
|
+
.row-start-1 {
|
|
723
|
+
grid-row-start: 1;
|
|
724
|
+
}
|
|
725
|
+
|
|
710
726
|
.-m-px {
|
|
711
727
|
margin: -1px;
|
|
712
728
|
}
|
|
713
729
|
|
|
714
|
-
.my-
|
|
715
|
-
margin-top:
|
|
716
|
-
margin-bottom:
|
|
730
|
+
.my-6 {
|
|
731
|
+
margin-top: 1.5rem;
|
|
732
|
+
margin-bottom: 1.5rem;
|
|
717
733
|
}
|
|
718
734
|
|
|
719
735
|
.mb-1 {
|
|
@@ -732,10 +748,6 @@ video {
|
|
|
732
748
|
margin-inline-start: auto;
|
|
733
749
|
}
|
|
734
750
|
|
|
735
|
-
.mt-1 {
|
|
736
|
-
margin-top: 0.25rem;
|
|
737
|
-
}
|
|
738
|
-
|
|
739
751
|
.mt-8 {
|
|
740
752
|
margin-top: 2rem;
|
|
741
753
|
}
|
|
@@ -862,6 +874,11 @@ video {
|
|
|
862
874
|
height: 2.5rem;
|
|
863
875
|
}
|
|
864
876
|
|
|
877
|
+
.size-3 {
|
|
878
|
+
width: 0.75rem;
|
|
879
|
+
height: 0.75rem;
|
|
880
|
+
}
|
|
881
|
+
|
|
865
882
|
.size-4 {
|
|
866
883
|
width: 1rem;
|
|
867
884
|
height: 1rem;
|
|
@@ -1509,6 +1526,16 @@ video {
|
|
|
1509
1526
|
border-collapse: collapse;
|
|
1510
1527
|
}
|
|
1511
1528
|
|
|
1529
|
+
.border-separate {
|
|
1530
|
+
border-collapse: separate;
|
|
1531
|
+
}
|
|
1532
|
+
|
|
1533
|
+
.border-spacing-0 {
|
|
1534
|
+
--tw-border-spacing-x: 0px;
|
|
1535
|
+
--tw-border-spacing-y: 0px;
|
|
1536
|
+
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
|
|
1537
|
+
}
|
|
1538
|
+
|
|
1512
1539
|
.translate-x-\[1px\] {
|
|
1513
1540
|
--tw-translate-x: 1px;
|
|
1514
1541
|
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));
|
|
@@ -1663,6 +1690,10 @@ video {
|
|
|
1663
1690
|
grid-template-columns: min-content auto;
|
|
1664
1691
|
}
|
|
1665
1692
|
|
|
1693
|
+
.grid-cols-\[min-content_auto\] {
|
|
1694
|
+
grid-template-columns: min-content auto;
|
|
1695
|
+
}
|
|
1696
|
+
|
|
1666
1697
|
.grid-cols-\[minmax\(0\2c _var\(--maxWidth\)\)_1fr_1fr\] {
|
|
1667
1698
|
grid-template-columns: minmax(0, var(--maxWidth)) 1fr 1fr;
|
|
1668
1699
|
}
|
|
@@ -1671,6 +1702,18 @@ video {
|
|
|
1671
1702
|
grid-template-columns: repeat(auto-fit,var(--column));
|
|
1672
1703
|
}
|
|
1673
1704
|
|
|
1705
|
+
.grid-cols-subgrid {
|
|
1706
|
+
grid-template-columns: subgrid;
|
|
1707
|
+
}
|
|
1708
|
+
|
|
1709
|
+
.grid-rows-\[auto_auto\] {
|
|
1710
|
+
grid-template-rows: auto auto;
|
|
1711
|
+
}
|
|
1712
|
+
|
|
1713
|
+
.grid-rows-subgrid {
|
|
1714
|
+
grid-template-rows: subgrid;
|
|
1715
|
+
}
|
|
1716
|
+
|
|
1674
1717
|
.flex-row {
|
|
1675
1718
|
flex-direction: row;
|
|
1676
1719
|
}
|
|
@@ -1887,6 +1930,10 @@ video {
|
|
|
1887
1930
|
gap: 1ch;
|
|
1888
1931
|
}
|
|
1889
1932
|
|
|
1933
|
+
.gap-\[inherit\] {
|
|
1934
|
+
gap: inherit;
|
|
1935
|
+
}
|
|
1936
|
+
|
|
1890
1937
|
.gap-x-0 {
|
|
1891
1938
|
-moz-column-gap: 0px;
|
|
1892
1939
|
column-gap: 0px;
|
|
@@ -1897,6 +1944,15 @@ video {
|
|
|
1897
1944
|
column-gap: 0.5rem;
|
|
1898
1945
|
}
|
|
1899
1946
|
|
|
1947
|
+
.gap-x-3 {
|
|
1948
|
+
-moz-column-gap: 0.75rem;
|
|
1949
|
+
column-gap: 0.75rem;
|
|
1950
|
+
}
|
|
1951
|
+
|
|
1952
|
+
.gap-y-0\.5 {
|
|
1953
|
+
row-gap: 0.125rem;
|
|
1954
|
+
}
|
|
1955
|
+
|
|
1900
1956
|
.gap-y-1 {
|
|
1901
1957
|
row-gap: 0.25rem;
|
|
1902
1958
|
}
|
|
@@ -1945,6 +2001,10 @@ video {
|
|
|
1945
2001
|
align-self: center;
|
|
1946
2002
|
}
|
|
1947
2003
|
|
|
2004
|
+
.justify-self-end {
|
|
2005
|
+
justify-self: end;
|
|
2006
|
+
}
|
|
2007
|
+
|
|
1948
2008
|
.overflow-auto {
|
|
1949
2009
|
overflow: auto;
|
|
1950
2010
|
}
|
|
@@ -1983,10 +2043,18 @@ video {
|
|
|
1983
2043
|
text-wrap: wrap;
|
|
1984
2044
|
}
|
|
1985
2045
|
|
|
2046
|
+
.text-nowrap {
|
|
2047
|
+
text-wrap: nowrap;
|
|
2048
|
+
}
|
|
2049
|
+
|
|
1986
2050
|
.rounded {
|
|
1987
2051
|
border-radius: 0.25rem;
|
|
1988
2052
|
}
|
|
1989
2053
|
|
|
2054
|
+
.rounded-2xl {
|
|
2055
|
+
border-radius: 1rem;
|
|
2056
|
+
}
|
|
2057
|
+
|
|
1990
2058
|
.rounded-3xl {
|
|
1991
2059
|
border-radius: 1.5rem;
|
|
1992
2060
|
}
|
|
@@ -2145,13 +2213,23 @@ video {
|
|
|
2145
2213
|
border-color: rgb(203 213 225 / var(--tw-border-opacity));
|
|
2146
2214
|
}
|
|
2147
2215
|
|
|
2216
|
+
.border-secondary-200 {
|
|
2217
|
+
--tw-border-opacity: 1;
|
|
2218
|
+
border-color: rgb(226 232 240 / var(--tw-border-opacity));
|
|
2219
|
+
}
|
|
2220
|
+
|
|
2221
|
+
.border-secondary-300 {
|
|
2222
|
+
--tw-border-opacity: 1;
|
|
2223
|
+
border-color: rgb(203 213 225 / var(--tw-border-opacity));
|
|
2224
|
+
}
|
|
2225
|
+
|
|
2148
2226
|
.border-transparent {
|
|
2149
2227
|
border-color: transparent;
|
|
2150
2228
|
}
|
|
2151
2229
|
|
|
2152
2230
|
.bg-bg-info {
|
|
2153
2231
|
--tw-bg-opacity: 1;
|
|
2154
|
-
background-color: rgb(
|
|
2232
|
+
background-color: rgb(239 246 255 / var(--tw-bg-opacity));
|
|
2155
2233
|
}
|
|
2156
2234
|
|
|
2157
2235
|
.bg-bg-surface {
|
|
@@ -2164,6 +2242,11 @@ video {
|
|
|
2164
2242
|
background-color: rgb(51 65 85 / var(--tw-bg-opacity));
|
|
2165
2243
|
}
|
|
2166
2244
|
|
|
2245
|
+
.bg-bg-surface-overlay {
|
|
2246
|
+
--tw-bg-opacity: 1;
|
|
2247
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
2248
|
+
}
|
|
2249
|
+
|
|
2167
2250
|
.bg-bg-underlay\/50 {
|
|
2168
2251
|
background-color: rgb(100 116 139 / 0.5);
|
|
2169
2252
|
}
|
|
@@ -2178,6 +2261,20 @@ video {
|
|
|
2178
2261
|
background-color: rgb(41 45 62 / var(--tw-bg-opacity));
|
|
2179
2262
|
}
|
|
2180
2263
|
|
|
2264
|
+
.bg-gray-100 {
|
|
2265
|
+
--tw-bg-opacity: 1;
|
|
2266
|
+
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
|
2267
|
+
}
|
|
2268
|
+
|
|
2269
|
+
.bg-gray-100\/50 {
|
|
2270
|
+
background-color: rgb(243 244 246 / 0.5);
|
|
2271
|
+
}
|
|
2272
|
+
|
|
2273
|
+
.bg-purple-700 {
|
|
2274
|
+
--tw-bg-opacity: 1;
|
|
2275
|
+
background-color: rgb(126 34 206 / var(--tw-bg-opacity));
|
|
2276
|
+
}
|
|
2277
|
+
|
|
2181
2278
|
.bg-secondary-100 {
|
|
2182
2279
|
--tw-bg-opacity: 1;
|
|
2183
2280
|
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
|
|
@@ -2197,6 +2294,10 @@ video {
|
|
|
2197
2294
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
2198
2295
|
}
|
|
2199
2296
|
|
|
2297
|
+
.bg-white\/40 {
|
|
2298
|
+
background-color: rgb(255 255 255 / 0.4);
|
|
2299
|
+
}
|
|
2300
|
+
|
|
2200
2301
|
.bg-repeat {
|
|
2201
2302
|
background-repeat: repeat;
|
|
2202
2303
|
}
|
|
@@ -3506,6 +3607,16 @@ video {
|
|
|
3506
3607
|
color: var(--color);
|
|
3507
3608
|
}
|
|
3508
3609
|
|
|
3610
|
+
.text-purple-100 {
|
|
3611
|
+
--tw-text-opacity: 1;
|
|
3612
|
+
color: rgb(243 232 255 / var(--tw-text-opacity));
|
|
3613
|
+
}
|
|
3614
|
+
|
|
3615
|
+
.text-secondary-400 {
|
|
3616
|
+
--tw-text-opacity: 1;
|
|
3617
|
+
color: rgb(148 163 184 / var(--tw-text-opacity));
|
|
3618
|
+
}
|
|
3619
|
+
|
|
3509
3620
|
.text-secondary-500 {
|
|
3510
3621
|
--tw-text-opacity: 1;
|
|
3511
3622
|
color: rgb(100 116 139 / var(--tw-text-opacity));
|
|
@@ -3526,6 +3637,11 @@ video {
|
|
|
3526
3637
|
color: rgb(30 64 175 / var(--tw-text-opacity));
|
|
3527
3638
|
}
|
|
3528
3639
|
|
|
3640
|
+
.text-text-primary {
|
|
3641
|
+
--tw-text-opacity: 1;
|
|
3642
|
+
color: rgb(2 6 23 / var(--tw-text-opacity));
|
|
3643
|
+
}
|
|
3644
|
+
|
|
3529
3645
|
.text-text-primary-muted {
|
|
3530
3646
|
--tw-text-opacity: 1;
|
|
3531
3647
|
color: rgb(100 116 139 / var(--tw-text-opacity));
|
|
@@ -3626,6 +3742,11 @@ video {
|
|
|
3626
3742
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
3627
3743
|
}
|
|
3628
3744
|
|
|
3745
|
+
.drop-shadow-lg {
|
|
3746
|
+
--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
|
|
3747
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
3748
|
+
}
|
|
3749
|
+
|
|
3629
3750
|
.grayscale {
|
|
3630
3751
|
--tw-grayscale: grayscale(100%);
|
|
3631
3752
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
@@ -3648,36 +3769,36 @@ video {
|
|
|
3648
3769
|
.backdrop-blur {
|
|
3649
3770
|
--tw-backdrop-blur: blur(8px);
|
|
3650
3771
|
-webkit-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);
|
|
3651
|
-
|
|
3772
|
+
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);
|
|
3652
3773
|
}
|
|
3653
3774
|
|
|
3654
3775
|
.backdrop-blur-sm {
|
|
3655
3776
|
--tw-backdrop-blur: blur(4px);
|
|
3656
3777
|
-webkit-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);
|
|
3657
|
-
|
|
3778
|
+
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);
|
|
3658
3779
|
}
|
|
3659
3780
|
|
|
3660
3781
|
.backdrop-grayscale {
|
|
3661
3782
|
--tw-backdrop-grayscale: grayscale(100%);
|
|
3662
3783
|
-webkit-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);
|
|
3663
|
-
|
|
3784
|
+
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);
|
|
3664
3785
|
}
|
|
3665
3786
|
|
|
3666
3787
|
.backdrop-invert {
|
|
3667
3788
|
--tw-backdrop-invert: invert(100%);
|
|
3668
3789
|
-webkit-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);
|
|
3669
|
-
|
|
3790
|
+
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);
|
|
3670
3791
|
}
|
|
3671
3792
|
|
|
3672
3793
|
.backdrop-sepia {
|
|
3673
3794
|
--tw-backdrop-sepia: sepia(100%);
|
|
3674
3795
|
-webkit-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);
|
|
3675
|
-
|
|
3796
|
+
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);
|
|
3676
3797
|
}
|
|
3677
3798
|
|
|
3678
3799
|
.backdrop-filter {
|
|
3679
3800
|
-webkit-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);
|
|
3680
|
-
|
|
3801
|
+
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);
|
|
3681
3802
|
}
|
|
3682
3803
|
|
|
3683
3804
|
.transition {
|
|
@@ -3754,6 +3875,10 @@ video {
|
|
|
3754
3875
|
min-inline-size: var(--wrap);
|
|
3755
3876
|
}
|
|
3756
3877
|
|
|
3878
|
+
.\*\:col-start-2 > * {
|
|
3879
|
+
grid-column-start: 2;
|
|
3880
|
+
}
|
|
3881
|
+
|
|
3757
3882
|
.\*\:max-h-none > * {
|
|
3758
3883
|
max-height: none;
|
|
3759
3884
|
}
|
|
@@ -3766,6 +3891,15 @@ video {
|
|
|
3766
3891
|
min-width: 75vw;
|
|
3767
3892
|
}
|
|
3768
3893
|
|
|
3894
|
+
.\*\:text-left > * {
|
|
3895
|
+
text-align: left;
|
|
3896
|
+
}
|
|
3897
|
+
|
|
3898
|
+
.after\:content-\[\"\:\"\]::after {
|
|
3899
|
+
--tw-content: ":";
|
|
3900
|
+
content: var(--tw-content);
|
|
3901
|
+
}
|
|
3902
|
+
|
|
3769
3903
|
.first\:mt-0:first-child {
|
|
3770
3904
|
margin-top: 0px;
|
|
3771
3905
|
}
|
|
@@ -3774,8 +3908,13 @@ video {
|
|
|
3774
3908
|
cursor: pointer;
|
|
3775
3909
|
}
|
|
3776
3910
|
|
|
3777
|
-
.hover\:bg-neutral-100\/
|
|
3778
|
-
background-color: rgb(245 245 245 / 0.
|
|
3911
|
+
.hover\:bg-neutral-100\/80:hover {
|
|
3912
|
+
background-color: rgb(245 245 245 / 0.8);
|
|
3913
|
+
}
|
|
3914
|
+
|
|
3915
|
+
.hover\:bg-purple-600:hover {
|
|
3916
|
+
--tw-bg-opacity: 1;
|
|
3917
|
+
background-color: rgb(147 51 234 / var(--tw-bg-opacity));
|
|
3779
3918
|
}
|
|
3780
3919
|
|
|
3781
3920
|
.hover\:bg-secondary-400\/20:hover {
|
|
@@ -3816,6 +3955,16 @@ video {
|
|
|
3816
3955
|
cursor: not-allowed;
|
|
3817
3956
|
}
|
|
3818
3957
|
|
|
3958
|
+
.disabled\:bg-bg-disabled:disabled {
|
|
3959
|
+
--tw-bg-opacity: 1;
|
|
3960
|
+
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
|
|
3961
|
+
}
|
|
3962
|
+
|
|
3963
|
+
.disabled\:text-text-disabled:disabled {
|
|
3964
|
+
--tw-text-opacity: 1;
|
|
3965
|
+
color: rgb(203 213 225 / var(--tw-text-opacity));
|
|
3966
|
+
}
|
|
3967
|
+
|
|
3819
3968
|
.aria-disabled\:cursor-default[aria-disabled="true"] {
|
|
3820
3969
|
cursor: default;
|
|
3821
3970
|
}
|
|
@@ -3847,19 +3996,29 @@ video {
|
|
|
3847
3996
|
cursor: pointer;
|
|
3848
3997
|
}
|
|
3849
3998
|
|
|
3850
|
-
.data-\[active\=true\]\:font-medium[data-active=true] {
|
|
3999
|
+
.data-\[active\=true\]\:font-medium[data-active="true"] {
|
|
3851
4000
|
font-weight: 500;
|
|
3852
4001
|
}
|
|
3853
4002
|
|
|
3854
|
-
.data-\[active\=true\]\:text-secondary-800[data-active=true] {
|
|
4003
|
+
.data-\[active\=true\]\:text-secondary-800[data-active="true"] {
|
|
3855
4004
|
--tw-text-opacity: 1;
|
|
3856
4005
|
color: rgb(30 41 59 / var(--tw-text-opacity));
|
|
3857
4006
|
}
|
|
3858
4007
|
|
|
3859
|
-
.group\/field[data-empty=true] .group-data-\[empty\=true\]\/field\:hidden {
|
|
4008
|
+
.group\/field[data-empty="true"] .group-data-\[empty\=true\]\/field\:hidden {
|
|
3860
4009
|
display: none;
|
|
3861
4010
|
}
|
|
3862
4011
|
|
|
4012
|
+
.rac-hover\:bg-bg-hover[data-hovered] {
|
|
4013
|
+
--tw-bg-opacity: 1;
|
|
4014
|
+
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
|
|
4015
|
+
}
|
|
4016
|
+
|
|
4017
|
+
.rac-focus\:bg-bg-hover[data-focused] {
|
|
4018
|
+
--tw-bg-opacity: 1;
|
|
4019
|
+
background-color: rgb(245 245 245 / var(--tw-bg-opacity));
|
|
4020
|
+
}
|
|
4021
|
+
|
|
3863
4022
|
.group\/switch[data-selected] .group-selected\/switch\:translate-x-\[calc\(47px_-_100\%\)\] {
|
|
3864
4023
|
--tw-translate-x: calc(47px - 100%);
|
|
3865
4024
|
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));
|
|
@@ -3869,6 +4028,26 @@ video {
|
|
|
3869
4028
|
cursor: not-allowed;
|
|
3870
4029
|
}
|
|
3871
4030
|
|
|
4031
|
+
.placement-t\:-translate-y-1[data-placement=top] {
|
|
4032
|
+
--tw-translate-y: -0.25rem;
|
|
4033
|
+
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));
|
|
4034
|
+
}
|
|
4035
|
+
|
|
4036
|
+
.placement-r\:-translate-x-1[data-placement=right] {
|
|
4037
|
+
--tw-translate-x: -0.25rem;
|
|
4038
|
+
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));
|
|
4039
|
+
}
|
|
4040
|
+
|
|
4041
|
+
.placement-b\:translate-y-1[data-placement=bottom] {
|
|
4042
|
+
--tw-translate-y: 0.25rem;
|
|
4043
|
+
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));
|
|
4044
|
+
}
|
|
4045
|
+
|
|
4046
|
+
.placement-l\:translate-x-1[data-placement=left] {
|
|
4047
|
+
--tw-translate-x: 0.25rem;
|
|
4048
|
+
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));
|
|
4049
|
+
}
|
|
4050
|
+
|
|
3872
4051
|
@media (min-width: 640px) {
|
|
3873
4052
|
.sm\:max-h-\[45vh\] {
|
|
3874
4053
|
max-height: 45vh;
|
|
@@ -3904,6 +4083,18 @@ video {
|
|
|
3904
4083
|
}
|
|
3905
4084
|
}
|
|
3906
4085
|
|
|
4086
|
+
@media (prefers-color-scheme: dark) {
|
|
4087
|
+
.hover\:dark\:\!bg-gray-100:hover {
|
|
4088
|
+
--tw-bg-opacity: 1 !important;
|
|
4089
|
+
background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
|
|
4090
|
+
}
|
|
4091
|
+
|
|
4092
|
+
.hover\:dark\:bg-gray-100:hover {
|
|
4093
|
+
--tw-bg-opacity: 1;
|
|
4094
|
+
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
|
4095
|
+
}
|
|
4096
|
+
}
|
|
4097
|
+
|
|
3907
4098
|
.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
|
|
3908
4099
|
display: none;
|
|
3909
4100
|
}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* We copy/pasted the colors here to not end up with a lot of unused code in our bundle.
|
|
3
|
+
*/
|
|
4
|
+
declare const colors: {
|
|
5
|
+
readonly secondary: {
|
|
6
|
+
50: string;
|
|
7
|
+
100: string;
|
|
8
|
+
200: string;
|
|
9
|
+
300: string;
|
|
10
|
+
400: string;
|
|
11
|
+
500: string;
|
|
12
|
+
600: string;
|
|
13
|
+
700: string;
|
|
14
|
+
800: string;
|
|
15
|
+
900: string;
|
|
16
|
+
950: string;
|
|
17
|
+
};
|
|
18
|
+
readonly code: {
|
|
19
|
+
'50': string;
|
|
20
|
+
'100': string;
|
|
21
|
+
'200': string;
|
|
22
|
+
'300': string;
|
|
23
|
+
'400': string;
|
|
24
|
+
'500': string;
|
|
25
|
+
'600': string;
|
|
26
|
+
'700': string;
|
|
27
|
+
'800': string;
|
|
28
|
+
'900': string;
|
|
29
|
+
'950': string;
|
|
30
|
+
};
|
|
31
|
+
readonly text: {
|
|
32
|
+
readonly primary: {
|
|
33
|
+
readonly DEFAULT: string;
|
|
34
|
+
readonly muted: string;
|
|
35
|
+
};
|
|
36
|
+
readonly disabled: string;
|
|
37
|
+
readonly info: string;
|
|
38
|
+
readonly warning: string;
|
|
39
|
+
};
|
|
40
|
+
readonly bg: {
|
|
41
|
+
readonly body: string;
|
|
42
|
+
readonly hover: string;
|
|
43
|
+
readonly muted: string;
|
|
44
|
+
readonly disabled: string;
|
|
45
|
+
readonly underlay: string;
|
|
46
|
+
readonly surface: {
|
|
47
|
+
readonly DEFAULT: "#fff";
|
|
48
|
+
readonly raised: string;
|
|
49
|
+
readonly lowered: string;
|
|
50
|
+
readonly overlay: "#fff";
|
|
51
|
+
};
|
|
52
|
+
readonly success: string;
|
|
53
|
+
readonly error: string;
|
|
54
|
+
readonly info: string;
|
|
55
|
+
readonly warning: string;
|
|
56
|
+
};
|
|
57
|
+
readonly border: {
|
|
58
|
+
readonly DEFAULT: string;
|
|
59
|
+
readonly primary: string;
|
|
60
|
+
readonly success: string;
|
|
61
|
+
readonly error: string;
|
|
62
|
+
};
|
|
63
|
+
readonly primary: {
|
|
64
|
+
50: string;
|
|
65
|
+
100: string;
|
|
66
|
+
200: string;
|
|
67
|
+
300: string;
|
|
68
|
+
400: string;
|
|
69
|
+
500: string;
|
|
70
|
+
600: string;
|
|
71
|
+
700: string;
|
|
72
|
+
800: string;
|
|
73
|
+
900: string;
|
|
74
|
+
950: string;
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
export { colors };
|
package/dist/tokens.d.ts
ADDED
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* We copy/pasted the colors here to not end up with a lot of unused code in our bundle.
|
|
3
|
+
*/
|
|
4
|
+
declare const colors: {
|
|
5
|
+
readonly secondary: {
|
|
6
|
+
50: string;
|
|
7
|
+
100: string;
|
|
8
|
+
200: string;
|
|
9
|
+
300: string;
|
|
10
|
+
400: string;
|
|
11
|
+
500: string;
|
|
12
|
+
600: string;
|
|
13
|
+
700: string;
|
|
14
|
+
800: string;
|
|
15
|
+
900: string;
|
|
16
|
+
950: string;
|
|
17
|
+
};
|
|
18
|
+
readonly code: {
|
|
19
|
+
'50': string;
|
|
20
|
+
'100': string;
|
|
21
|
+
'200': string;
|
|
22
|
+
'300': string;
|
|
23
|
+
'400': string;
|
|
24
|
+
'500': string;
|
|
25
|
+
'600': string;
|
|
26
|
+
'700': string;
|
|
27
|
+
'800': string;
|
|
28
|
+
'900': string;
|
|
29
|
+
'950': string;
|
|
30
|
+
};
|
|
31
|
+
readonly text: {
|
|
32
|
+
readonly primary: {
|
|
33
|
+
readonly DEFAULT: string;
|
|
34
|
+
readonly muted: string;
|
|
35
|
+
};
|
|
36
|
+
readonly disabled: string;
|
|
37
|
+
readonly info: string;
|
|
38
|
+
readonly warning: string;
|
|
39
|
+
};
|
|
40
|
+
readonly bg: {
|
|
41
|
+
readonly body: string;
|
|
42
|
+
readonly hover: string;
|
|
43
|
+
readonly muted: string;
|
|
44
|
+
readonly disabled: string;
|
|
45
|
+
readonly underlay: string;
|
|
46
|
+
readonly surface: {
|
|
47
|
+
readonly DEFAULT: "#fff";
|
|
48
|
+
readonly raised: string;
|
|
49
|
+
readonly lowered: string;
|
|
50
|
+
readonly overlay: "#fff";
|
|
51
|
+
};
|
|
52
|
+
readonly success: string;
|
|
53
|
+
readonly error: string;
|
|
54
|
+
readonly info: string;
|
|
55
|
+
readonly warning: string;
|
|
56
|
+
};
|
|
57
|
+
readonly border: {
|
|
58
|
+
readonly DEFAULT: string;
|
|
59
|
+
readonly primary: string;
|
|
60
|
+
readonly success: string;
|
|
61
|
+
readonly error: string;
|
|
62
|
+
};
|
|
63
|
+
readonly primary: {
|
|
64
|
+
50: string;
|
|
65
|
+
100: string;
|
|
66
|
+
200: string;
|
|
67
|
+
300: string;
|
|
68
|
+
400: string;
|
|
69
|
+
500: string;
|
|
70
|
+
600: string;
|
|
71
|
+
700: string;
|
|
72
|
+
800: string;
|
|
73
|
+
900: string;
|
|
74
|
+
950: string;
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
export { colors };
|