@bcc-code/design-tokens 5.0.2 → 5.0.3

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.
@@ -1,554 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- export default {
6
- color: {
7
- neutral: {
8
- 0: "#ffffff",
9
- 100: "#f8f8f8",
10
- 200: "#f0f1f2",
11
- 300: "#dddee1",
12
- 400: "#b7b9be",
13
- 500: "#8c8f97",
14
- 600: "#7d818a",
15
- 700: "#6b6e76",
16
- 800: "#505258",
17
- 900: "#3b3d42",
18
- 1000: "#292a2e",
19
- 1100: "#1e1f21",
20
- },
21
- "neutral-alpha": {
22
- "100A": "rgba(23, 23, 23, 0.03)",
23
- "200A": "rgba(5, 21, 36, 0.06)",
24
- "300A": "rgba(11, 18, 14, 0.14)",
25
- "400A": "rgba(8, 15, 33, 0.29)",
26
- "500A": "rgba(5, 12, 31, 0.46)",
27
- },
28
- "dark-neutral": {
29
- 0: "#18191a",
30
- 100: "#1f1f21",
31
- 200: "#242528",
32
- 250: "#2b2c2f",
33
- 300: "#303134",
34
- 350: "#3d3f43",
35
- 400: "#4b4d51",
36
- 500: "#63666b",
37
- 600: "#7e8188",
38
- 700: "#96999e",
39
- 800: "#a9abaf",
40
- 900: "#bfc1c4",
41
- 1000: "#cecfd2",
42
- 1100: "#e2e3e4",
43
- },
44
- "dark-neutral-alpha": {
45
- "100A": "rgba(189, 189, 189, 0.04)",
46
- "200A": "rgba(206, 206, 217, 0.07)",
47
- "250A": "rgba(217, 218, 231, 0.1)",
48
- "300A": "rgba(227, 228, 242, 0.12)",
49
- "350A": "rgba(232, 237, 253, 0.18)",
50
- "400A": "rgba(229, 233, 246, 0.25)",
51
- "500A": "rgba(233, 240, 251, 0.36)",
52
- },
53
- blue: {
54
- 100: "#f6fbff",
55
- 200: "#d9ecff",
56
- 300: "#a6cdfd",
57
- 400: "#7cabf9",
58
- 500: "#608ef6",
59
- 600: "#446add",
60
- 700: "#274eb5",
61
- 800: "#273c8f",
62
- 900: "#212c64",
63
- 1000: "#091e47",
64
- },
65
- teal: {
66
- 100: "#f6fbff",
67
- 200: "#c3f2f8",
68
- 300: "#82d3e3",
69
- 400: "#51b9cf",
70
- 500: "#1a9eb7",
71
- 600: "#0b7da1",
72
- 700: "#005b81",
73
- 800: "#09486b",
74
- 900: "#0d324d",
75
- 1000: "#0c2132",
76
- },
77
- bcc: {
78
- 100: "#f0fcfa",
79
- 200: "#d2eeeb",
80
- 300: "#a0cec8",
81
- 400: "#6fb5ad",
82
- 500: "#3e9f97",
83
- 600: "#1d7f78",
84
- 700: "#0c625c",
85
- 800: "#014d49",
86
- 900: "#0b3633",
87
- 1000: "#012320",
88
- },
89
- green: {
90
- 100: "#efffed",
91
- 200: "#cbf3c9",
92
- 300: "#83d895",
93
- 400: "#32c180",
94
- 500: "#1ca673",
95
- 600: "#09825d",
96
- 700: "#0c6241",
97
- 800: "#094c3b",
98
- 900: "#073734",
99
- 1000: "#032429",
100
- },
101
- brown: {
102
- 100: "#f9faf4",
103
- 200: "#ece8dc",
104
- 300: "#d1c5b0",
105
- 400: "#bea889",
106
- 500: "#a98c66",
107
- 600: "#8b6d45",
108
- 700: "#6e5232",
109
- 800: "#553d28",
110
- 900: "#3f2c1e",
111
- 1000: "#2e1b0f",
112
- },
113
- yellow: {
114
- 100: "#fdf8e9",
115
- 200: "#f8e6a0",
116
- 300: "#e9c348",
117
- 400: "#d5a406",
118
- 500: "#bc870d",
119
- 600: "#a4670b",
120
- 700: "#854901",
121
- 800: "#653805",
122
- 900: "#4b2c04",
123
- 1000: "#2d1f00",
124
- },
125
- orange: {
126
- 100: "#fffaed",
127
- 200: "#fee3c1",
128
- 300: "#f6b981",
129
- 400: "#f19457",
130
- 500: "#da772e",
131
- 600: "#b55919",
132
- 700: "#943a14",
133
- 800: "#782612",
134
- 900: "#5d1712",
135
- 1000: "#420e0d",
136
- },
137
- red: {
138
- 100: "#fff8f3",
139
- 200: "#fee2dd",
140
- 300: "#fab6ad",
141
- 400: "#fa877e",
142
- 500: "#ed6362",
143
- 600: "#ca414e",
144
- 700: "#a42237",
145
- 800: "#811436",
146
- 900: "#630d2e",
147
- 1000: "#440223",
148
- },
149
- magenta: {
150
- 100: "#fff8ff",
151
- 200: "#fce0f8",
152
- 300: "#f3b4e2",
153
- 400: "#eb8acf",
154
- 500: "#de66b0",
155
- 600: "#be428f",
156
- 700: "#952e70",
157
- 800: "#751f57",
158
- 900: "#5b1043",
159
- 1000: "#3f0534",
160
- },
161
- purple: {
162
- 100: "#f6f9ff",
163
- 200: "#e3e3fe",
164
- 300: "#c9c3ec",
165
- 400: "#afa0e0",
166
- 500: "#9a82da",
167
- 600: "#8360c3",
168
- 700: "#61479c",
169
- 800: "#493481",
170
- 900: "#352465",
171
- 1000: "#1d154d",
172
- },
173
- transparent: "rgba(0, 0, 0, 0)",
174
- },
175
- space: {
176
- 0: "0rem",
177
- 25: "0.125rem",
178
- 50: "0.25rem",
179
- 75: "0.375rem",
180
- 100: "0.5rem",
181
- 150: "0.75rem",
182
- 200: "1rem",
183
- 250: "1.25rem",
184
- 300: "1.5rem",
185
- 400: "2rem",
186
- 500: "2.5rem",
187
- 600: "3rem",
188
- 800: "4rem",
189
- 1000: "5rem",
190
- negative: {
191
- 25: "-0.125rem",
192
- 50: "-0.25rem",
193
- 75: "-0.375rem",
194
- 100: "-0.5rem",
195
- 150: "-0.75rem",
196
- 200: "-1rem",
197
- 250: "-1.25rem",
198
- 300: "-1.5rem",
199
- 400: "-2rem",
200
- },
201
- },
202
- "border-radius": {
203
- none: "0",
204
- "2xs": "0.125rem",
205
- xs: "0.25rem",
206
- sm: "0.375rem",
207
- md: "0.5rem",
208
- lg: "0.75rem",
209
- xl: "1rem",
210
- "2xl": "1.5rem",
211
- "3xl": "2rem",
212
- "4xl": "3rem",
213
- full: "999px",
214
- },
215
- "icon-size": {
216
- xs: "1rem",
217
- sm: "1.25rem",
218
- md: "1.5rem",
219
- lg: "2rem",
220
- xl: "3rem",
221
- },
222
- "border-width": {
223
- 0: "0",
224
- 1: "1px",
225
- 2: "2px",
226
- },
227
- "font-family": {
228
- archivo: "Archivo",
229
- },
230
- "font-weight": {
231
- regular: 400,
232
- medium: 500,
233
- bold: 700,
234
- },
235
- "line-height": {
236
- 1: "14px",
237
- 2: "16px",
238
- 3: "20px",
239
- 4: "24px",
240
- 5: "28px",
241
- 6: "32px",
242
- 7: "36px",
243
- 8: "40px",
244
- 9: "56px",
245
- 10: "64px",
246
- none: "normal",
247
- },
248
- "font-size": {
249
- xs: "0.75rem",
250
- sm: "0.875rem",
251
- md: "1rem",
252
- lg: "1.25rem",
253
- xl: "1.5rem",
254
- "2xl": "2em",
255
- "3xl": "2.25rem",
256
- "4xl": "3rem",
257
- },
258
- border: {
259
- radius: {
260
- none: "0",
261
- xs: "0.125rem",
262
- sm: "0.25rem",
263
- md: "0.375rem",
264
- lg: "0.5rem",
265
- xl: "0.75rem",
266
- },
267
- },
268
- emerald: {
269
- 50: "#f0fcfa",
270
- 100: "#d2eeeb",
271
- 200: "#a0cec8",
272
- 300: "#6fb5ad",
273
- 400: "#3e9f97",
274
- 500: "#1d7f78",
275
- 600: "#0c625c",
276
- 700: "#014d49",
277
- 800: "#0b3633",
278
- 900: "#012320",
279
- 950: "#012320",
280
- },
281
- green: {
282
- 50: "#efffed",
283
- 100: "#cbf3c9",
284
- 200: "#83d895",
285
- 300: "#32c180",
286
- 400: "#1ca673",
287
- 500: "#09825d",
288
- 600: "#0c6241",
289
- 700: "#094c3b",
290
- 800: "#073734",
291
- 900: "#032429",
292
- 950: "#032429",
293
- },
294
- lime: {
295
- 50: "#f7fee7",
296
- 100: "#ecfccb",
297
- 200: "#d9f99d",
298
- 300: "#bef264",
299
- 400: "#a3e635",
300
- 500: "#84cc16",
301
- 600: "#65a30d",
302
- 700: "#4d7c0f",
303
- 800: "#3f6212",
304
- 900: "#365314",
305
- 950: "#1a2e05",
306
- },
307
- red: {
308
- 50: "#fff8f3",
309
- 100: "#fee2dd",
310
- 200: "#fab6ad",
311
- 300: "#fa877e",
312
- 400: "#ed6362",
313
- 500: "#ca414e",
314
- 600: "#a42237",
315
- 700: "#811436",
316
- 800: "#630d2e",
317
- 900: "#440223",
318
- 950: "#440223",
319
- },
320
- orange: {
321
- 50: "#fffaed",
322
- 100: "#fee3c1",
323
- 200: "#f6b981",
324
- 300: "#f19457",
325
- 400: "#da772e",
326
- 500: "#b55919",
327
- 600: "#943a14",
328
- 700: "#782612",
329
- 800: "#5d1712",
330
- 900: "#420e0d",
331
- 950: "#420e0d",
332
- },
333
- amber: {
334
- 50: "#fffbeb",
335
- 100: "#fef3c7",
336
- 200: "#fde68a",
337
- 300: "#fcd34d",
338
- 400: "#fbbf24",
339
- 500: "#f59e0b",
340
- 600: "#d97706",
341
- 700: "#b45309",
342
- 800: "#92400e",
343
- 900: "#78350f",
344
- 950: "#451a03",
345
- },
346
- yellow: {
347
- 50: "#fdf8e9",
348
- 100: "#f8e6a0",
349
- 200: "#e9c348",
350
- 300: "#d5a406",
351
- 400: "#bc870d",
352
- 500: "#a4670b",
353
- 600: "#854901",
354
- 700: "#653805",
355
- 800: "#4b2c04",
356
- 900: "#2d1f00",
357
- 950: "#2d1f00",
358
- },
359
- teal: {
360
- 50: "#f6fbff",
361
- 100: "#c3f2f8",
362
- 200: "#82d3e3",
363
- 300: "#51b9cf",
364
- 400: "#1a9eb7",
365
- 500: "#0b7da1",
366
- 600: "#005b81",
367
- 700: "#09486b",
368
- 800: "#0d324d",
369
- 900: "#0c2132",
370
- 950: "#0c2132",
371
- },
372
- cyan: {
373
- 50: "#ecfeff",
374
- 100: "#cffafe",
375
- 200: "#a5f3fc",
376
- 300: "#67e8f9",
377
- 400: "#22d3ee",
378
- 500: "#06b6d4",
379
- 600: "#0891b2",
380
- 700: "#0e7490",
381
- 800: "#155e75",
382
- 900: "#164e63",
383
- 950: "#083344",
384
- },
385
- sky: {
386
- 50: "#f6fbff",
387
- 100: "#d9ecff",
388
- 200: "#a6cdfd",
389
- 300: "#7cabf9",
390
- 400: "#608ef6",
391
- 500: "#446add",
392
- 600: "#274eb5",
393
- 700: "#273c8f",
394
- 800: "#212c64",
395
- 900: "#091e47",
396
- 950: "#091e47",
397
- },
398
- blue: {
399
- 50: "#f6fbff",
400
- 100: "#d9ecff",
401
- 200: "#a6cdfd",
402
- 300: "#7cabf9",
403
- 400: "#608ef6",
404
- 500: "#446add",
405
- 600: "#274eb5",
406
- 700: "#273c8f",
407
- 800: "#212c64",
408
- 900: "#091e47",
409
- 950: "#091e47",
410
- },
411
- indigo: {
412
- 50: "#eef2ff",
413
- 100: "#e0e7ff",
414
- 200: "#c7d2fe",
415
- 300: "#a5b4fc",
416
- 400: "#818cf8",
417
- 500: "#6366f1",
418
- 600: "#4f46e5",
419
- 700: "#4338ca",
420
- 800: "#3730a3",
421
- 900: "#312e81",
422
- 950: "#1e1b4b",
423
- },
424
- violet: {
425
- 50: "#f5f3ff",
426
- 100: "#ede9fe",
427
- 200: "#ddd6fe",
428
- 300: "#c4b5fd",
429
- 400: "#a78bfa",
430
- 500: "#8b5cf6",
431
- 600: "#7c3aed",
432
- 700: "#6d28d9",
433
- 800: "#5b21b6",
434
- 900: "#4c1d95",
435
- 950: "#2e1065",
436
- },
437
- purple: {
438
- 50: "#f6f9ff",
439
- 100: "#e3e3fe",
440
- 200: "#c9c3ec",
441
- 300: "#afa0e0",
442
- 400: "#9a82da",
443
- 500: "#8360c3",
444
- 600: "#61479c",
445
- 700: "#493481",
446
- 800: "#352465",
447
- 900: "#1d154d",
448
- 950: "#1d154d",
449
- },
450
- fuchsia: {
451
- 50: "#fdf4ff",
452
- 100: "#fae8ff",
453
- 200: "#f5d0fe",
454
- 300: "#f0abfc",
455
- 400: "#e879f9",
456
- 500: "#d946ef",
457
- 600: "#c026d3",
458
- 700: "#a21caf",
459
- 800: "#86198f",
460
- 900: "#701a75",
461
- 950: "#4a044e",
462
- },
463
- pink: {
464
- 50: "#fff8ff",
465
- 100: "#fce0f8",
466
- 200: "#f3b4e2",
467
- 300: "#eb8acf",
468
- 400: "#de66b0",
469
- 500: "#be428f",
470
- 600: "#952e70",
471
- 700: "#751f57",
472
- 800: "#5b1043",
473
- 900: "#3f0534",
474
- 950: "#3f0534",
475
- },
476
- rose: {
477
- 50: "#fff1f2",
478
- 100: "#ffe4e6",
479
- 200: "#fecdd3",
480
- 300: "#fda4af",
481
- 400: "#fb7185",
482
- 500: "#f43f5e",
483
- 600: "#e11d48",
484
- 700: "#be123c",
485
- 800: "#9f1239",
486
- 900: "#881337",
487
- 950: "#4c0519",
488
- },
489
- slate: {
490
- 50: "#f8f8f8",
491
- 100: "#f0f1f2",
492
- 200: "#dddee1",
493
- 300: "#b7b9be",
494
- 400: "#8c8f97",
495
- 500: "#7d818a",
496
- 600: "#6b6e76",
497
- 700: "#505258",
498
- 800: "#3b3d42",
499
- 900: "#292a2e",
500
- 950: "#1e1f21",
501
- },
502
- gray: {
503
- 50: "#f9fafb",
504
- 100: "#f3f4f6",
505
- 200: "#e5e7eb",
506
- 300: "#d1d5db",
507
- 400: "#9ca3af",
508
- 500: "#6b7280",
509
- 600: "#4b5563",
510
- 700: "#374151",
511
- 800: "#1f2937",
512
- 900: "#111827",
513
- 950: "#030712",
514
- },
515
- zinc: {
516
- 50: "#e2e3e4",
517
- 100: "#cecfd2",
518
- 200: "#bfc1c4",
519
- 300: "#a9abaf",
520
- 400: "#96999e",
521
- 500: "#7e8188",
522
- 600: "#63666b",
523
- 700: "#4b4d51",
524
- 800: "#303134",
525
- 900: "#242528",
526
- 950: "#1f1f21",
527
- },
528
- neutral: {
529
- 50: "#fafafa",
530
- 100: "#f5f5f5",
531
- 200: "#e5e5e5",
532
- 300: "#d4d4d4",
533
- 400: "#a3a3a3",
534
- 500: "#737373",
535
- 600: "#525252",
536
- 700: "#404040",
537
- 800: "#262626",
538
- 900: "#171717",
539
- 950: "#0a0a0a",
540
- },
541
- stone: {
542
- 50: "#fafaf9",
543
- 100: "#f5f5f4",
544
- 200: "#e7e5e4",
545
- 300: "#d6d3d1",
546
- 400: "#a8a29e",
547
- 500: "#78716c",
548
- 600: "#57534e",
549
- 700: "#44403c",
550
- 800: "#292524",
551
- 900: "#1c1917",
552
- 950: "#0c0a09",
553
- },
554
- };