@aurodesignsystem/design-tokens 4.3.0 → 4.4.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.
@@ -0,0 +1,522 @@
1
+ {
2
+ "asset": {
3
+ "font": {
4
+ "circular": {
5
+ "familyName": "AS Circular",
6
+ "filename": "ASCircularWeb",
7
+ "weight": {
8
+ "light": "-Light",
9
+ "medium": "-Medium",
10
+ "book": "-Book"
11
+ }
12
+ }
13
+ }
14
+ },
15
+ "border": {
16
+ "radius": "0.375rem"
17
+ },
18
+ "size": {
19
+ "25": "0.125rem",
20
+ "50": "0.25rem",
21
+ "75": "0.375rem",
22
+ "100": "0.5rem",
23
+ "150": "0.75rem",
24
+ "200": "1rem",
25
+ "300": "1.5rem",
26
+ "400": "2rem",
27
+ "500": "2.5rem",
28
+ "600": "3rem",
29
+ "700": "3.5rem",
30
+ "800": "4rem",
31
+ "900": "4.5rem",
32
+ "1000": "5rem"
33
+ },
34
+ "unitless": {
35
+ "scale": {
36
+ "20": 0.25,
37
+ "50": 0.5,
38
+ "100": 1,
39
+ "140": 1.4,
40
+ "150": 1.5,
41
+ "200": 2,
42
+ "300": 3,
43
+ "350": 3.5
44
+ }
45
+ },
46
+ "animation": {
47
+ "default": {
48
+ "property": "all",
49
+ "duration": "0.3s",
50
+ "timing": "ease-out"
51
+ }
52
+ },
53
+ "depth": {
54
+ "overlay": "200",
55
+ "modal": "400",
56
+ "tooltip": "300"
57
+ },
58
+ "elevation": {
59
+ "100": "0px 0px 5px rgba(0, 0, 0, 0.15)",
60
+ "200": "0px 0px 10px rgba(0, 0, 0, 0.15)",
61
+ "300": "0px 0px 15px rgba(0, 0, 0, 0.2)"
62
+ },
63
+ "gridBreakpoint": {
64
+ "xs": "320px",
65
+ "sm": "576px",
66
+ "md": "768px",
67
+ "lg": "1024px",
68
+ "xl": "1232px"
69
+ },
70
+ "gridColumn": {
71
+ "xs": "6",
72
+ "sm": "12",
73
+ "md": "12",
74
+ "lg": "12",
75
+ "xl": "12"
76
+ },
77
+ "gridGutter": {
78
+ "xs": "0.5rem",
79
+ "sm": "1rem",
80
+ "md": "1.5rem",
81
+ "lg": "1.5rem",
82
+ "xl": "2rem"
83
+ },
84
+ "gridMargin": {
85
+ "xs": "1rem",
86
+ "sm": "1rem",
87
+ "md": "1.5rem",
88
+ "lg": "2rem",
89
+ "xl": "2rem"
90
+ },
91
+ "font": {
92
+ "family": {
93
+ "default": "'AS Circular', Helvetica Neue, Arial, sans-serif",
94
+ "mono": "Menlo, Monaco, Consolas, 'Courier New', monospace"
95
+ }
96
+ },
97
+ "text": {
98
+ "heading": {
99
+ "300": {
100
+ "weight": "300",
101
+ "px": "18px",
102
+ "size": "1.125rem",
103
+ "height": "1.625rem",
104
+ "height-px": "26px"
105
+ },
106
+ "400": {
107
+ "weight": "300",
108
+ "px": "20px",
109
+ "size": "1.25rem",
110
+ "height": "1.625rem",
111
+ "height-px": "26px"
112
+ },
113
+ "500": {
114
+ "weight": "300",
115
+ "px": {
116
+ "breakpoint": {
117
+ "sm": "22px",
118
+ "md": "24px",
119
+ "lg": "24px"
120
+ }
121
+ },
122
+ "size": {
123
+ "breakpoint": {
124
+ "sm": "1.375rem",
125
+ "md": "1.5rem",
126
+ "lg": "1.5rem"
127
+ }
128
+ },
129
+ "height": {
130
+ "breakpoint": {
131
+ "sm": "1.625rem",
132
+ "px-sm": "26px",
133
+ "md": "1.875rem",
134
+ "px-md": "30px",
135
+ "lg": "2rem",
136
+ "px-lg": "32px"
137
+ }
138
+ }
139
+ },
140
+ "600": {
141
+ "weight": "300",
142
+ "px": {
143
+ "breakpoint": {
144
+ "sm": "26px",
145
+ "md": "28px",
146
+ "lg": "28px"
147
+ }
148
+ },
149
+ "size": {
150
+ "breakpoint": {
151
+ "sm": "1.625rem",
152
+ "md": "1.75rem",
153
+ "lg": "1.75rem"
154
+ }
155
+ },
156
+ "height": {
157
+ "breakpoint": {
158
+ "sm": "1.875rem",
159
+ "px-sm": "30px",
160
+ "md": "2.125rem",
161
+ "px-md": "34px",
162
+ "lg": "2.25rem",
163
+ "px-lg": "36px"
164
+ }
165
+ }
166
+ },
167
+ "700": {
168
+ "weight": "500",
169
+ "px": {
170
+ "breakpoint": {
171
+ "sm": "28px",
172
+ "md": "32px",
173
+ "lg": "36px"
174
+ }
175
+ },
176
+ "size": {
177
+ "breakpoint": {
178
+ "sm": "1.75rem",
179
+ "md": "2rem",
180
+ "lg": "2.25rem"
181
+ }
182
+ },
183
+ "height": {
184
+ "breakpoint": {
185
+ "sm": "2.125rem",
186
+ "px-sm": "34px",
187
+ "md": "2.375rem",
188
+ "px-md": "38px",
189
+ "lg": "2.75rem",
190
+ "px-lg": "44px"
191
+ }
192
+ }
193
+ },
194
+ "800": {
195
+ "weight": "500",
196
+ "px": {
197
+ "breakpoint": {
198
+ "sm": "32px",
199
+ "md": "36px",
200
+ "lg": "40px"
201
+ }
202
+ },
203
+ "size": {
204
+ "breakpoint": {
205
+ "sm": "2rem",
206
+ "md": "2.25rem",
207
+ "lg": "2.5rem"
208
+ }
209
+ },
210
+ "height": {
211
+ "breakpoint": {
212
+ "sm": "2.375rem",
213
+ "px-sm": "38px",
214
+ "md": "2.625rem",
215
+ "px-md": "42px",
216
+ "lg": "3rem",
217
+ "px-lg": "48px"
218
+ }
219
+ }
220
+ },
221
+ "default": {
222
+ "weight": "500",
223
+ "margin": "0",
224
+ "spacing": "-0.2px"
225
+ },
226
+ "medium": {
227
+ "weight": "300"
228
+ },
229
+ "display": {
230
+ "weight": "100",
231
+ "px": {
232
+ "breakpoint": {
233
+ "sm": "44px",
234
+ "md": "48px",
235
+ "lg": "56px"
236
+ }
237
+ },
238
+ "size": {
239
+ "breakpoint": {
240
+ "sm": "2.75rem",
241
+ "md": "3rem",
242
+ "lg": "3.5rem"
243
+ }
244
+ },
245
+ "height": {
246
+ "breakpoint": {
247
+ "sm": "3.375rem",
248
+ "px-sm": "54px",
249
+ "md": "3.75rem",
250
+ "px-md": "60px",
251
+ "lg": "4.25rem",
252
+ "px-lg": "68px"
253
+ }
254
+ }
255
+ }
256
+ },
257
+ "body": {
258
+ "default": {
259
+ "weight": "500"
260
+ },
261
+ "size": {
262
+ "xxs": "0.625rem",
263
+ "xs": "0.75rem",
264
+ "sm": "0.875rem",
265
+ "default": "1rem",
266
+ "lg": "1.125rem"
267
+ },
268
+ "height": {
269
+ "xs": "1rem",
270
+ "sm": "1.25rem",
271
+ "default": "1.5rem",
272
+ "lg": "1.625rem"
273
+ }
274
+ }
275
+ },
276
+ "color": {
277
+ "alert": {
278
+ "notification": {
279
+ "default": "#0074c8"
280
+ },
281
+ "warning": {
282
+ "default": "#de750c"
283
+ },
284
+ "error": {
285
+ "default": "#df0b37"
286
+ },
287
+ "success": {
288
+ "default": "#00805d"
289
+ },
290
+ "advisory": {
291
+ "default": "#fff0cd"
292
+ },
293
+ "bkgSuccess": {
294
+ "default": "#ddf6e8"
295
+ },
296
+ "bkgError": {
297
+ "default": "#ffedf1"
298
+ }
299
+ },
300
+ "background": {
301
+ "lightest": "#ffffff",
302
+ "lighter": "#f8f8f8",
303
+ "darker": "#01426a",
304
+ "darkest": "#00274a",
305
+ "gradient": {
306
+ "default": "linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5))"
307
+ }
308
+ },
309
+ "base": {
310
+ "white": "#ffffff",
311
+ "white-opacity-50": "rgba(255, 255, 255, 0.5)",
312
+ "white-opacity-40": "rgba(255, 255, 255, 0.4)",
313
+ "white-opacity-0": "rgba(255, 255, 255, 0)",
314
+ "black": "#000000",
315
+ "black-opacity-15": "rgba(0, 0, 0, 0.15)"
316
+ },
317
+ "state": {
318
+ "error": {
319
+ "100": "#ff999b",
320
+ "500": "#df0b37"
321
+ },
322
+ "success": {
323
+ "100": "#69cf96",
324
+ "500": "#00805d"
325
+ },
326
+ "warning": {
327
+ "500": "#de750c"
328
+ }
329
+ },
330
+ "border": {
331
+ "primary": {
332
+ "default": "#626b79",
333
+ "inverse": "#9fabbb"
334
+ },
335
+ "active": {
336
+ "default": "#0074c8",
337
+ "inverse": "#00cff0"
338
+ },
339
+ "error": {
340
+ "default": "#df0b37"
341
+ },
342
+ "disabled": {
343
+ "default": "#dbdbdb"
344
+ },
345
+ "Focus": {
346
+ "default": "#222222"
347
+ },
348
+ "divider": {
349
+ "default": "rgba(0, 0, 0, 0.15)",
350
+ "inverse": "#ffffff"
351
+ }
352
+ },
353
+ "brand": {
354
+ "midnight": {
355
+ "100": "#c1daf0",
356
+ "200": "#569ed7",
357
+ "300": "#156fad",
358
+ "400": "#01426a",
359
+ "500": "#00274a"
360
+ },
361
+ "atlas": {
362
+ "100": "#cde6ff",
363
+ "200": "#6bb7fb",
364
+ "300": "#2492eb",
365
+ "400": "#0074c8",
366
+ "500": "#054687"
367
+ },
368
+ "breeze": {
369
+ "100": "#c0f7ff",
370
+ "200": "#5de3f7",
371
+ "300": "#00cff0",
372
+ "400": "#099dc5",
373
+ "500": "#0b5575"
374
+ },
375
+ "tropical": {
376
+ "100": "#e2ffcd",
377
+ "200": "#d0fba6",
378
+ "300": "#c0e585",
379
+ "400": "#91be62",
380
+ "500": "#5e8741"
381
+ },
382
+ "alpine": {
383
+ "100": "#bcaae6",
384
+ "200": "#9e73ea",
385
+ "300": "#8439ef",
386
+ "400": "#631db8",
387
+ "500": "#39115c"
388
+ },
389
+ "flamingo": {
390
+ "100": "#ffebee",
391
+ "200": "#ffc0ca",
392
+ "300": "#ff94a7",
393
+ "400": "#f65b7b",
394
+ "500": "#b82b47"
395
+ },
396
+ "canyon": {
397
+ "100": "#ffcab6",
398
+ "200": "#f99574",
399
+ "300": "#f26135",
400
+ "400": "#de3e09",
401
+ "500": "#b83302"
402
+ },
403
+ "goldcoast": {
404
+ "100": "#fff0cd",
405
+ "200": "#ffdb67",
406
+ "300": "#ffd200",
407
+ "400": "#e5ad07",
408
+ "500": "#b88624"
409
+ },
410
+ "neutral": {
411
+ "100": "#f9fbfc",
412
+ "200": "#e2eaef",
413
+ "300": "#cbd8e2",
414
+ "400": "#9fabbb",
415
+ "500": "#626b79"
416
+ },
417
+ "gray": {
418
+ "100": "#f8f8f8",
419
+ "200": "#dbdbdb",
420
+ "300": "#b2b2b2",
421
+ "400": "#767676",
422
+ "500": "#222222"
423
+ },
424
+ "goldgray": {
425
+ "100": "#c5c1bf",
426
+ "200": "#726e6c"
427
+ },
428
+ "gold": {
429
+ "100": "#ccbc94",
430
+ "200": "#7f682e"
431
+ },
432
+ "emerald": "#139142",
433
+ "sapphire": "#015daa",
434
+ "ruby": "#a41d4a"
435
+ },
436
+ "icon": {
437
+ "primary": {
438
+ "default": "#626b79",
439
+ "inverse": "#9fabbb"
440
+ },
441
+ "emphasis": {
442
+ "default": "#222222",
443
+ "inverse": "#ffffff"
444
+ },
445
+ "accent": {
446
+ "default": "#0074c8"
447
+ },
448
+ "disabled": {
449
+ "default": "rgba(0, 0, 0, 0.15)"
450
+ }
451
+ },
452
+ "text": {
453
+ "primary": {
454
+ "default": "#222222",
455
+ "inverse": "#ffffff"
456
+ },
457
+ "secondary": {
458
+ "default": "#626b79",
459
+ "inverse": "#9fabbb"
460
+ },
461
+ "link": {
462
+ "default": "#0074c8",
463
+ "inverse": "#00cff0"
464
+ },
465
+ "error": {
466
+ "default": "#df0b37",
467
+ "inverse": "#ff999b"
468
+ },
469
+ "disabled": {
470
+ "default": "#dbdbdb"
471
+ },
472
+ "emphasis": {
473
+ "default": "#01426a",
474
+ "inverse": "#c1daf0"
475
+ }
476
+ },
477
+ "tier": {
478
+ "alaska": {
479
+ "mvp": {
480
+ "default": "#726e6c",
481
+ "inverse": "#c5c1bf"
482
+ },
483
+ "mvpgold": {
484
+ "default": "#7f682e",
485
+ "inverse": "#ccbc94"
486
+ }
487
+ },
488
+ "oneworld": {
489
+ "emerald": "#139142",
490
+ "sapphire": "#015daa",
491
+ "ruby": "#a41d4a"
492
+ }
493
+ },
494
+ "ui": {
495
+ "default": {
496
+ "default": "#0074c8",
497
+ "inverse": "#00cff0"
498
+ },
499
+ "hover": {
500
+ "default": "#054687",
501
+ "inverse": "#5de3f7"
502
+ },
503
+ "active": {
504
+ "default": "#054687",
505
+ "inverse": "#5de3f7"
506
+ },
507
+ "disabled": {
508
+ "default": "rgba(0, 116, 200, 0.2)"
509
+ },
510
+ "bkg": {
511
+ "default": {
512
+ "default": "rgba(0, 0, 0, 0.03)",
513
+ "inverse": "rgba(255, 255, 255, 0.03)"
514
+ },
515
+ "hover": {
516
+ "default": "rgba(0, 0, 0, 0.06)",
517
+ "inverse": "rgba(255, 255, 255, 0.06)"
518
+ }
519
+ }
520
+ }
521
+ }
522
+ }