@marigold/theme-rui 0.2.0 → 0.3.1
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/global.css +8 -0
- package/dist/index.js +69 -53
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +69 -53
- package/dist/index.mjs.map +1 -1
- package/dist/mixins.css +44 -0
- package/dist/styles.css +353 -303
- package/dist/theme.css +25 -9
- package/package.json +8 -7
package/dist/styles.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.0.
|
|
1
|
+
/*! tailwindcss v4.0.12 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer theme, base, components, utilities;
|
|
3
3
|
@layer theme {
|
|
4
4
|
[data-theme="rui"], [data-theme="rui"] :host {
|
|
@@ -59,6 +59,7 @@
|
|
|
59
59
|
--color-stone-300: oklch(0.869 0.005 56.366);
|
|
60
60
|
--color-stone-400: oklch(0.709 0.01 56.259);
|
|
61
61
|
--color-stone-500: oklch(0.553 0.013 58.071);
|
|
62
|
+
--color-stone-900: oklch(0.216 0.006 56.043);
|
|
62
63
|
--color-stone-950: oklch(0.147 0.004 49.25);
|
|
63
64
|
--color-black: #000;
|
|
64
65
|
--color-white: #fff;
|
|
@@ -268,6 +269,9 @@
|
|
|
268
269
|
}
|
|
269
270
|
}
|
|
270
271
|
@layer utilities {
|
|
272
|
+
[data-theme="rui"] .pointer-events-auto {
|
|
273
|
+
pointer-events: auto;
|
|
274
|
+
}
|
|
271
275
|
[data-theme="rui"] .pointer-events-none {
|
|
272
276
|
pointer-events: none;
|
|
273
277
|
}
|
|
@@ -433,6 +437,9 @@
|
|
|
433
437
|
[data-theme="rui"] .ml-auto {
|
|
434
438
|
margin-left: auto;
|
|
435
439
|
}
|
|
440
|
+
[data-theme="rui"] .box-border {
|
|
441
|
+
box-sizing: border-box;
|
|
442
|
+
}
|
|
436
443
|
[data-theme="rui"] .box-content {
|
|
437
444
|
box-sizing: content-box;
|
|
438
445
|
}
|
|
@@ -745,6 +752,12 @@
|
|
|
745
752
|
[data-theme="rui"] .h-button {
|
|
746
753
|
height: 2.25rem;
|
|
747
754
|
}
|
|
755
|
+
[data-theme="rui"] .h-button-large {
|
|
756
|
+
height: 2.5rem;
|
|
757
|
+
}
|
|
758
|
+
[data-theme="rui"] .h-button-small {
|
|
759
|
+
height: 2rem;
|
|
760
|
+
}
|
|
748
761
|
[data-theme="rui"] .h-dvh {
|
|
749
762
|
height: 100dvh;
|
|
750
763
|
}
|
|
@@ -1768,6 +1781,9 @@
|
|
|
1768
1781
|
[data-theme="rui"] .fill-current {
|
|
1769
1782
|
fill: currentColor;
|
|
1770
1783
|
}
|
|
1784
|
+
[data-theme="rui"] .fill-info {
|
|
1785
|
+
fill: var(--color-blue-500);
|
|
1786
|
+
}
|
|
1771
1787
|
[data-theme="rui"] .fill-muted-foreground {
|
|
1772
1788
|
fill: var(--color-stone-500);
|
|
1773
1789
|
}
|
|
@@ -2775,9 +2791,6 @@
|
|
|
2775
2791
|
[data-theme="rui"] .text-muted-foreground {
|
|
2776
2792
|
color: var(--color-stone-500);
|
|
2777
2793
|
}
|
|
2778
|
-
[data-theme="rui"] .text-muted-foreground\/70 {
|
|
2779
|
-
color: color-mix(in oklab, var(--color-stone-500) 70%, transparent);
|
|
2780
|
-
}
|
|
2781
2794
|
[data-theme="rui"] .text-muted-foreground\/80 {
|
|
2782
2795
|
color: color-mix(in oklab, var(--color-stone-500) 80%, transparent);
|
|
2783
2796
|
}
|
|
@@ -2833,8 +2846,11 @@
|
|
|
2833
2846
|
--tw-numeric-spacing: tabular-nums;
|
|
2834
2847
|
font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
|
|
2835
2848
|
}
|
|
2836
|
-
[data-theme="rui"] .underline
|
|
2837
|
-
text-
|
|
2849
|
+
[data-theme="rui"] .underline {
|
|
2850
|
+
text-decoration-line: underline;
|
|
2851
|
+
}
|
|
2852
|
+
[data-theme="rui"] .underline-offset-4 {
|
|
2853
|
+
text-underline-offset: 4px;
|
|
2838
2854
|
}
|
|
2839
2855
|
[data-theme="rui"] .caret-transparent {
|
|
2840
2856
|
caret-color: transparent;
|
|
@@ -2845,10 +2861,6 @@
|
|
|
2845
2861
|
[data-theme="rui"] .opacity-60 {
|
|
2846
2862
|
opacity: 60%;
|
|
2847
2863
|
}
|
|
2848
|
-
[data-theme="rui"] .shadow {
|
|
2849
|
-
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
2850
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
2851
|
-
}
|
|
2852
2864
|
[data-theme="rui"] .shadow-\[0_0_0_1px\] {
|
|
2853
2865
|
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, currentcolor);
|
|
2854
2866
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -2885,6 +2897,7 @@
|
|
|
2885
2897
|
--tw-shadow-color: color-mix(in oklab, var(--color-black) 5%, transparent);
|
|
2886
2898
|
}
|
|
2887
2899
|
[data-theme="rui"] .outline-hidden {
|
|
2900
|
+
--tw-outline-style: none;
|
|
2888
2901
|
outline-style: none;
|
|
2889
2902
|
@media (forced-colors: active) {
|
|
2890
2903
|
outline: 2px solid transparent;
|
|
@@ -2914,10 +2927,6 @@
|
|
|
2914
2927
|
[data-theme="rui"] .outline-ring\/70 {
|
|
2915
2928
|
outline-color: color-mix(in oklab, var(--color-stone-400) 70%, transparent);
|
|
2916
2929
|
}
|
|
2917
|
-
[data-theme="rui"] .blur {
|
|
2918
|
-
--tw-blur: blur(8px);
|
|
2919
|
-
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,);
|
|
2920
|
-
}
|
|
2921
2930
|
[data-theme="rui"] .blur-xs {
|
|
2922
2931
|
--tw-blur: blur(var(--blur-xs));
|
|
2923
2932
|
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,);
|
|
@@ -2926,9 +2935,6 @@
|
|
|
2926
2935
|
--tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
|
|
2927
2936
|
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,);
|
|
2928
2937
|
}
|
|
2929
|
-
[data-theme="rui"] .filter {
|
|
2930
|
-
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,);
|
|
2931
|
-
}
|
|
2932
2938
|
[data-theme="rui"] .backdrop-blur-sm {
|
|
2933
2939
|
--tw-backdrop-blur: blur(var(--blur-sm));
|
|
2934
2940
|
-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,);
|
|
@@ -2939,6 +2945,11 @@
|
|
|
2939
2945
|
-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,);
|
|
2940
2946
|
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,);
|
|
2941
2947
|
}
|
|
2948
|
+
[data-theme="rui"] .transition-\[color\,box-shadow\] {
|
|
2949
|
+
transition-property: color,box-shadow;
|
|
2950
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
2951
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
2952
|
+
}
|
|
2942
2953
|
[data-theme="rui"] .transition-all {
|
|
2943
2954
|
transition-property: all;
|
|
2944
2955
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -3075,212 +3086,274 @@
|
|
|
3075
3086
|
grid-column: 3;
|
|
3076
3087
|
}
|
|
3077
3088
|
}
|
|
3078
|
-
[data-theme="rui"] .group-
|
|
3079
|
-
|
|
3089
|
+
[data-theme="rui"] .group-required\/field\:block {
|
|
3090
|
+
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-required] *) {
|
|
3091
|
+
display: block;
|
|
3092
|
+
}
|
|
3093
|
+
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):required *) {
|
|
3094
|
+
display: block;
|
|
3095
|
+
}
|
|
3080
3096
|
}
|
|
3081
|
-
[data-theme="rui"] .group-
|
|
3082
|
-
|
|
3083
|
-
|
|
3097
|
+
[data-theme="rui"] .group-required\/field\:text-destructive {
|
|
3098
|
+
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-required] *) {
|
|
3099
|
+
color: var(--color-red-600);
|
|
3100
|
+
}
|
|
3101
|
+
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):required *) {
|
|
3102
|
+
color: var(--color-red-600);
|
|
3103
|
+
}
|
|
3084
3104
|
}
|
|
3085
|
-
[data-theme="rui"] .group-
|
|
3086
|
-
|
|
3105
|
+
[data-theme="rui"] .group-invalid\/field\:border-destructive {
|
|
3106
|
+
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-invalid] *) {
|
|
3107
|
+
border-color: var(--color-red-600);
|
|
3108
|
+
}
|
|
3109
|
+
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):invalid *) {
|
|
3110
|
+
border-color: var(--color-red-600);
|
|
3111
|
+
}
|
|
3112
|
+
}
|
|
3113
|
+
[data-theme="rui"] .group-invalid\/field\:fill-destructive {
|
|
3114
|
+
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-invalid] *) {
|
|
3115
|
+
fill: var(--color-red-600);
|
|
3116
|
+
}
|
|
3117
|
+
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):invalid *) {
|
|
3118
|
+
fill: var(--color-red-600);
|
|
3119
|
+
}
|
|
3120
|
+
}
|
|
3121
|
+
[data-theme="rui"] .group-invalid\/field\:text-destructive {
|
|
3122
|
+
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-invalid] *) {
|
|
3123
|
+
color: var(--color-red-600);
|
|
3124
|
+
}
|
|
3125
|
+
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):invalid *) {
|
|
3126
|
+
color: var(--color-red-600);
|
|
3127
|
+
}
|
|
3128
|
+
}
|
|
3129
|
+
[data-theme="rui"] .group-read-only\/field\:bg-muted {
|
|
3130
|
+
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-readonly] *) {
|
|
3131
|
+
background-color: var(--color-stone-100);
|
|
3132
|
+
}
|
|
3133
|
+
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):read-only *) {
|
|
3134
|
+
background-color: var(--color-stone-100);
|
|
3135
|
+
}
|
|
3087
3136
|
}
|
|
3088
3137
|
[data-theme="rui"] .group-disabled\/checkbox\:border-disabled {
|
|
3089
|
-
[data-theme="rui"]
|
|
3138
|
+
[data-theme="rui"] &:is(:where(.group\/checkbox):where([data-rac])[data-disabled] *) {
|
|
3139
|
+
border-color: var(--color-stone-200);
|
|
3140
|
+
}
|
|
3141
|
+
[data-theme="rui"] &:is(:where(.group\/checkbox):where(:not([data-rac])):disabled *) {
|
|
3090
3142
|
border-color: var(--color-stone-200);
|
|
3091
3143
|
}
|
|
3092
3144
|
}
|
|
3093
3145
|
[data-theme="rui"] .group-disabled\/checkbox\:text-disabled-foreground {
|
|
3094
|
-
[data-theme="rui"]
|
|
3146
|
+
[data-theme="rui"] &:is(:where(.group\/checkbox):where([data-rac])[data-disabled] *) {
|
|
3147
|
+
color: var(--color-stone-400);
|
|
3148
|
+
}
|
|
3149
|
+
[data-theme="rui"] &:is(:where(.group\/checkbox):where(:not([data-rac])):disabled *) {
|
|
3095
3150
|
color: var(--color-stone-400);
|
|
3096
3151
|
}
|
|
3097
3152
|
}
|
|
3098
3153
|
[data-theme="rui"] .group-disabled\/field\:cursor-not-allowed {
|
|
3099
|
-
[data-theme="rui"]
|
|
3154
|
+
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-disabled] *) {
|
|
3155
|
+
cursor: not-allowed;
|
|
3156
|
+
}
|
|
3157
|
+
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):disabled *) {
|
|
3100
3158
|
cursor: not-allowed;
|
|
3101
3159
|
}
|
|
3102
3160
|
}
|
|
3103
3161
|
[data-theme="rui"] .group-disabled\/field\:text-disabled-foreground {
|
|
3104
|
-
[data-theme="rui"]
|
|
3162
|
+
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-disabled] *) {
|
|
3163
|
+
color: var(--color-stone-400);
|
|
3164
|
+
}
|
|
3165
|
+
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):disabled *) {
|
|
3105
3166
|
color: var(--color-stone-400);
|
|
3106
3167
|
}
|
|
3107
3168
|
}
|
|
3169
|
+
[data-theme="rui"] .group-disabled\/radio\:cursor-not-allowed {
|
|
3170
|
+
[data-theme="rui"] &:is(:where(.group\/radio):where([data-rac])[data-disabled] *) {
|
|
3171
|
+
cursor: not-allowed;
|
|
3172
|
+
}
|
|
3173
|
+
[data-theme="rui"] &:is(:where(.group\/radio):where(:not([data-rac])):disabled *) {
|
|
3174
|
+
cursor: not-allowed;
|
|
3175
|
+
}
|
|
3176
|
+
}
|
|
3108
3177
|
[data-theme="rui"] .group-disabled\/radio\:border-disabled {
|
|
3109
|
-
[data-theme="rui"]
|
|
3178
|
+
[data-theme="rui"] &:is(:where(.group\/radio):where([data-rac])[data-disabled] *) {
|
|
3179
|
+
border-color: var(--color-stone-200);
|
|
3180
|
+
}
|
|
3181
|
+
[data-theme="rui"] &:is(:where(.group\/radio):where(:not([data-rac])):disabled *) {
|
|
3110
3182
|
border-color: var(--color-stone-200);
|
|
3111
3183
|
}
|
|
3112
3184
|
}
|
|
3113
3185
|
[data-theme="rui"] .group-disabled\/radio\:text-disabled-foreground {
|
|
3114
|
-
[data-theme="rui"]
|
|
3186
|
+
[data-theme="rui"] &:is(:where(.group\/radio):where([data-rac])[data-disabled] *) {
|
|
3187
|
+
color: var(--color-stone-400);
|
|
3188
|
+
}
|
|
3189
|
+
[data-theme="rui"] &:is(:where(.group\/radio):where(:not([data-rac])):disabled *) {
|
|
3115
3190
|
color: var(--color-stone-400);
|
|
3116
3191
|
}
|
|
3117
3192
|
}
|
|
3118
3193
|
[data-theme="rui"] .group-disabled\/switch\:bg-disabled {
|
|
3119
|
-
[data-theme="rui"]
|
|
3194
|
+
[data-theme="rui"] &:is(:where(.group\/switch):where([data-rac])[data-disabled] *) {
|
|
3195
|
+
background-color: var(--color-stone-200);
|
|
3196
|
+
}
|
|
3197
|
+
[data-theme="rui"] &:is(:where(.group\/switch):where(:not([data-rac])):disabled *) {
|
|
3120
3198
|
background-color: var(--color-stone-200);
|
|
3121
3199
|
}
|
|
3122
3200
|
}
|
|
3123
3201
|
[data-theme="rui"] .group-disabled\/switch\:text-disabled-foreground {
|
|
3124
|
-
[data-theme="rui"]
|
|
3202
|
+
[data-theme="rui"] &:is(:where(.group\/switch):where([data-rac])[data-disabled] *) {
|
|
3125
3203
|
color: var(--color-stone-400);
|
|
3126
3204
|
}
|
|
3127
|
-
|
|
3128
|
-
|
|
3129
|
-
[data-theme="rui"] :is(.group\/field)[data-error] & {
|
|
3130
|
-
border-color: var(--color-red-600);
|
|
3205
|
+
[data-theme="rui"] &:is(:where(.group\/switch):where(:not([data-rac])):disabled *) {
|
|
3206
|
+
color: var(--color-stone-400);
|
|
3131
3207
|
}
|
|
3132
3208
|
}
|
|
3133
|
-
[data-theme="rui"] .group-
|
|
3134
|
-
[data-theme="rui"]
|
|
3135
|
-
|
|
3209
|
+
[data-theme="rui"] .group-aria-expanded\:hidden {
|
|
3210
|
+
[data-theme="rui"] &:is(:where(.group)[aria-expanded="true"] *) {
|
|
3211
|
+
display: none;
|
|
3136
3212
|
}
|
|
3137
3213
|
}
|
|
3138
|
-
[data-theme="rui"] .group-
|
|
3139
|
-
[data-theme="rui"]
|
|
3140
|
-
|
|
3214
|
+
[data-theme="rui"] .group-aria-selected\/cell\:font-semibold {
|
|
3215
|
+
[data-theme="rui"] &:is(:where(.group\/cell)[aria-selected="true"] *) {
|
|
3216
|
+
--tw-font-weight: var(--font-weight-semibold);
|
|
3217
|
+
font-weight: var(--font-weight-semibold);
|
|
3141
3218
|
}
|
|
3142
3219
|
}
|
|
3143
|
-
[data-theme="rui"] .group-
|
|
3144
|
-
[data-theme="rui"]
|
|
3145
|
-
|
|
3220
|
+
[data-theme="rui"] .group-aria-selected\/cell\:text-white {
|
|
3221
|
+
[data-theme="rui"] &:is(:where(.group\/cell)[aria-selected="true"] *) {
|
|
3222
|
+
color: var(--color-white);
|
|
3146
3223
|
}
|
|
3147
3224
|
}
|
|
3148
|
-
[data-theme="rui"] .group-
|
|
3149
|
-
[data-theme="rui"]
|
|
3150
|
-
|
|
3225
|
+
[data-theme="rui"] .group-data-\[empty\=true\]\/field\:hidden {
|
|
3226
|
+
[data-theme="rui"] &:is(:where(.group\/field)[data-empty="true"] *) {
|
|
3227
|
+
display: none;
|
|
3151
3228
|
}
|
|
3152
3229
|
}
|
|
3153
3230
|
[data-theme="rui"] .group-selected\/checkbox\:border-brand {
|
|
3154
|
-
[data-theme="rui"]
|
|
3231
|
+
[data-theme="rui"] &:is(:where(.group\/checkbox)[data-selected] *) {
|
|
3155
3232
|
border-color: var(--color-stone-950);
|
|
3156
3233
|
}
|
|
3157
3234
|
}
|
|
3158
3235
|
[data-theme="rui"] .group-selected\/checkbox\:bg-brand {
|
|
3159
|
-
[data-theme="rui"]
|
|
3236
|
+
[data-theme="rui"] &:is(:where(.group\/checkbox)[data-selected] *) {
|
|
3160
3237
|
background-color: var(--color-stone-950);
|
|
3161
3238
|
}
|
|
3162
3239
|
}
|
|
3163
3240
|
[data-theme="rui"] .group-selected\/checkbox\:text-brand-foreground {
|
|
3164
|
-
[data-theme="rui"]
|
|
3241
|
+
[data-theme="rui"] &:is(:where(.group\/checkbox)[data-selected] *) {
|
|
3165
3242
|
color: var(--color-stone-50);
|
|
3166
3243
|
}
|
|
3167
3244
|
}
|
|
3168
3245
|
[data-theme="rui"] .group-selected\/radio\:border-brand {
|
|
3169
|
-
[data-theme="rui"]
|
|
3246
|
+
[data-theme="rui"] &:is(:where(.group\/radio)[data-selected] *) {
|
|
3170
3247
|
border-color: var(--color-stone-950);
|
|
3171
3248
|
}
|
|
3172
3249
|
}
|
|
3173
3250
|
[data-theme="rui"] .group-selected\/radio\:bg-brand {
|
|
3174
|
-
[data-theme="rui"]
|
|
3251
|
+
[data-theme="rui"] &:is(:where(.group\/radio)[data-selected] *) {
|
|
3175
3252
|
background-color: var(--color-stone-950);
|
|
3176
3253
|
}
|
|
3177
3254
|
}
|
|
3178
3255
|
[data-theme="rui"] .group-selected\/radio\:text-brand-foreground {
|
|
3179
|
-
[data-theme="rui"]
|
|
3256
|
+
[data-theme="rui"] &:is(:where(.group\/radio)[data-selected] *) {
|
|
3180
3257
|
color: var(--color-stone-50);
|
|
3181
3258
|
}
|
|
3182
3259
|
}
|
|
3183
3260
|
[data-theme="rui"] .group-selected\/switch\:translate-x-4 {
|
|
3184
|
-
[data-theme="rui"]
|
|
3261
|
+
[data-theme="rui"] &:is(:where(.group\/switch)[data-selected] *) {
|
|
3185
3262
|
--tw-translate-x: calc(var(--spacing) * 4);
|
|
3186
3263
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
3187
3264
|
}
|
|
3188
3265
|
}
|
|
3189
3266
|
[data-theme="rui"] .group-selected\/switch\:bg-brand {
|
|
3190
|
-
[data-theme="rui"]
|
|
3267
|
+
[data-theme="rui"] &:is(:where(.group\/switch)[data-selected] *) {
|
|
3191
3268
|
background-color: var(--color-stone-950);
|
|
3192
3269
|
}
|
|
3193
3270
|
}
|
|
3194
3271
|
[data-theme="rui"] .group-selected\/switch\:group-disabled\/switch\:bg-disabled {
|
|
3195
|
-
[data-theme="rui"]
|
|
3196
|
-
[data-theme="rui"]
|
|
3272
|
+
[data-theme="rui"] &:is(:where(.group\/switch)[data-selected] *) {
|
|
3273
|
+
[data-theme="rui"] &:is(:where(.group\/switch):where([data-rac])[data-disabled] *) {
|
|
3274
|
+
background-color: var(--color-stone-200);
|
|
3275
|
+
}
|
|
3276
|
+
[data-theme="rui"] &:is(:where(.group\/switch):where(:not([data-rac])):disabled *) {
|
|
3197
3277
|
background-color: var(--color-stone-200);
|
|
3198
3278
|
}
|
|
3199
3279
|
}
|
|
3200
3280
|
}
|
|
3201
3281
|
[data-theme="rui"] .group-selected\/switch\:group-disabled\/switch\:text-disabled-foreground {
|
|
3202
|
-
[data-theme="rui"]
|
|
3203
|
-
[data-theme="rui"]
|
|
3282
|
+
[data-theme="rui"] &:is(:where(.group\/switch)[data-selected] *) {
|
|
3283
|
+
[data-theme="rui"] &:is(:where(.group\/switch):where([data-rac])[data-disabled] *) {
|
|
3284
|
+
color: var(--color-stone-400);
|
|
3285
|
+
}
|
|
3286
|
+
[data-theme="rui"] &:is(:where(.group\/switch):where(:not([data-rac])):disabled *) {
|
|
3204
3287
|
color: var(--color-stone-400);
|
|
3205
3288
|
}
|
|
3206
3289
|
}
|
|
3207
3290
|
}
|
|
3208
|
-
[data-theme="rui"] .group-\[action\]\/input\:pr-
|
|
3209
|
-
[data-theme="rui"]
|
|
3210
|
-
padding-right: calc(var(--spacing) *
|
|
3291
|
+
[data-theme="rui"] .group-\[\[data-action\]\]\/input\:pr-7 {
|
|
3292
|
+
[data-theme="rui"] &:is(:where(.group\/input):is([data-action]) *) {
|
|
3293
|
+
padding-right: calc(var(--spacing) * 7);
|
|
3211
3294
|
}
|
|
3212
3295
|
}
|
|
3213
|
-
[data-theme="rui"] .group-\[
|
|
3214
|
-
[data-theme="rui"]
|
|
3215
|
-
|
|
3216
|
-
outline-width: 2px;
|
|
3296
|
+
[data-theme="rui"] .group-\[\[data-icon\]\]\/input\:pl-8 {
|
|
3297
|
+
[data-theme="rui"] &:is(:where(.group\/input):is([data-icon]) *) {
|
|
3298
|
+
padding-left: calc(var(--spacing) * 8);
|
|
3217
3299
|
}
|
|
3218
3300
|
}
|
|
3219
|
-
[data-theme="rui"] .group-\[
|
|
3220
|
-
[data-theme="rui"]
|
|
3221
|
-
|
|
3301
|
+
[data-theme="rui"] .group-\[\[data-trigger\]\]\/popover\:border-0 {
|
|
3302
|
+
[data-theme="rui"] &:is(:where(.group\/popover):is([data-trigger]) *) {
|
|
3303
|
+
border-style: var(--tw-border-style);
|
|
3304
|
+
border-width: 0px;
|
|
3222
3305
|
}
|
|
3223
3306
|
}
|
|
3224
3307
|
[data-theme="rui"] .group-\[focus-visible\]\/radio\:outline-2 {
|
|
3225
|
-
[data-theme="rui"]
|
|
3308
|
+
[data-theme="rui"] &:is(:where(.group\/radio):is(focus-visible) *) {
|
|
3226
3309
|
outline-style: var(--tw-outline-style);
|
|
3227
3310
|
outline-width: 2px;
|
|
3228
3311
|
}
|
|
3229
3312
|
}
|
|
3230
3313
|
[data-theme="rui"] .group-\[focus-visible\]\/radio\:outline-ring\/70 {
|
|
3231
|
-
[data-theme="rui"]
|
|
3314
|
+
[data-theme="rui"] &:is(:where(.group\/radio):is(focus-visible) *) {
|
|
3232
3315
|
outline-color: color-mix(in oklab, var(--color-stone-400) 70%, transparent);
|
|
3233
3316
|
}
|
|
3234
3317
|
}
|
|
3235
3318
|
[data-theme="rui"] .group-\[focus-visible\]\/switch\:outline-2 {
|
|
3236
|
-
[data-theme="rui"]
|
|
3319
|
+
[data-theme="rui"] &:is(:where(.group\/switch):is(focus-visible) *) {
|
|
3237
3320
|
outline-style: var(--tw-outline-style);
|
|
3238
3321
|
outline-width: 2px;
|
|
3239
3322
|
}
|
|
3240
3323
|
}
|
|
3241
3324
|
[data-theme="rui"] .group-\[focus-visible\]\/switch\:outline-ring\/70 {
|
|
3242
|
-
[data-theme="rui"]
|
|
3325
|
+
[data-theme="rui"] &:is(:where(.group\/switch):is(focus-visible) *) {
|
|
3243
3326
|
outline-color: color-mix(in oklab, var(--color-stone-400) 70%, transparent);
|
|
3244
3327
|
}
|
|
3245
3328
|
}
|
|
3246
3329
|
[data-theme="rui"] .group-\[group\=\"checkbox\"\]\/checkboxgroup\:font-normal {
|
|
3247
|
-
[data-theme="rui"]
|
|
3330
|
+
[data-theme="rui"] &:is(:where(.group\/checkboxgroup):is(group="checkbox") *) {
|
|
3248
3331
|
--tw-font-weight: var(--font-weight-normal);
|
|
3249
3332
|
font-weight: var(--font-weight-normal);
|
|
3250
3333
|
}
|
|
3251
3334
|
}
|
|
3252
|
-
[data-theme="rui"] .group-\[icon\]\/input\:pl-8 {
|
|
3253
|
-
[data-theme="rui"] :is(.group\/input)[data-icon] & {
|
|
3254
|
-
padding-left: calc(var(--spacing) * 8);
|
|
3255
|
-
}
|
|
3256
|
-
}
|
|
3257
3335
|
[data-theme="rui"] .group-\[indeterminate\]\/checkbox\:border-brand {
|
|
3258
|
-
[data-theme="rui"]
|
|
3336
|
+
[data-theme="rui"] &:is(:where(.group\/checkbox):is(indeterminate) *) {
|
|
3259
3337
|
border-color: var(--color-stone-950);
|
|
3260
3338
|
}
|
|
3261
3339
|
}
|
|
3262
3340
|
[data-theme="rui"] .group-\[indeterminate\]\/checkbox\:bg-brand {
|
|
3263
|
-
[data-theme="rui"]
|
|
3341
|
+
[data-theme="rui"] &:is(:where(.group\/checkbox):is(indeterminate) *) {
|
|
3264
3342
|
background-color: var(--color-stone-950);
|
|
3265
3343
|
}
|
|
3266
3344
|
}
|
|
3267
3345
|
[data-theme="rui"] .group-\[indeterminate\]\/checkbox\:text-brand-foreground {
|
|
3268
|
-
[data-theme="rui"]
|
|
3346
|
+
[data-theme="rui"] &:is(:where(.group\/checkbox):is(indeterminate) *) {
|
|
3269
3347
|
color: var(--color-stone-50);
|
|
3270
3348
|
}
|
|
3271
3349
|
}
|
|
3272
3350
|
[data-theme="rui"] .group-\[layout\=grid\]\/list\:flex-row {
|
|
3273
|
-
[data-theme="rui"]
|
|
3351
|
+
[data-theme="rui"] &:is(:where(.group\/list):is(layout=grid) *) {
|
|
3274
3352
|
flex-direction: row;
|
|
3275
3353
|
}
|
|
3276
3354
|
}
|
|
3277
|
-
[data-theme="rui"] .group-\[readonly\]\/field\:bg-muted {
|
|
3278
|
-
[data-theme="rui"] :is(.group\/field)[data-readonly] & {
|
|
3279
|
-
background-color: var(--color-stone-100);
|
|
3280
|
-
}
|
|
3281
|
-
}
|
|
3282
3355
|
[data-theme="rui"] .group-\[trigger\]\/popover\:border-0 {
|
|
3283
|
-
[data-theme="rui"]
|
|
3356
|
+
[data-theme="rui"] &:is(:where(.group\/popover):is(trigger) *) {
|
|
3284
3357
|
border-style: var(--tw-border-style);
|
|
3285
3358
|
border-width: 0px;
|
|
3286
3359
|
}
|
|
@@ -3476,42 +3549,6 @@
|
|
|
3476
3549
|
}
|
|
3477
3550
|
}
|
|
3478
3551
|
}
|
|
3479
|
-
[data-theme="rui"] .focus-within\:border-ring {
|
|
3480
|
-
[data-theme="rui"] &:where([data-rac])[data-focus-within] {
|
|
3481
|
-
border-color: var(--color-stone-400);
|
|
3482
|
-
}
|
|
3483
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus-within {
|
|
3484
|
-
border-color: var(--color-stone-400);
|
|
3485
|
-
}
|
|
3486
|
-
}
|
|
3487
|
-
[data-theme="rui"] .focus-within\:ring-\[3px\] {
|
|
3488
|
-
[data-theme="rui"] &:where([data-rac])[data-focus-within] {
|
|
3489
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
|
3490
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3491
|
-
}
|
|
3492
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus-within {
|
|
3493
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
|
3494
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3495
|
-
}
|
|
3496
|
-
}
|
|
3497
|
-
[data-theme="rui"] .focus-within\:ring-ring\/20 {
|
|
3498
|
-
[data-theme="rui"] &:where([data-rac])[data-focus-within] {
|
|
3499
|
-
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 20%, transparent);
|
|
3500
|
-
}
|
|
3501
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus-within {
|
|
3502
|
-
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 20%, transparent);
|
|
3503
|
-
}
|
|
3504
|
-
}
|
|
3505
|
-
[data-theme="rui"] .focus-within\:outline-none {
|
|
3506
|
-
[data-theme="rui"] &:where([data-rac])[data-focus-within] {
|
|
3507
|
-
--tw-outline-style: none;
|
|
3508
|
-
outline-style: none;
|
|
3509
|
-
}
|
|
3510
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus-within {
|
|
3511
|
-
--tw-outline-style: none;
|
|
3512
|
-
outline-style: none;
|
|
3513
|
-
}
|
|
3514
|
-
}
|
|
3515
3552
|
[data-theme="rui"] .invalid\:focus-within\:border-destructive {
|
|
3516
3553
|
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
3517
3554
|
[data-theme="rui"] &:where([data-rac])[data-focus-within] {
|
|
@@ -3580,11 +3617,11 @@
|
|
|
3580
3617
|
}
|
|
3581
3618
|
[data-theme="rui"] .hover\:bg-hover {
|
|
3582
3619
|
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
3583
|
-
background-color: var(--color-stone-
|
|
3620
|
+
background-color: var(--color-stone-100);
|
|
3584
3621
|
}
|
|
3585
3622
|
@media (hover: hover) {
|
|
3586
3623
|
[data-theme="rui"] &:where(:not([data-rac])):hover {
|
|
3587
|
-
background-color: var(--color-stone-
|
|
3624
|
+
background-color: var(--color-stone-100);
|
|
3588
3625
|
}
|
|
3589
3626
|
}
|
|
3590
3627
|
}
|
|
@@ -3620,11 +3657,11 @@
|
|
|
3620
3657
|
}
|
|
3621
3658
|
[data-theme="rui"] .hover\:text-hover-foreground {
|
|
3622
3659
|
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
3623
|
-
color: var(--color-stone-
|
|
3660
|
+
color: var(--color-stone-900);
|
|
3624
3661
|
}
|
|
3625
3662
|
@media (hover: hover) {
|
|
3626
3663
|
[data-theme="rui"] &:where(:not([data-rac])):hover {
|
|
3627
|
-
color: var(--color-stone-
|
|
3664
|
+
color: var(--color-stone-900);
|
|
3628
3665
|
}
|
|
3629
3666
|
}
|
|
3630
3667
|
}
|
|
@@ -3638,24 +3675,6 @@
|
|
|
3638
3675
|
}
|
|
3639
3676
|
}
|
|
3640
3677
|
}
|
|
3641
|
-
[data-theme="rui"] .hover\:underline {
|
|
3642
|
-
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
3643
|
-
text-decoration-line: underline;
|
|
3644
|
-
}
|
|
3645
|
-
@media (hover: hover) {
|
|
3646
|
-
[data-theme="rui"] &:where(:not([data-rac])):hover {
|
|
3647
|
-
text-decoration-line: underline;
|
|
3648
|
-
}
|
|
3649
|
-
}
|
|
3650
|
-
}
|
|
3651
|
-
[data-theme="rui"] .focus\:border-ring {
|
|
3652
|
-
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
3653
|
-
border-color: var(--color-stone-400);
|
|
3654
|
-
}
|
|
3655
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
3656
|
-
border-color: var(--color-stone-400);
|
|
3657
|
-
}
|
|
3658
|
-
}
|
|
3659
3678
|
[data-theme="rui"] .focus\:bg-focus {
|
|
3660
3679
|
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
3661
3680
|
background-color: var(--color-stone-100);
|
|
@@ -3680,26 +3699,9 @@
|
|
|
3680
3699
|
color: var(--color-pink-600);
|
|
3681
3700
|
}
|
|
3682
3701
|
}
|
|
3683
|
-
[data-theme="rui"] .focus\:ring-\[3px\] {
|
|
3684
|
-
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
3685
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
|
3686
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3687
|
-
}
|
|
3688
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
3689
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
|
3690
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3691
|
-
}
|
|
3692
|
-
}
|
|
3693
|
-
[data-theme="rui"] .focus\:ring-ring\/20 {
|
|
3694
|
-
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
3695
|
-
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 20%, transparent);
|
|
3696
|
-
}
|
|
3697
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
3698
|
-
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 20%, transparent);
|
|
3699
|
-
}
|
|
3700
|
-
}
|
|
3701
3702
|
[data-theme="rui"] .focus\:outline-hidden {
|
|
3702
3703
|
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
3704
|
+
--tw-outline-style: none;
|
|
3703
3705
|
outline-style: none;
|
|
3704
3706
|
@media (forced-colors: active) {
|
|
3705
3707
|
outline: 2px solid transparent;
|
|
@@ -3707,6 +3709,7 @@
|
|
|
3707
3709
|
}
|
|
3708
3710
|
}
|
|
3709
3711
|
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
3712
|
+
--tw-outline-style: none;
|
|
3710
3713
|
outline-style: none;
|
|
3711
3714
|
@media (forced-colors: active) {
|
|
3712
3715
|
outline: 2px solid transparent;
|
|
@@ -3724,36 +3727,16 @@
|
|
|
3724
3727
|
outline-width: 0px;
|
|
3725
3728
|
}
|
|
3726
3729
|
}
|
|
3727
|
-
[data-theme="rui"] .focus\:
|
|
3728
|
-
[data-theme="rui"] &:where([data-rac])[data-
|
|
3729
|
-
|
|
3730
|
-
|
|
3731
|
-
|
|
3732
|
-
|
|
3733
|
-
|
|
3734
|
-
|
|
3735
|
-
}
|
|
3736
|
-
}
|
|
3737
|
-
[data-theme="rui"] .focus\:outline-ring\/70 {
|
|
3738
|
-
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
3739
|
-
outline-color: color-mix(in oklab, var(--color-stone-400) 70%, transparent);
|
|
3740
|
-
}
|
|
3741
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
3742
|
-
outline-color: color-mix(in oklab, var(--color-stone-400) 70%, transparent);
|
|
3743
|
-
}
|
|
3744
|
-
}
|
|
3745
|
-
[data-theme="rui"] .focus\:outline-none {
|
|
3746
|
-
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
3747
|
-
--tw-outline-style: none;
|
|
3748
|
-
outline-style: none;
|
|
3749
|
-
}
|
|
3750
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
3751
|
-
--tw-outline-style: none;
|
|
3752
|
-
outline-style: none;
|
|
3730
|
+
[data-theme="rui"] .group-invalid\/field\:focus\:border-destructive {
|
|
3731
|
+
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-invalid] *) {
|
|
3732
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
3733
|
+
border-color: var(--color-red-600);
|
|
3734
|
+
}
|
|
3735
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
3736
|
+
border-color: var(--color-red-600);
|
|
3737
|
+
}
|
|
3753
3738
|
}
|
|
3754
|
-
|
|
3755
|
-
[data-theme="rui"] .group-error\/field\:focus\:border-destructive {
|
|
3756
|
-
[data-theme="rui"] :is(.group\/field)[data-error] & {
|
|
3739
|
+
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):invalid *) {
|
|
3757
3740
|
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
3758
3741
|
border-color: var(--color-red-600);
|
|
3759
3742
|
}
|
|
@@ -3762,8 +3745,8 @@
|
|
|
3762
3745
|
}
|
|
3763
3746
|
}
|
|
3764
3747
|
}
|
|
3765
|
-
[data-theme="rui"] .group-
|
|
3766
|
-
[data-theme="rui"]
|
|
3748
|
+
[data-theme="rui"] .group-invalid\/field\:focus\:ring-destructive\/20 {
|
|
3749
|
+
[data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-invalid] *) {
|
|
3767
3750
|
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
3768
3751
|
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
3769
3752
|
}
|
|
@@ -3771,13 +3754,13 @@
|
|
|
3771
3754
|
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
3772
3755
|
}
|
|
3773
3756
|
}
|
|
3774
|
-
|
|
3775
|
-
|
|
3776
|
-
|
|
3777
|
-
|
|
3778
|
-
|
|
3779
|
-
|
|
3780
|
-
|
|
3757
|
+
[data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):invalid *) {
|
|
3758
|
+
[data-theme="rui"] &:where([data-rac])[data-focused] {
|
|
3759
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
3760
|
+
}
|
|
3761
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus {
|
|
3762
|
+
--tw-ring-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
|
|
3763
|
+
}
|
|
3781
3764
|
}
|
|
3782
3765
|
}
|
|
3783
3766
|
[data-theme="rui"] .focus-visible\:border-ring {
|
|
@@ -3846,14 +3829,6 @@
|
|
|
3846
3829
|
outline-width: 3px;
|
|
3847
3830
|
}
|
|
3848
3831
|
}
|
|
3849
|
-
[data-theme="rui"] .focus-visible\:outline-offset-2 {
|
|
3850
|
-
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
3851
|
-
outline-offset: 2px;
|
|
3852
|
-
}
|
|
3853
|
-
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
3854
|
-
outline-offset: 2px;
|
|
3855
|
-
}
|
|
3856
|
-
}
|
|
3857
3832
|
[data-theme="rui"] .focus-visible\:outline-ring\/40 {
|
|
3858
3833
|
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
3859
3834
|
outline-color: color-mix(in oklab, var(--color-stone-400) 40%, transparent);
|
|
@@ -3904,16 +3879,6 @@
|
|
|
3904
3879
|
border-width: 1px;
|
|
3905
3880
|
}
|
|
3906
3881
|
}
|
|
3907
|
-
[data-theme="rui"] .disabled\:border-none {
|
|
3908
|
-
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
3909
|
-
--tw-border-style: none;
|
|
3910
|
-
border-style: none;
|
|
3911
|
-
}
|
|
3912
|
-
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
3913
|
-
--tw-border-style: none;
|
|
3914
|
-
border-style: none;
|
|
3915
|
-
}
|
|
3916
|
-
}
|
|
3917
3882
|
[data-theme="rui"] .disabled\:border-solid {
|
|
3918
3883
|
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
3919
3884
|
--tw-border-style: solid;
|
|
@@ -3983,32 +3948,6 @@
|
|
|
3983
3948
|
padding-bottom: calc(var(--spacing) * 2);
|
|
3984
3949
|
}
|
|
3985
3950
|
}
|
|
3986
|
-
[data-theme="rui"] .has-focus-visible\:border-border {
|
|
3987
|
-
[data-theme="rui"] &:has(*:where([data-rac])[data-focus-visible]) {
|
|
3988
|
-
border-color: var(--color-stone-200);
|
|
3989
|
-
}
|
|
3990
|
-
[data-theme="rui"] &:has(*:where(:not([data-rac])):focus-visible) {
|
|
3991
|
-
border-color: var(--color-stone-200);
|
|
3992
|
-
}
|
|
3993
|
-
}
|
|
3994
|
-
[data-theme="rui"] .has-focus-visible\:ring-\[3px\] {
|
|
3995
|
-
[data-theme="rui"] &:has(*:where([data-rac])[data-focus-visible]) {
|
|
3996
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
|
3997
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3998
|
-
}
|
|
3999
|
-
[data-theme="rui"] &:has(*:where(:not([data-rac])):focus-visible) {
|
|
4000
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
|
4001
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4002
|
-
}
|
|
4003
|
-
}
|
|
4004
|
-
[data-theme="rui"] .has-focus-visible\:ring-ring\/50 {
|
|
4005
|
-
[data-theme="rui"] &:has(*:where([data-rac])[data-focus-visible]) {
|
|
4006
|
-
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4007
|
-
}
|
|
4008
|
-
[data-theme="rui"] &:has(*:where(:not([data-rac])):focus-visible) {
|
|
4009
|
-
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4010
|
-
}
|
|
4011
|
-
}
|
|
4012
3951
|
[data-theme="rui"] .aria-disabled\:cursor-default {
|
|
4013
3952
|
[data-theme="rui"] &[aria-disabled="true"] {
|
|
4014
3953
|
cursor: default;
|
|
@@ -4080,11 +4019,6 @@
|
|
|
4080
4019
|
background-color: var(--color-stone-950);
|
|
4081
4020
|
}
|
|
4082
4021
|
}
|
|
4083
|
-
[data-theme="rui"] .data-selected\:bg-transparent {
|
|
4084
|
-
[data-theme="rui"] &[data-selected] {
|
|
4085
|
-
background-color: transparent;
|
|
4086
|
-
}
|
|
4087
|
-
}
|
|
4088
4022
|
[data-theme="rui"] .data-selected\:text-foreground {
|
|
4089
4023
|
[data-theme="rui"] &[data-selected] {
|
|
4090
4024
|
color: var(--color-stone-950);
|
|
@@ -4095,20 +4029,14 @@
|
|
|
4095
4029
|
color: var(--color-white);
|
|
4096
4030
|
}
|
|
4097
4031
|
}
|
|
4098
|
-
[data-theme="rui"] .data-selected\:shadow-none {
|
|
4099
|
-
[data-theme="rui"] &[data-selected] {
|
|
4100
|
-
--tw-shadow: 0 0 #0000;
|
|
4101
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4102
|
-
}
|
|
4103
|
-
}
|
|
4104
4032
|
[data-theme="rui"] .data-selected\:hover\:bg-hover {
|
|
4105
4033
|
[data-theme="rui"] &[data-selected] {
|
|
4106
4034
|
[data-theme="rui"] &:where([data-rac])[data-hovered] {
|
|
4107
|
-
background-color: var(--color-stone-
|
|
4035
|
+
background-color: var(--color-stone-100);
|
|
4108
4036
|
}
|
|
4109
4037
|
@media (hover: hover) {
|
|
4110
4038
|
[data-theme="rui"] &:where(:not([data-rac])):hover {
|
|
4111
|
-
background-color: var(--color-stone-
|
|
4039
|
+
background-color: var(--color-stone-100);
|
|
4112
4040
|
}
|
|
4113
4041
|
}
|
|
4114
4042
|
}
|
|
@@ -4138,6 +4066,17 @@
|
|
|
4138
4066
|
opacity: 50%;
|
|
4139
4067
|
}
|
|
4140
4068
|
}
|
|
4069
|
+
[data-theme="rui"] .data-\[focus-visible\]\:outline-2 {
|
|
4070
|
+
[data-theme="rui"] &[data-focus-visible] {
|
|
4071
|
+
outline-style: var(--tw-outline-style);
|
|
4072
|
+
outline-width: 2px;
|
|
4073
|
+
}
|
|
4074
|
+
}
|
|
4075
|
+
[data-theme="rui"] .data-\[focus-visible\]\:outline-ring\/70 {
|
|
4076
|
+
[data-theme="rui"] &[data-focus-visible] {
|
|
4077
|
+
outline-color: color-mix(in oklab, var(--color-stone-400) 70%, transparent);
|
|
4078
|
+
}
|
|
4079
|
+
}
|
|
4141
4080
|
[data-theme="rui"] .data-invalid\:data-\[focus-within\]\:border-destructive {
|
|
4142
4081
|
[data-theme="rui"] &[data-invalid] {
|
|
4143
4082
|
[data-theme="rui"] &[data-focus-within] {
|
|
@@ -4162,6 +4101,12 @@
|
|
|
4162
4101
|
color: var(--color-stone-950);
|
|
4163
4102
|
}
|
|
4164
4103
|
}
|
|
4104
|
+
[data-theme="rui"] .data-\[focused\]\:outline-none {
|
|
4105
|
+
[data-theme="rui"] &[data-focused] {
|
|
4106
|
+
--tw-outline-style: none;
|
|
4107
|
+
outline-style: none;
|
|
4108
|
+
}
|
|
4109
|
+
}
|
|
4165
4110
|
[data-theme="rui"] .invalid\:data-\[focused\]\:bg-destructive {
|
|
4166
4111
|
[data-theme="rui"] &:where([data-rac])[data-invalid] {
|
|
4167
4112
|
[data-theme="rui"] &[data-focused] {
|
|
@@ -4188,7 +4133,7 @@
|
|
|
4188
4133
|
}
|
|
4189
4134
|
[data-theme="rui"] .data-\[hovered\]\:bg-hover {
|
|
4190
4135
|
[data-theme="rui"] &[data-hovered] {
|
|
4191
|
-
background-color: var(--color-stone-
|
|
4136
|
+
background-color: var(--color-stone-100);
|
|
4192
4137
|
}
|
|
4193
4138
|
}
|
|
4194
4139
|
[data-theme="rui"] .data-\[hovered\]\:text-foreground {
|
|
@@ -4405,7 +4350,7 @@
|
|
|
4405
4350
|
}
|
|
4406
4351
|
[data-theme="rui"] .rtl\:group-selected\/switch\:-translate-x-4 {
|
|
4407
4352
|
[data-theme="rui"] &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
4408
|
-
[data-theme="rui"]
|
|
4353
|
+
[data-theme="rui"] &:is(:where(.group\/switch)[data-selected] *) {
|
|
4409
4354
|
--tw-translate-x: calc(var(--spacing) * -4);
|
|
4410
4355
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
4411
4356
|
}
|
|
@@ -4464,46 +4409,6 @@
|
|
|
4464
4409
|
color: var(--color-stone-50);
|
|
4465
4410
|
}
|
|
4466
4411
|
}
|
|
4467
|
-
[data-theme="rui"] .placement-t\:mb-1 {
|
|
4468
|
-
[data-theme="rui"] &[data-placement=top] {
|
|
4469
|
-
margin-bottom: calc(var(--spacing) * 1);
|
|
4470
|
-
}
|
|
4471
|
-
}
|
|
4472
|
-
[data-theme="rui"] .placement-t\:mb-2 {
|
|
4473
|
-
[data-theme="rui"] &[data-placement=top] {
|
|
4474
|
-
margin-bottom: calc(var(--spacing) * 2);
|
|
4475
|
-
}
|
|
4476
|
-
}
|
|
4477
|
-
[data-theme="rui"] .placement-r\:ml-1 {
|
|
4478
|
-
[data-theme="rui"] &[data-placement=right] {
|
|
4479
|
-
margin-left: calc(var(--spacing) * 1);
|
|
4480
|
-
}
|
|
4481
|
-
}
|
|
4482
|
-
[data-theme="rui"] .placement-r\:ml-2 {
|
|
4483
|
-
[data-theme="rui"] &[data-placement=right] {
|
|
4484
|
-
margin-left: calc(var(--spacing) * 2);
|
|
4485
|
-
}
|
|
4486
|
-
}
|
|
4487
|
-
[data-theme="rui"] .placement-b\:mt-1 {
|
|
4488
|
-
[data-theme="rui"] &[data-placement=bottom] {
|
|
4489
|
-
margin-top: calc(var(--spacing) * 1);
|
|
4490
|
-
}
|
|
4491
|
-
}
|
|
4492
|
-
[data-theme="rui"] .placement-b\:mt-2 {
|
|
4493
|
-
[data-theme="rui"] &[data-placement=bottom] {
|
|
4494
|
-
margin-top: calc(var(--spacing) * 2);
|
|
4495
|
-
}
|
|
4496
|
-
}
|
|
4497
|
-
[data-theme="rui"] .placement-l\:mr-1 {
|
|
4498
|
-
[data-theme="rui"] &[data-placement=left] {
|
|
4499
|
-
margin-right: calc(var(--spacing) * 1);
|
|
4500
|
-
}
|
|
4501
|
-
}
|
|
4502
|
-
[data-theme="rui"] .placement-l\:mr-2 {
|
|
4503
|
-
[data-theme="rui"] &[data-placement=left] {
|
|
4504
|
-
margin-right: calc(var(--spacing) * 2);
|
|
4505
|
-
}
|
|
4506
|
-
}
|
|
4507
4412
|
[data-theme="rui"] .\[\&_button\]\:px-2 {
|
|
4508
4413
|
[data-theme="rui"] & button {
|
|
4509
4414
|
padding-inline: calc(var(--spacing) * 2);
|
|
@@ -4688,6 +4593,148 @@
|
|
|
4688
4593
|
}
|
|
4689
4594
|
}
|
|
4690
4595
|
}
|
|
4596
|
+
@layer utilities {
|
|
4597
|
+
[data-theme="rui"] .mixin-ring-focus-visible {
|
|
4598
|
+
--tw-outline-style: none;
|
|
4599
|
+
outline-style: none;
|
|
4600
|
+
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
4601
|
+
border-color: var(--color-stone-400);
|
|
4602
|
+
}
|
|
4603
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
4604
|
+
border-color: var(--color-stone-400);
|
|
4605
|
+
}
|
|
4606
|
+
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
4607
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
|
4608
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4609
|
+
}
|
|
4610
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
4611
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
|
4612
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4613
|
+
}
|
|
4614
|
+
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
4615
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4616
|
+
}
|
|
4617
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
4618
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4619
|
+
}
|
|
4620
|
+
}
|
|
4621
|
+
[data-theme="rui"] .mixin-ring-has-focus-visible {
|
|
4622
|
+
[data-theme="rui"] &:has(*:where([data-rac])[data-focus-visible]) {
|
|
4623
|
+
border-color: var(--color-stone-200);
|
|
4624
|
+
}
|
|
4625
|
+
[data-theme="rui"] &:has(*:where(:not([data-rac])):focus-visible) {
|
|
4626
|
+
border-color: var(--color-stone-200);
|
|
4627
|
+
}
|
|
4628
|
+
[data-theme="rui"] &:has(*:where([data-rac])[data-focus-visible]) {
|
|
4629
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
|
4630
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4631
|
+
}
|
|
4632
|
+
[data-theme="rui"] &:has(*:where(:not([data-rac])):focus-visible) {
|
|
4633
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
|
4634
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4635
|
+
}
|
|
4636
|
+
[data-theme="rui"] &:has(*:where([data-rac])[data-focus-visible]) {
|
|
4637
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4638
|
+
}
|
|
4639
|
+
[data-theme="rui"] &:has(*:where(:not([data-rac])):focus-visible) {
|
|
4640
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4641
|
+
}
|
|
4642
|
+
}
|
|
4643
|
+
[data-theme="rui"] .mixin-ring-focus-visible-checkbox {
|
|
4644
|
+
[data-theme="rui"] &:is(:where(.group\/checkbox):where([data-rac])[data-focus-visible] *) {
|
|
4645
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
|
4646
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4647
|
+
}
|
|
4648
|
+
[data-theme="rui"] &:is(:where(.group\/checkbox):where(:not([data-rac])):focus-visible *) {
|
|
4649
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
|
4650
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4651
|
+
}
|
|
4652
|
+
[data-theme="rui"] &:is(:where(.group\/checkbox):where([data-rac])[data-focus-visible] *) {
|
|
4653
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4654
|
+
}
|
|
4655
|
+
[data-theme="rui"] &:is(:where(.group\/checkbox):where(:not([data-rac])):focus-visible *) {
|
|
4656
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4657
|
+
}
|
|
4658
|
+
}
|
|
4659
|
+
[data-theme="rui"] .mixin-ring-focus-visible-borderless {
|
|
4660
|
+
--tw-outline-style: none;
|
|
4661
|
+
outline-style: none;
|
|
4662
|
+
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
4663
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
|
4664
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4665
|
+
}
|
|
4666
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
4667
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
|
4668
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4669
|
+
}
|
|
4670
|
+
[data-theme="rui"] &:where([data-rac])[data-focus-visible] {
|
|
4671
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4672
|
+
}
|
|
4673
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus-visible {
|
|
4674
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4675
|
+
}
|
|
4676
|
+
}
|
|
4677
|
+
[data-theme="rui"] .mixin-ring-focus-within {
|
|
4678
|
+
--tw-outline-style: none;
|
|
4679
|
+
outline-style: none;
|
|
4680
|
+
[data-theme="rui"] &:where([data-rac])[data-focus-within] {
|
|
4681
|
+
border-color: var(--color-stone-400);
|
|
4682
|
+
}
|
|
4683
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus-within {
|
|
4684
|
+
border-color: var(--color-stone-400);
|
|
4685
|
+
}
|
|
4686
|
+
[data-theme="rui"] &:where([data-rac])[data-focus-within] {
|
|
4687
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
|
4688
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4689
|
+
}
|
|
4690
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus-within {
|
|
4691
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
|
|
4692
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4693
|
+
}
|
|
4694
|
+
[data-theme="rui"] &:where([data-rac])[data-focus-within] {
|
|
4695
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4696
|
+
}
|
|
4697
|
+
[data-theme="rui"] &:where(:not([data-rac])):focus-within {
|
|
4698
|
+
--tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
|
|
4699
|
+
}
|
|
4700
|
+
}
|
|
4701
|
+
[data-theme="rui"] .mixin-disabled {
|
|
4702
|
+
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
4703
|
+
cursor: not-allowed;
|
|
4704
|
+
}
|
|
4705
|
+
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
4706
|
+
cursor: not-allowed;
|
|
4707
|
+
}
|
|
4708
|
+
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
4709
|
+
--tw-border-style: none;
|
|
4710
|
+
border-style: none;
|
|
4711
|
+
}
|
|
4712
|
+
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
4713
|
+
--tw-border-style: none;
|
|
4714
|
+
border-style: none;
|
|
4715
|
+
}
|
|
4716
|
+
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
4717
|
+
background-color: var(--color-stone-200);
|
|
4718
|
+
}
|
|
4719
|
+
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
4720
|
+
background-color: var(--color-stone-200);
|
|
4721
|
+
}
|
|
4722
|
+
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
4723
|
+
color: var(--color-stone-400);
|
|
4724
|
+
}
|
|
4725
|
+
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
4726
|
+
color: var(--color-stone-400);
|
|
4727
|
+
}
|
|
4728
|
+
[data-theme="rui"] &:where([data-rac])[data-disabled] {
|
|
4729
|
+
--tw-shadow: 0 0 #0000;
|
|
4730
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4731
|
+
}
|
|
4732
|
+
[data-theme="rui"] &:where(:not([data-rac])):disabled {
|
|
4733
|
+
--tw-shadow: 0 0 #0000;
|
|
4734
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
4735
|
+
}
|
|
4736
|
+
}
|
|
4737
|
+
}
|
|
4691
4738
|
@layer base {
|
|
4692
4739
|
[data-theme="rui"] {
|
|
4693
4740
|
font-optical-sizing: auto;
|
|
@@ -4695,6 +4742,9 @@
|
|
|
4695
4742
|
background-color: var(--color-white);
|
|
4696
4743
|
font-family: 'Inter', system-ui, sans-serif;
|
|
4697
4744
|
color: var(--color-stone-950);
|
|
4745
|
+
@supports (font-variation-settings:normal) {
|
|
4746
|
+
font-family: InterVariable, system-ui, sans-serif;
|
|
4747
|
+
}
|
|
4698
4748
|
}
|
|
4699
4749
|
}
|
|
4700
4750
|
@keyframes enter {
|