@aurodesignsystem/design-tokens 5.0.0 → 5.0.2

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 +14 -0
  2. package/README.md +62 -86
  3. package/dist/{auro-classic → tokens}/CSSCustomProperties.css +312 -320
  4. package/dist/{auro-classic → tokens}/CSSSizeCustomProperties.css +1 -1
  5. package/dist/{auro-classic → tokens}/JSData--color.js +2071 -3145
  6. package/dist/{auro-classic → tokens}/JSONVariablesFlat.json +4 -12
  7. package/dist/{auro-classic → tokens}/JSONVariablesNested.json +9 -13
  8. package/dist/{auro-classic/JSObject--deprecated.js → tokens/JSObject--allTokens.js} +8777 -14655
  9. package/dist/tokens/JSObject--deprecated.js +3157 -0
  10. package/dist/{auro-classic → tokens}/JSVariables--color.js +312 -308
  11. package/dist/{auro-classic → tokens}/SCSSVariableMap.scss +1 -1
  12. package/dist/{auro-classic → tokens}/SCSSVariables.scss +312 -320
  13. package/dist/{auro-classic → tokens}/SCSSVariablesMapFlat.scss +312 -320
  14. package/dist/{auro-classic → tokens}/SassCustomProperties.scss +312 -320
  15. package/dist/{auro-classic → tokens}/SassSizeCustomProperties.scss +1 -1
  16. package/dist/tokens/base/SCSSVariables.scss +1372 -0
  17. package/dist/tokens/darkmode/CSSCustomProperties.css +28 -0
  18. package/dist/tokens/darkmode/JSDataColor.js +528 -0
  19. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +528 -0
  20. package/dist/tokens/darkmode/JSVariablesColor.js +20 -0
  21. package/dist/tokens/darkmode/SCSSVariables.scss +21 -0
  22. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +25 -0
  23. package/dist/tokens/darkmode/SassCustomProperties.scss +28 -0
  24. package/dist/tokens/excursion/JSONVariablesFlat.json +736 -0
  25. package/dist/tokens/excursion/JSONVariablesNested.json +1222 -0
  26. package/dist/tokens/hawaiian/CSSCustomProperties.css +20 -0
  27. package/dist/{transparent/CSSCustomProperties--transparent.css → tokens/transparent/CSSCustomProperties.css} +5 -1
  28. package/package.json +4 -6
  29. package/src/{themes/auro-classic/animation.json → animation.json} +3 -6
  30. package/src/{themes/auro-classic → asset}/font.json +5 -10
  31. package/src/{themes/auro-classic/color → color}/alert.json +0 -7
  32. package/src/{themes/auro-classic/color → color}/background.json +25 -53
  33. package/src/{themes/auro-classic/color → color}/base.json +147 -303
  34. package/src/{themes/auro-classic/color → color}/border.json +32 -68
  35. package/src/{themes/auro-classic/color → color}/brand.json +158 -289
  36. package/src/{themes/auro-classic/color → color}/container.json +50 -101
  37. package/src/{themes/auro-classic/color → color}/icon.json +64 -129
  38. package/src/{themes/auro-classic/color → color}/text.json +28 -58
  39. package/src/{themes/auro-classic/color → color}/tier.json +22 -43
  40. package/src/{themes/auro-classic/color → color}/ui.json +1 -12
  41. package/src/{themes/auro-classic/color → color}/utility.json +30 -60
  42. package/src/color-darkmode/base.json +24 -0
  43. package/src/color-darkmode/border.json +32 -0
  44. package/src/color-darkmode/icon.json +32 -0
  45. package/src/color-darkmode/text.json +71 -0
  46. package/src/color-darkmode/tier.json +34 -0
  47. package/src/comments.json +34 -0
  48. package/src/{themes/auro-classic/depth.json → depth.json} +4 -9
  49. package/src/{themes/auro-classic/elevation.json → elevation.json} +3 -6
  50. package/src/{themes/auro-classic/grid-breakpoint.json → grid-breakpoint.json} +5 -10
  51. package/src/{themes/auro-classic/grid-column.json → grid-column.json} +5 -10
  52. package/src/{themes/auro-classic/grid-gutter.json → grid-gutter.json} +5 -10
  53. package/src/{themes/auro-classic/grid-margin.json → grid-margin.json} +5 -10
  54. package/src/{themes/auro-classic/size → size}/radius.json +1 -2
  55. package/src/size/scale.json +240 -0
  56. package/src/size/unitless-scale.json +82 -0
  57. package/src/{themes/auro-classic/text.json → text.json} +97 -192
  58. package/src/themes/excursion/animation.json +21 -0
  59. package/src/themes/excursion/asset/font.json +35 -0
  60. package/src/themes/excursion/color/alert.json +90 -0
  61. package/src/themes/excursion/color/background.json +280 -0
  62. package/src/themes/excursion/color/base.json +1303 -0
  63. package/src/themes/excursion/color/border.json +288 -0
  64. package/src/themes/excursion/color/brand.json +1549 -0
  65. package/src/themes/excursion/color/container.json +464 -0
  66. package/src/themes/excursion/color/excursion.json +254 -0
  67. package/src/themes/excursion/color/icon.json +476 -0
  68. package/src/themes/excursion/color/text.json +270 -0
  69. package/src/themes/excursion/color/tier.json +180 -0
  70. package/src/themes/excursion/color/ui.json +125 -0
  71. package/src/themes/excursion/comments.json +34 -0
  72. package/src/themes/excursion/depth copy.json +22 -0
  73. package/src/themes/excursion/elevation.json +22 -0
  74. package/src/themes/excursion/grid-breakpoint.json +29 -0
  75. package/src/themes/excursion/grid-column.json +29 -0
  76. package/src/themes/excursion/grid-gutter.json +29 -0
  77. package/src/themes/excursion/grid-margin.json +29 -0
  78. package/src/themes/excursion/size/radius.json +9 -0
  79. package/src/themes/excursion/size/scale.json +234 -0
  80. package/src/themes/excursion/size/unitless-scale.json +82 -0
  81. package/src/themes/excursion/text.json +572 -0
  82. package/src/themes/hawaiian/color/background.json +15 -0
  83. package/src/themes/hawaiian/color/border.json +18 -0
  84. package/src/themes/hawaiian/color/container.json +56 -0
  85. package/src/themes/hawaiian/color/icon.json +24 -0
  86. package/src/themes/hawaiian/color/text.json +44 -0
  87. package/src/themes/transparent/color/alert.json +0 -7
  88. package/src/themes/transparent/color/background.json +2 -30
  89. package/src/themes/transparent/color/base.json +0 -156
  90. package/src/themes/transparent/color/border.json +0 -36
  91. package/src/themes/transparent/color/brand.json +36 -167
  92. package/src/themes/transparent/color/container.json +0 -50
  93. package/src/themes/transparent/color/icon.json +0 -65
  94. package/src/themes/transparent/color/text.json +0 -30
  95. package/src/themes/transparent/color/tier.json +1 -22
  96. package/src/themes/transparent/color/ui.json +1 -12
  97. package/src/themes/transparent/color/utility.json +0 -30
  98. package/src/themes/transparent/elevation.json +0 -3
  99. package/dist/alaska/CSSCustomProperties--alaska.css +0 -66
  100. package/dist/alaska/SCSSVariables--alaska.scss +0 -63
  101. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +0 -67
  102. package/dist/alaska/primitives--alaska.scss +0 -215
  103. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +0 -66
  104. package/dist/hawaiian/SCSSVariables--hawaiian.scss +0 -63
  105. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +0 -67
  106. package/dist/hawaiian/primitives--hawaiian.scss +0 -175
  107. package/src/primitives/alaska/color.json +0 -796
  108. package/src/primitives/alaska/typography.json +0 -27
  109. package/src/primitives/base/color.json +0 -489
  110. package/src/primitives/base/transparency.json +0 -183
  111. package/src/primitives/base/typography.json +0 -210
  112. package/src/primitives/hawaiian/color.json +0 -508
  113. package/src/primitives/hawaiian/typography.json +0 -28
  114. package/src/themes/alaska/color.json +0 -394
  115. package/src/themes/alaska/typography.json +0 -132
  116. package/src/themes/auro-classic/comments.json +0 -50
  117. package/src/themes/auro-classic/size/scale.json +0 -347
  118. package/src/themes/auro-classic/size/unitless-scale.json +0 -126
  119. package/src/themes/hawaiian/color.json +0 -394
  120. package/src/themes/hawaiian/typography.json +0 -132
package/src/themes/excursion/text.json ADDED
@@ -0,0 +1,572 @@
1
+ {
2
+ "font": {
3
+ "family": {
4
+ "default": {
5
+ "value": "'{asset.font.circular.familyName.value}', Helvetica Neue, Arial, sans-serif",
6
+ "public": true,
7
+ "deprecated": false
8
+ },
9
+ "mono": {
10
+ "value": "Menlo, Monaco, Consolas, 'Courier New', monospace",
11
+ "public": true,
12
+ "deprecated": false
13
+ }
14
+ },
15
+ "spacing": {
16
+ "value": "-0.2px",
17
+ "deprecated": false
18
+ },
19
+ "weight": {
20
+ "100": {
21
+ "value": "100",
22
+ "comment": "value to support ASCircularWeb-Light",
23
+ "deprecated": false
24
+ },
25
+ "300": {
26
+ "value": "300",
27
+ "comment": "value to support ASCircularWeb-Medium",
28
+ "deprecated": false
29
+ },
30
+ "500": {
31
+ "value": "500",
32
+ "comment": "value to support ASCircularWeb-Book",
33
+ "deprecated": false
34
+ }
35
+ }
36
+ },
37
+ "text": {
38
+ "heading": {
39
+ "default": {
40
+ "weight": {
41
+ "value": "{font.weight.500.value}",
42
+ "public": true,
43
+ "deprecated": false
44
+ },
45
+ "margin": {
46
+ "value": "0",
47
+ "public": true,
48
+ "deprecated": false
49
+ },
50
+ "spacing": {
51
+ "value": "{font.spacing.value}",
52
+ "public": true,
53
+ "deprecated": false
54
+ }
55
+ },
56
+ "medium": {
57
+ "weight": {
58
+ "value": "{font.weight.300.value}",
59
+ "public": true,
60
+ "deprecated": false
61
+ }
62
+ },
63
+ "display": {
64
+ "weight": {
65
+ "value": "{font.weight.100.value}",
66
+ "public": true,
67
+ "deprecated": false
68
+ },
69
+ "px": {
70
+ "breakpoint" : {
71
+ "sm": {
72
+ "value": "{size.font.scale.responsive.270.px.value}",
73
+ "public": true,
74
+ "deprecated": false
75
+ },
76
+ "md": {
77
+ "value": "{size.font.scale.responsive.300.px.value}",
78
+ "public": true,
79
+ "deprecated": false
80
+ },
81
+ "lg": {
82
+ "value": "{size.font.scale.responsive.350.px.value}",
83
+ "public": true,
84
+ "deprecated": false
85
+ }
86
+ }
87
+ },
88
+ "size": {
89
+ "breakpoint": {
90
+ "sm": {
91
+ "value": "{size.font.scale.responsive.270.value}",
92
+ "public": true,
93
+ "deprecated": false
94
+ },
95
+ "md": {
96
+ "value": "{size.font.scale.responsive.300.value}",
97
+ "public": true,
98
+ "deprecated": false
99
+ },
100
+ "lg": {
101
+ "value": "{size.font.scale.responsive.350.value}",
102
+ "public": true,
103
+ "deprecated": false
104
+ }
105
+ }
106
+ },
107
+ "height": {
108
+ "breakpoint": {
109
+ "sm": {
110
+ "value": "{size.font.scale.responsive.330.value}",
111
+ "public": true,
112
+ "deprecated": false
113
+ },
114
+ "px-sm": {
115
+ "value": "{size.font.scale.responsive.330.px.value}",
116
+ "public": true,
117
+ "deprecated": false
118
+ },
119
+ "md": {
120
+ "value": "{size.font.scale.responsive.370.value}",
121
+ "public": true,
122
+ "deprecated": false
123
+ },
124
+ "px-md": {
125
+ "value": "{size.font.scale.responsive.370.px.value}",
126
+ "public": true,
127
+ "deprecated": false
128
+ },
129
+ "lg": {
130
+ "value": "{size.font.scale.responsive.420.value}",
131
+ "public": true,
132
+ "deprecated": false
133
+ },
134
+ "px-lg": {
135
+ "value": "{size.font.scale.responsive.420.px.value}",
136
+ "public": true,
137
+ "deprecated": false
138
+ }
139
+ }
140
+ }
141
+ },
142
+ "800": {
143
+ "weight": {
144
+ "value": "{font.weight.500.value}",
145
+ "public": true,
146
+ "deprecated": false
147
+ },
148
+ "px": {
149
+ "breakpoint": {
150
+ "sm": {
151
+ "value": "{size.font.scale.responsive.200.px.value}",
152
+ "public": true,
153
+ "deprecated": false
154
+ },
155
+ "md": {
156
+ "value": "{size.font.scale.responsive.220.px.value}",
157
+ "public": true,
158
+ "deprecated": false
159
+ },
160
+ "lg": {
161
+ "value": "{size.font.scale.responsive.250.px.value}",
162
+ "public": true,
163
+ "deprecated": false
164
+ }
165
+ }
166
+ },
167
+ "size": {
168
+ "breakpoint": {
169
+ "sm": {
170
+ "value": "{size.font.scale.responsive.200.value}",
171
+ "public": true,
172
+ "deprecated": false
173
+ },
174
+ "md": {
175
+ "value": "{size.font.scale.responsive.220.value}",
176
+ "public": true,
177
+ "deprecated": false
178
+ },
179
+ "lg": {
180
+ "value": "{size.font.scale.responsive.250.value}",
181
+ "public": true,
182
+ "deprecated": false
183
+ }
184
+ }
185
+ },
186
+ "height": {
187
+ "breakpoint": {
188
+ "sm": {
189
+ "value": "{size.font.scale.responsive.230.value}",
190
+ "public": true,
191
+ "deprecated": false
192
+ },
193
+ "px-sm": {
194
+ "value": "{size.font.scale.responsive.230.px.value}",
195
+ "public": true,
196
+ "deprecated": false
197
+ },
198
+ "md": {
199
+ "value": "{size.font.scale.responsive.260.value}",
200
+ "public": true,
201
+ "deprecated": false
202
+ },
203
+ "px-md": {
204
+ "value": "{size.font.scale.responsive.260.px.value}",
205
+ "public": true,
206
+ "deprecated": false
207
+ },
208
+ "lg": {
209
+ "value": "{size.font.scale.responsive.300.value}",
210
+ "public": true,
211
+ "deprecated": false
212
+ },
213
+ "px-lg": {
214
+ "value": "{size.font.scale.responsive.300.px.value}",
215
+ "public": true,
216
+ "deprecated": false
217
+ }
218
+ }
219
+ }
220
+ },
221
+ "700": {
222
+ "weight": {
223
+ "value": "{font.weight.500.value}",
224
+ "public": true,
225
+ "deprecated": false
226
+ },
227
+ "px": {
228
+ "breakpoint": {
229
+ "sm": {
230
+ "value": "{size.font.scale.responsive.170.px.value}",
231
+ "public": true,
232
+ "deprecated": false
233
+ },
234
+ "md": {
235
+ "value": "{size.font.scale.responsive.200.px.value}",
236
+ "public": true,
237
+ "deprecated": false
238
+ },
239
+ "lg": {
240
+ "value": "{size.font.scale.responsive.220.px.value}",
241
+ "public": true,
242
+ "deprecated": false
243
+ }
244
+ }
245
+ },
246
+ "size": {
247
+ "breakpoint": {
248
+ "sm": {
249
+ "value": "{size.font.scale.responsive.170.value}",
250
+ "public": true,
251
+ "deprecated": false
252
+ },
253
+ "md": {
254
+ "value": "{size.font.scale.responsive.200.value}",
255
+ "public": true,
256
+ "deprecated": false
257
+ },
258
+ "lg": {
259
+ "value": "{size.font.scale.responsive.220.value}",
260
+ "public": true,
261
+ "deprecated": false
262
+ }
263
+ }
264
+ },
265
+ "height": {
266
+ "breakpoint": {
267
+ "sm": {
268
+ "value": "{size.font.scale.responsive.210.value}",
269
+ "public": true,
270
+ "deprecated": false
271
+ },
272
+ "px-sm": {
273
+ "value": "{size.font.scale.responsive.210.px.value}",
274
+ "public": true,
275
+ "deprecated": false
276
+ },
277
+ "md": {
278
+ "value": "{size.font.scale.responsive.230.value}",
279
+ "public": true,
280
+ "deprecated": false
281
+ },
282
+ "px-md": {
283
+ "value": "{size.font.scale.responsive.230.px.value}",
284
+ "public": true,
285
+ "deprecated": false
286
+ },
287
+ "lg": {
288
+ "value": "{size.font.scale.responsive.270.value}",
289
+ "public": true,
290
+ "deprecated": false
291
+ },
292
+ "px-lg": {
293
+ "value": "{size.font.scale.responsive.270.px.value}",
294
+ "public": true,
295
+ "deprecated": false
296
+ }
297
+ }
298
+ }
299
+ },
300
+ "600": {
301
+ "weight": {
302
+ "value": "{font.weight.300.value}",
303
+ "public": true,
304
+ "deprecated": false
305
+ },
306
+ "px": {
307
+ "breakpoint": {
308
+ "sm": {
309
+ "value": "{size.font.scale.responsive.160.px.value}",
310
+ "public": true,
311
+ "deprecated": false
312
+ },
313
+ "md": {
314
+ "value": "{size.font.scale.responsive.170.px.value}",
315
+ "public": true,
316
+ "deprecated": false
317
+ },
318
+ "lg": {
319
+ "value": "{size.font.scale.responsive.170.px.value}",
320
+ "public": true,
321
+ "deprecated": false
322
+ }
323
+ }
324
+ },
325
+ "size": {
326
+ "breakpoint": {
327
+ "sm": {
328
+ "value": "{size.font.scale.responsive.160.value}",
329
+ "public": true,
330
+ "deprecated": false
331
+ },
332
+ "md": {
333
+ "value": "{size.font.scale.responsive.170.value}",
334
+ "public": true,
335
+ "deprecated": false
336
+ },
337
+ "lg": {
338
+ "value": "{size.font.scale.responsive.170.value}",
339
+ "public": true,
340
+ "deprecated": false
341
+ }
342
+ }
343
+ },
344
+ "height": {
345
+ "breakpoint": {
346
+ "sm": {
347
+ "value": "{size.font.scale.responsive.180.value}",
348
+ "public": true,
349
+ "deprecated": false
350
+ },
351
+ "px-sm": {
352
+ "value": "{size.font.scale.responsive.180.px.value}",
353
+ "public": true,
354
+ "deprecated": false
355
+ },
356
+ "md": {
357
+ "value": "{size.font.scale.responsive.210.value}",
358
+ "public": true,
359
+ "deprecated": false
360
+ },
361
+ "px-md": {
362
+ "value": "{size.font.scale.responsive.210.px.value}",
363
+ "public": true,
364
+ "deprecated": false
365
+ },
366
+ "lg": {
367
+ "value": "{size.font.scale.responsive.220.value}",
368
+ "public": true,
369
+ "deprecated": false
370
+ },
371
+ "px-lg": {
372
+ "value": "{size.font.scale.responsive.220.px.value}",
373
+ "public": true,
374
+ "deprecated": false
375
+ }
376
+ }
377
+ }
378
+ },
379
+ "500": {
380
+ "weight": {
381
+ "value": "{font.weight.300.value}",
382
+ "public": true,
383
+ "deprecated": false
384
+ },
385
+ "px": {
386
+ "breakpoint": {
387
+ "sm": {
388
+ "value": "{size.font.scale.base.130.px.value}",
389
+ "public": true,
390
+ "deprecated": false
391
+ },
392
+ "md": {
393
+ "value": "{size.font.scale.base.150.px.value}",
394
+ "public": true,
395
+ "deprecated": false
396
+ },
397
+ "lg": {
398
+ "value": "{size.font.scale.base.150.px.value}",
399
+ "public": true,
400
+ "deprecated": false
401
+ }
402
+ }
403
+ },
404
+ "size": {
405
+ "breakpoint": {
406
+ "sm": {
407
+ "value": "{size.font.scale.base.130.value}",
408
+ "public": true,
409
+ "deprecated": false
410
+ },
411
+ "md": {
412
+ "value": "{size.font.scale.base.150.value}",
413
+ "public": true,
414
+ "deprecated": false
415
+ },
416
+ "lg": {
417
+ "value": "{size.font.scale.base.150.value}",
418
+ "public": true,
419
+ "deprecated": false
420
+ }
421
+ }
422
+ },
423
+ "height": {
424
+ "breakpoint": {
425
+ "sm": {
426
+ "value": "{size.font.scale.responsive.160.value}",
427
+ "public": true,
428
+ "deprecated": false
429
+ },
430
+ "px-sm": {
431
+ "value": "{size.font.scale.responsive.160.px.value}",
432
+ "public": true,
433
+ "deprecated": false
434
+ },
435
+ "md": {
436
+ "value": "{size.font.scale.responsive.180.value}",
437
+ "public": true,
438
+ "deprecated": false
439
+ },
440
+ "px-md": {
441
+ "value": "{size.font.scale.responsive.180.px.value}",
442
+ "public": true,
443
+ "deprecated": false
444
+ },
445
+ "lg": {
446
+ "value": "{size.font.scale.responsive.200.value}",
447
+ "public": true,
448
+ "deprecated": false
449
+ },
450
+ "px-lg": {
451
+ "value": "{size.font.scale.responsive.200.px.value}",
452
+ "public": true,
453
+ "deprecated": false
454
+ }
455
+ }
456
+ }
457
+ },
458
+ "400": {
459
+ "weight": {
460
+ "value": "{font.weight.300.value}",
461
+ "public": true,
462
+ "deprecated": false
463
+ },
464
+ "px": {
465
+ "value": "{size.font.scale.base.120.px.value}",
466
+ "public": true,
467
+ "deprecated": false
468
+ },
469
+ "size": {
470
+ "value": "{size.font.scale.base.120.value}",
471
+ "public": true,
472
+ "deprecated": false
473
+ },
474
+ "height": {
475
+ "value": "{size.font.scale.responsive.160.value}",
476
+ "public": true,
477
+ "deprecated": false
478
+ },
479
+ "height-px": {
480
+ "value": "{size.font.scale.responsive.160.px.value}",
481
+ "public": true,
482
+ "deprecated": false
483
+ }
484
+ },
485
+ "300": {
486
+ "weight": {
487
+ "value": "{font.weight.300.value}",
488
+ "public": true,
489
+ "deprecated": false
490
+ },
491
+ "px": {
492
+ "value": "{size.font.scale.base.110.px.value}",
493
+ "public": true,
494
+ "deprecated": false
495
+ },
496
+ "size": {
497
+ "value": "{size.font.scale.base.110.value}",
498
+ "public": true,
499
+ "deprecated": false
500
+ },
501
+ "height": {
502
+ "value": "{size.font.scale.responsive.160.value}",
503
+ "public": true,
504
+ "deprecated": false
505
+ },
506
+ "height-px": {
507
+ "value": "{size.font.scale.responsive.160.px.value}",
508
+ "public": true,
509
+ "deprecated": false
510
+ }
511
+ }
512
+ },
513
+ "body": {
514
+ "default": {
515
+ "weight": {
516
+ "value": "{font.weight.500.value}",
517
+ "public": true,
518
+ "deprecated": false
519
+ }
520
+ },
521
+ "size": {
522
+ "xxs": {
523
+ "value": "{size.font.scale.base.60.value}",
524
+ "public": true,
525
+ "deprecated": false
526
+ },
527
+ "xs": {
528
+ "value": "{size.font.scale.base.70.value}",
529
+ "public": true,
530
+ "deprecated": false
531
+ },
532
+ "sm": {
533
+ "value": "{size.font.scale.base.80.value}",
534
+ "public": true,
535
+ "deprecated": false
536
+ },
537
+ "default": {
538
+ "value": "{size.font.scale.base.100.value}",
539
+ "public": true,
540
+ "deprecated": false
541
+ },
542
+ "lg": {
543
+ "value": "{size.font.scale.base.110.value}",
544
+ "public": true,
545
+ "deprecated": false
546
+ }
547
+ },
548
+ "height": {
549
+ "xs": {
550
+ "value": "{size.font.scale.base.100.value}",
551
+ "public": true,
552
+ "deprecated": false
553
+ },
554
+ "sm": {
555
+ "value": "{size.font.scale.base.120.value}",
556
+ "public": true,
557
+ "deprecated": false
558
+ },
559
+ "default": {
560
+ "value": "{size.font.scale.base.150.value}",
561
+ "public": true,
562
+ "deprecated": false
563
+ },
564
+ "lg": {
565
+ "value": "{size.font.scale.responsive.160.value}",
566
+ "public": true,
567
+ "deprecated": false
568
+ }
569
+ }
570
+ }
571
+ }
572
+ }
package/src/themes/hawaiian/color/background.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "color": {
3
+ "background": {
4
+ "lightest": {
5
+ "value": "#F1F3F3",
6
+ "public": true,
7
+ "usage": "Used for creating light backgrounds",
8
+ "wcag": "n/a",
9
+ "deprecated": true,
10
+ "version": "4.5.0",
11
+ "reference": "n/a"
12
+ }
13
+ }
14
+ }
15
+ }
package/src/themes/hawaiian/color/border.json ADDED
@@ -0,0 +1,18 @@
1
+ {
2
+ "color": {
3
+ "border": {
4
+ "ui": {
5
+ "active": {
6
+ "default": {
7
+ "value": "#CE0C88",
8
+ "public": true,
9
+ "default": true,
10
+ "usage": "Active UI border color on light backgrounds",
11
+ "wcag": "n/a",
12
+ "deprecated": false
13
+ }
14
+ }
15
+ }
16
+ }
17
+ }
18
+ }
package/src/themes/hawaiian/color/container.json ADDED
@@ -0,0 +1,56 @@
1
+ {
2
+ "color": {
3
+ "container": {
4
+ "primary": {
5
+ "default": {
6
+ "value": "#ffffff",
7
+ "public": true,
8
+ "default": true,
9
+ "usage": "Primary color for containers on light backgrounds",
10
+ "wcag": "n/a",
11
+ "deprecated": false
12
+ }
13
+ },
14
+ "ui": {
15
+ "primary": {
16
+ "default": {
17
+ "default": {
18
+ "value": "#CE0C88",
19
+ "public": true,
20
+ "default": true,
21
+ "usage": "Primary active color for containers on light backgrounds",
22
+ "wcag": "n/a",
23
+ "deprecated": false
24
+ },
25
+ "inverse": {
26
+ "value": "#F358B0",
27
+ "public": true,
28
+ "inverse": true,
29
+ "usage": "Primary active color for containers on dark backgrounds",
30
+ "wcag": "n/a",
31
+ "deprecated": false
32
+ }
33
+ },
34
+ "active": {
35
+ "default": {
36
+ "value": "#CE0C88",
37
+ "public": true,
38
+ "default": true,
39
+ "usage": "Primary active color for containers on light backgrounds",
40
+ "wcag": "n/a",
41
+ "deprecated": false
42
+ },
43
+ "inverse": {
44
+ "value": "#F358B0",
45
+ "public": true,
46
+ "inverse": true,
47
+ "usage": "Primary active color for containers on dark backgrounds",
48
+ "wcag": "n/a",
49
+ "deprecated": false
50
+ }
51
+ }
52
+ }
53
+ }
54
+ }
55
+ }
56
+ }
package/src/themes/hawaiian/color/icon.json ADDED
@@ -0,0 +1,24 @@
1
+ {
2
+ "color": {
3
+ "icon": {
4
+ "primary": {
5
+ "default": {
6
+ "value": "#463C8F",
7
+ "public": true,
8
+ "default": true,
9
+ "usage": "Primary color for icons on light backgrounds",
10
+ "wcag": "n/a",
11
+ "deprecated": false
12
+ },
13
+ "inverse": {
14
+ "value": "#9B9DCA",
15
+ "public": true,
16
+ "inverse": true,
17
+ "usage": "Primary color for icons on dark backgrounds",
18
+ "wcag": "n/a",
19
+ "deprecated": false
20
+ }
21
+ }
22
+ }
23
+ }
24
+ }