@mekari/pixel3-theme 0.4.4-dev.0 → 0.5.0-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/conditions.d.mts +1 -0
- package/dist/conditions.d.ts +1 -0
- package/dist/index.js +470 -158
- package/dist/index.mjs +470 -158
- package/dist/semanticTokens/colors.d.mts +281 -4
- package/dist/semanticTokens/colors.d.ts +281 -4
- package/dist/semanticTokens/index.d.mts +281 -4
- package/dist/semanticTokens/index.d.ts +281 -4
- package/dist/tokens/colors.d.mts +3 -0
- package/dist/tokens/colors.d.ts +3 -0
- package/dist/tokens/index.d.mts +3 -0
- package/dist/tokens/index.d.ts +3 -0
- package/dist/tokens-next/colors.d.mts +118 -0
- package/dist/tokens-next/colors.d.ts +118 -0
- package/dist/tokens-next/index.d.mts +118 -0
- package/dist/tokens-next/index.d.ts +118 -0
- package/package.json +1 -1
- package/src/conditions.ts +2 -1
- package/src/recipes/badge.ts +3 -3
- package/src/recipes/banner.ts +1 -1
- package/src/semanticTokens/colors.ts +413 -136
- package/src/tokens/colors.ts +1 -0
- package/src/tokens-next/colors.ts +45 -3
|
@@ -3,45 +3,79 @@ import { defineSemanticTokens } from '@pandacss/dev'
|
|
|
3
3
|
export const colors = defineSemanticTokens.colors({
|
|
4
4
|
background: {
|
|
5
5
|
surface: {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
DEFAULT: {
|
|
7
|
+
value: {
|
|
8
|
+
base: '#F1F5F9', // Doesn't have raw token
|
|
9
|
+
_light: '#F1F5F9', // Doesn't have raw token
|
|
10
|
+
_dark: '{colors.dark}',
|
|
11
|
+
_enterprise: '{colors.slate.100}'
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
bold: {
|
|
15
|
+
value: {
|
|
16
|
+
base: '{colors.neutral.1000}',
|
|
17
|
+
_light: '{colors.neutral.1000}',
|
|
18
|
+
_dark: '{colors.neutral.100}',
|
|
19
|
+
_enterprise: '{colors.emerald.1000}'
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
information: {
|
|
24
|
+
DEFAULT: {
|
|
25
|
+
value: {
|
|
26
|
+
base: '{colors.indigo.100}',
|
|
27
|
+
_light: '{colors.indigo.100}',
|
|
28
|
+
_dark: '{colors.indigo.1000}',
|
|
29
|
+
_enterprise: '{colors.indigo.100}'
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
bold: {
|
|
33
|
+
value: {
|
|
34
|
+
base: '{colors.indigo.700}',
|
|
35
|
+
_light: '{colors.indigo.700}',
|
|
36
|
+
_dark: '{colors.indigo.400}',
|
|
37
|
+
_enterprise: '{colors.indigo.700}'
|
|
38
|
+
}
|
|
10
39
|
}
|
|
11
40
|
},
|
|
12
41
|
stage: {
|
|
13
42
|
value: {
|
|
14
43
|
base: '{colors.white}',
|
|
15
44
|
_light: '{colors.white}',
|
|
16
|
-
_dark: '{colors.dark.100}'
|
|
45
|
+
_dark: '{colors.dark.100}',
|
|
46
|
+
_enterprise: '{colors.white}'
|
|
17
47
|
}
|
|
18
48
|
},
|
|
19
49
|
overlay: {
|
|
20
50
|
value: {
|
|
21
|
-
base: '
|
|
22
|
-
_light: '
|
|
23
|
-
_dark: '
|
|
51
|
+
base: '#232933CC', // Doesn't have raw token
|
|
52
|
+
_light: '#232933CC', // Doesn't have raw token
|
|
53
|
+
_dark: '#657F9980', // Doesn't have raw token
|
|
54
|
+
_enterprise: '#222222CC' // Doesn't have raw token
|
|
24
55
|
}
|
|
25
56
|
},
|
|
26
57
|
disabled: {
|
|
27
58
|
value: {
|
|
28
|
-
base: '
|
|
29
|
-
_light: '
|
|
30
|
-
_dark: '
|
|
59
|
+
base: '{colors.neutral.100a}',
|
|
60
|
+
_light: '{colors.neutral.100a}',
|
|
61
|
+
_dark: '{colors.dark.100a}',
|
|
62
|
+
_enterprise: '{colors.slate.100}'
|
|
31
63
|
}
|
|
32
64
|
},
|
|
33
65
|
inverse: {
|
|
34
66
|
value: {
|
|
35
67
|
base: '{colors.dark.100}',
|
|
36
68
|
_light: '{colors.dark.100}',
|
|
37
|
-
_dark: '{colors.white}'
|
|
69
|
+
_dark: '{colors.white}',
|
|
70
|
+
_enterprise: '{colors.dark.100}'
|
|
38
71
|
}
|
|
39
72
|
},
|
|
40
73
|
shadow: {
|
|
41
74
|
value: {
|
|
42
|
-
base: '
|
|
43
|
-
_light: '
|
|
44
|
-
_dark: '
|
|
75
|
+
base: '#1D1F2429', // Doesn't have raw token
|
|
76
|
+
_light: '#1D1F2429', // Doesn't have raw token
|
|
77
|
+
_dark: '{colors.dark}',
|
|
78
|
+
_enterprise: '#1D1F2429' // Doesn't have raw token
|
|
45
79
|
}
|
|
46
80
|
},
|
|
47
81
|
neutral: {
|
|
@@ -49,21 +83,32 @@ export const colors = defineSemanticTokens.colors({
|
|
|
49
83
|
value: {
|
|
50
84
|
base: '{colors.white}',
|
|
51
85
|
_light: '{colors.white}',
|
|
52
|
-
_dark: '{colors.dark.200}'
|
|
86
|
+
_dark: '{colors.dark.200}',
|
|
87
|
+
_enterprise: '{colors.white}'
|
|
53
88
|
}
|
|
54
89
|
},
|
|
55
90
|
hovered: {
|
|
56
91
|
value: {
|
|
57
92
|
base: '{colors.neutral.100}',
|
|
58
93
|
_light: '{colors.neutral.100}',
|
|
59
|
-
_dark: '{colors.dark.250}'
|
|
94
|
+
_dark: '{colors.dark.250}',
|
|
95
|
+
_enterprise: '{colors.slate.100}'
|
|
60
96
|
}
|
|
61
97
|
},
|
|
62
98
|
pressed: {
|
|
63
99
|
value: {
|
|
64
100
|
base: '{colors.neutral.200}',
|
|
65
101
|
_light: '{colors.neutral.200}',
|
|
66
|
-
_dark: '{colors.dark.300}'
|
|
102
|
+
_dark: '{colors.dark.300}',
|
|
103
|
+
_enterprise: '{colors.slate.200}'
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
selected: {
|
|
107
|
+
value: {
|
|
108
|
+
base: '{colors.neutral.100}',
|
|
109
|
+
_light: '{colors.neutral.100}',
|
|
110
|
+
_dark: '{colors.dark.250}',
|
|
111
|
+
_enterprise: '{colors.neutral.100}'
|
|
67
112
|
}
|
|
68
113
|
},
|
|
69
114
|
subtle: {
|
|
@@ -71,21 +116,32 @@ export const colors = defineSemanticTokens.colors({
|
|
|
71
116
|
value: {
|
|
72
117
|
base: '{colors.neutral.200}',
|
|
73
118
|
_light: '{colors.neutral.200}',
|
|
74
|
-
_dark: '{colors.dark.300}'
|
|
119
|
+
_dark: '{colors.dark.300}',
|
|
120
|
+
_enterprise: '{colors.slate.200}'
|
|
75
121
|
}
|
|
76
122
|
},
|
|
77
123
|
hovered: {
|
|
78
124
|
value: {
|
|
79
125
|
base: '{colors.neutral.300}',
|
|
80
126
|
_light: '{colors.neutral.300}',
|
|
81
|
-
_dark: '{colors.dark.350}'
|
|
127
|
+
_dark: '{colors.dark.350}',
|
|
128
|
+
_enterprise: '{colors.slate.300}'
|
|
82
129
|
}
|
|
83
130
|
},
|
|
84
131
|
pressed: {
|
|
85
132
|
value: {
|
|
86
133
|
base: '{colors.neutral.400}',
|
|
87
134
|
_light: '{colors.neutral.400}',
|
|
88
|
-
_dark: '{colors.dark.400}'
|
|
135
|
+
_dark: '{colors.dark.400}',
|
|
136
|
+
_enterprise: '{colors.slate.400}'
|
|
137
|
+
}
|
|
138
|
+
},
|
|
139
|
+
selected: {
|
|
140
|
+
value: {
|
|
141
|
+
base: '{colors.neutral.300}',
|
|
142
|
+
_light: '{colors.neutral.300}',
|
|
143
|
+
_dark: '{colors.dark.350}',
|
|
144
|
+
_enterprise: '{colors.slate.300}'
|
|
89
145
|
}
|
|
90
146
|
}
|
|
91
147
|
},
|
|
@@ -94,21 +150,32 @@ export const colors = defineSemanticTokens.colors({
|
|
|
94
150
|
value: {
|
|
95
151
|
base: '{colors.neutral.800}',
|
|
96
152
|
_light: '{colors.neutral.800}',
|
|
97
|
-
_dark: '{colors.dark.800}'
|
|
153
|
+
_dark: '{colors.dark.800}',
|
|
154
|
+
_enterprise: '{colors.slate.800}'
|
|
98
155
|
}
|
|
99
156
|
},
|
|
100
157
|
hovered: {
|
|
101
158
|
value: {
|
|
102
159
|
base: '{colors.neutral.900}',
|
|
103
160
|
_light: '{colors.neutral.900}',
|
|
104
|
-
_dark: '{colors.dark.900}'
|
|
161
|
+
_dark: '{colors.dark.900}',
|
|
162
|
+
_enterprise: '{colors.slate.900}'
|
|
105
163
|
}
|
|
106
164
|
},
|
|
107
165
|
pressed: {
|
|
108
166
|
value: {
|
|
109
167
|
base: '{colors.neutral.1000}',
|
|
110
168
|
_light: '{colors.neutral.1000}',
|
|
111
|
-
_dark: '{colors.dark.1000}'
|
|
169
|
+
_dark: '{colors.dark.1000}',
|
|
170
|
+
_enterprise: '{colors.slate.1000}'
|
|
171
|
+
}
|
|
172
|
+
},
|
|
173
|
+
selected: {
|
|
174
|
+
value: {
|
|
175
|
+
base: '{colors.neutral.900}',
|
|
176
|
+
_light: '{colors.neutral.900}',
|
|
177
|
+
_dark: '{colors.dark.900}',
|
|
178
|
+
_enterprise: '{colors.neutral.900}'
|
|
112
179
|
}
|
|
113
180
|
}
|
|
114
181
|
}
|
|
@@ -118,28 +185,32 @@ export const colors = defineSemanticTokens.colors({
|
|
|
118
185
|
value: {
|
|
119
186
|
base: '{colors.indigo.100}',
|
|
120
187
|
_light: '{colors.indigo.100}',
|
|
121
|
-
_dark: '{colors.indigo.1000}'
|
|
188
|
+
_dark: '{colors.indigo.1000}',
|
|
189
|
+
_enterprise: '{colors.emerald.100}'
|
|
122
190
|
}
|
|
123
191
|
},
|
|
124
192
|
hovered: {
|
|
125
193
|
value: {
|
|
126
194
|
base: '{colors.indigo.200}',
|
|
127
195
|
_light: '{colors.indigo.200}',
|
|
128
|
-
_dark: '{colors.indigo.900}'
|
|
196
|
+
_dark: '{colors.indigo.900}',
|
|
197
|
+
_enterprise: '{colors.emerald.200}'
|
|
129
198
|
}
|
|
130
199
|
},
|
|
131
200
|
pressed: {
|
|
132
201
|
value: {
|
|
133
202
|
base: '{colors.indigo.300}',
|
|
134
203
|
_light: '{colors.indigo.300}',
|
|
135
|
-
_dark: '{colors.indigo.800}'
|
|
204
|
+
_dark: '{colors.indigo.800}',
|
|
205
|
+
_enterprise: '{colors.emerald.300}'
|
|
136
206
|
}
|
|
137
207
|
},
|
|
138
208
|
selected: {
|
|
139
209
|
value: {
|
|
140
210
|
base: '{colors.indigo.200}',
|
|
141
211
|
_light: '{colors.indigo.200}',
|
|
142
|
-
_dark: '{colors.indigo.900}'
|
|
212
|
+
_dark: '{colors.indigo.900}',
|
|
213
|
+
_enterprise: '{colors.emerald.200}'
|
|
143
214
|
}
|
|
144
215
|
},
|
|
145
216
|
bold: {
|
|
@@ -147,28 +218,40 @@ export const colors = defineSemanticTokens.colors({
|
|
|
147
218
|
value: {
|
|
148
219
|
base: '{colors.indigo.700}',
|
|
149
220
|
_light: '{colors.indigo.700}',
|
|
150
|
-
_dark: '{colors.indigo.400}'
|
|
221
|
+
_dark: '{colors.indigo.400}',
|
|
222
|
+
_enterprise: '{colors.emerald.700}'
|
|
151
223
|
}
|
|
152
224
|
},
|
|
153
225
|
hovered: {
|
|
154
226
|
value: {
|
|
155
227
|
base: '{colors.indigo.800}',
|
|
156
228
|
_light: '{colors.indigo.800}',
|
|
157
|
-
_dark: '{colors.indigo.300}'
|
|
229
|
+
_dark: '{colors.indigo.300}',
|
|
230
|
+
_enterprise: '{colors.emerald.800}'
|
|
158
231
|
}
|
|
159
232
|
},
|
|
160
233
|
pressed: {
|
|
161
234
|
value: {
|
|
162
235
|
base: '{colors.indigo.900}',
|
|
163
236
|
_light: '{colors.indigo.900}',
|
|
164
|
-
_dark: '{colors.indigo.200}'
|
|
237
|
+
_dark: '{colors.indigo.200}',
|
|
238
|
+
_enterprise: '{colors.emerald.900}'
|
|
165
239
|
}
|
|
166
240
|
},
|
|
167
241
|
selected: {
|
|
168
242
|
value: {
|
|
169
|
-
base: '{colors.indigo.
|
|
170
|
-
_light: '{colors.indigo.
|
|
171
|
-
_dark: '{colors.indigo.
|
|
243
|
+
base: '{colors.indigo.800}',
|
|
244
|
+
_light: '{colors.indigo.800}',
|
|
245
|
+
_dark: '{colors.indigo.300}',
|
|
246
|
+
_enterprise: '{colors.emerald.800}'
|
|
247
|
+
}
|
|
248
|
+
},
|
|
249
|
+
selectedDisabled: {
|
|
250
|
+
value: {
|
|
251
|
+
base: '{colors.indigo.200}',
|
|
252
|
+
_light: '{colors.indigo.200}',
|
|
253
|
+
_dark: '{colors.indigo.900}',
|
|
254
|
+
_enterprise: '{colors.emerald.200}'
|
|
172
255
|
}
|
|
173
256
|
}
|
|
174
257
|
}
|
|
@@ -178,21 +261,24 @@ export const colors = defineSemanticTokens.colors({
|
|
|
178
261
|
value: {
|
|
179
262
|
base: '{colors.dark.200}',
|
|
180
263
|
_light: '{colors.dark.200}',
|
|
181
|
-
_dark: '{colors.dark.200}'
|
|
264
|
+
_dark: '{colors.dark.200}',
|
|
265
|
+
_enterprise: '{colors.dark.200}'
|
|
182
266
|
}
|
|
183
267
|
},
|
|
184
268
|
hovered: {
|
|
185
269
|
value: {
|
|
186
270
|
base: '{colors.dark.300}',
|
|
187
271
|
_light: '{colors.dark.300}',
|
|
188
|
-
_dark: '{colors.dark.300}'
|
|
272
|
+
_dark: '{colors.dark.300}',
|
|
273
|
+
_enterprise: '{colors.dark.300}'
|
|
189
274
|
}
|
|
190
275
|
},
|
|
191
276
|
pressed: {
|
|
192
277
|
value: {
|
|
193
278
|
base: '{colors.dark.400}',
|
|
194
279
|
_light: '{colors.dark.400}',
|
|
195
|
-
_dark: '{colors.dark.400}'
|
|
280
|
+
_dark: '{colors.dark.400}',
|
|
281
|
+
_enterprise: '{colors.dark.400}'
|
|
196
282
|
}
|
|
197
283
|
}
|
|
198
284
|
},
|
|
@@ -201,21 +287,32 @@ export const colors = defineSemanticTokens.colors({
|
|
|
201
287
|
value: {
|
|
202
288
|
base: '{colors.red.100}',
|
|
203
289
|
_light: '{colors.red.100}',
|
|
204
|
-
_dark: '{colors.red.1000}'
|
|
290
|
+
_dark: '{colors.red.1000}',
|
|
291
|
+
_enterprise: '{colors.red.100}'
|
|
205
292
|
}
|
|
206
293
|
},
|
|
207
294
|
hovered: {
|
|
208
295
|
value: {
|
|
209
296
|
base: '{colors.red.200}',
|
|
210
297
|
_light: '{colors.red.200}',
|
|
211
|
-
_dark: '{colors.red.900}'
|
|
298
|
+
_dark: '{colors.red.900}',
|
|
299
|
+
_enterprise: '{colors.red.200}'
|
|
212
300
|
}
|
|
213
301
|
},
|
|
214
302
|
pressed: {
|
|
215
303
|
value: {
|
|
216
304
|
base: '{colors.red.300}',
|
|
217
305
|
_light: '{colors.red.300}',
|
|
218
|
-
_dark: '{colors.red.800}'
|
|
306
|
+
_dark: '{colors.red.800}',
|
|
307
|
+
_enterprise: '{colors.red.300}'
|
|
308
|
+
}
|
|
309
|
+
},
|
|
310
|
+
selected: {
|
|
311
|
+
value: {
|
|
312
|
+
base: '{colors.red.200}',
|
|
313
|
+
_light: '{colors.red.200}',
|
|
314
|
+
_dark: '{colors.red.900}',
|
|
315
|
+
_enterprise: '{colors.red.200}'
|
|
219
316
|
}
|
|
220
317
|
},
|
|
221
318
|
bold: {
|
|
@@ -223,21 +320,32 @@ export const colors = defineSemanticTokens.colors({
|
|
|
223
320
|
value: {
|
|
224
321
|
base: '{colors.red.700}',
|
|
225
322
|
_light: '{colors.red.700}',
|
|
226
|
-
_dark: '{colors.red.400}'
|
|
323
|
+
_dark: '{colors.red.400}',
|
|
324
|
+
_enterprise: '{colors.red.700}'
|
|
227
325
|
}
|
|
228
326
|
},
|
|
229
327
|
hovered: {
|
|
230
328
|
value: {
|
|
231
329
|
base: '{colors.red.800}',
|
|
232
330
|
_light: '{colors.red.800}',
|
|
233
|
-
_dark: '{colors.red.300}'
|
|
331
|
+
_dark: '{colors.red.300}',
|
|
332
|
+
_enterprise: '{colors.red.800}'
|
|
234
333
|
}
|
|
235
334
|
},
|
|
236
335
|
pressed: {
|
|
237
336
|
value: {
|
|
238
337
|
base: '{colors.red.900}',
|
|
239
338
|
_light: '{colors.red.900}',
|
|
240
|
-
_dark: '{colors.red.200}'
|
|
339
|
+
_dark: '{colors.red.200}',
|
|
340
|
+
_enterprise: '{colors.red.900}'
|
|
341
|
+
}
|
|
342
|
+
},
|
|
343
|
+
selected: {
|
|
344
|
+
value: {
|
|
345
|
+
base: '{colors.red.800}',
|
|
346
|
+
_light: '{colors.red.800}',
|
|
347
|
+
_dark: '{colors.red.300}',
|
|
348
|
+
_enterprise: '{colors.red.800}'
|
|
241
349
|
}
|
|
242
350
|
}
|
|
243
351
|
}
|
|
@@ -247,21 +355,32 @@ export const colors = defineSemanticTokens.colors({
|
|
|
247
355
|
value: {
|
|
248
356
|
base: '{colors.yellow.100}',
|
|
249
357
|
_light: '{colors.yellow.100}',
|
|
250
|
-
_dark: '{colors.yellow.1000}'
|
|
358
|
+
_dark: '{colors.yellow.1000}',
|
|
359
|
+
_enterprise: '{colors.yellow.100}'
|
|
251
360
|
}
|
|
252
361
|
},
|
|
253
362
|
hovered: {
|
|
254
363
|
value: {
|
|
255
364
|
base: '{colors.yellow.200}',
|
|
256
365
|
_light: '{colors.yellow.200}',
|
|
257
|
-
_dark: '{colors.yellow.900}'
|
|
366
|
+
_dark: '{colors.yellow.900}',
|
|
367
|
+
_enterprise: '{colors.yellow.200}'
|
|
258
368
|
}
|
|
259
369
|
},
|
|
260
370
|
pressed: {
|
|
261
371
|
value: {
|
|
262
372
|
base: '{colors.yellow.300}',
|
|
263
373
|
_light: '{colors.yellow.300}',
|
|
264
|
-
_dark: '{colors.yellow.800}'
|
|
374
|
+
_dark: '{colors.yellow.800}',
|
|
375
|
+
_enterprise: '{colors.yellow.300}'
|
|
376
|
+
}
|
|
377
|
+
},
|
|
378
|
+
selected: {
|
|
379
|
+
value: {
|
|
380
|
+
base: '{colors.yellow.200}',
|
|
381
|
+
_light: '{colors.yellow.200}',
|
|
382
|
+
_dark: '{colors.yellow.900}',
|
|
383
|
+
_enterprise: '{colors.yellow.200}'
|
|
265
384
|
}
|
|
266
385
|
},
|
|
267
386
|
bold: {
|
|
@@ -269,21 +388,32 @@ export const colors = defineSemanticTokens.colors({
|
|
|
269
388
|
value: {
|
|
270
389
|
base: '{colors.yellow.300}',
|
|
271
390
|
_light: '{colors.yellow.300}',
|
|
272
|
-
_dark: '{colors.yellow.300}'
|
|
391
|
+
_dark: '{colors.yellow.300}',
|
|
392
|
+
_enterprise: '{colors.yellow.300}'
|
|
273
393
|
}
|
|
274
394
|
},
|
|
275
395
|
hovered: {
|
|
276
396
|
value: {
|
|
277
397
|
base: '{colors.yellow.400}',
|
|
278
398
|
_light: '{colors.yellow.400}',
|
|
279
|
-
_dark: '{colors.yellow.400}'
|
|
399
|
+
_dark: '{colors.yellow.400}',
|
|
400
|
+
_enterprise: '{colors.yellow.400}'
|
|
280
401
|
}
|
|
281
402
|
},
|
|
282
403
|
pressed: {
|
|
283
404
|
value: {
|
|
284
405
|
base: '{colors.yellow.500}',
|
|
285
406
|
_light: '{colors.yellow.500}',
|
|
286
|
-
_dark: '{colors.yellow.500}'
|
|
407
|
+
_dark: '{colors.yellow.500}',
|
|
408
|
+
_enterprise: '{colors.yellow.500}'
|
|
409
|
+
}
|
|
410
|
+
},
|
|
411
|
+
selected: {
|
|
412
|
+
value: {
|
|
413
|
+
base: '{colors.yellow.400}',
|
|
414
|
+
_light: '{colors.yellow.400}',
|
|
415
|
+
_dark: '{colors.yellow.400}',
|
|
416
|
+
_enterprise: '{colors.yellow.400}'
|
|
287
417
|
}
|
|
288
418
|
}
|
|
289
419
|
}
|
|
@@ -293,21 +423,32 @@ export const colors = defineSemanticTokens.colors({
|
|
|
293
423
|
value: {
|
|
294
424
|
base: '{colors.green.100}',
|
|
295
425
|
_light: '{colors.green.100}',
|
|
296
|
-
_dark: '{colors.green.1000}'
|
|
426
|
+
_dark: '{colors.green.1000}',
|
|
427
|
+
_enterprise: '{colors.green.100}'
|
|
297
428
|
}
|
|
298
429
|
},
|
|
299
430
|
hovered: {
|
|
300
431
|
value: {
|
|
301
432
|
base: '{colors.green.200}',
|
|
302
433
|
_light: '{colors.green.200}',
|
|
303
|
-
_dark: '{colors.green.900}'
|
|
434
|
+
_dark: '{colors.green.900}',
|
|
435
|
+
_enterprise: '{colors.green.200}'
|
|
304
436
|
}
|
|
305
437
|
},
|
|
306
438
|
pressed: {
|
|
307
439
|
value: {
|
|
308
440
|
base: '{colors.green.300}',
|
|
309
441
|
_light: '{colors.green.300}',
|
|
310
|
-
_dark: '{colors.green.800}'
|
|
442
|
+
_dark: '{colors.green.800}',
|
|
443
|
+
_enterprise: '{colors.green.300}'
|
|
444
|
+
}
|
|
445
|
+
},
|
|
446
|
+
selected: {
|
|
447
|
+
value: {
|
|
448
|
+
base: '{colors.green.200}',
|
|
449
|
+
_light: '{colors.green.200}',
|
|
450
|
+
_dark: '{colors.green.900}',
|
|
451
|
+
_enterprise: '{colors.green.200}'
|
|
311
452
|
}
|
|
312
453
|
},
|
|
313
454
|
bold: {
|
|
@@ -315,21 +456,32 @@ export const colors = defineSemanticTokens.colors({
|
|
|
315
456
|
value: {
|
|
316
457
|
base: '{colors.green.700}',
|
|
317
458
|
_light: '{colors.green.700}',
|
|
318
|
-
_dark: '{colors.green.400}'
|
|
459
|
+
_dark: '{colors.green.400}',
|
|
460
|
+
_enterprise: '{colors.green.700}'
|
|
319
461
|
}
|
|
320
462
|
},
|
|
321
463
|
hovered: {
|
|
322
464
|
value: {
|
|
323
465
|
base: '{colors.green.800}',
|
|
324
466
|
_light: '{colors.green.800}',
|
|
325
|
-
_dark: '{colors.green.300}'
|
|
467
|
+
_dark: '{colors.green.300}',
|
|
468
|
+
_enterprise: '{colors.green.800}'
|
|
326
469
|
}
|
|
327
470
|
},
|
|
328
471
|
pressed: {
|
|
329
472
|
value: {
|
|
330
473
|
base: '{colors.green.900}',
|
|
331
474
|
_light: '{colors.green.900}',
|
|
332
|
-
_dark: '{colors.green.200}'
|
|
475
|
+
_dark: '{colors.green.200}',
|
|
476
|
+
_enterprise: '{colors.green.900}'
|
|
477
|
+
}
|
|
478
|
+
},
|
|
479
|
+
selected: {
|
|
480
|
+
value: {
|
|
481
|
+
base: '{colors.green.800}',
|
|
482
|
+
_light: '{colors.green.800}',
|
|
483
|
+
_dark: '{colors.green.400}',
|
|
484
|
+
_enterprise: '{colors.green.800}'
|
|
333
485
|
}
|
|
334
486
|
}
|
|
335
487
|
}
|
|
@@ -339,21 +491,32 @@ export const colors = defineSemanticTokens.colors({
|
|
|
339
491
|
value: {
|
|
340
492
|
base: '{colors.violet.100}',
|
|
341
493
|
_light: '{colors.violet.100}',
|
|
342
|
-
_dark: '{colors.violet.1000}'
|
|
494
|
+
_dark: '{colors.violet.1000}',
|
|
495
|
+
_enterprise: '{colors.violet.100}'
|
|
343
496
|
}
|
|
344
497
|
},
|
|
345
498
|
hovered: {
|
|
346
499
|
value: {
|
|
347
500
|
base: '{colors.violet.200}',
|
|
348
501
|
_light: '{colors.violet.200}',
|
|
349
|
-
_dark: '{colors.violet.900}'
|
|
502
|
+
_dark: '{colors.violet.900}',
|
|
503
|
+
_enterprise: '{colors.violet.200}'
|
|
350
504
|
}
|
|
351
505
|
},
|
|
352
506
|
pressed: {
|
|
353
507
|
value: {
|
|
354
508
|
base: '{colors.violet.300}',
|
|
355
509
|
_light: '{colors.violet.300}',
|
|
356
|
-
_dark: '{colors.violet.800}'
|
|
510
|
+
_dark: '{colors.violet.800}',
|
|
511
|
+
_enterprise: '{colors.violet.300}'
|
|
512
|
+
}
|
|
513
|
+
},
|
|
514
|
+
selected: {
|
|
515
|
+
value: {
|
|
516
|
+
base: '{colors.violet.200}',
|
|
517
|
+
_light: '{colors.violet.200}',
|
|
518
|
+
_dark: '{colors.violet.900}',
|
|
519
|
+
_enterprise: '{colors.violet.200}'
|
|
357
520
|
}
|
|
358
521
|
},
|
|
359
522
|
bold: {
|
|
@@ -361,39 +524,80 @@ export const colors = defineSemanticTokens.colors({
|
|
|
361
524
|
value: {
|
|
362
525
|
base: '{colors.violet.700}',
|
|
363
526
|
_light: '{colors.violet.700}',
|
|
364
|
-
_dark: '{colors.violet.400}'
|
|
527
|
+
_dark: '{colors.violet.400}',
|
|
528
|
+
_enterprise: '{colors.violet.700}'
|
|
365
529
|
}
|
|
366
530
|
},
|
|
367
531
|
hovered: {
|
|
368
532
|
value: {
|
|
369
533
|
base: '{colors.violet.800}',
|
|
370
534
|
_light: '{colors.violet.800}',
|
|
371
|
-
_dark: '{colors.violet.300}'
|
|
535
|
+
_dark: '{colors.violet.300}',
|
|
536
|
+
_enterprise: '{colors.violet.800}'
|
|
372
537
|
}
|
|
373
538
|
},
|
|
374
539
|
pressed: {
|
|
375
540
|
value: {
|
|
376
541
|
base: '{colors.violet.900}',
|
|
377
542
|
_light: '{colors.violet.900}',
|
|
378
|
-
_dark: '{colors.violet.200}'
|
|
543
|
+
_dark: '{colors.violet.200}',
|
|
544
|
+
_enterprise: '{colors.violet.900}'
|
|
545
|
+
}
|
|
546
|
+
},
|
|
547
|
+
selected: {
|
|
548
|
+
value: {
|
|
549
|
+
base: '{colors.violet.800}',
|
|
550
|
+
_light: '{colors.violet.800}',
|
|
551
|
+
_dark: '{colors.violet.300}',
|
|
552
|
+
_enterprise: '{colors.violet.800}'
|
|
553
|
+
}
|
|
554
|
+
}
|
|
555
|
+
}
|
|
556
|
+
},
|
|
557
|
+
header: {
|
|
558
|
+
DEFAULT: {
|
|
559
|
+
value: {
|
|
560
|
+
base: '{colors.white}',
|
|
561
|
+
_light: '{colors.white}',
|
|
562
|
+
_dark: '{colors.dark.100}',
|
|
563
|
+
_enterprise: '{colors.white}'
|
|
564
|
+
}
|
|
565
|
+
},
|
|
566
|
+
menu: {
|
|
567
|
+
hovered: {
|
|
568
|
+
value: {
|
|
569
|
+
base: '{colors.transparent}',
|
|
570
|
+
_light: '{colors.transparent}',
|
|
571
|
+
_dark: '{colors.transparent}',
|
|
572
|
+
_enterprise: '#265C5880' // Doesn't have raw token
|
|
573
|
+
}
|
|
574
|
+
},
|
|
575
|
+
selected: {
|
|
576
|
+
value: {
|
|
577
|
+
base: '{colors.transparent}',
|
|
578
|
+
_light: '{colors.transparent}',
|
|
579
|
+
_dark: '{colors.transparent}',
|
|
580
|
+
_enterprise: '{colors.lime.300}'
|
|
379
581
|
}
|
|
380
582
|
}
|
|
381
583
|
}
|
|
382
584
|
},
|
|
383
585
|
airene: {
|
|
384
586
|
value: {
|
|
385
|
-
base: 'radial-gradient(108.28% 139.29% at 0% 0%, #EEF0FC 0%, #F3F1FC 100%)', //
|
|
587
|
+
base: 'radial-gradient(108.28% 139.29% at 0% 0%, #EEF0FC 0%, #F3F1FC 100%)', // Doesn't have raw token
|
|
386
588
|
_light: 'radial-gradient(108.28% 139.29% at 0% 0%, #EEF0FC 0%, #F3F1FC 100%)', // Doesn't have raw token
|
|
387
|
-
_dark: 'radial-gradient(108.28% 139.29% at 0% 0%, #1D2656 0%, #2B2549 100%)' // Doesn't have raw token
|
|
589
|
+
_dark: 'radial-gradient(108.28% 139.29% at 0% 0%, #1D2656 0%, #2B2549 100%)', // Doesn't have raw token
|
|
590
|
+
_enterprise: 'radial-gradient(108.28% 139.29% at 0% 0%, #EEF0FC 0%, #F3F1FC 100%)' // Doesn't have raw token
|
|
388
591
|
}
|
|
389
|
-
}
|
|
592
|
+
}
|
|
390
593
|
},
|
|
391
594
|
nav: {
|
|
392
595
|
parent: {
|
|
393
596
|
value: {
|
|
394
597
|
base: '#E7EDF5', // Doesn't have raw token
|
|
395
598
|
_light: '#E7EDF5', // Doesn't have raw token
|
|
396
|
-
_dark: '{colors.dark.100}'
|
|
599
|
+
_dark: '{colors.dark.100}',
|
|
600
|
+
_enterprise: '{colors.emerald.1000}'
|
|
397
601
|
}
|
|
398
602
|
},
|
|
399
603
|
stack: {
|
|
@@ -401,14 +605,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
401
605
|
value: {
|
|
402
606
|
base: '{colors.neutral.100}',
|
|
403
607
|
_light: '{colors.neutral.100}',
|
|
404
|
-
_dark: '{colors.dark}'
|
|
608
|
+
_dark: '{colors.dark}',
|
|
609
|
+
_enterprise: '{colors.neutral.100}'
|
|
405
610
|
}
|
|
406
611
|
},
|
|
407
612
|
hovered: {
|
|
408
613
|
value: {
|
|
409
614
|
base: '#E7EDF5', // Doesn't have raw token
|
|
410
615
|
_light: '#E7EDF5', // Doesn't have raw token
|
|
411
|
-
_dark: '{colors.dark.100}'
|
|
616
|
+
_dark: '{colors.dark.100}',
|
|
617
|
+
_enterprise: '{colors.emerald.200}'
|
|
412
618
|
}
|
|
413
619
|
}
|
|
414
620
|
}
|
|
@@ -419,14 +625,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
419
625
|
value: {
|
|
420
626
|
base: '{colors.neutral.1000}',
|
|
421
627
|
_light: '{colors.neutral.1000}',
|
|
422
|
-
_dark: '{colors.dark.900}'
|
|
628
|
+
_dark: '{colors.dark.900}',
|
|
629
|
+
_enterprise: '{colors.slate.1000}'
|
|
423
630
|
}
|
|
424
631
|
},
|
|
425
632
|
static: {
|
|
426
633
|
value: {
|
|
427
634
|
base: '{colors.neutral.1000}',
|
|
428
635
|
_light: '{colors.neutral.1000}',
|
|
429
|
-
_dark: '{colors.neutral.1000}'
|
|
636
|
+
_dark: '{colors.neutral.1000}',
|
|
637
|
+
_enterprise: '{colors.slate.1000}'
|
|
430
638
|
}
|
|
431
639
|
}
|
|
432
640
|
},
|
|
@@ -435,14 +643,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
435
643
|
value: {
|
|
436
644
|
base: '{colors.neutral.700}',
|
|
437
645
|
_light: '{colors.neutral.700}',
|
|
438
|
-
_dark: '{colors.dark.700}'
|
|
646
|
+
_dark: '{colors.dark.700}',
|
|
647
|
+
_enterprise: '{colors.slate.700}'
|
|
439
648
|
}
|
|
440
649
|
},
|
|
441
650
|
pressed: {
|
|
442
651
|
value: {
|
|
443
652
|
base: '{colors.neutral.800}',
|
|
444
653
|
_light: '{colors.neutral.800}',
|
|
445
|
-
_dark: '{colors.dark.800}'
|
|
654
|
+
_dark: '{colors.dark.800}',
|
|
655
|
+
_enterprise: '{colors.neutral.800}'
|
|
446
656
|
}
|
|
447
657
|
}
|
|
448
658
|
},
|
|
@@ -450,14 +660,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
450
660
|
value: {
|
|
451
661
|
base: '{colors.neutral.600}',
|
|
452
662
|
_light: '{colors.neutral.600}',
|
|
453
|
-
_dark: '{colors.dark.600}'
|
|
663
|
+
_dark: '{colors.dark.600}',
|
|
664
|
+
_enterprise: '{colors.slate.600}'
|
|
454
665
|
}
|
|
455
666
|
},
|
|
456
667
|
disabled: {
|
|
457
668
|
value: {
|
|
458
|
-
base: '
|
|
459
|
-
_light: '
|
|
460
|
-
_dark: '
|
|
669
|
+
base: '{colors.neutral.400a}',
|
|
670
|
+
_light: '{colors.neutral.400a}',
|
|
671
|
+
_dark: '{colors.dark.400a}',
|
|
672
|
+
_enterprise: '{colors.slate.400}'
|
|
461
673
|
}
|
|
462
674
|
},
|
|
463
675
|
inverse: {
|
|
@@ -465,14 +677,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
465
677
|
value: {
|
|
466
678
|
base: '{colors.white}',
|
|
467
679
|
_light: '{colors.white}',
|
|
468
|
-
_dark: '{colors.dark.100}'
|
|
680
|
+
_dark: '{colors.dark.100}',
|
|
681
|
+
_enterprise: '{colors.white}'
|
|
469
682
|
}
|
|
470
683
|
},
|
|
471
684
|
static: {
|
|
472
685
|
value: {
|
|
473
686
|
base: '{colors.white}',
|
|
474
687
|
_light: '{colors.white}',
|
|
475
|
-
_dark: '{colors.white}'
|
|
688
|
+
_dark: '{colors.white}',
|
|
689
|
+
_enterprise: '{colors.white}'
|
|
476
690
|
}
|
|
477
691
|
}
|
|
478
692
|
},
|
|
@@ -480,7 +694,8 @@ export const colors = defineSemanticTokens.colors({
|
|
|
480
694
|
value: {
|
|
481
695
|
base: '{colors.indigo.700}',
|
|
482
696
|
_light: '{colors.indigo.700}',
|
|
483
|
-
_dark: '{colors.indigo.400}'
|
|
697
|
+
_dark: '{colors.indigo.400}',
|
|
698
|
+
_enterprise: '{colors.emerald.700}'
|
|
484
699
|
}
|
|
485
700
|
},
|
|
486
701
|
danger: {
|
|
@@ -488,14 +703,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
488
703
|
value: {
|
|
489
704
|
base: '{colors.red.800}',
|
|
490
705
|
_light: '{colors.red.800}',
|
|
491
|
-
_dark: '{colors.red.300}'
|
|
706
|
+
_dark: '{colors.red.300}',
|
|
707
|
+
_enterprise: '{colors.red.800}'
|
|
492
708
|
}
|
|
493
709
|
},
|
|
494
710
|
pressed: {
|
|
495
711
|
value: {
|
|
496
712
|
base: '{colors.red.900}',
|
|
497
713
|
_light: '{colors.red.900}',
|
|
498
|
-
_dark: '{colors.red.200}'
|
|
714
|
+
_dark: '{colors.red.200}',
|
|
715
|
+
_enterprise: '{colors.red.900}'
|
|
499
716
|
}
|
|
500
717
|
}
|
|
501
718
|
},
|
|
@@ -504,7 +721,8 @@ export const colors = defineSemanticTokens.colors({
|
|
|
504
721
|
value: {
|
|
505
722
|
base: '{colors.orange.800}',
|
|
506
723
|
_light: '{colors.orange.800}',
|
|
507
|
-
_dark: '{colors.yellow.300}'
|
|
724
|
+
_dark: '{colors.yellow.300}',
|
|
725
|
+
_enterprise: '{colors.orange.800}'
|
|
508
726
|
}
|
|
509
727
|
},
|
|
510
728
|
|
|
@@ -512,7 +730,8 @@ export const colors = defineSemanticTokens.colors({
|
|
|
512
730
|
value: {
|
|
513
731
|
base: '{colors.neutral.1000}',
|
|
514
732
|
_light: '{colors.neutral.1000}',
|
|
515
|
-
_dark: '{colors.neutral.1000}'
|
|
733
|
+
_dark: '{colors.neutral.1000}',
|
|
734
|
+
_enterprise: '{colors.slate.1000}'
|
|
516
735
|
}
|
|
517
736
|
}
|
|
518
737
|
},
|
|
@@ -520,21 +739,24 @@ export const colors = defineSemanticTokens.colors({
|
|
|
520
739
|
value: {
|
|
521
740
|
base: '{colors.green.800}',
|
|
522
741
|
_light: '{colors.green.800}',
|
|
523
|
-
_dark: '{colors.green.300}'
|
|
742
|
+
_dark: '{colors.green.300}',
|
|
743
|
+
_enterprise: '{colors.green.800}'
|
|
524
744
|
}
|
|
525
745
|
},
|
|
526
746
|
highlight: {
|
|
527
747
|
value: {
|
|
528
748
|
base: '{colors.violet.800}',
|
|
529
749
|
_light: '{colors.violet.800}',
|
|
530
|
-
_dark: '{colors.violet.300}'
|
|
750
|
+
_dark: '{colors.violet.300}',
|
|
751
|
+
_enterprise: '{colors.violet.800}'
|
|
531
752
|
}
|
|
532
753
|
},
|
|
533
754
|
information: {
|
|
534
755
|
value: {
|
|
535
756
|
base: '{colors.indigo.800}',
|
|
536
757
|
_light: '{colors.indigo.800}',
|
|
537
|
-
_dark: '{colors.indigo.300}'
|
|
758
|
+
_dark: '{colors.indigo.300}',
|
|
759
|
+
_enterprise: '{colors.emerald.800}'
|
|
538
760
|
}
|
|
539
761
|
},
|
|
540
762
|
link: {
|
|
@@ -542,14 +764,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
542
764
|
value: {
|
|
543
765
|
base: '{colors.indigo.700}',
|
|
544
766
|
_light: '{colors.indigo.700}',
|
|
545
|
-
_dark: '{colors.indigo.400}'
|
|
767
|
+
_dark: '{colors.indigo.400}',
|
|
768
|
+
_enterprise: '{colors.emerald.700}'
|
|
546
769
|
}
|
|
547
770
|
},
|
|
548
771
|
pressed: {
|
|
549
772
|
value: {
|
|
550
773
|
base: '{colors.indigo.800}',
|
|
551
774
|
_light: '{colors.indigo.800}',
|
|
552
|
-
_dark: '{colors.indigo.300}'
|
|
775
|
+
_dark: '{colors.indigo.300}',
|
|
776
|
+
_enterprise: '{colors.emerald.800}'
|
|
553
777
|
}
|
|
554
778
|
}
|
|
555
779
|
}
|
|
@@ -559,14 +783,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
559
783
|
value: {
|
|
560
784
|
base: '{colors.neutral.600}',
|
|
561
785
|
_light: '{colors.neutral.600}',
|
|
562
|
-
_dark: '{colors.dark.600}'
|
|
786
|
+
_dark: '{colors.dark.600}',
|
|
787
|
+
_enterprise: '{colors.slate.600}'
|
|
563
788
|
}
|
|
564
789
|
},
|
|
565
790
|
disabled: {
|
|
566
791
|
value: {
|
|
567
792
|
base: '{colors.neutral.400}',
|
|
568
793
|
_light: '{colors.neutral.400}',
|
|
569
|
-
_dark: '{colors.dark.400}'
|
|
794
|
+
_dark: '{colors.dark.400}',
|
|
795
|
+
_enterprise: '{colors.neutral.400}'
|
|
570
796
|
}
|
|
571
797
|
},
|
|
572
798
|
inverse: {
|
|
@@ -574,14 +800,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
574
800
|
value: {
|
|
575
801
|
base: '{colors.white}',
|
|
576
802
|
_light: '{colors.white}',
|
|
577
|
-
_dark: '{colors.dark.100}'
|
|
803
|
+
_dark: '{colors.dark.100}',
|
|
804
|
+
_enterprise: '{colors.white}'
|
|
578
805
|
}
|
|
579
806
|
},
|
|
580
807
|
static: {
|
|
581
808
|
value: {
|
|
582
809
|
base: '{colors.white}',
|
|
583
810
|
_light: '{colors.white}',
|
|
584
|
-
_dark: '{colors.white}'
|
|
811
|
+
_dark: '{colors.white}',
|
|
812
|
+
_enterprise: '{colors.white}'
|
|
585
813
|
}
|
|
586
814
|
}
|
|
587
815
|
},
|
|
@@ -589,21 +817,24 @@ export const colors = defineSemanticTokens.colors({
|
|
|
589
817
|
value: {
|
|
590
818
|
base: '{colors.indigo.700}',
|
|
591
819
|
_light: '{colors.indigo.700}',
|
|
592
|
-
_dark: '{colors.indigo.400}'
|
|
820
|
+
_dark: '{colors.indigo.400}',
|
|
821
|
+
_enterprise: '{colors.emerald.700}'
|
|
593
822
|
}
|
|
594
823
|
},
|
|
595
824
|
brand: {
|
|
596
825
|
value: {
|
|
597
826
|
base: '{colors.indigo.700}',
|
|
598
827
|
_light: '{colors.indigo.700}',
|
|
599
|
-
_dark: '{colors.indigo.400}'
|
|
828
|
+
_dark: '{colors.indigo.400}',
|
|
829
|
+
_enterprise: '{colors.emerald.700}'
|
|
600
830
|
}
|
|
601
831
|
},
|
|
602
832
|
danger: {
|
|
603
833
|
value: {
|
|
604
834
|
base: '{colors.red.700}',
|
|
605
835
|
_light: '{colors.red.700}',
|
|
606
|
-
_dark: '{colors.red.400}'
|
|
836
|
+
_dark: '{colors.red.400}',
|
|
837
|
+
_enterprise: '{colors.red.700}'
|
|
607
838
|
}
|
|
608
839
|
},
|
|
609
840
|
warning: {
|
|
@@ -611,14 +842,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
611
842
|
value: {
|
|
612
843
|
base: '{colors.orange.700}',
|
|
613
844
|
_light: '{colors.orange.700}',
|
|
614
|
-
_dark: '{colors.yellow.300}'
|
|
845
|
+
_dark: '{colors.yellow.300}',
|
|
846
|
+
_enterprise: '{colors.orange.700}'
|
|
615
847
|
}
|
|
616
848
|
},
|
|
617
849
|
inverse: {
|
|
618
850
|
value: {
|
|
619
851
|
base: '{colors.neutral.1000}',
|
|
620
852
|
_light: '{colors.neutral.1000}',
|
|
621
|
-
_dark: '{colors.dark.100}'
|
|
853
|
+
_dark: '{colors.dark.100}',
|
|
854
|
+
_enterprise: '{colors.slate.1000}'
|
|
622
855
|
}
|
|
623
856
|
}
|
|
624
857
|
},
|
|
@@ -626,35 +859,40 @@ export const colors = defineSemanticTokens.colors({
|
|
|
626
859
|
value: {
|
|
627
860
|
base: '{colors.green.700}',
|
|
628
861
|
_light: '{colors.green.700}',
|
|
629
|
-
_dark: '{colors.green.400}'
|
|
862
|
+
_dark: '{colors.green.400}',
|
|
863
|
+
_enterprise: '{colors.green.700}'
|
|
630
864
|
}
|
|
631
865
|
},
|
|
632
866
|
highlight: {
|
|
633
867
|
value: {
|
|
634
868
|
base: '{colors.violet.700}',
|
|
635
869
|
_light: '{colors.violet.700}',
|
|
636
|
-
_dark: '{colors.violet.400}'
|
|
870
|
+
_dark: '{colors.violet.400}',
|
|
871
|
+
_enterprise: '{colors.violet.700}'
|
|
637
872
|
}
|
|
638
873
|
},
|
|
639
874
|
information: {
|
|
640
875
|
value: {
|
|
641
876
|
base: '{colors.indigo.700}',
|
|
642
877
|
_light: '{colors.indigo.700}',
|
|
643
|
-
_dark: '{colors.indigo.400}'
|
|
878
|
+
_dark: '{colors.indigo.400}',
|
|
879
|
+
_enterprise: '{colors.emerald.700}'
|
|
644
880
|
}
|
|
645
881
|
},
|
|
646
882
|
subtle: {
|
|
647
883
|
value: {
|
|
648
884
|
base: '{colors.neutral.300}',
|
|
649
885
|
_light: '{colors.neutral.300}',
|
|
650
|
-
_dark: '{colors.dark.300}'
|
|
886
|
+
_dark: '{colors.dark.300}',
|
|
887
|
+
_enterprise: '{colors.slate.300}'
|
|
651
888
|
}
|
|
652
889
|
},
|
|
653
890
|
logo: {
|
|
654
891
|
value: {
|
|
655
892
|
base: '{colors.neutral.1000}',
|
|
656
893
|
_light: '{colors.neutral.1000}',
|
|
657
|
-
_dark: '{colors.neutral.100}'
|
|
894
|
+
_dark: '{colors.neutral.100}',
|
|
895
|
+
_enterprise: '{colors.slate.1000}'
|
|
658
896
|
}
|
|
659
897
|
}
|
|
660
898
|
},
|
|
@@ -663,42 +901,56 @@ export const colors = defineSemanticTokens.colors({
|
|
|
663
901
|
value: {
|
|
664
902
|
base: '{colors.neutral.300}',
|
|
665
903
|
_light: '{colors.neutral.300}',
|
|
666
|
-
_dark: '{colors.dark.300}'
|
|
904
|
+
_dark: '{colors.dark.300}',
|
|
905
|
+
_enterprise: '{colors.slate.300}'
|
|
906
|
+
}
|
|
907
|
+
},
|
|
908
|
+
subtle: {
|
|
909
|
+
value: {
|
|
910
|
+
base: '{colors.neutral.200}',
|
|
911
|
+
_light: '{colors.neutral.200}',
|
|
912
|
+
_dark: '{colors.dark.200}',
|
|
913
|
+
_enterprise: '{colors.slate.200}'
|
|
667
914
|
}
|
|
668
915
|
},
|
|
669
916
|
bold: {
|
|
670
917
|
value: {
|
|
671
918
|
base: '{colors.neutral.600}',
|
|
672
919
|
_light: '{colors.neutral.600}',
|
|
673
|
-
_dark: '{colors.dark.600}'
|
|
920
|
+
_dark: '{colors.dark.600}',
|
|
921
|
+
_enterprise: '{colors.slate.600}'
|
|
674
922
|
}
|
|
675
923
|
},
|
|
676
924
|
disabled: {
|
|
677
925
|
value: {
|
|
678
|
-
base: '
|
|
679
|
-
_light: '
|
|
680
|
-
_dark: '
|
|
926
|
+
base: '{colors.neutral.200a}',
|
|
927
|
+
_light: '{colors.neutral.200a}',
|
|
928
|
+
_dark: '{colors.dark.200a}',
|
|
929
|
+
_enterprise: '{colors.slate.200}'
|
|
681
930
|
}
|
|
682
931
|
},
|
|
683
932
|
form: {
|
|
684
933
|
value: {
|
|
685
|
-
base: '
|
|
686
|
-
_light: '
|
|
687
|
-
_dark: '
|
|
934
|
+
base: '{colors.neutral.300a}',
|
|
935
|
+
_light: '{colors.neutral.300a}',
|
|
936
|
+
_dark: '{colors.dark.300a}',
|
|
937
|
+
_enterprise: '{colors.slate.300a}'
|
|
688
938
|
}
|
|
689
939
|
},
|
|
690
940
|
focused: {
|
|
691
941
|
value: {
|
|
692
942
|
base: '{colors.indigo.500}',
|
|
693
943
|
_light: '{colors.indigo.500}',
|
|
694
|
-
_dark: '{colors.indigo.300}'
|
|
944
|
+
_dark: '{colors.indigo.300}',
|
|
945
|
+
_enterprise: '{colors.emerald.500}'
|
|
695
946
|
}
|
|
696
947
|
},
|
|
697
948
|
inverse: {
|
|
698
949
|
value: {
|
|
699
950
|
base: '{colors.white}',
|
|
700
951
|
_light: '{colors.white}',
|
|
701
|
-
_dark: '{colors.dark.100}'
|
|
952
|
+
_dark: '{colors.dark.100}',
|
|
953
|
+
_enterprise: '{colors.white}'
|
|
702
954
|
}
|
|
703
955
|
},
|
|
704
956
|
selected: {
|
|
@@ -706,21 +958,24 @@ export const colors = defineSemanticTokens.colors({
|
|
|
706
958
|
value: {
|
|
707
959
|
base: '{colors.indigo.700}',
|
|
708
960
|
_light: '{colors.indigo.700}',
|
|
709
|
-
_dark: '{colors.indigo.400}'
|
|
961
|
+
_dark: '{colors.indigo.400}',
|
|
962
|
+
_enterprise: '{colors.emerald.700}'
|
|
710
963
|
}
|
|
711
964
|
},
|
|
712
965
|
hovered: {
|
|
713
966
|
value: {
|
|
714
967
|
base: '{colors.indigo.800}',
|
|
715
968
|
_light: '{colors.indigo.800}',
|
|
716
|
-
_dark: '{colors.indigo.300}'
|
|
969
|
+
_dark: '{colors.indigo.300}',
|
|
970
|
+
_enterprise: '{colors.emerald.800}'
|
|
717
971
|
}
|
|
718
972
|
},
|
|
719
973
|
disabled: {
|
|
720
974
|
value: {
|
|
721
975
|
base: '{colors.indigo.200}',
|
|
722
976
|
_light: '{colors.indigo.200}',
|
|
723
|
-
_dark: '{colors.indigo.900}'
|
|
977
|
+
_dark: '{colors.indigo.900}',
|
|
978
|
+
_enterprise: '{colors.emerald.200}'
|
|
724
979
|
}
|
|
725
980
|
}
|
|
726
981
|
},
|
|
@@ -728,42 +983,48 @@ export const colors = defineSemanticTokens.colors({
|
|
|
728
983
|
value: {
|
|
729
984
|
base: '{colors.indigo.700}',
|
|
730
985
|
_light: '{colors.indigo.700}',
|
|
731
|
-
_dark: '{colors.indigo.400}'
|
|
986
|
+
_dark: '{colors.indigo.400}',
|
|
987
|
+
_enterprise: '{colors.emerald.700}'
|
|
732
988
|
}
|
|
733
989
|
},
|
|
734
990
|
danger: {
|
|
735
991
|
value: {
|
|
736
992
|
base: '{colors.red.700}',
|
|
737
993
|
_light: '{colors.red.700}',
|
|
738
|
-
_dark: '{colors.red.400}'
|
|
994
|
+
_dark: '{colors.red.400}',
|
|
995
|
+
_enterprise: '{colors.red.700}'
|
|
739
996
|
}
|
|
740
997
|
},
|
|
741
998
|
warning: {
|
|
742
999
|
value: {
|
|
743
1000
|
base: '{colors.yellow.300}',
|
|
744
1001
|
_light: '{colors.yellow.300}',
|
|
745
|
-
_dark: '{colors.yellow.300}'
|
|
1002
|
+
_dark: '{colors.yellow.300}',
|
|
1003
|
+
_enterprise: '{colors.yellow.300}'
|
|
746
1004
|
}
|
|
747
1005
|
},
|
|
748
1006
|
success: {
|
|
749
1007
|
value: {
|
|
750
1008
|
base: '{colors.green.700}',
|
|
751
1009
|
_light: '{colors.green.700}',
|
|
752
|
-
_dark: '{colors.green.400}'
|
|
1010
|
+
_dark: '{colors.green.400}',
|
|
1011
|
+
_enterprise: '{colors.green.700}'
|
|
753
1012
|
}
|
|
754
1013
|
},
|
|
755
1014
|
highlight: {
|
|
756
1015
|
value: {
|
|
757
1016
|
base: '{colors.violet.700}',
|
|
758
1017
|
_light: '{colors.violet.700}',
|
|
759
|
-
_dark: '{colors.violet.400}'
|
|
1018
|
+
_dark: '{colors.violet.400}',
|
|
1019
|
+
_enterprise: '{colors.violet.700}'
|
|
760
1020
|
}
|
|
761
1021
|
},
|
|
762
1022
|
information: {
|
|
763
1023
|
value: {
|
|
764
1024
|
base: '{colors.indigo.700}',
|
|
765
1025
|
_light: '{colors.indigo.700}',
|
|
766
|
-
_dark: '{colors.indigo.400}'
|
|
1026
|
+
_dark: '{colors.indigo.400}',
|
|
1027
|
+
_enterprise: '{colors.emerald.700}'
|
|
767
1028
|
}
|
|
768
1029
|
}
|
|
769
1030
|
},
|
|
@@ -773,14 +1034,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
773
1034
|
value: {
|
|
774
1035
|
base: '{colors.blue.400}',
|
|
775
1036
|
_light: '{colors.blue.400}',
|
|
776
|
-
_dark: '{colors.blue.300}'
|
|
1037
|
+
_dark: '{colors.blue.300}',
|
|
1038
|
+
_enterprise: '{colors.blue.400}'
|
|
777
1039
|
}
|
|
778
1040
|
},
|
|
779
1041
|
bold: {
|
|
780
1042
|
value: {
|
|
781
1043
|
base: '{colors.blue.600}',
|
|
782
1044
|
_light: '{colors.blue.600}',
|
|
783
|
-
_dark: '{colors.blue.500}'
|
|
1045
|
+
_dark: '{colors.blue.500}',
|
|
1046
|
+
_enterprise: '{colors.blue.600}'
|
|
784
1047
|
}
|
|
785
1048
|
}
|
|
786
1049
|
},
|
|
@@ -789,14 +1052,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
789
1052
|
value: {
|
|
790
1053
|
base: '{colors.teal.400}',
|
|
791
1054
|
_light: '{colors.teal.400}',
|
|
792
|
-
_dark: '{colors.teal.300}'
|
|
1055
|
+
_dark: '{colors.teal.300}',
|
|
1056
|
+
_enterprise: '{colors.teal.400}'
|
|
793
1057
|
}
|
|
794
1058
|
},
|
|
795
1059
|
bold: {
|
|
796
1060
|
value: {
|
|
797
1061
|
base: '{colors.teal.600}',
|
|
798
1062
|
_light: '{colors.teal.600}',
|
|
799
|
-
_dark: '{colors.teal.500}'
|
|
1063
|
+
_dark: '{colors.teal.500}',
|
|
1064
|
+
_enterprise: '{colors.teal.600}'
|
|
800
1065
|
}
|
|
801
1066
|
}
|
|
802
1067
|
},
|
|
@@ -805,14 +1070,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
805
1070
|
value: {
|
|
806
1071
|
base: '{colors.violet.400}',
|
|
807
1072
|
_light: '{colors.violet.400}',
|
|
808
|
-
_dark: '{colors.violet.300}'
|
|
1073
|
+
_dark: '{colors.violet.300}',
|
|
1074
|
+
_enterprise: '{colors.violet.400}'
|
|
809
1075
|
}
|
|
810
1076
|
},
|
|
811
1077
|
bold: {
|
|
812
1078
|
value: {
|
|
813
1079
|
base: '{colors.violet.600}',
|
|
814
1080
|
_light: '{colors.violet.600}',
|
|
815
|
-
_dark: '{colors.violet.500}'
|
|
1081
|
+
_dark: '{colors.violet.500}',
|
|
1082
|
+
_enterprise: '{colors.violet.600}'
|
|
816
1083
|
}
|
|
817
1084
|
}
|
|
818
1085
|
},
|
|
@@ -821,14 +1088,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
821
1088
|
value: {
|
|
822
1089
|
base: '{colors.orange.400}',
|
|
823
1090
|
_light: '{colors.orange.400}',
|
|
824
|
-
_dark: '{colors.orange.300}'
|
|
1091
|
+
_dark: '{colors.orange.300}',
|
|
1092
|
+
_enterprise: '{colors.orange.400}'
|
|
825
1093
|
}
|
|
826
1094
|
},
|
|
827
1095
|
bold: {
|
|
828
1096
|
value: {
|
|
829
1097
|
base: '{colors.orange.600}',
|
|
830
1098
|
_light: '{colors.orange.600}',
|
|
831
|
-
_dark: '{colors.orange.500}'
|
|
1099
|
+
_dark: '{colors.orange.500}',
|
|
1100
|
+
_enterprise: '{colors.orange.600}'
|
|
832
1101
|
}
|
|
833
1102
|
}
|
|
834
1103
|
},
|
|
@@ -837,14 +1106,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
837
1106
|
value: {
|
|
838
1107
|
base: '{colors.neutral.400}',
|
|
839
1108
|
_light: '{colors.neutral.400}',
|
|
840
|
-
_dark: '{colors.neutral.300}'
|
|
1109
|
+
_dark: '{colors.neutral.300}',
|
|
1110
|
+
_enterprise: '{colors.neutral.400}'
|
|
841
1111
|
}
|
|
842
1112
|
},
|
|
843
1113
|
bold: {
|
|
844
1114
|
value: {
|
|
845
1115
|
base: '{colors.neutral.600}',
|
|
846
1116
|
_light: '{colors.neutral.600}',
|
|
847
|
-
_dark: '{colors.neutral.500}'
|
|
1117
|
+
_dark: '{colors.neutral.500}',
|
|
1118
|
+
_enterprise: '{colors.slate.600}'
|
|
848
1119
|
}
|
|
849
1120
|
}
|
|
850
1121
|
},
|
|
@@ -853,14 +1124,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
853
1124
|
value: {
|
|
854
1125
|
base: '{colors.red.400}',
|
|
855
1126
|
_light: '{colors.red.400}',
|
|
856
|
-
_dark: '{colors.red.300}'
|
|
1127
|
+
_dark: '{colors.red.300}',
|
|
1128
|
+
_enterprise: '{colors.red.400}'
|
|
857
1129
|
}
|
|
858
1130
|
},
|
|
859
1131
|
bold: {
|
|
860
1132
|
value: {
|
|
861
1133
|
base: '{colors.red.600}',
|
|
862
1134
|
_light: '{colors.red.600}',
|
|
863
|
-
_dark: '{colors.red.500}'
|
|
1135
|
+
_dark: '{colors.red.500}',
|
|
1136
|
+
_enterprise: '{colors.red.600}'
|
|
864
1137
|
}
|
|
865
1138
|
}
|
|
866
1139
|
},
|
|
@@ -869,14 +1142,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
869
1142
|
value: {
|
|
870
1143
|
base: '{colors.lime.400}',
|
|
871
1144
|
_light: '{colors.lime.400}',
|
|
872
|
-
_dark: '{colors.lime.300}'
|
|
1145
|
+
_dark: '{colors.lime.300}',
|
|
1146
|
+
_enterprise: '{colors.lime.400}'
|
|
873
1147
|
}
|
|
874
1148
|
},
|
|
875
1149
|
bold: {
|
|
876
1150
|
value: {
|
|
877
1151
|
base: '{colors.lime.600}',
|
|
878
1152
|
_light: '{colors.lime.600}',
|
|
879
|
-
_dark: '{colors.lime.500}'
|
|
1153
|
+
_dark: '{colors.lime.500}',
|
|
1154
|
+
_enterprise: '{colors.lime.600}'
|
|
880
1155
|
}
|
|
881
1156
|
}
|
|
882
1157
|
},
|
|
@@ -885,14 +1160,16 @@ export const colors = defineSemanticTokens.colors({
|
|
|
885
1160
|
value: {
|
|
886
1161
|
base: '{colors.fuchsia.400}',
|
|
887
1162
|
_light: '{colors.fuchsia.400}',
|
|
888
|
-
_dark: '{colors.fuchsia.300}'
|
|
1163
|
+
_dark: '{colors.fuchsia.300}',
|
|
1164
|
+
_enterprise: '{colors.fuchsia.400}'
|
|
889
1165
|
}
|
|
890
1166
|
},
|
|
891
1167
|
bold: {
|
|
892
1168
|
value: {
|
|
893
1169
|
base: '{colors.fuchsia.600}',
|
|
894
1170
|
_light: '{colors.fuchsia.600}',
|
|
895
|
-
_dark: '{colors.fuchsia.500}'
|
|
1171
|
+
_dark: '{colors.fuchsia.500}',
|
|
1172
|
+
_enterprise: '{colors.fuchsia.600}'
|
|
896
1173
|
}
|
|
897
1174
|
}
|
|
898
1175
|
}
|