@aurodesignsystem/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.
Files changed (120) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +86 -62
  3. package/dist/alaska/CSSCustomProperties--alaska.css +66 -0
  4. package/dist/alaska/SCSSVariables--alaska.scss +63 -0
  5. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +67 -0
  6. package/dist/alaska/primitives--alaska.scss +215 -0
  7. package/dist/{tokens → auro-classic}/CSSCustomProperties.css +320 -312
  8. package/dist/{tokens → auro-classic}/CSSSizeCustomProperties.css +1 -1
  9. package/dist/{tokens → auro-classic}/JSData--color.js +3145 -2071
  10. package/dist/{tokens → auro-classic}/JSONVariablesFlat.json +12 -4
  11. package/dist/{tokens → auro-classic}/JSONVariablesNested.json +13 -9
  12. package/dist/{tokens/JSObject--allTokens.js → auro-classic/JSObject--deprecated.js} +14311 -8433
  13. package/dist/{tokens → auro-classic}/JSVariables--color.js +308 -312
  14. package/dist/{tokens → auro-classic}/SCSSVariableMap.scss +1 -1
  15. package/dist/{tokens/base → auro-classic}/SCSSVariables.scss +320 -312
  16. package/dist/{tokens → auro-classic}/SCSSVariablesMapFlat.scss +320 -312
  17. package/dist/{tokens → auro-classic}/SassCustomProperties.scss +320 -312
  18. package/dist/{tokens → auro-classic}/SassSizeCustomProperties.scss +1 -1
  19. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +66 -0
  20. package/dist/hawaiian/SCSSVariables--hawaiian.scss +63 -0
  21. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +67 -0
  22. package/dist/hawaiian/primitives--hawaiian.scss +175 -0
  23. package/dist/{tokens/transparent/CSSCustomProperties.css → transparent/CSSCustomProperties--transparent.css} +1 -5
  24. package/package.json +5 -3
  25. package/src/primitives/alaska/color.json +796 -0
  26. package/src/primitives/alaska/typography.json +27 -0
  27. package/src/primitives/base/color.json +489 -0
  28. package/src/primitives/base/transparency.json +183 -0
  29. package/src/primitives/base/typography.json +210 -0
  30. package/src/primitives/hawaiian/color.json +508 -0
  31. package/src/primitives/hawaiian/typography.json +28 -0
  32. package/src/themes/alaska/color.json +394 -0
  33. package/src/themes/alaska/typography.json +132 -0
  34. package/src/themes/{excursion → auro-classic}/animation.json +6 -3
  35. package/src/{color → themes/auro-classic/color}/alert.json +7 -0
  36. package/src/{color → themes/auro-classic/color}/background.json +53 -25
  37. package/src/{color → themes/auro-classic/color}/base.json +303 -147
  38. package/src/{color → themes/auro-classic/color}/border.json +68 -32
  39. package/src/{color → themes/auro-classic/color}/brand.json +289 -158
  40. package/src/{color → themes/auro-classic/color}/container.json +101 -50
  41. package/src/{color → themes/auro-classic/color}/icon.json +129 -64
  42. package/src/{color → themes/auro-classic/color}/text.json +58 -28
  43. package/src/{color → themes/auro-classic/color}/tier.json +43 -22
  44. package/src/themes/{excursion → auro-classic}/color/ui.json +12 -1
  45. package/src/{color → themes/auro-classic/color}/utility.json +60 -30
  46. package/src/themes/auro-classic/comments.json +50 -0
  47. package/src/{depth.json → themes/auro-classic/depth.json} +9 -4
  48. package/src/{elevation.json → themes/auro-classic/elevation.json} +6 -3
  49. package/src/{asset → themes/auro-classic}/font.json +10 -5
  50. package/src/themes/{excursion → auro-classic}/grid-breakpoint.json +10 -5
  51. package/src/themes/{excursion → auro-classic}/grid-column.json +10 -5
  52. package/src/{grid-gutter.json → themes/auro-classic/grid-gutter.json} +10 -5
  53. package/src/{grid-margin.json → themes/auro-classic/grid-margin.json} +10 -5
  54. package/src/{size → themes/auro-classic/size}/radius.json +2 -1
  55. package/src/themes/auro-classic/size/scale.json +347 -0
  56. package/src/themes/auro-classic/size/unitless-scale.json +126 -0
  57. package/src/{text.json → themes/auro-classic/text.json} +192 -97
  58. package/src/themes/hawaiian/color.json +394 -0
  59. package/src/themes/hawaiian/typography.json +132 -0
  60. package/src/themes/transparent/color/alert.json +7 -0
  61. package/src/themes/transparent/color/background.json +30 -2
  62. package/src/themes/transparent/color/base.json +156 -0
  63. package/src/themes/transparent/color/border.json +36 -0
  64. package/src/themes/transparent/color/brand.json +167 -36
  65. package/src/themes/transparent/color/container.json +50 -0
  66. package/src/themes/transparent/color/icon.json +65 -0
  67. package/src/themes/transparent/color/text.json +30 -0
  68. package/src/themes/transparent/color/tier.json +22 -1
  69. package/src/themes/transparent/color/ui.json +12 -1
  70. package/src/themes/transparent/color/utility.json +30 -0
  71. package/src/themes/transparent/elevation.json +3 -0
  72. package/dist/tokens/JSObject--deprecated.js +0 -3157
  73. package/dist/tokens/SCSSVariables.scss +0 -1372
  74. package/dist/tokens/darkmode/CSSCustomProperties.css +0 -28
  75. package/dist/tokens/darkmode/JSDataColor.js +0 -528
  76. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +0 -528
  77. package/dist/tokens/darkmode/JSVariablesColor.js +0 -20
  78. package/dist/tokens/darkmode/SCSSVariables.scss +0 -21
  79. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +0 -25
  80. package/dist/tokens/darkmode/SassCustomProperties.scss +0 -28
  81. package/dist/tokens/excursion/JSONVariablesFlat.json +0 -736
  82. package/dist/tokens/excursion/JSONVariablesNested.json +0 -1222
  83. package/dist/tokens/hawaiian/CSSCustomProperties.css +0 -20
  84. package/src/animation.json +0 -21
  85. package/src/color/ui.json +0 -125
  86. package/src/color-darkmode/base.json +0 -24
  87. package/src/color-darkmode/border.json +0 -32
  88. package/src/color-darkmode/icon.json +0 -32
  89. package/src/color-darkmode/text.json +0 -71
  90. package/src/color-darkmode/tier.json +0 -34
  91. package/src/comments.json +0 -34
  92. package/src/grid-breakpoint.json +0 -29
  93. package/src/grid-column.json +0 -29
  94. package/src/size/scale.json +0 -240
  95. package/src/size/unitless-scale.json +0 -82
  96. package/src/themes/excursion/asset/font.json +0 -35
  97. package/src/themes/excursion/color/alert.json +0 -90
  98. package/src/themes/excursion/color/background.json +0 -280
  99. package/src/themes/excursion/color/base.json +0 -1303
  100. package/src/themes/excursion/color/border.json +0 -288
  101. package/src/themes/excursion/color/brand.json +0 -1549
  102. package/src/themes/excursion/color/container.json +0 -464
  103. package/src/themes/excursion/color/excursion.json +0 -254
  104. package/src/themes/excursion/color/icon.json +0 -476
  105. package/src/themes/excursion/color/text.json +0 -270
  106. package/src/themes/excursion/color/tier.json +0 -180
  107. package/src/themes/excursion/comments.json +0 -34
  108. package/src/themes/excursion/depth copy.json +0 -22
  109. package/src/themes/excursion/elevation.json +0 -22
  110. package/src/themes/excursion/grid-gutter.json +0 -29
  111. package/src/themes/excursion/grid-margin.json +0 -29
  112. package/src/themes/excursion/size/radius.json +0 -9
  113. package/src/themes/excursion/size/scale.json +0 -234
  114. package/src/themes/excursion/size/unitless-scale.json +0 -82
  115. package/src/themes/excursion/text.json +0 -572
  116. package/src/themes/hawaiian/color/background.json +0 -15
  117. package/src/themes/hawaiian/color/border.json +0 -18
  118. package/src/themes/hawaiian/color/container.json +0 -56
  119. package/src/themes/hawaiian/color/icon.json +0 -24
  120. package/src/themes/hawaiian/color/text.json +0 -44
@@ -1,1222 +0,0 @@
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
- "primary": {
302
- "100": {
303
- "default": "#f2fcfa",
304
- "inverse": "#005e86"
305
- },
306
- "200": {
307
- "default": "#e0faf6",
308
- "inverse": "#03314f"
309
- },
310
- "300": {
311
- "default": "#a3ecf0",
312
- "inverse": "#011e22"
313
- },
314
- "400": {
315
- "default": "#f2f2f2",
316
- "inverse": "#f2f2f2"
317
- }
318
- },
319
- "secondary": {
320
- "100": {
321
- "default": "#fbfff6",
322
- "inverse": "#215d53"
323
- },
324
- "200": {
325
- "default": "#f1fee5",
326
- "inverse": "#114741"
327
- },
328
- "300": {
329
- "default": "#defcd6",
330
- "inverse": "#00261d"
331
- },
332
- "400": {
333
- "default": "#f2f2f2",
334
- "inverse": "#f2f2f2"
335
- }
336
- },
337
- "error": {
338
- "default": "#f2f2f2",
339
- "inverse": "#f2f2f2"
340
- },
341
- "success": {
342
- "default": "#f2f2f2",
343
- "inverse": "#68ddbe"
344
- },
345
- "warning": {
346
- "default": "#f2f2f2",
347
- "inverse": "#f2f2f2"
348
- },
349
- "info": {
350
- "default": "#f2f2f2",
351
- "inverse": "#f2f2f2"
352
- },
353
- "accent": {
354
- "default": "#f2f2f2",
355
- "inverse": "#f2f2f2"
356
- },
357
- "emphasis": {
358
- "default": "#f2f2f2",
359
- "inverse": "#f2f2f2"
360
- },
361
- "subtle": {
362
- "default": "#f2f2f2",
363
- "inverse": "#f2f2f2"
364
- }
365
- },
366
- "base": {
367
- "white": "#ffffff",
368
- "white-100": "rgba(255, 255, 255, 0.03)",
369
- "white-200": "rgba(255, 255, 255, 0.06)",
370
- "white-300": "rgba(255, 255, 255, 0.12)",
371
- "white-400": "rgba(255, 255, 255, 0.25)",
372
- "white-500": "rgba(255, 255, 255, 0.5)",
373
- "white-opacity-50": "rgba(255, 255, 255, 0.5)",
374
- "white-opacity-40": "rgba(255, 255, 255, 0.4)",
375
- "white-opacity-0": "rgba(255, 255, 255, 0)",
376
- "black": "#000000",
377
- "black-100": "rgba(0, 0, 0, 0.03)",
378
- "black-200": "rgba(0, 0, 0, 0.06)",
379
- "black-300": "rgba(0, 0, 0, 0.12)",
380
- "black-400": "rgba(0, 0, 0, 0.25)",
381
- "black-500": "rgba(0, 0, 0, 0.5)",
382
- "black-opacity-15": "rgba(0, 0, 0, 0.15)",
383
- "blue": {
384
- "100": "#f0f7fd",
385
- "200": "#c9e0f7",
386
- "300": "#a0c9f1",
387
- "400": "#79b2ec",
388
- "500": "#5398e6",
389
- "600": "#3b7fd2",
390
- "700": "#2c67b5",
391
- "800": "#225296",
392
- "900": "#193d73",
393
- "1000": "#102a51"
394
- },
395
- "cyan": {
396
- "100": "#ebfafd",
397
- "200": "#a8e9f7",
398
- "300": "#6ad5ef",
399
- "400": "#56bbde",
400
- "500": "#4aa2c7",
401
- "600": "#3e89aa",
402
- "700": "#32718e",
403
- "800": "#275b72",
404
- "900": "#1d4658",
405
- "1000": "#12303d"
406
- },
407
- "error": {
408
- "100": "#fff4f4",
409
- "200": "#f9aca6",
410
- "300": "#f16359",
411
- "400": "#cc1816",
412
- "500": "#74110e"
413
- },
414
- "gray": {
415
- "100": "#f7f7f7",
416
- "200": "#dddddd",
417
- "300": "#c5c5c5",
418
- "400": "#adadad",
419
- "500": "#959595",
420
- "600": "#7e7e7e",
421
- "700": "#676767",
422
- "800": "#525252",
423
- "900": "#3d3d3d",
424
- "1000": "#2a2a2a"
425
- },
426
- "green": {
427
- "100": "#f3faf7",
428
- "200": "#000000",
429
- "300": "#addbca",
430
- "400": "#7ec6ac",
431
- "500": "#51ae8c",
432
- "600": "#459578",
433
- "700": "#3a7d64",
434
- "800": "#306854",
435
- "900": "#285545",
436
- "1000": "#1f4436"
437
- },
438
- "lime": {
439
- "100": "#f5fbeb",
440
- "200": "#d8efb4",
441
- "300": "#badd81",
442
- "400": "#a2c270",
443
- "500": "#8ca761",
444
- "600": "#778f53",
445
- "700": "#647845",
446
- "800": "#53643a",
447
- "900": "#44522f",
448
- "1000": "#364126"
449
- },
450
- "navy": {
451
- "100": "#f2f7fb",
452
- "200": "#cfe0ef",
453
- "300": "#acc9e2",
454
- "400": "#89b2d4",
455
- "500": "#6899c6",
456
- "600": "#4a82b7",
457
- "700": "#326aa5",
458
- "800": "#265688",
459
- "900": "#194069",
460
- "1000": "#0e2b4f"
461
- },
462
- "neutral": {
463
- "100": "#f7f8fa",
464
- "200": "#e4e8ec",
465
- "300": "#ccd2db",
466
- "400": "#afb9c6",
467
- "500": "#939fad",
468
- "600": "#7e8894",
469
- "700": "#6a717c",
470
- "800": "#585e67",
471
- "900": "#484d55",
472
- "1000": "#393d43"
473
- },
474
- "pink": {
475
- "100": "#fff7f8",
476
- "200": "#fde0e6",
477
- "300": "#fcc2ce",
478
- "400": "#fa9db0",
479
- "500": "#f7738e",
480
- "600": "#e45472",
481
- "700": "#bf475f",
482
- "800": "#a03b50",
483
- "900": "#833142",
484
- "1000": "#692734"
485
- },
486
- "purple": {
487
- "100": "#fbf8fe",
488
- "200": "#ede3fd",
489
- "300": "#ddc9fb",
490
- "400": "#c9a9f8",
491
- "500": "#b588f5",
492
- "600": "#a268f3",
493
- "700": "#8d47f0",
494
- "800": "#7633d7",
495
- "900": "#622ab2",
496
- "1000": "#4e228d"
497
- },
498
- "red": {
499
- "100": "#fef7f5",
500
- "200": "#fae2da",
501
- "300": "#f5c7b8",
502
- "400": "#f0a68d",
503
- "500": "#e9815e",
504
- "600": "#e35c2f",
505
- "700": "#d03a08",
506
- "800": "#ae3007",
507
- "900": "#902806",
508
- "1000": "#732005"
509
- },
510
- "success": {
511
- "100": "#eef8f5",
512
- "200": "#8eceb9",
513
- "300": "#40a080",
514
- "400": "#0b6f4d",
515
- "500": "#173c30"
516
- },
517
- "turquoise": {
518
- "100": "#f7fafa",
519
- "200": "#dfe9ea",
520
- "300": "#c2d5d6",
521
- "400": "#9fbdbe",
522
- "500": "#7ba5a6",
523
- "600": "#5c8f91",
524
- "700": "#3d7a7d",
525
- "800": "#21686a",
526
- "900": "#085659",
527
- "1000": "#004447"
528
- },
529
- "yellow": {
530
- "100": "#fff9df",
531
- "200": "#ffe87e",
532
- "300": "#f9ce06",
533
- "400": "#d6b622",
534
- "500": "#b49d35",
535
- "600": "#96873e",
536
- "700": "#7c7140",
537
- "800": "#665e3d",
538
- "900": "#524e38",
539
- "1000": "#403d30"
540
- },
541
- "warning": {
542
- "100": "#fef8e9",
543
- "200": "#f2c153",
544
- "300": "#c49432",
545
- "400": "#8e6b22",
546
- "500": "#5d4514"
547
- }
548
- },
549
- "state": {
550
- "error": {
551
- "100": "#ff999b",
552
- "500": "#df0b37"
553
- },
554
- "success": {
555
- "100": "#69cf96",
556
- "500": "#00805d"
557
- },
558
- "warning": {
559
- "500": "#de750c"
560
- }
561
- },
562
- "border": {
563
- "primary": {
564
- "default": "#f2f2f2",
565
- "inverse": "#f2f2f2"
566
- },
567
- "secondary": {
568
- "default": "#f2f2f2",
569
- "inverse": "#f2f2f2"
570
- },
571
- "tertiary": {
572
- "default": "#f2f2f2",
573
- "inverse": "#f2f2f2"
574
- },
575
- "ui": {
576
- "default": "#f2f2f2",
577
- "hover": "#f2f2f2",
578
- "focus": "#f2f2f2",
579
- "disabled": "#f2f2f2",
580
- "active": "#f2f2f2",
581
- "inverse": {
582
- "default": "#f2f2f2",
583
- "hover": "#f2f2f2",
584
- "focus": "#f2f2f2",
585
- "disabled": "#f2f2f2",
586
- "active": "#f2f2f2"
587
- }
588
- },
589
- "error": {
590
- "default": "#f2f2f2",
591
- "inverse": "#f2f2f2"
592
- },
593
- "success": {
594
- "default": "#f2f2f2",
595
- "inverse": "#f2f2f2"
596
- },
597
- "warning": {
598
- "default": "#f2f2f2",
599
- "inverse": "#f2f2f2"
600
- },
601
- "info": {
602
- "default": "#f2f2f2",
603
- "inverse": "#f2f2f2"
604
- },
605
- "accent": {
606
- "default": "#f2f2f2",
607
- "inverse": "#f2f2f2"
608
- },
609
- "emphasis": {
610
- "default": "#f2f2f2",
611
- "inverse": "#f2f2f2"
612
- },
613
- "subtle": {
614
- "default": "#f2f2f2",
615
- "inverse": "#f2f2f2"
616
- },
617
- "divider": {
618
- "default": "#f2f2f2",
619
- "inverse": "#f2f2f2"
620
- }
621
- },
622
- "brand": {
623
- "neutral": {
624
- "100": "#f7f8fa",
625
- "200": "#e4e8ec",
626
- "300": "#ccd2db",
627
- "400": "#afb9c6",
628
- "500": "#939fad",
629
- "600": "#7e8894",
630
- "700": "#6a717c",
631
- "800": "#585e67",
632
- "900": "#484d55",
633
- "1000": "#393d43"
634
- },
635
- "gray": {
636
- "100": "#f7f7f7",
637
- "200": "#dddddd",
638
- "300": "#c5c5c5",
639
- "400": "#adadad",
640
- "500": "#959595",
641
- "600": "#7e7e7e",
642
- "700": "#676767",
643
- "800": "#525252",
644
- "900": "#3d3d3d",
645
- "1000": "#2a2a2a"
646
- },
647
- "red": {
648
- "100": "#fef7f5",
649
- "200": "#fae2da",
650
- "300": "#f5c7b8",
651
- "400": "#f0a68d",
652
- "500": "#e9815e",
653
- "600": "#e35c2f",
654
- "700": "#d03a08",
655
- "800": "#ae3007",
656
- "900": "#902806",
657
- "1000": "#732005"
658
- },
659
- "yellow": {
660
- "100": "#fff9df",
661
- "200": "#ffe87e",
662
- "300": "#f9ce06",
663
- "400": "#d6b622",
664
- "500": "#b49d35",
665
- "600": "#96873e",
666
- "700": "#7c7140",
667
- "800": "#665e3d",
668
- "900": "#524e38",
669
- "1000": "#403d30"
670
- },
671
- "lime": {
672
- "100": "#f5fbeb",
673
- "200": "#d8efb4",
674
- "300": "#badd81",
675
- "400": "#a2c270",
676
- "500": "#8ca761",
677
- "600": "#778f53",
678
- "700": "#647845",
679
- "800": "#53643a",
680
- "900": "#44522f",
681
- "1000": "#364126"
682
- },
683
- "green": {
684
- "100": "#f3faf7",
685
- "200": "#d4ece4",
686
- "300": "#addbca",
687
- "400": "#7ec6ac",
688
- "500": "#51ae8c",
689
- "600": "#459578",
690
- "700": "#3a7d64",
691
- "800": "#306854",
692
- "900": "#285545",
693
- "1000": "#1f4436"
694
- },
695
- "turquoise": {
696
- "100": "#f7fafa",
697
- "200": "#dfe9ea",
698
- "300": "#c2d5d6",
699
- "400": "#9fbdbe",
700
- "500": "#7ba5a6",
701
- "600": "#5c8f91",
702
- "700": "#3d7a7d",
703
- "800": "#21686a",
704
- "900": "#085659",
705
- "1000": "#004447"
706
- },
707
- "cyan": {
708
- "100": "#ebfafd",
709
- "200": "#a8e9f7",
710
- "300": "#6ad5ef",
711
- "400": "#56bbde",
712
- "500": "#4aa2c7",
713
- "600": "#3e89aa",
714
- "700": "#32718e",
715
- "800": "#275b72",
716
- "900": "#1d4658",
717
- "1000": "#12303d"
718
- },
719
- "blue": {
720
- "100": "#f0f7fd",
721
- "200": "#c9e0f7",
722
- "300": "#a0c9f1",
723
- "400": "#79b2ec",
724
- "500": "#5398e6",
725
- "600": "#3b7fd2",
726
- "700": "#2c67b5",
727
- "800": "#225296",
728
- "900": "#193d73",
729
- "1000": "#102a51"
730
- },
731
- "navy": {
732
- "100": "#f2d7fb",
733
- "200": "#cfe0ef",
734
- "300": "#acc9e2",
735
- "400": "#89b2d4",
736
- "500": "#6899c6",
737
- "600": "#4a82b7",
738
- "700": "#326aa5",
739
- "800": "#265688",
740
- "900": "#194069",
741
- "1000": "#0e2b4f"
742
- },
743
- "purple": {
744
- "100": "#fbf8fe",
745
- "200": "#ede3fd",
746
- "300": "#ddc9fb",
747
- "400": "#c9a9f8",
748
- "500": "#b588f5",
749
- "600": "#a268f3",
750
- "700": "#8d47f0",
751
- "800": "#7633d7",
752
- "900": "#622ab2",
753
- "1000": "#4e228d"
754
- },
755
- "pink": {
756
- "100": "#fff7f8",
757
- "200": "#fde0e6",
758
- "300": "#fcc2ce",
759
- "400": "#fa9db0",
760
- "500": "#f7738e",
761
- "600": "#e45472",
762
- "700": "#bf475f",
763
- "800": "#a03b50",
764
- "900": "#833142",
765
- "1000": "#692734"
766
- },
767
- "midnight": {
768
- "100": "#c1daf0",
769
- "200": "#569ed7",
770
- "300": "#156fad",
771
- "400": "#01426a",
772
- "500": "#00274a"
773
- },
774
- "atlas": {
775
- "100": "#cde6ff",
776
- "200": "#6bb7fb",
777
- "300": "#2492eb",
778
- "400": "#0074c8",
779
- "500": "#054687",
780
- "400-opacity-20": "rgba(0, 116, 200, 0.2)"
781
- },
782
- "breeze": {
783
- "100": "#c0f7ff",
784
- "200": "#5de3f7",
785
- "300": "#00cff0",
786
- "400": "#099dc5",
787
- "500": "#0b5575",
788
- "300-opacity-30": "rgba(0, 207, 240, 0.3)"
789
- },
790
- "tropical": {
791
- "100": "#e2ffcd",
792
- "200": "#d0fba6",
793
- "300": "#c0e585",
794
- "400": "#91be62",
795
- "500": "#5e8741"
796
- },
797
- "alpine": {
798
- "100": "#bcaae6",
799
- "200": "#9e73ea",
800
- "300": "#8439ef",
801
- "400": "#631db8",
802
- "500": "#39115c"
803
- },
804
- "flamingo": {
805
- "100": "#ffebee",
806
- "200": "#ffc0ca",
807
- "300": "#ff94a7",
808
- "400": "#f65b7b",
809
- "500": "#b82b47"
810
- },
811
- "canyon": {
812
- "100": "#ffcab6",
813
- "200": "#f99574",
814
- "300": "#f26135",
815
- "400": "#de3e09",
816
- "500": "#b83302"
817
- },
818
- "goldcoast": {
819
- "100": "#fff0cd",
820
- "200": "#ffdb67",
821
- "300": "#ffd200",
822
- "400": "#e5ad07",
823
- "500": "#b88624"
824
- },
825
- "goldgray": {
826
- "100": "#c5c1bf",
827
- "200": "#726e6c"
828
- },
829
- "gold": {
830
- "100": "#ccbc94",
831
- "200": "#7f682e"
832
- },
833
- "emerald": "#139142",
834
- "sapphire": "#015daa",
835
- "ruby": "#a41d4a"
836
- },
837
- "container": {
838
- "accent": {
839
- "default": "#f2f2f2",
840
- "inverse": "#f2f2f2"
841
- },
842
- "emphasis": {
843
- "default": "#f2f2f2",
844
- "inverse": "#f2f2f2"
845
- },
846
- "error": {
847
- "default": "#f2f2f2",
848
- "inverse": "#f2f2f2"
849
- },
850
- "info": {
851
- "default": "#f2f2f2",
852
- "inverse": "#f2f2f2"
853
- },
854
- "primary": {
855
- "default": "#f2f2f2",
856
- "inverse": "#f2f2f2"
857
- },
858
- "secondary": {
859
- "default": "#f2f2f2",
860
- "inverse": "#f2f2f2"
861
- },
862
- "subtle": {
863
- "default": "#f2f2f2",
864
- "inverse": "#f2f2f2"
865
- },
866
- "success": {
867
- "default": "#f2f2f2",
868
- "inverse": "#f2f2f2"
869
- },
870
- "tertiary": {
871
- "default": "#f2f2f2",
872
- "inverse": "#f2f2f2"
873
- },
874
- "warning": {
875
- "default": "#f2f2f2",
876
- "inverse": "#f2f2f2"
877
- },
878
- "ui": {
879
- "primary": {
880
- "active": {
881
- "default": "#f2f2f2",
882
- "inverse": "#f2f2f2"
883
- },
884
- "default": {
885
- "default": "#f2f2f2",
886
- "inverse": "#f2f2f2"
887
- },
888
- "disabled": {
889
- "default": "#f2f2f2",
890
- "inverse": "#f2f2f2"
891
- },
892
- "focus": {
893
- "default": "#f2f2f2",
894
- "inverse": "#f2f2f2"
895
- },
896
- "hover": {
897
- "default": "#f2f2f2",
898
- "inverse": "#f2f2f2"
899
- }
900
- },
901
- "secondary": {
902
- "active": {
903
- "default": "#f2f2f2",
904
- "inverse": "#f2f2f2"
905
- },
906
- "default": {
907
- "default": "#f2f2f2",
908
- "inverse": "#f2f2f2"
909
- },
910
- "disabled": {
911
- "default": "#f2f2f2",
912
- "inverse": "#f2f2f2"
913
- },
914
- "focus": {
915
- "default": "#f2f2f2",
916
- "inverse": "#f2f2f2"
917
- },
918
- "hover": {
919
- "default": "#f2f2f2",
920
- "inverse": "#f2f2f2"
921
- }
922
- },
923
- "tertiary": {
924
- "active": {
925
- "default": "#f2f2f2",
926
- "inverse": "#f2f2f2"
927
- },
928
- "default": {
929
- "default": "#f2f2f2",
930
- "inverse": "#f2f2f2"
931
- },
932
- "disabled": {
933
- "default": "#f2f2f2",
934
- "inverse": "#f2f2f2"
935
- },
936
- "focus": {
937
- "default": "#f2f2f2",
938
- "inverse": "#f2f2f2"
939
- },
940
- "hover": {
941
- "default": "#f2f2f2",
942
- "inverse": "#f2f2f2"
943
- }
944
- }
945
- }
946
- },
947
- "excursion": {
948
- "grey": {
949
- "100": "#f2f2f2",
950
- "200": "#d4d4d4",
951
- "900": "#2e2e2e",
952
- "1000": "#151515"
953
- },
954
- "green": {
955
- "100": "#fbfff6",
956
- "200": "#f1fee5",
957
- "300": "#defcd6",
958
- "400": "#b4f6a3",
959
- "500": "#68ddbe",
960
- "600": "#00c2ab",
961
- "700": "#008686",
962
- "800": "#215d53",
963
- "900": "#114741",
964
- "1000": "#00261d"
965
- },
966
- "blue": {
967
- "100": "#f2fcfa",
968
- "200": "#e0faf6",
969
- "300": "#a3ecf0",
970
- "400": "#3ee7f1",
971
- "500": "#8ca761",
972
- "600": "#778f53",
973
- "700": "#005e86",
974
- "800": "#03314f",
975
- "900": "#011e22",
976
- "1000": "#12303d"
977
- },
978
- "yellow": {
979
- "100": "#fffcf8",
980
- "200": "#fff5e2",
981
- "300": "#fff1ce",
982
- "400": "#ffe2b9",
983
- "500": "#ffce94",
984
- "600": "#ffb257"
985
- }
986
- },
987
- "icon": {
988
- "primary": {
989
- "default": "#f2f2f2",
990
- "inverse": "#ffffff"
991
- },
992
- "secondary": {
993
- "default": "#f2f2f2",
994
- "inverse": "#f2f2f2"
995
- },
996
- "tertiary": {
997
- "default": "#f2f2f2",
998
- "inverse": "#f2f2f2"
999
- },
1000
- "ui": {
1001
- "default": {
1002
- "default": "#2c67b5",
1003
- "inverse": "#f2f2f2"
1004
- },
1005
- "hover": {
1006
- "default": "#f2f2f2",
1007
- "inverse": "#3ee7f1"
1008
- },
1009
- "focus": {
1010
- "default": "#f2f2f2",
1011
- "inverse": "#f2f2f2"
1012
- },
1013
- "disabled": {
1014
- "default": "#f2f2f2",
1015
- "inverse": "#f2f2f2"
1016
- },
1017
- "active": {
1018
- "default": "#f2f2f2",
1019
- "inverse": "#f2f2f2"
1020
- }
1021
- },
1022
- "error": {
1023
- "default": "#f2f2f2",
1024
- "inverse": "#f2f2f2"
1025
- },
1026
- "success": {
1027
- "default": "#008686",
1028
- "inverse": "#f2f2f2"
1029
- },
1030
- "warning": {
1031
- "default": "#f2f2f2",
1032
- "inverse": "#f2f2f2"
1033
- },
1034
- "info": {
1035
- "default": "#f2f2f2",
1036
- "inverse": "#f2f2f2"
1037
- },
1038
- "accent": {
1039
- "default": "#f2f2f2",
1040
- "inverse": "#f2f2f2"
1041
- },
1042
- "emphasis": {
1043
- "default": "#2e2e2e",
1044
- "inverse": "#f2f2f2"
1045
- },
1046
- "subtle": {
1047
- "default": "#f2f2f2",
1048
- "inverse": "#f2f2f2"
1049
- },
1050
- "red": {
1051
- "default": "#f2f2f2",
1052
- "inverse": "#f2f2f2"
1053
- },
1054
- "orange": {
1055
- "default": "#f2f2f2",
1056
- "inverse": "#f2f2f2"
1057
- },
1058
- "yellow": {
1059
- "default": "#f2f2f2",
1060
- "inverse": "#f2f2f2"
1061
- },
1062
- "green": {
1063
- "default": "#f2f2f2",
1064
- "inverse": "#f2f2f2"
1065
- },
1066
- "lime": {
1067
- "default": "#f2f2f2",
1068
- "inverse": "#f2f2f2"
1069
- },
1070
- "turquoise": {
1071
- "default": "#f2f2f2",
1072
- "inverse": "#f2f2f2"
1073
- },
1074
- "blue": {
1075
- "default": "#f2f2f2",
1076
- "inverse": "#f2f2f2"
1077
- },
1078
- "navy": {
1079
- "default": "#f2f2f2",
1080
- "inverse": "#f2f2f2"
1081
- },
1082
- "teal": {
1083
- "default": "#f2f2f2",
1084
- "inverse": "#f2f2f2"
1085
- },
1086
- "purple": {
1087
- "default": "#f2f2f2",
1088
- "inverse": "#f2f2f2"
1089
- },
1090
- "pink": {
1091
- "default": "#f2f2f2",
1092
- "inverse": "#f2f2f2"
1093
- }
1094
- },
1095
- "text": {
1096
- "primary": {
1097
- "default": "#2e2e2e",
1098
- "inverse": "#ffffff"
1099
- },
1100
- "secondary": {
1101
- "default": "#f2f2f2",
1102
- "inverse": "#f2f2f2"
1103
- },
1104
- "tertiary": {
1105
- "default": "#f2f2f2",
1106
- "inverse": "#f2f2f2"
1107
- },
1108
- "ui": {
1109
- "default": "#f2f2f2",
1110
- "hover": "#f2f2f2",
1111
- "focus": "#f2f2f2",
1112
- "disabled": "#f2f2f2",
1113
- "active": "#f2f2f2",
1114
- "inverse": {
1115
- "default": "#f2f2f2",
1116
- "hover": "#f2f2f2",
1117
- "focus": "#f2f2f2",
1118
- "disabled": "#f2f2f2",
1119
- "active": "#f2f2f2"
1120
- }
1121
- },
1122
- "error": {
1123
- "default": "#f2f2f2",
1124
- "inverse": "#f2f2f2"
1125
- },
1126
- "success": {
1127
- "default": "#f2f2f2",
1128
- "inverse": "#f2f2f2"
1129
- },
1130
- "warning": {
1131
- "default": "#f2f2f2",
1132
- "inverse": "#f2f2f2"
1133
- },
1134
- "info": {
1135
- "default": "#f2f2f2",
1136
- "inverse": "#f2f2f2"
1137
- },
1138
- "accent": {
1139
- "default": "#f2f2f2",
1140
- "inverse": "#f2f2f2"
1141
- },
1142
- "emphasis": {
1143
- "default": "#03314f",
1144
- "inverse": "#f2f2f2"
1145
- },
1146
- "subtle": {
1147
- "default": "#f2f2f2",
1148
- "inverse": "#f2f2f2"
1149
- }
1150
- },
1151
- "tier": {
1152
- "alaska": {
1153
- "mvp": {
1154
- "default": "#f2f2f2",
1155
- "inverse": "#f2f2f2"
1156
- },
1157
- "mvpgold": {
1158
- "default": "#f2f2f2",
1159
- "inverse": "#f2f2f2"
1160
- },
1161
- "mvpgold75k": {
1162
- "default": "#f2f2f2",
1163
- "inverse": "#f2f2f2"
1164
- },
1165
- "mvpgold100k": {
1166
- "default": "#f2f2f2",
1167
- "inverse": "#f2f2f2"
1168
- }
1169
- },
1170
- "fare": {
1171
- "business": {
1172
- "default": "#f2f2f2",
1173
- "inverse": "#f2f2f2"
1174
- },
1175
- "economy": {
1176
- "default": "#f2f2f2",
1177
- "inverse": "#f2f2f2"
1178
- },
1179
- "first-class": {
1180
- "default": "#f2f2f2",
1181
- "inverse": "#f2f2f2"
1182
- },
1183
- "saver": {
1184
- "default": "#f2f2f2",
1185
- "inverse": "#f2f2f2"
1186
- }
1187
- },
1188
- "oneworld": {
1189
- "emerald": "#f2f2f2",
1190
- "sapphire": "#f2f2f2",
1191
- "ruby": "#f2f2f2"
1192
- }
1193
- },
1194
- "ui": {
1195
- "default": {
1196
- "default": "#0074c8",
1197
- "inverse": "#00cff0"
1198
- },
1199
- "hover": {
1200
- "default": "#054687",
1201
- "inverse": "#5de3f7"
1202
- },
1203
- "active": {
1204
- "default": "#054687",
1205
- "inverse": "#5de3f7"
1206
- },
1207
- "disabled": {
1208
- "default": "rgba(0, 116, 200, 0.2)"
1209
- },
1210
- "bkg": {
1211
- "default": {
1212
- "default": "rgba(0, 0, 0, 0.03)",
1213
- "inverse": "rgba(255, 255, 255, 0.03)"
1214
- },
1215
- "hover": {
1216
- "default": "rgba(0, 0, 0, 0.06)",
1217
- "inverse": "rgba(255, 255, 255, 0.06)"
1218
- }
1219
- }
1220
- }
1221
- }
1222
- }