@ndla/preset-panda 0.0.53 → 0.0.55

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 (51) hide show
  1. package/README.md +148 -0
  2. package/es/animations.js +111 -223
  3. package/es/animations.js.map +1 -0
  4. package/es/boxShadows.js +33 -37
  5. package/es/boxShadows.js.map +1 -0
  6. package/es/colors.js +132 -346
  7. package/es/colors.js.map +1 -0
  8. package/es/conditions.js +16 -12
  9. package/es/conditions.js.map +1 -0
  10. package/es/globalCss.js +149 -226
  11. package/es/globalCss.js.map +1 -0
  12. package/es/index.js +43 -45
  13. package/es/index.js.map +1 -0
  14. package/es/plugins/forwardCssPropPlugin.js +39 -46
  15. package/es/plugins/forwardCssPropPlugin.js.map +1 -0
  16. package/es/radii.js +14 -28
  17. package/es/radii.js.map +1 -0
  18. package/es/semanticTokens.js +233 -549
  19. package/es/semanticTokens.js.map +1 -0
  20. package/es/spacing.js +50 -136
  21. package/es/spacing.js.map +1 -0
  22. package/es/typography.js +200 -274
  23. package/es/typography.js.map +1 -0
  24. package/es/zIndex.js +22 -52
  25. package/es/zIndex.js.map +1 -0
  26. package/lib/_virtual/rolldown_runtime.js +30 -0
  27. package/lib/animations.js +115 -229
  28. package/lib/animations.js.map +1 -0
  29. package/lib/boxShadows.js +32 -41
  30. package/lib/boxShadows.js.map +1 -0
  31. package/lib/colors.js +131 -350
  32. package/lib/colors.js.map +1 -0
  33. package/lib/conditions.js +16 -17
  34. package/lib/conditions.js.map +1 -0
  35. package/lib/globalCss.js +148 -230
  36. package/lib/globalCss.js.map +1 -0
  37. package/lib/index.js +47 -58
  38. package/lib/index.js.map +1 -0
  39. package/lib/plugins/forwardCssPropPlugin.js +37 -51
  40. package/lib/plugins/forwardCssPropPlugin.js.map +1 -0
  41. package/lib/radii.js +13 -32
  42. package/lib/radii.js.map +1 -0
  43. package/lib/semanticTokens.js +232 -553
  44. package/lib/semanticTokens.js.map +1 -0
  45. package/lib/spacing.js +49 -140
  46. package/lib/spacing.js.map +1 -0
  47. package/lib/typography.js +205 -280
  48. package/lib/typography.js.map +1 -0
  49. package/lib/zIndex.js +21 -56
  50. package/lib/zIndex.js.map +1 -0
  51. package/package.json +6 -5
package/lib/semanticTokens.js CHANGED
@@ -1,556 +1,235 @@
1
- "use strict";
1
+ const require_rolldown_runtime = require('./_virtual/rolldown_runtime.js');
2
+ const __pandacss_dev = require_rolldown_runtime.__toESM(require("@pandacss/dev"));
2
3
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
4
+ //#region src/semanticTokens.ts
5
+ const semanticTokens = (0, __pandacss_dev.defineSemanticTokens)({
6
+ spacing: {
7
+ "5xsmall": { value: "{spacing.1}" },
8
+ "4xsmall": { value: "{spacing.2}" },
9
+ "3xsmall": { value: "{spacing.3}" },
10
+ xxsmall: { value: "{spacing.4}" },
11
+ xsmall: { value: "{spacing.6}" },
12
+ small: { value: "{spacing.8}" },
13
+ medium: { value: "{spacing.12}" },
14
+ large: { value: "{spacing.16}" },
15
+ xlarge: { value: "{spacing.18}" },
16
+ xxlarge: { value: "{spacing.24}" },
17
+ "3xlarge": { value: "{spacing.36}" },
18
+ "4xlarge": { value: "{spacing.48}" },
19
+ "5xlarge": { value: "{spacing.60}" },
20
+ surface: {
21
+ "4xsmall": { value: "{spacing.50}" },
22
+ "3xsmall": { value: "{spacing.75}" },
23
+ xxsmall: { value: "{spacing.100}" },
24
+ xsmall: { value: "{spacing.150}" },
25
+ small: { value: "{spacing.200}" },
26
+ medium: { value: "{spacing.250}" },
27
+ large: { value: "{spacing.300}" },
28
+ xlarge: { value: "{spacing.350}" },
29
+ xxlarge: { value: "{spacing.400}" },
30
+ "3xlarge": { value: "{spacing.500}" },
31
+ "4xlarge": { value: "{spacing.550}" }
32
+ }
33
+ },
34
+ sizes: {
35
+ "5xsmall": { value: "{spacing.1}" },
36
+ "4xsmall": { value: "{spacing.2}" },
37
+ "3xsmall": { value: "{spacing.3}" },
38
+ xxsmall: { value: "{spacing.4}" },
39
+ xsmall: { value: "{spacing.6}" },
40
+ small: { value: "{spacing.8}" },
41
+ medium: { value: "{spacing.12}" },
42
+ large: { value: "{spacing.16}" },
43
+ xlarge: { value: "{spacing.18}" },
44
+ xxlarge: { value: "{spacing.24}" },
45
+ "3xlarge": { value: "{spacing.36}" },
46
+ "4xlarge": { value: "{spacing.48}" },
47
+ "5xlarge": { value: "{spacing.60}" },
48
+ surface: {
49
+ "4xsmall": { value: "{spacing.50}" },
50
+ "3xsmall": { value: "{spacing.75}" },
51
+ xxsmall: { value: "{spacing.100}" },
52
+ xsmall: { value: "{spacing.150}" },
53
+ small: { value: "{spacing.200}" },
54
+ medium: { value: "{spacing.250}" },
55
+ large: { value: "{spacing.300}" },
56
+ xlarge: { value: "{spacing.350}" },
57
+ xxlarge: { value: "{spacing.400}" },
58
+ "3xlarge": { value: "{spacing.500}" },
59
+ "4xlarge": { value: "{spacing.550}" },
60
+ pageMax: { value: "1128px" },
61
+ contentMax: { value: "744px" },
62
+ articleMax: { value: "928px" },
63
+ wideMax: { value: "1440px" }
64
+ }
65
+ },
66
+ colors: {
67
+ background: {
68
+ default: { value: "{colors.white}" },
69
+ subtle: { value: "{colors.grey.100}" },
70
+ strong: { value: "{colors.purple.50}" }
71
+ },
72
+ text: {
73
+ default: { value: "{colors.grey.950}" },
74
+ subtle: { value: "{colors.grey.700}" },
75
+ strong: { value: "{colors.primary}" },
76
+ action: { value: "{colors.purple.800}" },
77
+ onAction: { value: "{colors.white}" },
78
+ link: { value: "{colors.blue.800}" },
79
+ linkVisited: { value: "{colors.purple.900}" },
80
+ error: { value: "{colors.red.600}" },
81
+ disabled: { value: "{colors.grey.400}" }
82
+ },
83
+ icon: {
84
+ default: { value: "{colors.grey.950}" },
85
+ strong: { value: "{colors.primary}" },
86
+ onAction: { value: "{colors.white}" },
87
+ subtle: { value: "{colors.grey.700}" },
88
+ warning: { value: "{colors.yellow.600}" },
89
+ danger: { value: "{colors.red.500}" }
90
+ },
91
+ surface: {
92
+ brand: {
93
+ 1: {
94
+ DEFAULT: { value: "{colors.purple.500}" },
95
+ subtle: { value: "{colors.purple.100}" },
96
+ moderate: { value: "{colors.purple.300}" },
97
+ strong: { value: "{colors.purple.950}" }
98
+ },
99
+ 2: {
100
+ DEFAULT: { value: "{colors.blue.500}" },
101
+ subtle: { value: "{colors.blue.50}" },
102
+ moderate: { value: "{colors.blue.100}" },
103
+ bold: { value: "{colors.blue.800}" },
104
+ strong: { value: "{colors.blue.900}" }
105
+ },
106
+ 3: {
107
+ DEFAULT: { value: "{colors.lightGreen.500}" },
108
+ subtle: { value: "{colors.lightGreen.100}" },
109
+ moderate: { value: "{colors.lightGreen.300}" },
110
+ strong: { value: "{colors.lightGreen.900}" }
111
+ },
112
+ 4: {
113
+ DEFAULT: { value: "{colors.lightYellow.500}" },
114
+ subtle: { value: "{colors.lightYellow.100}" },
115
+ moderate: { value: "{colors.lightYellow.300}" },
116
+ strong: { value: "{colors.lightYellow.1100}" }
117
+ },
118
+ 5: {
119
+ DEFAULT: { value: "{colors.pink.500}" },
120
+ subtle: { value: "{colors.pink.100}" },
121
+ moderate: { value: "{colors.pink.300}" },
122
+ strong: { value: "{colors.pink.900}" }
123
+ }
124
+ },
125
+ default: { value: "{colors.white}" },
126
+ hover: { value: "{colors.grey.100}" },
127
+ active: { value: "{colors.grey.200}" },
128
+ selected: { value: "{colors.purple.200}" },
129
+ disabled: {
130
+ DEFAULT: { value: "{colors.grey.200}" },
131
+ subtle: { value: "{colors.grey.50}" },
132
+ strong: { value: "{colors.grey.700}" }
133
+ },
134
+ infoSubtle: {
135
+ DEFAULT: { value: "{colors.grey.100}" },
136
+ hover: { value: "{colors.grey.200}" },
137
+ active: { value: "{colors.grey.300}" }
138
+ },
139
+ action: {
140
+ DEFAULT: { value: "{colors.primary}" },
141
+ hover: { value: "{colors.purple.900}" },
142
+ active: { value: "{colors.purple.950}" },
143
+ selected: { value: "{colors.purple.800}" },
144
+ myNdla: {
145
+ DEFAULT: { value: "{colors.lightYellow.300}" },
146
+ hover: { value: "{colors.lightYellow.500}" },
147
+ current: { value: "{colors.lightYellow.700}" }
148
+ },
149
+ brand: {
150
+ 1: {
151
+ DEFAULT: { value: "{colors.purple.50}" },
152
+ hover: { value: "{colors.purple.100}" },
153
+ active: { value: "{colors.purple.300}" },
154
+ selected: { value: "{colors.purple.400}" }
155
+ },
156
+ 2: {
157
+ DEFAULT: { value: "{colors.blue.50}" },
158
+ hover: { value: "{colors.blue.100}" },
159
+ selected: { value: "{colors.blue.200}" }
160
+ }
161
+ }
162
+ },
163
+ actionSubtle: {
164
+ DEFAULT: { value: "{colors.purple.50}" },
165
+ hover: {
166
+ DEFAULT: { value: "{colors.purple.100}" },
167
+ strong: { value: "{colors.purple.400}" }
168
+ },
169
+ active: { value: "{colors.purple.300}" },
170
+ selected: { value: "{colors.purple.900}" }
171
+ },
172
+ success: {
173
+ DEFAULT: { value: "{colors.green.500}" },
174
+ hover: { value: "{colors.green.700}" },
175
+ selected: { value: "{colors.green.900}" },
176
+ active: { value: "{colors.green.700}" }
177
+ },
178
+ successSubtle: {
179
+ DEFAULT: { value: "{colors.green.50}" },
180
+ hover: { value: "{colors.green.100}" },
181
+ active: { value: "{colors.green.300}" }
182
+ },
183
+ warning: {
184
+ DEFAULT: { value: "{colors.yellow.400}" },
185
+ hover: { value: "{colors.yellow.500}" },
186
+ active: { value: "{colors.yellow.700}" }
187
+ },
188
+ warningSubtle: {
189
+ DEFAULT: { value: "{colors.yellow.50}" },
190
+ hover: { value: "{colors.yellow.100}" },
191
+ active: { value: "{colors.yellow.200}" }
192
+ },
193
+ danger: {
194
+ DEFAULT: { value: "{colors.red.500}" },
195
+ hover: { value: "{colors.red.700}" },
196
+ selected: { value: "{colors.red.800}" },
197
+ active: { value: "{colors.red.900}" }
198
+ },
199
+ dangerSubtle: {
200
+ DEFAULT: { value: "{colors.red.50}" },
201
+ hover: { value: "{colors.red.100}" },
202
+ active: { value: "{colors.red.200}" }
203
+ },
204
+ error: {
205
+ DEFAULT: { value: "{colors.pink.500}" },
206
+ hover: { value: "{colors.pink.700}" },
207
+ active: { value: "{colors.pink.900}" }
208
+ },
209
+ errorSubtle: {
210
+ DEFAULT: { value: "{colors.red.50}" },
211
+ hover: { value: "{colors.pink.100}" },
212
+ active: { value: "{colors.pink.200}" }
213
+ },
214
+ subtle: {
215
+ DEFAULT: { value: "{colors.grey.50}" },
216
+ selected: { value: "{colors.grey.100}" }
217
+ }
218
+ },
219
+ stroke: {
220
+ default: { value: "{colors.primary}" },
221
+ hover: { value: "{colors.purple.800}" },
222
+ subtle: { value: "{colors.grey.500}" },
223
+ success: { value: "{colors.lightGreen.900}" },
224
+ info: { value: "{colors.grey.500}" },
225
+ warning: { value: "{colors.yellow.600}" },
226
+ error: { value: "{colors.red.600}" },
227
+ disabled: { value: "{colors.grey.300}" },
228
+ discrete: { value: "{colors.grey.300}" }
229
+ }
230
+ }
5
231
  });
6
- exports.semanticTokens = void 0;
7
- var _dev = require("@pandacss/dev");
8
- /**
9
- * Copyright (c) 2024-present, NDLA.
10
- *
11
- * This source code is licensed under the GPLv3 license found in the
12
- * LICENSE file in the root directory of this source tree.
13
- *
14
- */
15
232
 
16
- const semanticTokens = exports.semanticTokens = (0, _dev.defineSemanticTokens)({
17
- spacing: {
18
- "5xsmall": {
19
- value: "{spacing.1}"
20
- },
21
- "4xsmall": {
22
- value: "{spacing.2}"
23
- },
24
- "3xsmall": {
25
- value: "{spacing.3}"
26
- },
27
- xxsmall: {
28
- value: "{spacing.4}"
29
- },
30
- xsmall: {
31
- value: "{spacing.6}"
32
- },
33
- small: {
34
- value: "{spacing.8}"
35
- },
36
- medium: {
37
- value: "{spacing.12}"
38
- },
39
- large: {
40
- value: "{spacing.16}"
41
- },
42
- xlarge: {
43
- value: "{spacing.18}"
44
- },
45
- xxlarge: {
46
- value: "{spacing.24}"
47
- },
48
- "3xlarge": {
49
- value: "{spacing.36}"
50
- },
51
- "4xlarge": {
52
- value: "{spacing.48}"
53
- },
54
- "5xlarge": {
55
- value: "{spacing.60}"
56
- },
57
- surface: {
58
- "4xsmall": {
59
- value: "{spacing.50}"
60
- },
61
- "3xsmall": {
62
- value: "{spacing.75}"
63
- },
64
- xxsmall: {
65
- value: "{spacing.100}"
66
- },
67
- xsmall: {
68
- value: "{spacing.150}"
69
- },
70
- small: {
71
- value: "{spacing.200}"
72
- },
73
- medium: {
74
- value: "{spacing.250}"
75
- },
76
- large: {
77
- value: "{spacing.300}"
78
- },
79
- xlarge: {
80
- value: "{spacing.350}"
81
- },
82
- xxlarge: {
83
- value: "{spacing.400}"
84
- },
85
- "3xlarge": {
86
- value: "{spacing.500}"
87
- },
88
- "4xlarge": {
89
- value: "{spacing.550}"
90
- }
91
- }
92
- },
93
- sizes: {
94
- "5xsmall": {
95
- value: "{spacing.1}"
96
- },
97
- "4xsmall": {
98
- value: "{spacing.2}"
99
- },
100
- "3xsmall": {
101
- value: "{spacing.3}"
102
- },
103
- xxsmall: {
104
- value: "{spacing.4}"
105
- },
106
- xsmall: {
107
- value: "{spacing.6}"
108
- },
109
- small: {
110
- value: "{spacing.8}"
111
- },
112
- medium: {
113
- value: "{spacing.12}"
114
- },
115
- large: {
116
- value: "{spacing.16}"
117
- },
118
- xlarge: {
119
- value: "{spacing.18}"
120
- },
121
- xxlarge: {
122
- value: "{spacing.24}"
123
- },
124
- "3xlarge": {
125
- value: "{spacing.36}"
126
- },
127
- "4xlarge": {
128
- value: "{spacing.48}"
129
- },
130
- "5xlarge": {
131
- value: "{spacing.60}"
132
- },
133
- surface: {
134
- "4xsmall": {
135
- value: "{spacing.50}"
136
- },
137
- "3xsmall": {
138
- value: "{spacing.75}"
139
- },
140
- xxsmall: {
141
- value: "{spacing.100}"
142
- },
143
- xsmall: {
144
- value: "{spacing.150}"
145
- },
146
- small: {
147
- value: "{spacing.200}"
148
- },
149
- medium: {
150
- value: "{spacing.250}"
151
- },
152
- large: {
153
- value: "{spacing.300}"
154
- },
155
- xlarge: {
156
- value: "{spacing.350}"
157
- },
158
- xxlarge: {
159
- value: "{spacing.400}"
160
- },
161
- "3xlarge": {
162
- value: "{spacing.500}"
163
- },
164
- "4xlarge": {
165
- value: "{spacing.550}"
166
- },
167
- pageMax: {
168
- value: "1128px"
169
- },
170
- contentMax: {
171
- value: "744px"
172
- },
173
- articleMax: {
174
- value: "928px"
175
- },
176
- wideMax: {
177
- value: "1440px"
178
- }
179
- }
180
- },
181
- colors: {
182
- background: {
183
- default: {
184
- value: "{colors.white}"
185
- },
186
- subtle: {
187
- value: "{colors.grey.100}"
188
- },
189
- strong: {
190
- value: "{colors.purple.50}"
191
- }
192
- },
193
- text: {
194
- default: {
195
- value: "{colors.grey.950}"
196
- },
197
- subtle: {
198
- value: "{colors.grey.700}"
199
- },
200
- strong: {
201
- value: "{colors.primary}"
202
- },
203
- action: {
204
- value: "{colors.purple.800}"
205
- },
206
- onAction: {
207
- value: "{colors.white}"
208
- },
209
- link: {
210
- value: "{colors.blue.800}"
211
- },
212
- linkVisited: {
213
- value: "{colors.purple.900}"
214
- },
215
- error: {
216
- value: "{colors.red.600}"
217
- },
218
- disabled: {
219
- value: "{colors.grey.400}"
220
- }
221
- },
222
- icon: {
223
- default: {
224
- value: "{colors.grey.950}"
225
- },
226
- strong: {
227
- value: "{colors.primary}"
228
- },
229
- onAction: {
230
- value: "{colors.white}"
231
- },
232
- subtle: {
233
- value: "{colors.grey.700}"
234
- },
235
- warning: {
236
- value: "{colors.yellow.600}"
237
- },
238
- danger: {
239
- value: "{colors.red.500}"
240
- }
241
- },
242
- surface: {
243
- brand: {
244
- 1: {
245
- DEFAULT: {
246
- value: "{colors.purple.500}"
247
- },
248
- subtle: {
249
- value: "{colors.purple.100}"
250
- },
251
- moderate: {
252
- value: "{colors.purple.300}"
253
- },
254
- strong: {
255
- value: "{colors.purple.950}"
256
- }
257
- },
258
- 2: {
259
- DEFAULT: {
260
- value: "{colors.blue.500}"
261
- },
262
- subtle: {
263
- value: "{colors.blue.50}"
264
- },
265
- moderate: {
266
- value: "{colors.blue.100}"
267
- },
268
- bold: {
269
- value: "{colors.blue.800}"
270
- },
271
- strong: {
272
- value: "{colors.blue.900}"
273
- }
274
- },
275
- 3: {
276
- DEFAULT: {
277
- value: "{colors.lightGreen.500}"
278
- },
279
- subtle: {
280
- value: "{colors.lightGreen.100}"
281
- },
282
- moderate: {
283
- value: "{colors.lightGreen.300}"
284
- },
285
- strong: {
286
- value: "{colors.lightGreen.900}"
287
- }
288
- },
289
- 4: {
290
- DEFAULT: {
291
- value: "{colors.lightYellow.500}"
292
- },
293
- subtle: {
294
- value: "{colors.lightYellow.100}"
295
- },
296
- moderate: {
297
- value: "{colors.lightYellow.300}"
298
- },
299
- strong: {
300
- value: "{colors.lightYellow.1100}"
301
- }
302
- },
303
- 5: {
304
- DEFAULT: {
305
- value: "{colors.pink.500}"
306
- },
307
- subtle: {
308
- value: "{colors.pink.100}"
309
- },
310
- moderate: {
311
- value: "{colors.pink.300}"
312
- },
313
- strong: {
314
- value: "{colors.pink.900}"
315
- }
316
- }
317
- },
318
- default: {
319
- value: "{colors.white}"
320
- },
321
- hover: {
322
- value: "{colors.grey.100}"
323
- },
324
- active: {
325
- value: "{colors.grey.200}"
326
- },
327
- selected: {
328
- value: "{colors.purple.200}"
329
- },
330
- disabled: {
331
- DEFAULT: {
332
- value: "{colors.grey.200}"
333
- },
334
- subtle: {
335
- value: "{colors.grey.50}"
336
- },
337
- strong: {
338
- value: "{colors.grey.700}"
339
- }
340
- },
341
- infoSubtle: {
342
- DEFAULT: {
343
- value: "{colors.grey.100}"
344
- },
345
- hover: {
346
- value: "{colors.grey.200}"
347
- },
348
- active: {
349
- value: "{colors.grey.300}"
350
- }
351
- },
352
- action: {
353
- DEFAULT: {
354
- value: "{colors.primary}"
355
- },
356
- hover: {
357
- value: "{colors.purple.900}"
358
- },
359
- active: {
360
- value: "{colors.purple.950}"
361
- },
362
- selected: {
363
- value: "{colors.purple.800}"
364
- },
365
- myNdla: {
366
- DEFAULT: {
367
- value: "{colors.lightYellow.300}"
368
- },
369
- hover: {
370
- value: "{colors.lightYellow.500}"
371
- },
372
- current: {
373
- value: "{colors.lightYellow.700}"
374
- }
375
- },
376
- brand: {
377
- 1: {
378
- DEFAULT: {
379
- value: "{colors.purple.50}"
380
- },
381
- hover: {
382
- value: "{colors.purple.100}"
383
- },
384
- active: {
385
- value: "{colors.purple.300}"
386
- },
387
- selected: {
388
- value: "{colors.purple.400}"
389
- }
390
- },
391
- 2: {
392
- DEFAULT: {
393
- value: "{colors.blue.50}"
394
- },
395
- hover: {
396
- value: "{colors.blue.100}"
397
- },
398
- selected: {
399
- value: "{colors.blue.200}"
400
- }
401
- }
402
- }
403
- },
404
- actionSubtle: {
405
- DEFAULT: {
406
- value: "{colors.purple.50}"
407
- },
408
- hover: {
409
- DEFAULT: {
410
- value: "{colors.purple.100}"
411
- },
412
- strong: {
413
- value: "{colors.purple.400}"
414
- }
415
- },
416
- active: {
417
- value: "{colors.purple.300}"
418
- },
419
- selected: {
420
- value: "{colors.purple.900}"
421
- }
422
- },
423
- success: {
424
- DEFAULT: {
425
- value: "{colors.green.500}"
426
- },
427
- hover: {
428
- value: "{colors.green.700}"
429
- },
430
- selected: {
431
- value: "{colors.green.900}"
432
- },
433
- active: {
434
- value: "{colors.green.700}"
435
- }
436
- },
437
- successSubtle: {
438
- DEFAULT: {
439
- value: "{colors.green.50}"
440
- },
441
- hover: {
442
- value: "{colors.green.100}"
443
- },
444
- active: {
445
- value: "{colors.green.300}"
446
- }
447
- },
448
- warning: {
449
- DEFAULT: {
450
- value: "{colors.yellow.400}"
451
- },
452
- hover: {
453
- value: "{colors.yellow.500}"
454
- },
455
- active: {
456
- value: "{colors.yellow.700}"
457
- }
458
- },
459
- warningSubtle: {
460
- DEFAULT: {
461
- value: "{colors.yellow.50}"
462
- },
463
- hover: {
464
- value: "{colors.yellow.100}"
465
- },
466
- active: {
467
- value: "{colors.yellow.200}"
468
- }
469
- },
470
- danger: {
471
- DEFAULT: {
472
- value: "{colors.red.500}"
473
- },
474
- hover: {
475
- value: "{colors.red.700}"
476
- },
477
- selected: {
478
- value: "{colors.red.800}"
479
- },
480
- active: {
481
- value: "{colors.red.900}"
482
- }
483
- },
484
- dangerSubtle: {
485
- DEFAULT: {
486
- value: "{colors.red.50}"
487
- },
488
- hover: {
489
- value: "{colors.red.100}"
490
- },
491
- active: {
492
- value: "{colors.red.200}"
493
- }
494
- },
495
- error: {
496
- DEFAULT: {
497
- value: "{colors.pink.500}"
498
- },
499
- hover: {
500
- value: "{colors.pink.700}"
501
- },
502
- active: {
503
- value: "{colors.pink.900}"
504
- }
505
- },
506
- errorSubtle: {
507
- DEFAULT: {
508
- value: "{colors.red.50}"
509
- },
510
- hover: {
511
- value: "{colors.pink.100}"
512
- },
513
- active: {
514
- value: "{colors.pink.200}"
515
- }
516
- },
517
- subtle: {
518
- DEFAULT: {
519
- value: "{colors.grey.50}"
520
- },
521
- selected: {
522
- value: "{colors.grey.100}"
523
- }
524
- }
525
- },
526
- stroke: {
527
- default: {
528
- value: "{colors.primary}"
529
- },
530
- hover: {
531
- value: "{colors.purple.800}"
532
- },
533
- subtle: {
534
- value: "{colors.grey.500}"
535
- },
536
- success: {
537
- value: "{colors.lightGreen.900}"
538
- },
539
- info: {
540
- value: "{colors.grey.500}"
541
- },
542
- warning: {
543
- value: "{colors.yellow.600}"
544
- },
545
- error: {
546
- value: "{colors.red.600}"
547
- },
548
- disabled: {
549
- value: "{colors.grey.300}"
550
- },
551
- discrete: {
552
- value: "{colors.grey.300}"
553
- }
554
- }
555
- }
556
- });
233
+ //#endregion
234
+ exports.semanticTokens = semanticTokens;
235
+ //# sourceMappingURL=semanticTokens.js.map