@vaneui/md 0.0.3-alpha.20250807150626.4231a8a → 0.3.1-alpha.20250916152826.fb70c71

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.
Files changed (6) hide show
  1. package/dist/index.esm.js +9 -1
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +9 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/styles/index.css +1092 -685
  6. package/package.json +3 -3
package/dist/styles/index.css CHANGED
@@ -3,141 +3,177 @@
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme;
5
5
  /* Import @vaneui/ui base styles */
6
- @theme {
6
+ @theme inline {
7
7
  /* Text Colors */
8
- --text-color-default: var(--color-gray-900, #111827);
9
- --text-color-primary: var(--color-blue-600, #2563eb);
10
- --text-color-secondary: var(--color-gray-600, #4b5563);
11
- --text-color-tertiary: var(--color-gray-500, #6b7280);
12
- --text-color-link: var(--color-blue-600, #2563eb);
13
- --text-color-accent: var(--color-rose-700, #9333ea);
14
- --text-color-success: var(--color-emerald-600, #059669);
15
- --text-color-danger: var(--color-red-600, #dc2626);
16
- --text-color-warning: var(--color-amber-600, #d97706);
17
- --text-color-info: var(--color-cyan-600, #0891b2);
8
+ --color-text-default: var(--color-gray-900);
9
+ --color-text-primary: var(--color-blue-600);
10
+ --color-text-secondary: var(--color-gray-600);
11
+ --color-text-tertiary: var(--color-gray-500);
12
+ --color-text-link: var(--color-blue-600);
13
+ --color-text-accent: var(--color-rose-700);
14
+ --color-text-success: var(--color-emerald-600);
15
+ --color-text-danger: var(--color-red-600);
16
+ --color-text-warning: var(--color-amber-600);
17
+ --color-text-info: var(--color-cyan-600);
18
18
 
19
- /* Background Colors */
20
- --background-color-default: var(--color-white, #ffffff);
21
- --background-color-primary: var(--color-blue-50, #eff6ff);
22
- --background-color-secondary: var(--color-gray-50, #f9fafb);
23
- --background-color-tertiary: var(--color-gray-100, #f3f4f6);
24
- --background-color-accent: var(--color-rose-50, #faf5ff);
25
- --background-color-success: var(--color-emerald-50, #ecfdf5);
26
- --background-color-danger: var(--color-red-50, #fef2f2);
27
- --background-color-warning: var(--color-amber-50, #fffbeb);
28
- --background-color-info: var(--color-cyan-50, #ecfeff);
29
- --background-color-link: var(--color-blue-50, #eff6ff);
19
+ /* Filled Text Colors */
20
+ --color-text-filled-default: var(--color-white);
21
+ --color-text-filled-primary: var(--color-blue-100);
22
+ --color-text-filled-secondary: var(--color-gray-200);
23
+ --color-text-filled-tertiary: var(--color-gray-300);
24
+ --color-text-filled-link: var(--color-blue-100);
25
+ --color-text-filled-accent: var(--color-rose-100);
26
+ --color-text-filled-success: var(--color-emerald-100);
27
+ --color-text-filled-danger: var(--color-red-100);
28
+ --color-text-filled-warning: var(--color-amber-100);
29
+ --color-text-filled-info: var(--color-cyan-100);
30
+ --color-text-filled-transparent: transparent;
30
31
 
31
- /* Background Hover Colors */
32
- --background-color-hover-default: var(--color-gray-50, #f3f4f6);
33
- --background-color-hover-primary: var(--color-blue-100, #dbeafe);
34
- --background-color-hover-secondary: var(--color-gray-100, #f3f4f6);
35
- --background-color-hover-tertiary: var(--color-gray-200, #e5e7eb);
36
- --background-color-hover-accent: var(--color-rose-100, #f5d0fe);
37
- --background-color-hover-success: var(--color-emerald-100, #d1fae5);
38
- --background-color-hover-danger: var(--color-red-100, #fee2e2);
39
- --background-color-hover-warning: var(--color-amber-100, #fef3c7);
40
- --background-color-hover-info: var(--color-cyan-100, #cffafe);
41
- --background-color-hover-link: var(--color-blue-100, #dbeafe);
32
+ /* UI Background Colors */
33
+ --color-bg-default: var(--color-white);
34
+ --color-bg-primary: var(--color-blue-50);
35
+ --color-bg-secondary: var(--color-gray-50);
36
+ --color-bg-tertiary: var(--color-gray-100);
37
+ --color-bg-accent: var(--color-rose-50);
38
+ --color-bg-success: var(--color-emerald-50);
39
+ --color-bg-danger: var(--color-red-50);
40
+ --color-bg-warning: var(--color-amber-50);
41
+ --color-bg-info: var(--color-cyan-50);
42
+ --color-bg-link: var(--color-blue-50);
42
43
 
43
- /* Background Active Colors */
44
- --background-color-active-default: var(--color-gray-100, #e5e7eb);
45
- --background-color-active-primary: var(--color-blue-200, #bfdbfe);
46
- --background-color-active-secondary: var(--color-gray-200, #e5e7eb);
47
- --background-color-active-tertiary: var(--color-gray-300, #d1d5db);
48
- --background-color-active-accent: var(--color-rose-200, #fbcfe8);
49
- --background-color-active-success: var(--color-emerald-200, #a7f3d0);
50
- --background-color-active-danger: var(--color-red-200, #fecaca);
51
- --background-color-active-warning: var(--color-amber-200, #fde68a);
52
- --background-color-active-info: var(--color-cyan-200, #a5f3fc);
53
- --background-color-active-link: var(--color-blue-200, #bfdbfe);
44
+ /* UI Background Hover Colors */
45
+ --color-bg-hover-default: var(--color-gray-50);
46
+ --color-bg-hover-primary: var(--color-blue-100);
47
+ --color-bg-hover-secondary: var(--color-gray-100);
48
+ --color-bg-hover-tertiary: var(--color-gray-200);
49
+ --color-bg-hover-accent: var(--color-rose-100);
50
+ --color-bg-hover-success: var(--color-emerald-100);
51
+ --color-bg-hover-danger: var(--color-red-100);
52
+ --color-bg-hover-warning: var(--color-amber-100);
53
+ --color-bg-hover-info: var(--color-cyan-100);
54
+ --color-bg-hover-link: var(--color-blue-100);
54
55
 
55
- /* Filled Button Background Colors */
56
- --filled-background-color-default: var(--color-gray-800, #1f2937);
57
- --filled-background-color-primary: var(--color-blue-600, #2563eb);
58
- --filled-background-color-secondary: var(--color-gray-600, #4b5563);
59
- --filled-background-color-tertiary: var(--color-gray-500, #6b7280);
60
- --filled-background-color-accent: var(--color-rose-600, #e11d48);
61
- --filled-background-color-success: var(--color-emerald-600, #059669);
62
- --filled-background-color-danger: var(--color-red-600, #dc2626);
63
- --filled-background-color-warning: var(--color-amber-600, #d97706);
64
- --filled-background-color-info: var(--color-cyan-600, #0891b2);
65
- --filled-background-color-link: var(--color-blue-600, #2563eb);
56
+ /* UI Background Active Colors */
57
+ --color-bg-active-default: var(--color-gray-100);
58
+ --color-bg-active-primary: var(--color-blue-200);
59
+ --color-bg-active-secondary: var(--color-gray-200);
60
+ --color-bg-active-tertiary: var(--color-gray-300);
61
+ --color-bg-active-accent: var(--color-rose-200);
62
+ --color-bg-active-success: var(--color-emerald-200);
63
+ --color-bg-active-danger: var(--color-red-200);
64
+ --color-bg-active-warning: var(--color-amber-200);
65
+ --color-bg-active-info: var(--color-cyan-200);
66
+ --color-bg-active-link: var(--color-blue-200);
66
67
 
67
- /* Filled Button Hover Background Colors */
68
- --filled-background-color-hover-default: var(--color-gray-900, #111827);
69
- --filled-background-color-hover-primary: var(--color-blue-700, #1d4ed8);
70
- --filled-background-color-hover-secondary: var(--color-gray-700, #374151);
71
- --filled-background-color-hover-tertiary: var(--color-gray-600, #4b5563);
72
- --filled-background-color-hover-accent: var(--color-rose-700, #be123c);
73
- --filled-background-color-hover-success: var(--color-emerald-700, #047857);
74
- --filled-background-color-hover-danger: var(--color-red-700, #b91c1c);
75
- --filled-background-color-hover-warning: var(--color-amber-700, #b45309);
76
- --filled-background-color-hover-info: var(--color-cyan-700, #0e7490);
77
- --filled-background-color-hover-link: var(--color-blue-700, #1d4ed8);
68
+ /* Filled UI Background Colors */
69
+ --color-bg-filled-default: var(--color-gray-800);
70
+ --color-bg-filled-primary: var(--color-blue-600);
71
+ --color-bg-filled-secondary: var(--color-gray-600);
72
+ --color-bg-filled-tertiary: var(--color-gray-500);
73
+ --color-bg-filled-accent: var(--color-rose-600);
74
+ --color-bg-filled-success: var(--color-emerald-600);
75
+ --color-bg-filled-danger: var(--color-red-600);
76
+ --color-bg-filled-warning: var(--color-amber-600);
77
+ --color-bg-filled-info: var(--color-cyan-600);
78
+ --color-bg-filled-link: var(--color-blue-600);
78
79
 
79
- /* Filled Button Active Background Colors */
80
- --filled-background-color-active-default: var(--color-gray-950, #030712);
81
- --filled-background-color-active-primary: var(--color-blue-800, #1e40af);
82
- --filled-background-color-active-secondary: var(--color-gray-800, #1f2937);
83
- --filled-background-color-active-tertiary: var(--color-gray-700, #374151);
84
- --filled-background-color-active-accent: var(--color-rose-800, #9f1239);
85
- --filled-background-color-active-success: var(--color-emerald-800, #065f46);
86
- --filled-background-color-active-danger: var(--color-red-800, #991b1b);
87
- --filled-background-color-active-warning: var(--color-amber-800, #92400e);
88
- --filled-background-color-active-info: var(--color-cyan-800, #155e75);
89
- --filled-background-color-active-link: var(--color-blue-800, #1e40af);
80
+ /* Filled UI Hover Background Colors */
81
+ --color-bg-filled-hover-default: var(--color-gray-900);
82
+ --color-bg-filled-hover-primary: var(--color-blue-700);
83
+ --color-bg-filled-hover-secondary: var(--color-gray-700);
84
+ --color-bg-filled-hover-tertiary: var(--color-gray-600);
85
+ --color-bg-filled-hover-accent: var(--color-rose-700);
86
+ --color-bg-filled-hover-success: var(--color-emerald-700);
87
+ --color-bg-filled-hover-danger: var(--color-red-700);
88
+ --color-bg-filled-hover-warning: var(--color-amber-700);
89
+ --color-bg-filled-hover-info: var(--color-cyan-700);
90
+ --color-bg-filled-hover-link: var(--color-blue-700);
91
+
92
+ /* Filled UI Active Background Colors */
93
+ --color-bg-filled-active-default: var(--color-gray-950);
94
+ --color-bg-filled-active-primary: var(--color-blue-800);
95
+ --color-bg-filled-active-secondary: var(--color-gray-800);
96
+ --color-bg-filled-active-tertiary: var(--color-gray-700);
97
+ --color-bg-filled-active-accent: var(--color-rose-800);
98
+ --color-bg-filled-active-success: var(--color-emerald-800);
99
+ --color-bg-filled-active-danger: var(--color-red-800);
100
+ --color-bg-filled-active-warning: var(--color-amber-800);
101
+ --color-bg-filled-active-info: var(--color-cyan-800);
102
+ --color-bg-filled-active-link: var(--color-blue-800);
90
103
 
91
104
  /* Layout Background Colors */
92
- --layout-background-default: var(--color-white, #ffffff);
93
- --layout-background-primary: var(--color-white, #ffffff);
94
- --layout-background-secondary: var(--color-gray-50, #f9fafb);
95
- --layout-background-tertiary: var(--color-gray-100, #f3f4f6);
96
- --layout-background-accent: var(--color-indigo-50, #eef2ff);
97
- --layout-background-success: var(--color-green-50, #f0fdf4);
98
- --layout-background-danger: var(--color-red-50, #fef2f2);
99
- --layout-background-warning: var(--color-yellow-50, #fefce8);
100
- --layout-background-info: var(--color-blue-50, #eff6ff);
101
- --layout-background-transparent: transparent;
102
- --layout-background-link: var(--color-blue-50, #eff6ff);
105
+ --color-bg-layout-default: var(--color-white);
106
+ --color-bg-layout-primary: var(--color-white);
107
+ --color-bg-layout-secondary: var(--color-gray-50);
108
+ --color-bg-layout-tertiary: var(--color-gray-100);
109
+ --color-bg-layout-accent: var(--color-indigo-50);
110
+ --color-bg-layout-success: var(--color-green-50);
111
+ --color-bg-layout-danger: var(--color-red-50);
112
+ --color-bg-layout-warning: var(--color-yellow-50);
113
+ --color-bg-layout-info: var(--color-blue-50);
114
+ --color-bg-layout-transparent: transparent;
115
+ --color-bg-layout-link: var(--color-blue-50);
116
+
117
+ /* Layout Filled Background Colors */
118
+ --color-bg-filled-layout-default: var(--color-gray-700);
119
+ --color-bg-filled-layout-primary: var(--color-blue-800);
120
+ --color-bg-filled-layout-secondary: var(--color-gray-800);
121
+ --color-bg-filled-layout-tertiary: var(--color-gray-900);
122
+ --color-bg-filled-layout-accent: var(--color-indigo-700);
123
+ --color-bg-filled-layout-success: var(--color-green-700);
124
+ --color-bg-filled-layout-danger: var(--color-red-700);
125
+ --color-bg-filled-layout-warning: var(--color-yellow-800);
126
+ --color-bg-filled-layout-info: var(--color-blue-700);
127
+ --color-bg-filled-layout-transparent: transparent;
128
+ --color-bg-filled-layout-link: var(--color-blue-700);
103
129
 
104
130
  /* Border Colors */
105
- --border-color-default: var(--color-gray-200, #d1d5db);
106
- --border-color-primary: var(--color-blue-200, #93c5fd);
107
- --border-color-secondary: var(--color-gray-200, #d1d5db);
108
- --border-color-tertiary: var(--color-gray-200, #e5e7eb);
109
- --border-color-link: var(--color-blue-200, #93c5fd);
110
- --border-color-accent: var(--color-rose-200, #d8b4fe);
111
- --border-color-success: var(--color-emerald-200, #6ee7b7);
112
- --border-color-danger: var(--color-red-200, #fca5a5);
113
- --border-color-warning: var(--color-amber-200, #fcd34d);
114
- --border-color-info: var(--color-cyan-200, #67e8f9);
131
+ --color-border-default: var(--color-gray-200);
132
+ --color-border-primary: var(--color-blue-200);
133
+ --color-border-secondary: var(--color-gray-200);
134
+ --color-border-tertiary: var(--color-gray-300);
135
+ --color-border-link: var(--color-blue-200);
136
+ --color-border-accent: var(--color-rose-200);
137
+ --color-border-success: var(--color-green-200);
138
+ --color-border-danger: var(--color-red-200);
139
+ --color-border-warning: var(--color-yellow-200);
140
+ --color-border-info: var(--color-blue-200);
115
141
 
116
142
  /* Filled Button Border Colors */
117
- --filled-border-color-default: var(--color-gray-800, #1f2937);
118
- --filled-border-color-primary: var(--color-blue-600, #2563eb);
119
- --filled-border-color-secondary: var(--color-gray-600, #4b5563);
120
- --filled-border-color-tertiary: var(--color-gray-500, #6b7280);
121
- --filled-border-color-accent: var(--color-rose-600, #e11d48);
122
- --filled-border-color-success: var(--color-emerald-600, #059669);
123
- --filled-border-color-danger: var(--color-red-600, #dc2626);
124
- --filled-border-color-warning: var(--color-amber-600, #d97706);
125
- --filled-border-color-info: var(--color-cyan-600, #0891b2);
126
- --filled-border-color-link: var(--color-blue-600, #2563eb);
143
+ --color-border-filled-default: var(--color-gray-600);
144
+ --color-border-filled-primary: var(--color-blue-600);
145
+ --color-border-filled-secondary: var(--color-gray-700);
146
+ --color-border-filled-tertiary: var(--color-gray-800);
147
+ --color-border-filled-accent: var(--color-rose-600);
148
+ --color-border-filled-success: var(--color-green-600);
149
+ --color-border-filled-danger: var(--color-red-600);
150
+ --color-border-filled-warning: var(--color-yellow-600);
151
+ --color-border-filled-info: var(--color-blue-600);
152
+ --color-border-filled-link: var(--color-blue-600);
127
153
 
128
154
  /* UI Component Border Radius Sizes */
129
- --ui-border-radius-xs: 0.125rem;
130
- --ui-border-radius-sm: 0.25rem;
131
- --ui-border-radius-md: 0.375rem;
132
- --ui-border-radius-lg: 0.5rem;
133
- --ui-border-radius-xl: 0.625rem;
155
+ --ui-br-spacing: 0.125rem;
156
+ --ui-br-xs: calc(1 * var(--ui-br-spacing));
157
+ --ui-br-sm: calc(2 * var(--ui-br-spacing));
158
+ --ui-br-md: calc(3 * var(--ui-br-spacing));
159
+ --ui-br-lg: calc(4 * var(--ui-br-spacing));
160
+ --ui-br-xl: calc(5 * var(--ui-br-spacing));
134
161
 
135
162
  /* Layout Component Border Radius Sizes */
136
- --layout-border-radius-xs: 0.375rem;
137
- --layout-border-radius-sm: 0.5rem;
138
- --layout-border-radius-md: 0.625rem;
139
- --layout-border-radius-lg: 0.75rem;
140
- --layout-border-radius-xl: 0.875rem;
163
+ --layout-br-spacing: 0.25rem;
164
+ --layout-br-xs: calc(3 * var(--layout-br-spacing));
165
+ --layout-br-sm: calc(4 * var(--layout-br-spacing));
166
+ --layout-br-md: calc(5 * var(--layout-br-spacing));
167
+ --layout-br-lg: calc(6 * var(--layout-br-spacing));
168
+ --layout-br-xl: calc(7 * var(--layout-br-spacing));
169
+
170
+ /* Layout Component Gap Sizes */
171
+ --layout-spacing: clamp(0.1rem, 0.16rem + 0.4vw, 0.375rem);
172
+ --layout-gap-xs: calc(2 * var(--layout-spacing));
173
+ --layout-gap-sm: calc(3 * var(--layout-spacing));
174
+ --layout-gap-md: calc(4 * var(--layout-spacing));
175
+ --layout-gap-lg: calc(5 * var(--layout-spacing));
176
+ --layout-gap-xl: calc(6 * var(--layout-spacing));
141
177
  }
142
178
  /*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
143
179
  @layer theme {
@@ -150,10 +186,12 @@
150
186
  --color-red-50: oklch(97.1% 0.013 17.38);
151
187
  --color-red-100: oklch(93.6% 0.032 17.717);
152
188
  --color-red-200: oklch(88.5% 0.062 18.334);
189
+ --color-red-300: oklch(80.8% 0.114 19.571);
153
190
  --color-red-500: oklch(63.7% 0.237 25.331);
154
191
  --color-red-600: oklch(57.7% 0.245 27.325);
155
192
  --color-red-700: oklch(50.5% 0.213 27.518);
156
193
  --color-red-800: oklch(44.4% 0.177 26.899);
194
+ --color-orange-500: oklch(70.5% 0.213 47.604);
157
195
  --color-amber-50: oklch(98.7% 0.022 95.277);
158
196
  --color-amber-100: oklch(96.2% 0.059 95.617);
159
197
  --color-amber-200: oklch(92.4% 0.12 95.746);
@@ -161,12 +199,19 @@
161
199
  --color-amber-700: oklch(55.5% 0.163 48.998);
162
200
  --color-amber-800: oklch(47.3% 0.137 46.201);
163
201
  --color-yellow-50: oklch(98.7% 0.026 102.212);
202
+ --color-yellow-100: oklch(97.3% 0.071 103.193);
203
+ --color-yellow-200: oklch(94.5% 0.129 101.54);
204
+ --color-yellow-600: oklch(68.1% 0.162 75.834);
205
+ --color-yellow-800: oklch(47.6% 0.114 61.907);
164
206
  --color-green-50: oklch(98.2% 0.018 155.826);
165
207
  --color-green-200: oklch(92.5% 0.084 155.995);
166
208
  --color-green-500: oklch(72.3% 0.219 149.579);
209
+ --color-green-600: oklch(62.7% 0.194 149.214);
210
+ --color-green-700: oklch(52.7% 0.154 150.069);
167
211
  --color-emerald-50: oklch(97.9% 0.021 166.113);
168
212
  --color-emerald-100: oklch(95% 0.052 163.051);
169
213
  --color-emerald-200: oklch(90.5% 0.093 164.15);
214
+ --color-emerald-500: oklch(69.6% 0.17 162.48);
170
215
  --color-emerald-600: oklch(59.6% 0.145 163.225);
171
216
  --color-emerald-700: oklch(50.8% 0.118 165.612);
172
217
  --color-emerald-800: oklch(43.2% 0.095 166.913);
@@ -186,6 +231,15 @@
186
231
  --color-blue-800: oklch(42.4% 0.199 265.638);
187
232
  --color-blue-900: oklch(37.9% 0.146 265.522);
188
233
  --color-indigo-50: oklch(96.2% 0.018 272.314);
234
+ --color-indigo-100: oklch(93% 0.034 272.788);
235
+ --color-indigo-400: oklch(67.3% 0.182 276.935);
236
+ --color-indigo-500: oklch(58.5% 0.233 277.117);
237
+ --color-indigo-700: oklch(45.7% 0.24 277.023);
238
+ --color-violet-400: oklch(70.2% 0.183 293.541);
239
+ --color-violet-600: oklch(54.1% 0.281 293.009);
240
+ --color-purple-600: oklch(55.8% 0.288 302.321);
241
+ --color-purple-700: oklch(49.6% 0.265 301.924);
242
+ --color-pink-600: oklch(59.2% 0.249 0.584);
189
243
  --color-rose-50: oklch(96.9% 0.015 12.422);
190
244
  --color-rose-100: oklch(94.1% 0.03 12.58);
191
245
  --color-rose-200: oklch(89.2% 0.058 10.001);
@@ -204,7 +258,7 @@
204
258
  --color-gray-950: oklch(13% 0.028 261.692);
205
259
  --color-white: #fff;
206
260
  --spacing: 0.25rem;
207
- --container-xs: 20rem;
261
+ --container-md: 28rem;
208
262
  --container-3xl: 48rem;
209
263
  --container-4xl: 56rem;
210
264
  --container-5xl: 64rem;
@@ -250,116 +304,144 @@
250
304
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
251
305
  --default-font-family: var(--font-sans);
252
306
  --default-mono-font-family: var(--font-mono);
253
- --text-color-default: var(--color-gray-900, #111827);
254
- --text-color-primary: var(--color-blue-600, #2563eb);
255
- --text-color-secondary: var(--color-gray-600, #4b5563);
256
- --text-color-tertiary: var(--color-gray-500, #6b7280);
257
- --text-color-link: var(--color-blue-600, #2563eb);
258
- --text-color-accent: var(--color-rose-700, #9333ea);
259
- --text-color-success: var(--color-emerald-600, #059669);
260
- --text-color-danger: var(--color-red-600, #dc2626);
261
- --text-color-warning: var(--color-amber-600, #d97706);
262
- --text-color-info: var(--color-cyan-600, #0891b2);
263
- --background-color-default: var(--color-white, #ffffff);
264
- --background-color-primary: var(--color-blue-50, #eff6ff);
265
- --background-color-secondary: var(--color-gray-50, #f9fafb);
266
- --background-color-tertiary: var(--color-gray-100, #f3f4f6);
267
- --background-color-accent: var(--color-rose-50, #faf5ff);
268
- --background-color-success: var(--color-emerald-50, #ecfdf5);
269
- --background-color-danger: var(--color-red-50, #fef2f2);
270
- --background-color-warning: var(--color-amber-50, #fffbeb);
271
- --background-color-info: var(--color-cyan-50, #ecfeff);
272
- --background-color-link: var(--color-blue-50, #eff6ff);
273
- --background-color-hover-default: var(--color-gray-50, #f3f4f6);
274
- --background-color-hover-primary: var(--color-blue-100, #dbeafe);
275
- --background-color-hover-secondary: var(--color-gray-100, #f3f4f6);
276
- --background-color-hover-tertiary: var(--color-gray-200, #e5e7eb);
277
- --background-color-hover-accent: var(--color-rose-100, #f5d0fe);
278
- --background-color-hover-success: var(--color-emerald-100, #d1fae5);
279
- --background-color-hover-danger: var(--color-red-100, #fee2e2);
280
- --background-color-hover-warning: var(--color-amber-100, #fef3c7);
281
- --background-color-hover-info: var(--color-cyan-100, #cffafe);
282
- --background-color-hover-link: var(--color-blue-100, #dbeafe);
283
- --background-color-active-default: var(--color-gray-100, #e5e7eb);
284
- --background-color-active-primary: var(--color-blue-200, #bfdbfe);
285
- --background-color-active-secondary: var(--color-gray-200, #e5e7eb);
286
- --background-color-active-tertiary: var(--color-gray-300, #d1d5db);
287
- --background-color-active-accent: var(--color-rose-200, #fbcfe8);
288
- --background-color-active-success: var(--color-emerald-200, #a7f3d0);
289
- --background-color-active-danger: var(--color-red-200, #fecaca);
290
- --background-color-active-warning: var(--color-amber-200, #fde68a);
291
- --background-color-active-info: var(--color-cyan-200, #a5f3fc);
292
- --background-color-active-link: var(--color-blue-200, #bfdbfe);
293
- --filled-background-color-default: var(--color-gray-800, #1f2937);
294
- --filled-background-color-primary: var(--color-blue-600, #2563eb);
295
- --filled-background-color-secondary: var(--color-gray-600, #4b5563);
296
- --filled-background-color-tertiary: var(--color-gray-500, #6b7280);
297
- --filled-background-color-accent: var(--color-rose-600, #e11d48);
298
- --filled-background-color-success: var(--color-emerald-600, #059669);
299
- --filled-background-color-danger: var(--color-red-600, #dc2626);
300
- --filled-background-color-warning: var(--color-amber-600, #d97706);
301
- --filled-background-color-info: var(--color-cyan-600, #0891b2);
302
- --filled-background-color-link: var(--color-blue-600, #2563eb);
303
- --filled-background-color-hover-default: var(--color-gray-900, #111827);
304
- --filled-background-color-hover-primary: var(--color-blue-700, #1d4ed8);
305
- --filled-background-color-hover-secondary: var(--color-gray-700, #374151);
306
- --filled-background-color-hover-tertiary: var(--color-gray-600, #4b5563);
307
- --filled-background-color-hover-accent: var(--color-rose-700, #be123c);
308
- --filled-background-color-hover-success: var(--color-emerald-700, #047857);
309
- --filled-background-color-hover-danger: var(--color-red-700, #b91c1c);
310
- --filled-background-color-hover-warning: var(--color-amber-700, #b45309);
311
- --filled-background-color-hover-info: var(--color-cyan-700, #0e7490);
312
- --filled-background-color-hover-link: var(--color-blue-700, #1d4ed8);
313
- --filled-background-color-active-default: var(--color-gray-950, #030712);
314
- --filled-background-color-active-primary: var(--color-blue-800, #1e40af);
315
- --filled-background-color-active-secondary: var(--color-gray-800, #1f2937);
316
- --filled-background-color-active-tertiary: var(--color-gray-700, #374151);
317
- --filled-background-color-active-accent: var(--color-rose-800, #9f1239);
318
- --filled-background-color-active-success: var(--color-emerald-800, #065f46);
319
- --filled-background-color-active-danger: var(--color-red-800, #991b1b);
320
- --filled-background-color-active-warning: var(--color-amber-800, #92400e);
321
- --filled-background-color-active-info: var(--color-cyan-800, #155e75);
322
- --filled-background-color-active-link: var(--color-blue-800, #1e40af);
323
- --layout-background-default: var(--color-white, #ffffff);
324
- --layout-background-primary: var(--color-white, #ffffff);
325
- --layout-background-secondary: var(--color-gray-50, #f9fafb);
326
- --layout-background-tertiary: var(--color-gray-100, #f3f4f6);
327
- --layout-background-accent: var(--color-indigo-50, #eef2ff);
328
- --layout-background-success: var(--color-green-50, #f0fdf4);
329
- --layout-background-danger: var(--color-red-50, #fef2f2);
330
- --layout-background-warning: var(--color-yellow-50, #fefce8);
331
- --layout-background-info: var(--color-blue-50, #eff6ff);
332
- --layout-background-link: var(--color-blue-50, #eff6ff);
333
- --border-color-default: var(--color-gray-200, #d1d5db);
334
- --border-color-primary: var(--color-blue-200, #93c5fd);
335
- --border-color-secondary: var(--color-gray-200, #d1d5db);
336
- --border-color-tertiary: var(--color-gray-200, #e5e7eb);
337
- --border-color-link: var(--color-blue-200, #93c5fd);
338
- --border-color-accent: var(--color-rose-200, #d8b4fe);
339
- --border-color-success: var(--color-emerald-200, #6ee7b7);
340
- --border-color-danger: var(--color-red-200, #fca5a5);
341
- --border-color-warning: var(--color-amber-200, #fcd34d);
342
- --border-color-info: var(--color-cyan-200, #67e8f9);
343
- --filled-border-color-default: var(--color-gray-800, #1f2937);
344
- --filled-border-color-primary: var(--color-blue-600, #2563eb);
345
- --filled-border-color-secondary: var(--color-gray-600, #4b5563);
346
- --filled-border-color-tertiary: var(--color-gray-500, #6b7280);
347
- --filled-border-color-accent: var(--color-rose-600, #e11d48);
348
- --filled-border-color-success: var(--color-emerald-600, #059669);
349
- --filled-border-color-danger: var(--color-red-600, #dc2626);
350
- --filled-border-color-warning: var(--color-amber-600, #d97706);
351
- --filled-border-color-info: var(--color-cyan-600, #0891b2);
352
- --filled-border-color-link: var(--color-blue-600, #2563eb);
353
- --ui-border-radius-xs: 0.125rem;
354
- --ui-border-radius-sm: 0.25rem;
355
- --ui-border-radius-md: 0.375rem;
356
- --ui-border-radius-lg: 0.5rem;
357
- --ui-border-radius-xl: 0.625rem;
358
- --layout-border-radius-xs: 0.375rem;
359
- --layout-border-radius-sm: 0.5rem;
360
- --layout-border-radius-md: 0.625rem;
361
- --layout-border-radius-lg: 0.75rem;
362
- --layout-border-radius-xl: 0.875rem;
307
+ --color-text-default: var(--color-gray-900);
308
+ --color-text-primary: var(--color-blue-600);
309
+ --color-text-secondary: var(--color-gray-600);
310
+ --color-text-tertiary: var(--color-gray-500);
311
+ --color-text-link: var(--color-blue-600);
312
+ --color-text-accent: var(--color-rose-700);
313
+ --color-text-success: var(--color-emerald-600);
314
+ --color-text-danger: var(--color-red-600);
315
+ --color-text-warning: var(--color-amber-600);
316
+ --color-text-info: var(--color-cyan-600);
317
+ --color-text-filled-default: var(--color-white);
318
+ --color-text-filled-primary: var(--color-blue-100);
319
+ --color-text-filled-secondary: var(--color-gray-200);
320
+ --color-text-filled-tertiary: var(--color-gray-300);
321
+ --color-text-filled-link: var(--color-blue-100);
322
+ --color-text-filled-accent: var(--color-rose-100);
323
+ --color-text-filled-success: var(--color-emerald-100);
324
+ --color-text-filled-danger: var(--color-red-100);
325
+ --color-text-filled-warning: var(--color-amber-100);
326
+ --color-text-filled-info: var(--color-cyan-100);
327
+ --color-bg-default: var(--color-white);
328
+ --color-bg-primary: var(--color-blue-50);
329
+ --color-bg-secondary: var(--color-gray-50);
330
+ --color-bg-tertiary: var(--color-gray-100);
331
+ --color-bg-accent: var(--color-rose-50);
332
+ --color-bg-success: var(--color-emerald-50);
333
+ --color-bg-danger: var(--color-red-50);
334
+ --color-bg-warning: var(--color-amber-50);
335
+ --color-bg-info: var(--color-cyan-50);
336
+ --color-bg-link: var(--color-blue-50);
337
+ --color-bg-hover-default: var(--color-gray-50);
338
+ --color-bg-hover-primary: var(--color-blue-100);
339
+ --color-bg-hover-secondary: var(--color-gray-100);
340
+ --color-bg-hover-tertiary: var(--color-gray-200);
341
+ --color-bg-hover-accent: var(--color-rose-100);
342
+ --color-bg-hover-success: var(--color-emerald-100);
343
+ --color-bg-hover-danger: var(--color-red-100);
344
+ --color-bg-hover-warning: var(--color-amber-100);
345
+ --color-bg-hover-info: var(--color-cyan-100);
346
+ --color-bg-hover-link: var(--color-blue-100);
347
+ --color-bg-active-default: var(--color-gray-100);
348
+ --color-bg-active-primary: var(--color-blue-200);
349
+ --color-bg-active-secondary: var(--color-gray-200);
350
+ --color-bg-active-tertiary: var(--color-gray-300);
351
+ --color-bg-active-accent: var(--color-rose-200);
352
+ --color-bg-active-success: var(--color-emerald-200);
353
+ --color-bg-active-danger: var(--color-red-200);
354
+ --color-bg-active-warning: var(--color-amber-200);
355
+ --color-bg-active-info: var(--color-cyan-200);
356
+ --color-bg-active-link: var(--color-blue-200);
357
+ --color-bg-filled-default: var(--color-gray-800);
358
+ --color-bg-filled-primary: var(--color-blue-600);
359
+ --color-bg-filled-secondary: var(--color-gray-600);
360
+ --color-bg-filled-tertiary: var(--color-gray-500);
361
+ --color-bg-filled-accent: var(--color-rose-600);
362
+ --color-bg-filled-success: var(--color-emerald-600);
363
+ --color-bg-filled-danger: var(--color-red-600);
364
+ --color-bg-filled-warning: var(--color-amber-600);
365
+ --color-bg-filled-info: var(--color-cyan-600);
366
+ --color-bg-filled-link: var(--color-blue-600);
367
+ --color-bg-filled-hover-default: var(--color-gray-900);
368
+ --color-bg-filled-hover-primary: var(--color-blue-700);
369
+ --color-bg-filled-hover-secondary: var(--color-gray-700);
370
+ --color-bg-filled-hover-tertiary: var(--color-gray-600);
371
+ --color-bg-filled-hover-accent: var(--color-rose-700);
372
+ --color-bg-filled-hover-success: var(--color-emerald-700);
373
+ --color-bg-filled-hover-danger: var(--color-red-700);
374
+ --color-bg-filled-hover-warning: var(--color-amber-700);
375
+ --color-bg-filled-hover-info: var(--color-cyan-700);
376
+ --color-bg-filled-hover-link: var(--color-blue-700);
377
+ --color-bg-filled-active-default: var(--color-gray-950);
378
+ --color-bg-filled-active-primary: var(--color-blue-800);
379
+ --color-bg-filled-active-secondary: var(--color-gray-800);
380
+ --color-bg-filled-active-tertiary: var(--color-gray-700);
381
+ --color-bg-filled-active-accent: var(--color-rose-800);
382
+ --color-bg-filled-active-success: var(--color-emerald-800);
383
+ --color-bg-filled-active-danger: var(--color-red-800);
384
+ --color-bg-filled-active-warning: var(--color-amber-800);
385
+ --color-bg-filled-active-info: var(--color-cyan-800);
386
+ --color-bg-filled-active-link: var(--color-blue-800);
387
+ --color-bg-layout-default: var(--color-white);
388
+ --color-bg-layout-primary: var(--color-white);
389
+ --color-bg-layout-secondary: var(--color-gray-50);
390
+ --color-bg-layout-tertiary: var(--color-gray-100);
391
+ --color-bg-layout-accent: var(--color-indigo-50);
392
+ --color-bg-layout-success: var(--color-green-50);
393
+ --color-bg-layout-danger: var(--color-red-50);
394
+ --color-bg-layout-warning: var(--color-yellow-50);
395
+ --color-bg-layout-info: var(--color-blue-50);
396
+ --color-bg-layout-link: var(--color-blue-50);
397
+ --color-bg-filled-layout-default: var(--color-gray-700);
398
+ --color-bg-filled-layout-primary: var(--color-blue-800);
399
+ --color-bg-filled-layout-secondary: var(--color-gray-800);
400
+ --color-bg-filled-layout-tertiary: var(--color-gray-900);
401
+ --color-bg-filled-layout-accent: var(--color-indigo-700);
402
+ --color-bg-filled-layout-success: var(--color-green-700);
403
+ --color-bg-filled-layout-danger: var(--color-red-700);
404
+ --color-bg-filled-layout-warning: var(--color-yellow-800);
405
+ --color-bg-filled-layout-info: var(--color-blue-700);
406
+ --color-bg-filled-layout-link: var(--color-blue-700);
407
+ --color-border-default: var(--color-gray-200);
408
+ --color-border-primary: var(--color-blue-200);
409
+ --color-border-secondary: var(--color-gray-200);
410
+ --color-border-tertiary: var(--color-gray-300);
411
+ --color-border-link: var(--color-blue-200);
412
+ --color-border-accent: var(--color-rose-200);
413
+ --color-border-success: var(--color-green-200);
414
+ --color-border-danger: var(--color-red-200);
415
+ --color-border-warning: var(--color-yellow-200);
416
+ --color-border-info: var(--color-blue-200);
417
+ --color-border-filled-default: var(--color-gray-600);
418
+ --color-border-filled-primary: var(--color-blue-600);
419
+ --color-border-filled-secondary: var(--color-gray-700);
420
+ --color-border-filled-tertiary: var(--color-gray-800);
421
+ --color-border-filled-accent: var(--color-rose-600);
422
+ --color-border-filled-success: var(--color-green-600);
423
+ --color-border-filled-danger: var(--color-red-600);
424
+ --color-border-filled-warning: var(--color-yellow-600);
425
+ --color-border-filled-info: var(--color-blue-600);
426
+ --color-border-filled-link: var(--color-blue-600);
427
+ --ui-br-spacing: 0.125rem;
428
+ --ui-br-xs: calc(1 * var(--ui-br-spacing));
429
+ --ui-br-sm: calc(2 * var(--ui-br-spacing));
430
+ --ui-br-md: calc(3 * var(--ui-br-spacing));
431
+ --ui-br-lg: calc(4 * var(--ui-br-spacing));
432
+ --ui-br-xl: calc(5 * var(--ui-br-spacing));
433
+ --layout-br-spacing: 0.25rem;
434
+ --layout-br-xs: calc(3 * var(--layout-br-spacing));
435
+ --layout-br-sm: calc(4 * var(--layout-br-spacing));
436
+ --layout-br-md: calc(5 * var(--layout-br-spacing));
437
+ --layout-br-lg: calc(6 * var(--layout-br-spacing));
438
+ --layout-br-xl: calc(7 * var(--layout-br-spacing));
439
+ --layout-spacing: clamp(0.1rem, 0.16rem + 0.4vw, 0.375rem);
440
+ --layout-gap-xs: calc(2 * var(--layout-spacing));
441
+ --layout-gap-sm: calc(3 * var(--layout-spacing));
442
+ --layout-gap-md: calc(4 * var(--layout-spacing));
443
+ --layout-gap-lg: calc(5 * var(--layout-spacing));
444
+ --layout-gap-xl: calc(6 * var(--layout-spacing));
363
445
  }
364
446
  }
365
447
  @layer base {
@@ -529,6 +611,9 @@
529
611
  .sticky {
530
612
  position: sticky;
531
613
  }
614
+ .left-3 {
615
+ left: calc(var(--spacing) * 3);
616
+ }
532
617
  .isolate {
533
618
  isolation: isolate;
534
619
  }
@@ -622,6 +707,9 @@
622
707
  .h-px {
623
708
  height: 1px;
624
709
  }
710
+ .w-1\/3 {
711
+ width: calc(1/3 * 100%);
712
+ }
625
713
  .w-3 {
626
714
  width: calc(var(--spacing) * 3);
627
715
  }
@@ -658,8 +746,8 @@
658
746
  .max-w-7xl {
659
747
  max-width: var(--container-7xl);
660
748
  }
661
- .max-w-xs {
662
- max-width: var(--container-xs);
749
+ .max-w-md {
750
+ max-width: var(--container-md);
663
751
  }
664
752
  .transform {
665
753
  transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
@@ -670,6 +758,9 @@
670
758
  .animate-pulse {
671
759
  animation: var(--animate-pulse);
672
760
  }
761
+ .cursor-default {
762
+ cursor: default;
763
+ }
673
764
  .cursor-pointer {
674
765
  cursor: pointer;
675
766
  }
@@ -748,6 +839,21 @@
748
839
  .justify-stretch {
749
840
  justify-content: stretch;
750
841
  }
842
+ .gap-\(--layout-gap-lg\) {
843
+ gap: var(--layout-gap-lg);
844
+ }
845
+ .gap-\(--layout-gap-md\) {
846
+ gap: var(--layout-gap-md);
847
+ }
848
+ .gap-\(--layout-gap-sm\) {
849
+ gap: var(--layout-gap-sm);
850
+ }
851
+ .gap-\(--layout-gap-xl\) {
852
+ gap: var(--layout-gap-xl);
853
+ }
854
+ .gap-\(--layout-gap-xs\) {
855
+ gap: var(--layout-gap-xs);
856
+ }
751
857
  .gap-0 {
752
858
  gap: calc(var(--spacing) * 0);
753
859
  }
@@ -781,9 +887,6 @@
781
887
  .gap-8 {
782
888
  gap: calc(var(--spacing) * 8);
783
889
  }
784
- .gap-10 {
785
- gap: calc(var(--spacing) * 10);
786
- }
787
890
  .gap-12 {
788
891
  gap: calc(var(--spacing) * 12);
789
892
  }
@@ -852,35 +955,35 @@
852
955
  .rounded {
853
956
  border-radius: 0.25rem;
854
957
  }
855
- .rounded-\(--layout-border-radius-lg\) {
856
- border-radius: var(--layout-border-radius-lg);
958
+ .rounded-\(--layout-br-lg\) {
959
+ border-radius: var(--layout-br-lg);
857
960
  }
858
- .rounded-\(--layout-border-radius-md\) {
859
- border-radius: var(--layout-border-radius-md);
961
+ .rounded-\(--layout-br-md\) {
962
+ border-radius: var(--layout-br-md);
860
963
  }
861
- .rounded-\(--layout-border-radius-sm\) {
862
- border-radius: var(--layout-border-radius-sm);
964
+ .rounded-\(--layout-br-sm\) {
965
+ border-radius: var(--layout-br-sm);
863
966
  }
864
- .rounded-\(--layout-border-radius-xl\) {
865
- border-radius: var(--layout-border-radius-xl);
967
+ .rounded-\(--layout-br-xl\) {
968
+ border-radius: var(--layout-br-xl);
866
969
  }
867
- .rounded-\(--layout-border-radius-xs\) {
868
- border-radius: var(--layout-border-radius-xs);
970
+ .rounded-\(--layout-br-xs\) {
971
+ border-radius: var(--layout-br-xs);
869
972
  }
870
- .rounded-\(--ui-border-radius-lg\) {
871
- border-radius: var(--ui-border-radius-lg);
973
+ .rounded-\(--ui-br-lg\) {
974
+ border-radius: var(--ui-br-lg);
872
975
  }
873
- .rounded-\(--ui-border-radius-md\) {
874
- border-radius: var(--ui-border-radius-md);
976
+ .rounded-\(--ui-br-md\) {
977
+ border-radius: var(--ui-br-md);
875
978
  }
876
- .rounded-\(--ui-border-radius-sm\) {
877
- border-radius: var(--ui-border-radius-sm);
979
+ .rounded-\(--ui-br-sm\) {
980
+ border-radius: var(--ui-br-sm);
878
981
  }
879
- .rounded-\(--ui-border-radius-xl\) {
880
- border-radius: var(--ui-border-radius-xl);
982
+ .rounded-\(--ui-br-xl\) {
983
+ border-radius: var(--ui-br-xl);
881
984
  }
882
- .rounded-\(--ui-border-radius-xs\) {
883
- border-radius: var(--ui-border-radius-xs);
985
+ .rounded-\(--ui-br-xs\) {
986
+ border-radius: var(--ui-br-xs);
884
987
  }
885
988
  .rounded-full {
886
989
  border-radius: calc(infinity * 1px);
@@ -896,69 +999,93 @@
896
999
  border-style: var(--tw-border-style);
897
1000
  border-width: 2px;
898
1001
  }
1002
+ .border-x {
1003
+ border-inline-style: var(--tw-border-style);
1004
+ border-inline-width: 1px;
1005
+ }
1006
+ .border-y {
1007
+ border-block-style: var(--tw-border-style);
1008
+ border-block-width: 1px;
1009
+ }
1010
+ .border-t {
1011
+ border-top-style: var(--tw-border-style);
1012
+ border-top-width: 1px;
1013
+ }
1014
+ .border-r {
1015
+ border-right-style: var(--tw-border-style);
1016
+ border-right-width: 1px;
1017
+ }
1018
+ .border-b {
1019
+ border-bottom-style: var(--tw-border-style);
1020
+ border-bottom-width: 1px;
1021
+ }
1022
+ .border-l {
1023
+ border-left-style: var(--tw-border-style);
1024
+ border-left-width: 1px;
1025
+ }
899
1026
  .border-dashed {
900
1027
  --tw-border-style: dashed;
901
1028
  border-style: dashed;
902
1029
  }
903
- .border-\(--border-color-accent\) {
904
- border-color: var(--border-color-accent);
1030
+ .border-\(--color-border-accent\) {
1031
+ border-color: var(--color-border-accent);
905
1032
  }
906
- .border-\(--border-color-danger\) {
907
- border-color: var(--border-color-danger);
1033
+ .border-\(--color-border-danger\) {
1034
+ border-color: var(--color-border-danger);
908
1035
  }
909
- .border-\(--border-color-default\) {
910
- border-color: var(--border-color-default);
1036
+ .border-\(--color-border-default\) {
1037
+ border-color: var(--color-border-default);
911
1038
  }
912
- .border-\(--border-color-info\) {
913
- border-color: var(--border-color-info);
1039
+ .border-\(--color-border-filled-accent\) {
1040
+ border-color: var(--color-border-filled-accent);
914
1041
  }
915
- .border-\(--border-color-link\) {
916
- border-color: var(--border-color-link);
1042
+ .border-\(--color-border-filled-danger\) {
1043
+ border-color: var(--color-border-filled-danger);
917
1044
  }
918
- .border-\(--border-color-primary\) {
919
- border-color: var(--border-color-primary);
1045
+ .border-\(--color-border-filled-default\) {
1046
+ border-color: var(--color-border-filled-default);
920
1047
  }
921
- .border-\(--border-color-secondary\) {
922
- border-color: var(--border-color-secondary);
1048
+ .border-\(--color-border-filled-info\) {
1049
+ border-color: var(--color-border-filled-info);
923
1050
  }
924
- .border-\(--border-color-success\) {
925
- border-color: var(--border-color-success);
1051
+ .border-\(--color-border-filled-link\) {
1052
+ border-color: var(--color-border-filled-link);
926
1053
  }
927
- .border-\(--border-color-tertiary\) {
928
- border-color: var(--border-color-tertiary);
1054
+ .border-\(--color-border-filled-primary\) {
1055
+ border-color: var(--color-border-filled-primary);
929
1056
  }
930
- .border-\(--border-color-warning\) {
931
- border-color: var(--border-color-warning);
1057
+ .border-\(--color-border-filled-secondary\) {
1058
+ border-color: var(--color-border-filled-secondary);
932
1059
  }
933
- .border-\(--filled-border-color-accent\) {
934
- border-color: var(--filled-border-color-accent);
1060
+ .border-\(--color-border-filled-success\) {
1061
+ border-color: var(--color-border-filled-success);
935
1062
  }
936
- .border-\(--filled-border-color-danger\) {
937
- border-color: var(--filled-border-color-danger);
1063
+ .border-\(--color-border-filled-tertiary\) {
1064
+ border-color: var(--color-border-filled-tertiary);
938
1065
  }
939
- .border-\(--filled-border-color-default\) {
940
- border-color: var(--filled-border-color-default);
1066
+ .border-\(--color-border-filled-warning\) {
1067
+ border-color: var(--color-border-filled-warning);
941
1068
  }
942
- .border-\(--filled-border-color-info\) {
943
- border-color: var(--filled-border-color-info);
1069
+ .border-\(--color-border-info\) {
1070
+ border-color: var(--color-border-info);
944
1071
  }
945
- .border-\(--filled-border-color-link\) {
946
- border-color: var(--filled-border-color-link);
1072
+ .border-\(--color-border-link\) {
1073
+ border-color: var(--color-border-link);
947
1074
  }
948
- .border-\(--filled-border-color-primary\) {
949
- border-color: var(--filled-border-color-primary);
1075
+ .border-\(--color-border-primary\) {
1076
+ border-color: var(--color-border-primary);
950
1077
  }
951
- .border-\(--filled-border-color-secondary\) {
952
- border-color: var(--filled-border-color-secondary);
1078
+ .border-\(--color-border-secondary\) {
1079
+ border-color: var(--color-border-secondary);
953
1080
  }
954
- .border-\(--filled-border-color-success\) {
955
- border-color: var(--filled-border-color-success);
1081
+ .border-\(--color-border-success\) {
1082
+ border-color: var(--color-border-success);
956
1083
  }
957
- .border-\(--filled-border-color-tertiary\) {
958
- border-color: var(--filled-border-color-tertiary);
1084
+ .border-\(--color-border-tertiary\) {
1085
+ border-color: var(--color-border-tertiary);
959
1086
  }
960
- .border-\(--filled-border-color-warning\) {
961
- border-color: var(--filled-border-color-warning);
1087
+ .border-\(--color-border-warning\) {
1088
+ border-color: var(--color-border-warning);
962
1089
  }
963
1090
  .border-blue-300 {
964
1091
  border-color: var(--color-blue-300);
@@ -966,6 +1093,12 @@
966
1093
  .border-green-200 {
967
1094
  border-color: var(--color-green-200);
968
1095
  }
1096
+ .border-green-500 {
1097
+ border-color: var(--color-green-500);
1098
+ }
1099
+ .border-indigo-400 {
1100
+ border-color: var(--color-indigo-400);
1101
+ }
969
1102
  .border-red-200 {
970
1103
  border-color: var(--color-red-200);
971
1104
  }
@@ -975,147 +1108,207 @@
975
1108
  .border-transparent {
976
1109
  border-color: transparent;
977
1110
  }
978
- .bg-\(--background-color-accent\) {
979
- background-color: var(--background-color-accent);
1111
+ .border-violet-400 {
1112
+ border-color: var(--color-violet-400);
1113
+ }
1114
+ .bg-\(--color-bg-accent\) {
1115
+ background-color: var(--color-bg-accent);
1116
+ }
1117
+ .bg-\(--color-bg-danger\) {
1118
+ background-color: var(--color-bg-danger);
1119
+ }
1120
+ .bg-\(--color-bg-default\) {
1121
+ background-color: var(--color-bg-default);
1122
+ }
1123
+ .bg-\(--color-bg-filled-accent\) {
1124
+ background-color: var(--color-bg-filled-accent);
1125
+ }
1126
+ .bg-\(--color-bg-filled-danger\) {
1127
+ background-color: var(--color-bg-filled-danger);
1128
+ }
1129
+ .bg-\(--color-bg-filled-default\) {
1130
+ background-color: var(--color-bg-filled-default);
1131
+ }
1132
+ .bg-\(--color-bg-filled-info\) {
1133
+ background-color: var(--color-bg-filled-info);
980
1134
  }
981
- .bg-\(--background-color-danger\) {
982
- background-color: var(--background-color-danger);
1135
+ .bg-\(--color-bg-filled-layout-accent\) {
1136
+ background-color: var(--color-bg-filled-layout-accent);
983
1137
  }
984
- .bg-\(--background-color-default\) {
985
- background-color: var(--background-color-default);
1138
+ .bg-\(--color-bg-filled-layout-danger\) {
1139
+ background-color: var(--color-bg-filled-layout-danger);
986
1140
  }
987
- .bg-\(--background-color-info\) {
988
- background-color: var(--background-color-info);
1141
+ .bg-\(--color-bg-filled-layout-default\) {
1142
+ background-color: var(--color-bg-filled-layout-default);
989
1143
  }
990
- .bg-\(--background-color-link\) {
991
- background-color: var(--background-color-link);
1144
+ .bg-\(--color-bg-filled-layout-info\) {
1145
+ background-color: var(--color-bg-filled-layout-info);
992
1146
  }
993
- .bg-\(--background-color-primary\) {
994
- background-color: var(--background-color-primary);
1147
+ .bg-\(--color-bg-filled-layout-link\) {
1148
+ background-color: var(--color-bg-filled-layout-link);
995
1149
  }
996
- .bg-\(--background-color-secondary\) {
997
- background-color: var(--background-color-secondary);
1150
+ .bg-\(--color-bg-filled-layout-primary\) {
1151
+ background-color: var(--color-bg-filled-layout-primary);
998
1152
  }
999
- .bg-\(--background-color-success\) {
1000
- background-color: var(--background-color-success);
1153
+ .bg-\(--color-bg-filled-layout-secondary\) {
1154
+ background-color: var(--color-bg-filled-layout-secondary);
1001
1155
  }
1002
- .bg-\(--background-color-tertiary\) {
1003
- background-color: var(--background-color-tertiary);
1156
+ .bg-\(--color-bg-filled-layout-success\) {
1157
+ background-color: var(--color-bg-filled-layout-success);
1004
1158
  }
1005
- .bg-\(--background-color-warning\) {
1006
- background-color: var(--background-color-warning);
1159
+ .bg-\(--color-bg-filled-layout-tertiary\) {
1160
+ background-color: var(--color-bg-filled-layout-tertiary);
1007
1161
  }
1008
- .bg-\(--border-color-accent\) {
1009
- background-color: var(--border-color-accent);
1162
+ .bg-\(--color-bg-filled-layout-warning\) {
1163
+ background-color: var(--color-bg-filled-layout-warning);
1010
1164
  }
1011
- .bg-\(--border-color-danger\) {
1012
- background-color: var(--border-color-danger);
1165
+ .bg-\(--color-bg-filled-link\) {
1166
+ background-color: var(--color-bg-filled-link);
1013
1167
  }
1014
- .bg-\(--border-color-default\) {
1015
- background-color: var(--border-color-default);
1168
+ .bg-\(--color-bg-filled-primary\) {
1169
+ background-color: var(--color-bg-filled-primary);
1016
1170
  }
1017
- .bg-\(--border-color-info\) {
1018
- background-color: var(--border-color-info);
1171
+ .bg-\(--color-bg-filled-secondary\) {
1172
+ background-color: var(--color-bg-filled-secondary);
1019
1173
  }
1020
- .bg-\(--border-color-link\) {
1021
- background-color: var(--border-color-link);
1174
+ .bg-\(--color-bg-filled-success\) {
1175
+ background-color: var(--color-bg-filled-success);
1022
1176
  }
1023
- .bg-\(--border-color-primary\) {
1024
- background-color: var(--border-color-primary);
1177
+ .bg-\(--color-bg-filled-tertiary\) {
1178
+ background-color: var(--color-bg-filled-tertiary);
1025
1179
  }
1026
- .bg-\(--border-color-secondary\) {
1027
- background-color: var(--border-color-secondary);
1180
+ .bg-\(--color-bg-filled-warning\) {
1181
+ background-color: var(--color-bg-filled-warning);
1028
1182
  }
1029
- .bg-\(--border-color-success\) {
1030
- background-color: var(--border-color-success);
1183
+ .bg-\(--color-bg-info\) {
1184
+ background-color: var(--color-bg-info);
1031
1185
  }
1032
- .bg-\(--border-color-tertiary\) {
1033
- background-color: var(--border-color-tertiary);
1186
+ .bg-\(--color-bg-layout-accent\) {
1187
+ background-color: var(--color-bg-layout-accent);
1034
1188
  }
1035
- .bg-\(--border-color-warning\) {
1036
- background-color: var(--border-color-warning);
1189
+ .bg-\(--color-bg-layout-danger\) {
1190
+ background-color: var(--color-bg-layout-danger);
1037
1191
  }
1038
- .bg-\(--filled-background-color-accent\) {
1039
- background-color: var(--filled-background-color-accent);
1192
+ .bg-\(--color-bg-layout-default\) {
1193
+ background-color: var(--color-bg-layout-default);
1040
1194
  }
1041
- .bg-\(--filled-background-color-danger\) {
1042
- background-color: var(--filled-background-color-danger);
1195
+ .bg-\(--color-bg-layout-info\) {
1196
+ background-color: var(--color-bg-layout-info);
1043
1197
  }
1044
- .bg-\(--filled-background-color-default\) {
1045
- background-color: var(--filled-background-color-default);
1198
+ .bg-\(--color-bg-layout-link\) {
1199
+ background-color: var(--color-bg-layout-link);
1046
1200
  }
1047
- .bg-\(--filled-background-color-info\) {
1048
- background-color: var(--filled-background-color-info);
1201
+ .bg-\(--color-bg-layout-primary\) {
1202
+ background-color: var(--color-bg-layout-primary);
1049
1203
  }
1050
- .bg-\(--filled-background-color-link\) {
1051
- background-color: var(--filled-background-color-link);
1204
+ .bg-\(--color-bg-layout-secondary\) {
1205
+ background-color: var(--color-bg-layout-secondary);
1052
1206
  }
1053
- .bg-\(--filled-background-color-primary\) {
1054
- background-color: var(--filled-background-color-primary);
1207
+ .bg-\(--color-bg-layout-success\) {
1208
+ background-color: var(--color-bg-layout-success);
1055
1209
  }
1056
- .bg-\(--filled-background-color-secondary\) {
1057
- background-color: var(--filled-background-color-secondary);
1210
+ .bg-\(--color-bg-layout-tertiary\) {
1211
+ background-color: var(--color-bg-layout-tertiary);
1058
1212
  }
1059
- .bg-\(--filled-background-color-success\) {
1060
- background-color: var(--filled-background-color-success);
1213
+ .bg-\(--color-bg-layout-warning\) {
1214
+ background-color: var(--color-bg-layout-warning);
1061
1215
  }
1062
- .bg-\(--filled-background-color-tertiary\) {
1063
- background-color: var(--filled-background-color-tertiary);
1216
+ .bg-\(--color-bg-link\) {
1217
+ background-color: var(--color-bg-link);
1064
1218
  }
1065
- .bg-\(--filled-background-color-warning\) {
1066
- background-color: var(--filled-background-color-warning);
1219
+ .bg-\(--color-bg-primary\) {
1220
+ background-color: var(--color-bg-primary);
1067
1221
  }
1068
- .bg-\(--layout-background-accent\) {
1069
- background-color: var(--layout-background-accent);
1222
+ .bg-\(--color-bg-secondary\) {
1223
+ background-color: var(--color-bg-secondary);
1070
1224
  }
1071
- .bg-\(--layout-background-danger\) {
1072
- background-color: var(--layout-background-danger);
1225
+ .bg-\(--color-bg-success\) {
1226
+ background-color: var(--color-bg-success);
1073
1227
  }
1074
- .bg-\(--layout-background-default\) {
1075
- background-color: var(--layout-background-default);
1228
+ .bg-\(--color-bg-tertiary\) {
1229
+ background-color: var(--color-bg-tertiary);
1076
1230
  }
1077
- .bg-\(--layout-background-info\) {
1078
- background-color: var(--layout-background-info);
1231
+ .bg-\(--color-bg-warning\) {
1232
+ background-color: var(--color-bg-warning);
1079
1233
  }
1080
- .bg-\(--layout-background-link\) {
1081
- background-color: var(--layout-background-link);
1234
+ .bg-\(--color-border-accent\) {
1235
+ background-color: var(--color-border-accent);
1082
1236
  }
1083
- .bg-\(--layout-background-primary\) {
1084
- background-color: var(--layout-background-primary);
1237
+ .bg-\(--color-border-danger\) {
1238
+ background-color: var(--color-border-danger);
1085
1239
  }
1086
- .bg-\(--layout-background-secondary\) {
1087
- background-color: var(--layout-background-secondary);
1240
+ .bg-\(--color-border-default\) {
1241
+ background-color: var(--color-border-default);
1088
1242
  }
1089
- .bg-\(--layout-background-success\) {
1090
- background-color: var(--layout-background-success);
1243
+ .bg-\(--color-border-info\) {
1244
+ background-color: var(--color-border-info);
1091
1245
  }
1092
- .bg-\(--layout-background-tertiary\) {
1093
- background-color: var(--layout-background-tertiary);
1246
+ .bg-\(--color-border-link\) {
1247
+ background-color: var(--color-border-link);
1094
1248
  }
1095
- .bg-\(--layout-background-warning\) {
1096
- background-color: var(--layout-background-warning);
1249
+ .bg-\(--color-border-primary\) {
1250
+ background-color: var(--color-border-primary);
1097
1251
  }
1098
- .bg-blue-100 {
1099
- background-color: var(--color-blue-100);
1252
+ .bg-\(--color-border-secondary\) {
1253
+ background-color: var(--color-border-secondary);
1254
+ }
1255
+ .bg-\(--color-border-success\) {
1256
+ background-color: var(--color-border-success);
1257
+ }
1258
+ .bg-\(--color-border-tertiary\) {
1259
+ background-color: var(--color-border-tertiary);
1260
+ }
1261
+ .bg-\(--color-border-warning\) {
1262
+ background-color: var(--color-border-warning);
1263
+ }
1264
+ .bg-blue-500 {
1265
+ background-color: var(--color-blue-500);
1266
+ }
1267
+ .bg-blue-600 {
1268
+ background-color: var(--color-blue-600);
1269
+ }
1270
+ .bg-emerald-500 {
1271
+ background-color: var(--color-emerald-500);
1100
1272
  }
1101
1273
  .bg-green-50 {
1102
1274
  background-color: var(--color-green-50);
1103
1275
  }
1276
+ .bg-green-600 {
1277
+ background-color: var(--color-green-600);
1278
+ }
1279
+ .bg-purple-600 {
1280
+ background-color: var(--color-purple-600);
1281
+ }
1104
1282
  .bg-red-50 {
1105
1283
  background-color: var(--color-red-50);
1106
1284
  }
1285
+ .bg-red-100 {
1286
+ background-color: var(--color-red-100);
1287
+ }
1107
1288
  .bg-transparent {
1108
1289
  background-color: transparent;
1109
1290
  }
1291
+ .bg-violet-600 {
1292
+ background-color: var(--color-violet-600);
1293
+ }
1294
+ .bg-gradient-to-r {
1295
+ --tw-gradient-position: to right in oklab;
1296
+ background-image: linear-gradient(var(--tw-gradient-stops));
1297
+ }
1298
+ .from-indigo-500 {
1299
+ --tw-gradient-from: var(--color-indigo-500);
1300
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1301
+ }
1302
+ .to-purple-600 {
1303
+ --tw-gradient-to: var(--color-purple-600);
1304
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1305
+ }
1110
1306
  .object-cover {
1111
1307
  object-fit: cover;
1112
1308
  }
1113
1309
  .p-0 {
1114
1310
  padding: calc(var(--spacing) * 0);
1115
1311
  }
1116
- .px-0 {
1117
- padding-inline: calc(var(--spacing) * 0);
1118
- }
1119
1312
  .px-1 {
1120
1313
  padding-inline: calc(var(--spacing) * 1);
1121
1314
  }
@@ -1185,6 +1378,9 @@
1185
1378
  .py-6 {
1186
1379
  padding-block: calc(var(--spacing) * 6);
1187
1380
  }
1381
+ .py-7 {
1382
+ padding-block: calc(var(--spacing) * 7);
1383
+ }
1188
1384
  .py-8 {
1189
1385
  padding-block: calc(var(--spacing) * 8);
1190
1386
  }
@@ -1200,9 +1396,6 @@
1200
1396
  .py-20 {
1201
1397
  padding-block: calc(var(--spacing) * 20);
1202
1398
  }
1203
- .pl-0 {
1204
- padding-left: calc(var(--spacing) * 0);
1205
- }
1206
1399
  .pl-2 {
1207
1400
  padding-left: calc(var(--spacing) * 2);
1208
1401
  }
@@ -1337,35 +1530,65 @@
1337
1530
  .whitespace-nowrap {
1338
1531
  white-space: nowrap;
1339
1532
  }
1340
- .text-\(--text-color-accent\) {
1341
- color: var(--text-color-accent);
1533
+ .text-\(--color-text-accent\) {
1534
+ color: var(--color-text-accent);
1535
+ }
1536
+ .text-\(--color-text-danger\) {
1537
+ color: var(--color-text-danger);
1538
+ }
1539
+ .text-\(--color-text-default\) {
1540
+ color: var(--color-text-default);
1541
+ }
1542
+ .text-\(--color-text-filled-accent\) {
1543
+ color: var(--color-text-filled-accent);
1544
+ }
1545
+ .text-\(--color-text-filled-danger\) {
1546
+ color: var(--color-text-filled-danger);
1547
+ }
1548
+ .text-\(--color-text-filled-default\) {
1549
+ color: var(--color-text-filled-default);
1342
1550
  }
1343
- .text-\(--text-color-danger\) {
1344
- color: var(--text-color-danger);
1551
+ .text-\(--color-text-filled-info\) {
1552
+ color: var(--color-text-filled-info);
1345
1553
  }
1346
- .text-\(--text-color-default\) {
1347
- color: var(--text-color-default);
1554
+ .text-\(--color-text-filled-link\) {
1555
+ color: var(--color-text-filled-link);
1348
1556
  }
1349
- .text-\(--text-color-info\) {
1350
- color: var(--text-color-info);
1557
+ .text-\(--color-text-filled-primary\) {
1558
+ color: var(--color-text-filled-primary);
1351
1559
  }
1352
- .text-\(--text-color-link\) {
1353
- color: var(--text-color-link);
1560
+ .text-\(--color-text-filled-secondary\) {
1561
+ color: var(--color-text-filled-secondary);
1354
1562
  }
1355
- .text-\(--text-color-primary\) {
1356
- color: var(--text-color-primary);
1563
+ .text-\(--color-text-filled-success\) {
1564
+ color: var(--color-text-filled-success);
1357
1565
  }
1358
- .text-\(--text-color-secondary\) {
1359
- color: var(--text-color-secondary);
1566
+ .text-\(--color-text-filled-tertiary\) {
1567
+ color: var(--color-text-filled-tertiary);
1360
1568
  }
1361
- .text-\(--text-color-success\) {
1362
- color: var(--text-color-success);
1569
+ .text-\(--color-text-filled-warning\) {
1570
+ color: var(--color-text-filled-warning);
1363
1571
  }
1364
- .text-\(--text-color-tertiary\) {
1365
- color: var(--text-color-tertiary);
1572
+ .text-\(--color-text-info\) {
1573
+ color: var(--color-text-info);
1366
1574
  }
1367
- .text-\(--text-color-warning\) {
1368
- color: var(--text-color-warning);
1575
+ .text-\(--color-text-link\) {
1576
+ color: var(--color-text-link);
1577
+ }
1578
+ .text-\(--color-text-primary\) {
1579
+ color: var(--color-text-primary);
1580
+ }
1581
+ .text-\(--color-text-secondary\) {
1582
+ color: var(--color-text-secondary);
1583
+ }
1584
+ .text-\(--color-text-success\) {
1585
+ color: var(--color-text-success);
1586
+ }
1587
+ .text-\(--color-text-tertiary\) {
1588
+ color: var(--color-text-tertiary);
1589
+ }
1590
+ .text-\(--color-text-warning\) {
1591
+ color: var(--color-text-warning);
1369
1592
  }
1370
1593
  .text-blue-200 {
1371
1594
  color: var(--color-blue-200);
@@ -1373,14 +1596,29 @@
1373
1596
  .text-blue-500 {
1374
1597
  color: var(--color-blue-500);
1375
1598
  }
1599
+ .text-gray-500 {
1600
+ color: var(--color-gray-500);
1601
+ }
1376
1602
  .text-green-500 {
1377
1603
  color: var(--color-green-500);
1378
1604
  }
1605
+ .text-indigo-100 {
1606
+ color: var(--color-indigo-100);
1607
+ }
1608
+ .text-pink-600 {
1609
+ color: var(--color-pink-600);
1610
+ }
1611
+ .text-red-500 {
1612
+ color: var(--color-red-500);
1613
+ }
1379
1614
  .text-transparent {
1380
1615
  color: transparent;
1381
1616
  }
1382
- .text-white {
1383
- color: var(--color-white);
1617
+ .text-violet-600 {
1618
+ color: var(--color-violet-600);
1619
+ }
1620
+ .text-yellow-100 {
1621
+ color: var(--color-yellow-100);
1384
1622
  }
1385
1623
  .capitalize {
1386
1624
  text-transform: capitalize;
@@ -1412,65 +1650,65 @@
1412
1650
  .underline {
1413
1651
  text-decoration-line: underline;
1414
1652
  }
1415
- .accent-\(--background-color-accent\) {
1416
- accent-color: var(--background-color-accent);
1653
+ .accent-\(--color-bg-accent\) {
1654
+ accent-color: var(--color-bg-accent);
1417
1655
  }
1418
- .accent-\(--background-color-danger\) {
1419
- accent-color: var(--background-color-danger);
1656
+ .accent-\(--color-bg-danger\) {
1657
+ accent-color: var(--color-bg-danger);
1420
1658
  }
1421
- .accent-\(--background-color-default\) {
1422
- accent-color: var(--background-color-default);
1659
+ .accent-\(--color-bg-default\) {
1660
+ accent-color: var(--color-bg-default);
1423
1661
  }
1424
- .accent-\(--background-color-info\) {
1425
- accent-color: var(--background-color-info);
1662
+ .accent-\(--color-bg-filled-accent\) {
1663
+ accent-color: var(--color-bg-filled-accent);
1426
1664
  }
1427
- .accent-\(--background-color-link\) {
1428
- accent-color: var(--background-color-link);
1665
+ .accent-\(--color-bg-filled-danger\) {
1666
+ accent-color: var(--color-bg-filled-danger);
1429
1667
  }
1430
- .accent-\(--background-color-primary\) {
1431
- accent-color: var(--background-color-primary);
1668
+ .accent-\(--color-bg-filled-default\) {
1669
+ accent-color: var(--color-bg-filled-default);
1432
1670
  }
1433
- .accent-\(--background-color-secondary\) {
1434
- accent-color: var(--background-color-secondary);
1671
+ .accent-\(--color-bg-filled-info\) {
1672
+ accent-color: var(--color-bg-filled-info);
1435
1673
  }
1436
- .accent-\(--background-color-success\) {
1437
- accent-color: var(--background-color-success);
1674
+ .accent-\(--color-bg-filled-link\) {
1675
+ accent-color: var(--color-bg-filled-link);
1438
1676
  }
1439
- .accent-\(--background-color-tertiary\) {
1440
- accent-color: var(--background-color-tertiary);
1677
+ .accent-\(--color-bg-filled-primary\) {
1678
+ accent-color: var(--color-bg-filled-primary);
1441
1679
  }
1442
- .accent-\(--background-color-warning\) {
1443
- accent-color: var(--background-color-warning);
1680
+ .accent-\(--color-bg-filled-secondary\) {
1681
+ accent-color: var(--color-bg-filled-secondary);
1444
1682
  }
1445
- .accent-\(--filled-background-color-accent\) {
1446
- accent-color: var(--filled-background-color-accent);
1683
+ .accent-\(--color-bg-filled-success\) {
1684
+ accent-color: var(--color-bg-filled-success);
1447
1685
  }
1448
- .accent-\(--filled-background-color-danger\) {
1449
- accent-color: var(--filled-background-color-danger);
1686
+ .accent-\(--color-bg-filled-tertiary\) {
1687
+ accent-color: var(--color-bg-filled-tertiary);
1450
1688
  }
1451
- .accent-\(--filled-background-color-default\) {
1452
- accent-color: var(--filled-background-color-default);
1689
+ .accent-\(--color-bg-filled-warning\) {
1690
+ accent-color: var(--color-bg-filled-warning);
1453
1691
  }
1454
- .accent-\(--filled-background-color-info\) {
1455
- accent-color: var(--filled-background-color-info);
1692
+ .accent-\(--color-bg-info\) {
1693
+ accent-color: var(--color-bg-info);
1456
1694
  }
1457
- .accent-\(--filled-background-color-link\) {
1458
- accent-color: var(--filled-background-color-link);
1695
+ .accent-\(--color-bg-link\) {
1696
+ accent-color: var(--color-bg-link);
1459
1697
  }
1460
- .accent-\(--filled-background-color-primary\) {
1461
- accent-color: var(--filled-background-color-primary);
1698
+ .accent-\(--color-bg-primary\) {
1699
+ accent-color: var(--color-bg-primary);
1462
1700
  }
1463
- .accent-\(--filled-background-color-secondary\) {
1464
- accent-color: var(--filled-background-color-secondary);
1701
+ .accent-\(--color-bg-secondary\) {
1702
+ accent-color: var(--color-bg-secondary);
1465
1703
  }
1466
- .accent-\(--filled-background-color-success\) {
1467
- accent-color: var(--filled-background-color-success);
1704
+ .accent-\(--color-bg-success\) {
1705
+ accent-color: var(--color-bg-success);
1468
1706
  }
1469
- .accent-\(--filled-background-color-tertiary\) {
1470
- accent-color: var(--filled-background-color-tertiary);
1707
+ .accent-\(--color-bg-tertiary\) {
1708
+ accent-color: var(--color-bg-tertiary);
1471
1709
  }
1472
- .accent-\(--filled-background-color-warning\) {
1473
- accent-color: var(--filled-background-color-warning);
1710
+ .accent-\(--color-bg-warning\) {
1711
+ accent-color: var(--color-bg-warning);
1474
1712
  }
1475
1713
  .accent-transparent {
1476
1714
  accent-color: transparent;
@@ -1506,79 +1744,84 @@
1506
1744
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1507
1745
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1508
1746
  }
1509
- .ring-0 {
1510
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1511
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1512
- }
1513
1747
  .ring-2 {
1514
1748
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1515
1749
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1516
1750
  }
1751
+ .shadow-orange-500\/50 {
1752
+ --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 50%, transparent);
1753
+ @supports (color: color-mix(in lab, red, red)) {
1754
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
1755
+ }
1756
+ }
1517
1757
  .shadow-red-500 {
1518
1758
  --tw-shadow-color: oklch(63.7% 0.237 25.331);
1519
1759
  @supports (color: color-mix(in lab, red, red)) {
1520
1760
  --tw-shadow-color: color-mix(in oklab, var(--color-red-500) var(--tw-shadow-alpha), transparent);
1521
1761
  }
1522
1762
  }
1523
- .ring-\(--border-color-accent\) {
1524
- --tw-ring-color: var(--border-color-accent);
1763
+ .ring-\(--color-border-accent\) {
1764
+ --tw-ring-color: var(--color-border-accent);
1765
+ }
1766
+ .ring-\(--color-border-danger\) {
1767
+ --tw-ring-color: var(--color-border-danger);
1525
1768
  }
1526
- .ring-\(--border-color-danger\) {
1527
- --tw-ring-color: var(--border-color-danger);
1769
+ .ring-\(--color-border-default\) {
1770
+ --tw-ring-color: var(--color-border-default);
1528
1771
  }
1529
- .ring-\(--border-color-default\) {
1530
- --tw-ring-color: var(--border-color-default);
1772
+ .ring-\(--color-border-filled-accent\) {
1773
+ --tw-ring-color: var(--color-border-filled-accent);
1531
1774
  }
1532
- .ring-\(--border-color-info\) {
1533
- --tw-ring-color: var(--border-color-info);
1775
+ .ring-\(--color-border-filled-danger\) {
1776
+ --tw-ring-color: var(--color-border-filled-danger);
1534
1777
  }
1535
- .ring-\(--border-color-link\) {
1536
- --tw-ring-color: var(--border-color-link);
1778
+ .ring-\(--color-border-filled-default\) {
1779
+ --tw-ring-color: var(--color-border-filled-default);
1537
1780
  }
1538
- .ring-\(--border-color-primary\) {
1539
- --tw-ring-color: var(--border-color-primary);
1781
+ .ring-\(--color-border-filled-info\) {
1782
+ --tw-ring-color: var(--color-border-filled-info);
1540
1783
  }
1541
- .ring-\(--border-color-secondary\) {
1542
- --tw-ring-color: var(--border-color-secondary);
1784
+ .ring-\(--color-border-filled-link\) {
1785
+ --tw-ring-color: var(--color-border-filled-link);
1543
1786
  }
1544
- .ring-\(--border-color-success\) {
1545
- --tw-ring-color: var(--border-color-success);
1787
+ .ring-\(--color-border-filled-primary\) {
1788
+ --tw-ring-color: var(--color-border-filled-primary);
1546
1789
  }
1547
- .ring-\(--border-color-tertiary\) {
1548
- --tw-ring-color: var(--border-color-tertiary);
1790
+ .ring-\(--color-border-filled-secondary\) {
1791
+ --tw-ring-color: var(--color-border-filled-secondary);
1549
1792
  }
1550
- .ring-\(--border-color-warning\) {
1551
- --tw-ring-color: var(--border-color-warning);
1793
+ .ring-\(--color-border-filled-success\) {
1794
+ --tw-ring-color: var(--color-border-filled-success);
1552
1795
  }
1553
- .ring-\(--filled-border-color-accent\) {
1554
- --tw-ring-color: var(--filled-border-color-accent);
1796
+ .ring-\(--color-border-filled-tertiary\) {
1797
+ --tw-ring-color: var(--color-border-filled-tertiary);
1555
1798
  }
1556
- .ring-\(--filled-border-color-danger\) {
1557
- --tw-ring-color: var(--filled-border-color-danger);
1799
+ .ring-\(--color-border-filled-warning\) {
1800
+ --tw-ring-color: var(--color-border-filled-warning);
1558
1801
  }
1559
- .ring-\(--filled-border-color-default\) {
1560
- --tw-ring-color: var(--filled-border-color-default);
1802
+ .ring-\(--color-border-info\) {
1803
+ --tw-ring-color: var(--color-border-info);
1561
1804
  }
1562
- .ring-\(--filled-border-color-info\) {
1563
- --tw-ring-color: var(--filled-border-color-info);
1805
+ .ring-\(--color-border-link\) {
1806
+ --tw-ring-color: var(--color-border-link);
1564
1807
  }
1565
- .ring-\(--filled-border-color-link\) {
1566
- --tw-ring-color: var(--filled-border-color-link);
1808
+ .ring-\(--color-border-primary\) {
1809
+ --tw-ring-color: var(--color-border-primary);
1567
1810
  }
1568
- .ring-\(--filled-border-color-primary\) {
1569
- --tw-ring-color: var(--filled-border-color-primary);
1811
+ .ring-\(--color-border-secondary\) {
1812
+ --tw-ring-color: var(--color-border-secondary);
1570
1813
  }
1571
- .ring-\(--filled-border-color-secondary\) {
1572
- --tw-ring-color: var(--filled-border-color-secondary);
1814
+ .ring-\(--color-border-success\) {
1815
+ --tw-ring-color: var(--color-border-success);
1573
1816
  }
1574
- .ring-\(--filled-border-color-success\) {
1575
- --tw-ring-color: var(--filled-border-color-success);
1817
+ .ring-\(--color-border-tertiary\) {
1818
+ --tw-ring-color: var(--color-border-tertiary);
1576
1819
  }
1577
- .ring-\(--filled-border-color-tertiary\) {
1578
- --tw-ring-color: var(--filled-border-color-tertiary);
1820
+ .ring-\(--color-border-warning\) {
1821
+ --tw-ring-color: var(--color-border-warning);
1579
1822
  }
1580
- .ring-\(--filled-border-color-warning\) {
1581
- --tw-ring-color: var(--filled-border-color-warning);
1823
+ .ring-orange-500 {
1824
+ --tw-ring-color: var(--color-orange-500);
1582
1825
  }
1583
1826
  .ring-transparent {
1584
1827
  --tw-ring-color: transparent;
@@ -1607,104 +1850,104 @@
1607
1850
  visibility: visible;
1608
1851
  }
1609
1852
  }
1610
- .checked\:bg-\(--background-color-accent\) {
1853
+ .checked\:bg-\(--color-bg-accent\) {
1611
1854
  &:checked {
1612
- background-color: var(--background-color-accent);
1855
+ background-color: var(--color-bg-accent);
1613
1856
  }
1614
1857
  }
1615
- .checked\:bg-\(--background-color-danger\) {
1858
+ .checked\:bg-\(--color-bg-danger\) {
1616
1859
  &:checked {
1617
- background-color: var(--background-color-danger);
1860
+ background-color: var(--color-bg-danger);
1618
1861
  }
1619
1862
  }
1620
- .checked\:bg-\(--background-color-default\) {
1863
+ .checked\:bg-\(--color-bg-default\) {
1621
1864
  &:checked {
1622
- background-color: var(--background-color-default);
1865
+ background-color: var(--color-bg-default);
1623
1866
  }
1624
1867
  }
1625
- .checked\:bg-\(--background-color-info\) {
1868
+ .checked\:bg-\(--color-bg-filled-accent\) {
1626
1869
  &:checked {
1627
- background-color: var(--background-color-info);
1870
+ background-color: var(--color-bg-filled-accent);
1628
1871
  }
1629
1872
  }
1630
- .checked\:bg-\(--background-color-link\) {
1873
+ .checked\:bg-\(--color-bg-filled-danger\) {
1631
1874
  &:checked {
1632
- background-color: var(--background-color-link);
1875
+ background-color: var(--color-bg-filled-danger);
1633
1876
  }
1634
1877
  }
1635
- .checked\:bg-\(--background-color-primary\) {
1878
+ .checked\:bg-\(--color-bg-filled-default\) {
1636
1879
  &:checked {
1637
- background-color: var(--background-color-primary);
1880
+ background-color: var(--color-bg-filled-default);
1638
1881
  }
1639
1882
  }
1640
- .checked\:bg-\(--background-color-secondary\) {
1883
+ .checked\:bg-\(--color-bg-filled-info\) {
1641
1884
  &:checked {
1642
- background-color: var(--background-color-secondary);
1885
+ background-color: var(--color-bg-filled-info);
1643
1886
  }
1644
1887
  }
1645
- .checked\:bg-\(--background-color-success\) {
1888
+ .checked\:bg-\(--color-bg-filled-link\) {
1646
1889
  &:checked {
1647
- background-color: var(--background-color-success);
1890
+ background-color: var(--color-bg-filled-link);
1648
1891
  }
1649
1892
  }
1650
- .checked\:bg-\(--background-color-tertiary\) {
1893
+ .checked\:bg-\(--color-bg-filled-primary\) {
1651
1894
  &:checked {
1652
- background-color: var(--background-color-tertiary);
1895
+ background-color: var(--color-bg-filled-primary);
1653
1896
  }
1654
1897
  }
1655
- .checked\:bg-\(--background-color-warning\) {
1898
+ .checked\:bg-\(--color-bg-filled-secondary\) {
1656
1899
  &:checked {
1657
- background-color: var(--background-color-warning);
1900
+ background-color: var(--color-bg-filled-secondary);
1658
1901
  }
1659
1902
  }
1660
- .checked\:bg-\(--filled-background-color-accent\) {
1903
+ .checked\:bg-\(--color-bg-filled-success\) {
1661
1904
  &:checked {
1662
- background-color: var(--filled-background-color-accent);
1905
+ background-color: var(--color-bg-filled-success);
1663
1906
  }
1664
1907
  }
1665
- .checked\:bg-\(--filled-background-color-danger\) {
1908
+ .checked\:bg-\(--color-bg-filled-tertiary\) {
1666
1909
  &:checked {
1667
- background-color: var(--filled-background-color-danger);
1910
+ background-color: var(--color-bg-filled-tertiary);
1668
1911
  }
1669
1912
  }
1670
- .checked\:bg-\(--filled-background-color-default\) {
1913
+ .checked\:bg-\(--color-bg-filled-warning\) {
1671
1914
  &:checked {
1672
- background-color: var(--filled-background-color-default);
1915
+ background-color: var(--color-bg-filled-warning);
1673
1916
  }
1674
1917
  }
1675
- .checked\:bg-\(--filled-background-color-info\) {
1918
+ .checked\:bg-\(--color-bg-info\) {
1676
1919
  &:checked {
1677
- background-color: var(--filled-background-color-info);
1920
+ background-color: var(--color-bg-info);
1678
1921
  }
1679
1922
  }
1680
- .checked\:bg-\(--filled-background-color-link\) {
1923
+ .checked\:bg-\(--color-bg-link\) {
1681
1924
  &:checked {
1682
- background-color: var(--filled-background-color-link);
1925
+ background-color: var(--color-bg-link);
1683
1926
  }
1684
1927
  }
1685
- .checked\:bg-\(--filled-background-color-primary\) {
1928
+ .checked\:bg-\(--color-bg-primary\) {
1686
1929
  &:checked {
1687
- background-color: var(--filled-background-color-primary);
1930
+ background-color: var(--color-bg-primary);
1688
1931
  }
1689
1932
  }
1690
- .checked\:bg-\(--filled-background-color-secondary\) {
1933
+ .checked\:bg-\(--color-bg-secondary\) {
1691
1934
  &:checked {
1692
- background-color: var(--filled-background-color-secondary);
1935
+ background-color: var(--color-bg-secondary);
1693
1936
  }
1694
1937
  }
1695
- .checked\:bg-\(--filled-background-color-success\) {
1938
+ .checked\:bg-\(--color-bg-success\) {
1696
1939
  &:checked {
1697
- background-color: var(--filled-background-color-success);
1940
+ background-color: var(--color-bg-success);
1698
1941
  }
1699
1942
  }
1700
- .checked\:bg-\(--filled-background-color-tertiary\) {
1943
+ .checked\:bg-\(--color-bg-tertiary\) {
1701
1944
  &:checked {
1702
- background-color: var(--filled-background-color-tertiary);
1945
+ background-color: var(--color-bg-tertiary);
1703
1946
  }
1704
1947
  }
1705
- .checked\:bg-\(--filled-background-color-warning\) {
1948
+ .checked\:bg-\(--color-bg-warning\) {
1706
1949
  &:checked {
1707
- background-color: var(--filled-background-color-warning);
1950
+ background-color: var(--color-bg-warning);
1708
1951
  }
1709
1952
  }
1710
1953
  .checked\:bg-transparent {
@@ -1722,151 +1965,164 @@
1722
1965
  }
1723
1966
  }
1724
1967
  }
1725
- .hover\:border {
1968
+ .hover\:border-green-600 {
1969
+ &:hover {
1970
+ @media (hover: hover) {
1971
+ border-color: var(--color-green-600);
1972
+ }
1973
+ }
1974
+ }
1975
+ .hover\:bg-\(--color-bg-filled-hover-accent\) {
1726
1976
  &:hover {
1727
1977
  @media (hover: hover) {
1728
- border-style: var(--tw-border-style);
1729
- border-width: 1px;
1978
+ background-color: var(--color-bg-filled-hover-accent);
1730
1979
  }
1731
1980
  }
1732
1981
  }
1733
- .hover\:bg-\(--background-color-hover-accent\) {
1982
+ .hover\:bg-\(--color-bg-filled-hover-danger\) {
1734
1983
  &:hover {
1735
1984
  @media (hover: hover) {
1736
- background-color: var(--background-color-hover-accent);
1985
+ background-color: var(--color-bg-filled-hover-danger);
1737
1986
  }
1738
1987
  }
1739
1988
  }
1740
- .hover\:bg-\(--background-color-hover-danger\) {
1989
+ .hover\:bg-\(--color-bg-filled-hover-default\) {
1741
1990
  &:hover {
1742
1991
  @media (hover: hover) {
1743
- background-color: var(--background-color-hover-danger);
1992
+ background-color: var(--color-bg-filled-hover-default);
1744
1993
  }
1745
1994
  }
1746
1995
  }
1747
- .hover\:bg-\(--background-color-hover-default\) {
1996
+ .hover\:bg-\(--color-bg-filled-hover-info\) {
1748
1997
  &:hover {
1749
1998
  @media (hover: hover) {
1750
- background-color: var(--background-color-hover-default);
1999
+ background-color: var(--color-bg-filled-hover-info);
1751
2000
  }
1752
2001
  }
1753
2002
  }
1754
- .hover\:bg-\(--background-color-hover-info\) {
2003
+ .hover\:bg-\(--color-bg-filled-hover-link\) {
1755
2004
  &:hover {
1756
2005
  @media (hover: hover) {
1757
- background-color: var(--background-color-hover-info);
2006
+ background-color: var(--color-bg-filled-hover-link);
1758
2007
  }
1759
2008
  }
1760
2009
  }
1761
- .hover\:bg-\(--background-color-hover-link\) {
2010
+ .hover\:bg-\(--color-bg-filled-hover-primary\) {
1762
2011
  &:hover {
1763
2012
  @media (hover: hover) {
1764
- background-color: var(--background-color-hover-link);
2013
+ background-color: var(--color-bg-filled-hover-primary);
1765
2014
  }
1766
2015
  }
1767
2016
  }
1768
- .hover\:bg-\(--background-color-hover-primary\) {
2017
+ .hover\:bg-\(--color-bg-filled-hover-secondary\) {
1769
2018
  &:hover {
1770
2019
  @media (hover: hover) {
1771
- background-color: var(--background-color-hover-primary);
2020
+ background-color: var(--color-bg-filled-hover-secondary);
1772
2021
  }
1773
2022
  }
1774
2023
  }
1775
- .hover\:bg-\(--background-color-hover-secondary\) {
2024
+ .hover\:bg-\(--color-bg-filled-hover-success\) {
1776
2025
  &:hover {
1777
2026
  @media (hover: hover) {
1778
- background-color: var(--background-color-hover-secondary);
2027
+ background-color: var(--color-bg-filled-hover-success);
1779
2028
  }
1780
2029
  }
1781
2030
  }
1782
- .hover\:bg-\(--background-color-hover-success\) {
2031
+ .hover\:bg-\(--color-bg-filled-hover-tertiary\) {
1783
2032
  &:hover {
1784
2033
  @media (hover: hover) {
1785
- background-color: var(--background-color-hover-success);
2034
+ background-color: var(--color-bg-filled-hover-tertiary);
1786
2035
  }
1787
2036
  }
1788
2037
  }
1789
- .hover\:bg-\(--background-color-hover-tertiary\) {
2038
+ .hover\:bg-\(--color-bg-filled-hover-warning\) {
1790
2039
  &:hover {
1791
2040
  @media (hover: hover) {
1792
- background-color: var(--background-color-hover-tertiary);
2041
+ background-color: var(--color-bg-filled-hover-warning);
1793
2042
  }
1794
2043
  }
1795
2044
  }
1796
- .hover\:bg-\(--background-color-hover-warning\) {
2045
+ .hover\:bg-\(--color-bg-hover-accent\) {
1797
2046
  &:hover {
1798
2047
  @media (hover: hover) {
1799
- background-color: var(--background-color-hover-warning);
2048
+ background-color: var(--color-bg-hover-accent);
1800
2049
  }
1801
2050
  }
1802
2051
  }
1803
- .hover\:bg-\(--filled-background-color-hover-accent\) {
2052
+ .hover\:bg-\(--color-bg-hover-danger\) {
1804
2053
  &:hover {
1805
2054
  @media (hover: hover) {
1806
- background-color: var(--filled-background-color-hover-accent);
2055
+ background-color: var(--color-bg-hover-danger);
1807
2056
  }
1808
2057
  }
1809
2058
  }
1810
- .hover\:bg-\(--filled-background-color-hover-danger\) {
2059
+ .hover\:bg-\(--color-bg-hover-default\) {
1811
2060
  &:hover {
1812
2061
  @media (hover: hover) {
1813
- background-color: var(--filled-background-color-hover-danger);
2062
+ background-color: var(--color-bg-hover-default);
1814
2063
  }
1815
2064
  }
1816
2065
  }
1817
- .hover\:bg-\(--filled-background-color-hover-default\) {
2066
+ .hover\:bg-\(--color-bg-hover-info\) {
1818
2067
  &:hover {
1819
2068
  @media (hover: hover) {
1820
- background-color: var(--filled-background-color-hover-default);
2069
+ background-color: var(--color-bg-hover-info);
1821
2070
  }
1822
2071
  }
1823
2072
  }
1824
- .hover\:bg-\(--filled-background-color-hover-info\) {
2073
+ .hover\:bg-\(--color-bg-hover-link\) {
1825
2074
  &:hover {
1826
2075
  @media (hover: hover) {
1827
- background-color: var(--filled-background-color-hover-info);
2076
+ background-color: var(--color-bg-hover-link);
1828
2077
  }
1829
2078
  }
1830
2079
  }
1831
- .hover\:bg-\(--filled-background-color-hover-link\) {
2080
+ .hover\:bg-\(--color-bg-hover-primary\) {
1832
2081
  &:hover {
1833
2082
  @media (hover: hover) {
1834
- background-color: var(--filled-background-color-hover-link);
2083
+ background-color: var(--color-bg-hover-primary);
1835
2084
  }
1836
2085
  }
1837
2086
  }
1838
- .hover\:bg-\(--filled-background-color-hover-primary\) {
2087
+ .hover\:bg-\(--color-bg-hover-secondary\) {
1839
2088
  &:hover {
1840
2089
  @media (hover: hover) {
1841
- background-color: var(--filled-background-color-hover-primary);
2090
+ background-color: var(--color-bg-hover-secondary);
1842
2091
  }
1843
2092
  }
1844
2093
  }
1845
- .hover\:bg-\(--filled-background-color-hover-secondary\) {
2094
+ .hover\:bg-\(--color-bg-hover-success\) {
1846
2095
  &:hover {
1847
2096
  @media (hover: hover) {
1848
- background-color: var(--filled-background-color-hover-secondary);
2097
+ background-color: var(--color-bg-hover-success);
1849
2098
  }
1850
2099
  }
1851
2100
  }
1852
- .hover\:bg-\(--filled-background-color-hover-success\) {
2101
+ .hover\:bg-\(--color-bg-hover-tertiary\) {
1853
2102
  &:hover {
1854
2103
  @media (hover: hover) {
1855
- background-color: var(--filled-background-color-hover-success);
2104
+ background-color: var(--color-bg-hover-tertiary);
1856
2105
  }
1857
2106
  }
1858
2107
  }
1859
- .hover\:bg-\(--filled-background-color-hover-tertiary\) {
2108
+ .hover\:bg-\(--color-bg-hover-warning\) {
1860
2109
  &:hover {
1861
2110
  @media (hover: hover) {
1862
- background-color: var(--filled-background-color-hover-tertiary);
2111
+ background-color: var(--color-bg-hover-warning);
1863
2112
  }
1864
2113
  }
1865
2114
  }
1866
- .hover\:bg-\(--filled-background-color-hover-warning\) {
2115
+ .hover\:bg-purple-700 {
1867
2116
  &:hover {
1868
2117
  @media (hover: hover) {
1869
- background-color: var(--filled-background-color-hover-warning);
2118
+ background-color: var(--color-purple-700);
2119
+ }
2120
+ }
2121
+ }
2122
+ .hover\:bg-red-200 {
2123
+ &:hover {
2124
+ @media (hover: hover) {
2125
+ background-color: var(--color-red-200);
1870
2126
  }
1871
2127
  }
1872
2128
  }
@@ -1884,6 +2140,13 @@
1884
2140
  }
1885
2141
  }
1886
2142
  }
2143
+ .hover\:text-indigo-50 {
2144
+ &:hover {
2145
+ @media (hover: hover) {
2146
+ color: var(--color-indigo-50);
2147
+ }
2148
+ }
2149
+ }
1887
2150
  .hover\:underline {
1888
2151
  &:hover {
1889
2152
  @media (hover: hover) {
@@ -1891,6 +2154,13 @@
1891
2154
  }
1892
2155
  }
1893
2156
  }
2157
+ .hover\:opacity-80 {
2158
+ &:hover {
2159
+ @media (hover: hover) {
2160
+ opacity: 80%;
2161
+ }
2162
+ }
2163
+ }
1894
2164
  .hover\:shadow-lg {
1895
2165
  &:hover {
1896
2166
  @media (hover: hover) {
@@ -1939,14 +2209,6 @@
1939
2209
  }
1940
2210
  }
1941
2211
  }
1942
- .hover\:ring-0 {
1943
- &:hover {
1944
- @media (hover: hover) {
1945
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1946
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1947
- }
1948
- }
1949
- }
1950
2212
  .hover\:ring-inset {
1951
2213
  &:hover {
1952
2214
  @media (hover: hover) {
@@ -1954,110 +2216,230 @@
1954
2216
  }
1955
2217
  }
1956
2218
  }
1957
- .active\:border {
2219
+ .focus-visible\:outline-2 {
2220
+ &:focus-visible {
2221
+ outline-style: var(--tw-outline-style);
2222
+ outline-width: 2px;
2223
+ }
2224
+ }
2225
+ .focus-visible\:outline-offset-2 {
2226
+ &:focus-visible {
2227
+ outline-offset: 2px;
2228
+ }
2229
+ }
2230
+ .focus-visible\:outline-\(--color-border-accent\) {
2231
+ &:focus-visible {
2232
+ outline-color: var(--color-border-accent);
2233
+ }
2234
+ }
2235
+ .focus-visible\:outline-\(--color-border-danger\) {
2236
+ &:focus-visible {
2237
+ outline-color: var(--color-border-danger);
2238
+ }
2239
+ }
2240
+ .focus-visible\:outline-\(--color-border-default\) {
2241
+ &:focus-visible {
2242
+ outline-color: var(--color-border-default);
2243
+ }
2244
+ }
2245
+ .focus-visible\:outline-\(--color-border-filled-accent\) {
2246
+ &:focus-visible {
2247
+ outline-color: var(--color-border-filled-accent);
2248
+ }
2249
+ }
2250
+ .focus-visible\:outline-\(--color-border-filled-danger\) {
2251
+ &:focus-visible {
2252
+ outline-color: var(--color-border-filled-danger);
2253
+ }
2254
+ }
2255
+ .focus-visible\:outline-\(--color-border-filled-default\) {
2256
+ &:focus-visible {
2257
+ outline-color: var(--color-border-filled-default);
2258
+ }
2259
+ }
2260
+ .focus-visible\:outline-\(--color-border-filled-info\) {
2261
+ &:focus-visible {
2262
+ outline-color: var(--color-border-filled-info);
2263
+ }
2264
+ }
2265
+ .focus-visible\:outline-\(--color-border-filled-link\) {
2266
+ &:focus-visible {
2267
+ outline-color: var(--color-border-filled-link);
2268
+ }
2269
+ }
2270
+ .focus-visible\:outline-\(--color-border-filled-primary\) {
2271
+ &:focus-visible {
2272
+ outline-color: var(--color-border-filled-primary);
2273
+ }
2274
+ }
2275
+ .focus-visible\:outline-\(--color-border-filled-secondary\) {
2276
+ &:focus-visible {
2277
+ outline-color: var(--color-border-filled-secondary);
2278
+ }
2279
+ }
2280
+ .focus-visible\:outline-\(--color-border-filled-success\) {
2281
+ &:focus-visible {
2282
+ outline-color: var(--color-border-filled-success);
2283
+ }
2284
+ }
2285
+ .focus-visible\:outline-\(--color-border-filled-tertiary\) {
2286
+ &:focus-visible {
2287
+ outline-color: var(--color-border-filled-tertiary);
2288
+ }
2289
+ }
2290
+ .focus-visible\:outline-\(--color-border-filled-warning\) {
2291
+ &:focus-visible {
2292
+ outline-color: var(--color-border-filled-warning);
2293
+ }
2294
+ }
2295
+ .focus-visible\:outline-\(--color-border-info\) {
2296
+ &:focus-visible {
2297
+ outline-color: var(--color-border-info);
2298
+ }
2299
+ }
2300
+ .focus-visible\:outline-\(--color-border-link\) {
2301
+ &:focus-visible {
2302
+ outline-color: var(--color-border-link);
2303
+ }
2304
+ }
2305
+ .focus-visible\:outline-\(--color-border-primary\) {
2306
+ &:focus-visible {
2307
+ outline-color: var(--color-border-primary);
2308
+ }
2309
+ }
2310
+ .focus-visible\:outline-\(--color-border-secondary\) {
2311
+ &:focus-visible {
2312
+ outline-color: var(--color-border-secondary);
2313
+ }
2314
+ }
2315
+ .focus-visible\:outline-\(--color-border-success\) {
2316
+ &:focus-visible {
2317
+ outline-color: var(--color-border-success);
2318
+ }
2319
+ }
2320
+ .focus-visible\:outline-\(--color-border-tertiary\) {
2321
+ &:focus-visible {
2322
+ outline-color: var(--color-border-tertiary);
2323
+ }
2324
+ }
2325
+ .focus-visible\:outline-\(--color-border-warning\) {
2326
+ &:focus-visible {
2327
+ outline-color: var(--color-border-warning);
2328
+ }
2329
+ }
2330
+ .focus-visible\:outline-transparent {
2331
+ &:focus-visible {
2332
+ outline-color: transparent;
2333
+ }
2334
+ }
2335
+ .active\:border-green-700 {
2336
+ &:active {
2337
+ border-color: var(--color-green-700);
2338
+ }
2339
+ }
2340
+ .active\:bg-\(--color-bg-active-accent\) {
1958
2341
  &:active {
1959
- border-style: var(--tw-border-style);
1960
- border-width: 1px;
2342
+ background-color: var(--color-bg-active-accent);
1961
2343
  }
1962
2344
  }
1963
- .active\:bg-\(--background-color-active-accent\) {
2345
+ .active\:bg-\(--color-bg-active-danger\) {
1964
2346
  &:active {
1965
- background-color: var(--background-color-active-accent);
2347
+ background-color: var(--color-bg-active-danger);
1966
2348
  }
1967
2349
  }
1968
- .active\:bg-\(--background-color-active-danger\) {
2350
+ .active\:bg-\(--color-bg-active-default\) {
1969
2351
  &:active {
1970
- background-color: var(--background-color-active-danger);
2352
+ background-color: var(--color-bg-active-default);
1971
2353
  }
1972
2354
  }
1973
- .active\:bg-\(--background-color-active-default\) {
2355
+ .active\:bg-\(--color-bg-active-info\) {
1974
2356
  &:active {
1975
- background-color: var(--background-color-active-default);
2357
+ background-color: var(--color-bg-active-info);
1976
2358
  }
1977
2359
  }
1978
- .active\:bg-\(--background-color-active-info\) {
2360
+ .active\:bg-\(--color-bg-active-link\) {
1979
2361
  &:active {
1980
- background-color: var(--background-color-active-info);
2362
+ background-color: var(--color-bg-active-link);
1981
2363
  }
1982
2364
  }
1983
- .active\:bg-\(--background-color-active-link\) {
2365
+ .active\:bg-\(--color-bg-active-primary\) {
1984
2366
  &:active {
1985
- background-color: var(--background-color-active-link);
2367
+ background-color: var(--color-bg-active-primary);
1986
2368
  }
1987
2369
  }
1988
- .active\:bg-\(--background-color-active-primary\) {
2370
+ .active\:bg-\(--color-bg-active-secondary\) {
1989
2371
  &:active {
1990
- background-color: var(--background-color-active-primary);
2372
+ background-color: var(--color-bg-active-secondary);
1991
2373
  }
1992
2374
  }
1993
- .active\:bg-\(--background-color-active-secondary\) {
2375
+ .active\:bg-\(--color-bg-active-success\) {
1994
2376
  &:active {
1995
- background-color: var(--background-color-active-secondary);
2377
+ background-color: var(--color-bg-active-success);
1996
2378
  }
1997
2379
  }
1998
- .active\:bg-\(--background-color-active-success\) {
2380
+ .active\:bg-\(--color-bg-active-tertiary\) {
1999
2381
  &:active {
2000
- background-color: var(--background-color-active-success);
2382
+ background-color: var(--color-bg-active-tertiary);
2001
2383
  }
2002
2384
  }
2003
- .active\:bg-\(--background-color-active-tertiary\) {
2385
+ .active\:bg-\(--color-bg-active-warning\) {
2004
2386
  &:active {
2005
- background-color: var(--background-color-active-tertiary);
2387
+ background-color: var(--color-bg-active-warning);
2006
2388
  }
2007
2389
  }
2008
- .active\:bg-\(--background-color-active-warning\) {
2390
+ .active\:bg-\(--color-bg-filled-active-accent\) {
2009
2391
  &:active {
2010
- background-color: var(--background-color-active-warning);
2392
+ background-color: var(--color-bg-filled-active-accent);
2011
2393
  }
2012
2394
  }
2013
- .active\:bg-\(--filled-background-color-active-accent\) {
2395
+ .active\:bg-\(--color-bg-filled-active-danger\) {
2014
2396
  &:active {
2015
- background-color: var(--filled-background-color-active-accent);
2397
+ background-color: var(--color-bg-filled-active-danger);
2016
2398
  }
2017
2399
  }
2018
- .active\:bg-\(--filled-background-color-active-danger\) {
2400
+ .active\:bg-\(--color-bg-filled-active-default\) {
2019
2401
  &:active {
2020
- background-color: var(--filled-background-color-active-danger);
2402
+ background-color: var(--color-bg-filled-active-default);
2021
2403
  }
2022
2404
  }
2023
- .active\:bg-\(--filled-background-color-active-default\) {
2405
+ .active\:bg-\(--color-bg-filled-active-info\) {
2024
2406
  &:active {
2025
- background-color: var(--filled-background-color-active-default);
2407
+ background-color: var(--color-bg-filled-active-info);
2026
2408
  }
2027
2409
  }
2028
- .active\:bg-\(--filled-background-color-active-info\) {
2410
+ .active\:bg-\(--color-bg-filled-active-link\) {
2029
2411
  &:active {
2030
- background-color: var(--filled-background-color-active-info);
2412
+ background-color: var(--color-bg-filled-active-link);
2031
2413
  }
2032
2414
  }
2033
- .active\:bg-\(--filled-background-color-active-link\) {
2415
+ .active\:bg-\(--color-bg-filled-active-primary\) {
2034
2416
  &:active {
2035
- background-color: var(--filled-background-color-active-link);
2417
+ background-color: var(--color-bg-filled-active-primary);
2036
2418
  }
2037
2419
  }
2038
- .active\:bg-\(--filled-background-color-active-primary\) {
2420
+ .active\:bg-\(--color-bg-filled-active-secondary\) {
2039
2421
  &:active {
2040
- background-color: var(--filled-background-color-active-primary);
2422
+ background-color: var(--color-bg-filled-active-secondary);
2041
2423
  }
2042
2424
  }
2043
- .active\:bg-\(--filled-background-color-active-secondary\) {
2425
+ .active\:bg-\(--color-bg-filled-active-success\) {
2044
2426
  &:active {
2045
- background-color: var(--filled-background-color-active-secondary);
2427
+ background-color: var(--color-bg-filled-active-success);
2046
2428
  }
2047
2429
  }
2048
- .active\:bg-\(--filled-background-color-active-success\) {
2430
+ .active\:bg-\(--color-bg-filled-active-tertiary\) {
2049
2431
  &:active {
2050
- background-color: var(--filled-background-color-active-success);
2432
+ background-color: var(--color-bg-filled-active-tertiary);
2051
2433
  }
2052
2434
  }
2053
- .active\:bg-\(--filled-background-color-active-tertiary\) {
2435
+ .active\:bg-\(--color-bg-filled-active-warning\) {
2054
2436
  &:active {
2055
- background-color: var(--filled-background-color-active-tertiary);
2437
+ background-color: var(--color-bg-filled-active-warning);
2056
2438
  }
2057
2439
  }
2058
- .active\:bg-\(--filled-background-color-active-warning\) {
2440
+ .active\:bg-red-300 {
2059
2441
  &:active {
2060
- background-color: var(--filled-background-color-active-warning);
2442
+ background-color: var(--color-red-300);
2061
2443
  }
2062
2444
  }
2063
2445
  .active\:bg-transparent {
@@ -2076,17 +2458,16 @@
2076
2458
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2077
2459
  }
2078
2460
  }
2079
- .active\:ring-0 {
2080
- &:active {
2081
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2082
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2083
- }
2084
- }
2085
2461
  .active\:ring-inset {
2086
2462
  &:active {
2087
2463
  --tw-ring-inset: inset;
2088
2464
  }
2089
2465
  }
2466
+ .has-\[input\]\:cursor-pointer {
2467
+ &:has(*:is(input)) {
2468
+ cursor: pointer;
2469
+ }
2470
+ }
2090
2471
  .max-xl\:hidden {
2091
2472
  @media (width < 80rem) {
2092
2473
  display: none;
@@ -2107,11 +2488,6 @@
2107
2488
  flex-direction: column;
2108
2489
  }
2109
2490
  }
2110
- .max-lg\:gap-1 {
2111
- @media (width < 64rem) {
2112
- gap: calc(var(--spacing) * 1);
2113
- }
2114
- }
2115
2491
  .max-lg\:gap-2 {
2116
2492
  @media (width < 64rem) {
2117
2493
  gap: calc(var(--spacing) * 2);
@@ -2132,36 +2508,6 @@
2132
2508
  gap: calc(var(--spacing) * 5);
2133
2509
  }
2134
2510
  }
2135
- .max-lg\:gap-6 {
2136
- @media (width < 64rem) {
2137
- gap: calc(var(--spacing) * 6);
2138
- }
2139
- }
2140
- .max-lg\:gap-7 {
2141
- @media (width < 64rem) {
2142
- gap: calc(var(--spacing) * 7);
2143
- }
2144
- }
2145
- .max-lg\:gap-8 {
2146
- @media (width < 64rem) {
2147
- gap: calc(var(--spacing) * 8);
2148
- }
2149
- }
2150
- .max-lg\:gap-9 {
2151
- @media (width < 64rem) {
2152
- gap: calc(var(--spacing) * 9);
2153
- }
2154
- }
2155
- .max-lg\:px-2 {
2156
- @media (width < 64rem) {
2157
- padding-inline: calc(var(--spacing) * 2);
2158
- }
2159
- }
2160
- .max-lg\:px-3 {
2161
- @media (width < 64rem) {
2162
- padding-inline: calc(var(--spacing) * 3);
2163
- }
2164
- }
2165
2511
  .max-lg\:px-4 {
2166
2512
  @media (width < 64rem) {
2167
2513
  padding-inline: calc(var(--spacing) * 4);
@@ -2187,24 +2533,24 @@
2187
2533
  padding-inline: calc(var(--spacing) * 8);
2188
2534
  }
2189
2535
  }
2190
- .max-lg\:py-2 {
2536
+ .max-lg\:py-4 {
2191
2537
  @media (width < 64rem) {
2192
- padding-block: calc(var(--spacing) * 2);
2538
+ padding-block: calc(var(--spacing) * 4);
2193
2539
  }
2194
2540
  }
2195
- .max-lg\:py-3 {
2541
+ .max-lg\:py-5 {
2196
2542
  @media (width < 64rem) {
2197
- padding-block: calc(var(--spacing) * 3);
2543
+ padding-block: calc(var(--spacing) * 5);
2198
2544
  }
2199
2545
  }
2200
- .max-lg\:py-4 {
2546
+ .max-lg\:py-6 {
2201
2547
  @media (width < 64rem) {
2202
- padding-block: calc(var(--spacing) * 4);
2548
+ padding-block: calc(var(--spacing) * 6);
2203
2549
  }
2204
2550
  }
2205
- .max-lg\:py-5 {
2551
+ .max-lg\:py-7 {
2206
2552
  @media (width < 64rem) {
2207
- padding-block: calc(var(--spacing) * 5);
2553
+ padding-block: calc(var(--spacing) * 7);
2208
2554
  }
2209
2555
  }
2210
2556
  .max-lg\:py-14 {
@@ -2263,9 +2609,9 @@
2263
2609
  flex-direction: column;
2264
2610
  }
2265
2611
  }
2266
- .max-md\:gap-2 {
2612
+ .max-md\:gap-3 {
2267
2613
  @media (width < 48rem) {
2268
- gap: calc(var(--spacing) * 2);
2614
+ gap: calc(var(--spacing) * 3);
2269
2615
  }
2270
2616
  }
2271
2617
  .max-md\:gap-4 {
@@ -2273,16 +2619,6 @@
2273
2619
  gap: calc(var(--spacing) * 4);
2274
2620
  }
2275
2621
  }
2276
- .max-md\:gap-6 {
2277
- @media (width < 48rem) {
2278
- gap: calc(var(--spacing) * 6);
2279
- }
2280
- }
2281
- .max-md\:gap-8 {
2282
- @media (width < 48rem) {
2283
- gap: calc(var(--spacing) * 8);
2284
- }
2285
- }
2286
2622
  .max-md\:px-3 {
2287
2623
  @media (width < 48rem) {
2288
2624
  padding-inline: calc(var(--spacing) * 3);
@@ -2313,9 +2649,9 @@
2313
2649
  padding-block: calc(var(--spacing) * 3);
2314
2650
  }
2315
2651
  }
2316
- .max-md\:py-4 {
2652
+ .max-md\:py-5 {
2317
2653
  @media (width < 48rem) {
2318
- padding-block: calc(var(--spacing) * 4);
2654
+ padding-block: calc(var(--spacing) * 5);
2319
2655
  }
2320
2656
  }
2321
2657
  .max-md\:py-6 {
@@ -2379,16 +2715,36 @@
2379
2715
  grid-template-columns: repeat(2, minmax(0, 1fr));
2380
2716
  }
2381
2717
  }
2718
+ .md\:grid-cols-2 {
2719
+ @media (width >= 48rem) {
2720
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2721
+ }
2722
+ }
2382
2723
  .md\:grid-cols-3 {
2383
2724
  @media (width >= 48rem) {
2384
2725
  grid-template-columns: repeat(3, minmax(0, 1fr));
2385
2726
  }
2386
2727
  }
2728
+ .md\:grid-cols-4 {
2729
+ @media (width >= 48rem) {
2730
+ grid-template-columns: repeat(4, minmax(0, 1fr));
2731
+ }
2732
+ }
2387
2733
  .lg\:grid-cols-4 {
2388
2734
  @media (width >= 64rem) {
2389
2735
  grid-template-columns: repeat(4, minmax(0, 1fr));
2390
2736
  }
2391
2737
  }
2738
+ .lg\:grid-cols-5 {
2739
+ @media (width >= 64rem) {
2740
+ grid-template-columns: repeat(5, minmax(0, 1fr));
2741
+ }
2742
+ }
2743
+ .lg\:grid-cols-6 {
2744
+ @media (width >= 64rem) {
2745
+ grid-template-columns: repeat(6, minmax(0, 1fr));
2746
+ }
2747
+ }
2392
2748
  }
2393
2749
  @property --tw-rotate-x {
2394
2750
  syntax: "*";
@@ -2425,6 +2781,48 @@
2425
2781
  inherits: false;
2426
2782
  initial-value: solid;
2427
2783
  }
2784
+ @property --tw-gradient-position {
2785
+ syntax: "*";
2786
+ inherits: false;
2787
+ }
2788
+ @property --tw-gradient-from {
2789
+ syntax: "<color>";
2790
+ inherits: false;
2791
+ initial-value: #0000;
2792
+ }
2793
+ @property --tw-gradient-via {
2794
+ syntax: "<color>";
2795
+ inherits: false;
2796
+ initial-value: #0000;
2797
+ }
2798
+ @property --tw-gradient-to {
2799
+ syntax: "<color>";
2800
+ inherits: false;
2801
+ initial-value: #0000;
2802
+ }
2803
+ @property --tw-gradient-stops {
2804
+ syntax: "*";
2805
+ inherits: false;
2806
+ }
2807
+ @property --tw-gradient-via-stops {
2808
+ syntax: "*";
2809
+ inherits: false;
2810
+ }
2811
+ @property --tw-gradient-from-position {
2812
+ syntax: "<length-percentage>";
2813
+ inherits: false;
2814
+ initial-value: 0%;
2815
+ }
2816
+ @property --tw-gradient-via-position {
2817
+ syntax: "<length-percentage>";
2818
+ inherits: false;
2819
+ initial-value: 50%;
2820
+ }
2821
+ @property --tw-gradient-to-position {
2822
+ syntax: "<length-percentage>";
2823
+ inherits: false;
2824
+ initial-value: 100%;
2825
+ }
2428
2826
  @property --tw-leading {
2429
2827
  syntax: "*";
2430
2828
  inherits: false;
@@ -2604,6 +3002,15 @@
2604
3002
  --tw-skew-y: skewY(0);
2605
3003
  --tw-space-y-reverse: 0;
2606
3004
  --tw-border-style: solid;
3005
+ --tw-gradient-position: initial;
3006
+ --tw-gradient-from: #0000;
3007
+ --tw-gradient-via: #0000;
3008
+ --tw-gradient-to: #0000;
3009
+ --tw-gradient-stops: initial;
3010
+ --tw-gradient-via-stops: initial;
3011
+ --tw-gradient-from-position: 0%;
3012
+ --tw-gradient-via-position: 50%;
3013
+ --tw-gradient-to-position: 100%;
2607
3014
  --tw-leading: initial;
2608
3015
  --tw-font-weight: initial;
2609
3016
  --tw-tracking: initial;