@mekari/pixel3-theme 0.4.4 → 0.5.0-dev.1

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