@bcc-code/design-tokens 3.0.10 → 3.0.13

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.
@@ -0,0 +1,554 @@
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: "#f7f8f9",
10
+ 200: "#f1f2f4",
11
+ 300: "#dcdfe4",
12
+ 400: "#b3b9c4",
13
+ 500: "#8590a2",
14
+ 600: "#758195",
15
+ 700: "#626f86",
16
+ 800: "#44546f",
17
+ 900: "#2c3e5d",
18
+ 1000: "#172b4d",
19
+ 1100: "#091e42",
20
+ },
21
+ "neutral-alpha": {
22
+ "100A": "rgba(9, 30, 77, 0.03)",
23
+ "200A": "rgba(9, 30, 77, 0.06)",
24
+ "300A": "rgba(9, 30, 77, 0.14)",
25
+ "400A": "rgba(9, 30, 77, 0.32)",
26
+ "500A": "rgba(9, 30, 77, 0.5)",
27
+ },
28
+ "dark-neutral": {
29
+ 0: "#161a1d",
30
+ 100: "#101214",
31
+ 200: "#22272b",
32
+ 250: "#282e33",
33
+ 300: "#2c333a",
34
+ 350: "#38414a",
35
+ 400: "#454f59",
36
+ 500: "#596773",
37
+ 600: "#738496",
38
+ 700: "#8c9bab",
39
+ 800: "#9fadbc",
40
+ 900: "#b6c2cf",
41
+ 1000: "#c7d1db",
42
+ 1100: "#dee4ea",
43
+ },
44
+ "dark-neutral-alpha": {
45
+ "100A": "rgba(0, 0, 0, 0.24)",
46
+ "200A": "rgba(188, 214, 240, 0.08)",
47
+ "250A": "rgba(188, 214, 240, 0.1)",
48
+ "300A": "rgba(188, 214, 240, 0.16)",
49
+ "350A": "rgba(188, 214, 240, 0.2)",
50
+ "400A": "rgba(188, 214, 240, 0.28)",
51
+ "500A": "rgba(188, 214, 240, 0.5)",
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: "#f7f8f9",
491
+ 100: "#f1f2f4",
492
+ 200: "#dcdfe4",
493
+ 300: "#b3b9c4",
494
+ 400: "#8590a2",
495
+ 500: "#758195",
496
+ 600: "#626f86",
497
+ 700: "#44546f",
498
+ 800: "#2c3e5d",
499
+ 900: "#172b4d",
500
+ 950: "#091e42",
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: "#dee4ea",
517
+ 100: "#c7d1db",
518
+ 200: "#b6c2cf",
519
+ 300: "#9fadbc",
520
+ 400: "#8c9bab",
521
+ 500: "#738496",
522
+ 600: "#596773",
523
+ 700: "#454f59",
524
+ 800: "#2c333a",
525
+ 900: "#22272b",
526
+ 950: "#101214",
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
+ };