@aurodesignsystem/design-tokens 5.0.1 → 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 +7 -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 +3 -5
  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
@@ -1,66 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Wed, 26 Feb 2025 23:23:49 GMT
4
- */
5
-
6
- :root {
7
- --ds-color-border-bold: #adadad;
8
- --ds-color-border-brand: #d0d0d0;
9
- --ds-color-border-default: #d0d0d0;
10
- --ds-color-border-divider: #00000026;
11
- --ds-color-border-divider-inverse: #ffffff66;
12
- --ds-color-border-inverse: #ffffff;
13
- --ds-color-border-subtle: #dddddd;
14
- --ds-color-brand-accent1: #00a5ba;
15
- --ds-color-brand-primary: #ce0c88;
16
- --ds-color-brand-primary-bold: #831a57;
17
- --ds-color-brand-primary-subtle: #f0a5d2;
18
- --ds-color-brand-secondary: #463c8f;
19
- --ds-color-brand-secondary-bold: #31295c;
20
- --ds-color-brand-secondary-subtle: #8c7eb8;
21
- --ds-color-brand-tertiary: #ee453d;
22
- --ds-color-brand-tertiary-bold: #97322a;
23
- --ds-color-brand-tertiary-subtle: #ff9080;
24
- --ds-color-fare-brand-basic: #d0d0d0;
25
- --ds-color-fare-brand-first: #463c8f;
26
- --ds-color-fare-brand-economy: #ce0c88;
27
- --ds-color-fare-brand-premium: #00a5ba;
28
- --ds-color-fare-brand-one-world-emerald: #139142;
29
- --ds-color-fare-brand-one-world-ruby: #a41d4a;
30
- --ds-color-fare-brand-one-world-sapphire: #015daa;
31
- --ds-color-page-background-default: #ffffff;
32
- --ds-color-page-background-utility: #f7f7f7;
33
- --ds-color-status-default: #463c8f;
34
- --ds-color-status-error: #e53339;
35
- --ds-color-status-error-subtle: #fddede;
36
- --ds-color-status-info: #007db1;
37
- --ds-color-status-info-subtle: #e8f2f8;
38
- --ds-color-status-success: #529325;
39
- --ds-color-status-success-subtle: #e4f1da;
40
- --ds-color-status-warning: #9e7b00;
41
- --ds-color-status-warning-subtle: #fff6d1;
42
- --ds-color-surface-accent1: #f2f2f2;
43
- --ds-color-surface-accent1-muted: #f2f2f2;
44
- --ds-color-surface-default: #ffffff;
45
- --ds-color-surface-inverse: #463c8f;
46
- --ds-color-surface-inverse-subtle: #463c8f;
47
- --ds-color-surface-neutral-medium: #dddddd;
48
- --ds-color-surface-neutral-subtle: #f2f2f2;
49
- --ds-color-texticon-accent1: #000000;
50
- --ds-color-texticon-default: #000000;
51
- --ds-color-texticon-disabled: #adadad;
52
- --ds-color-texticon-inverse: #ffffff;
53
- --ds-color-texticon-muted: #3d3d3d;
54
- --ds-font-weight-display: Semibold;
55
- --ds-font-weight-body-default: Regular;
56
- --ds-font-weight-body-large: Regular;
57
- --ds-font-weight-body-small: Regular;
58
- --ds-font-weight-body-xsmall: Regular;
59
- --ds-font-weight-body-xxsmall: Regular;
60
- --ds-font-weight-heading-heading1: Regular;
61
- --ds-font-weight-heading-heading2: Regular;
62
- --ds-font-weight-heading-heading3: Medium;
63
- --ds-font-weight-heading-heading4: Medium;
64
- --ds-font-weight-heading-heading5: Medium;
65
- --ds-font-weight-heading-heading6: Medium;
66
- }
@@ -1,63 +0,0 @@
1
-
2
- // Do not edit directly
3
- // Generated on Wed, 26 Feb 2025 23:23:49 GMT
4
-
5
- $ds-color-border-bold: #adadad;
6
- $ds-color-border-brand: #d0d0d0;
7
- $ds-color-border-default: #d0d0d0;
8
- $ds-color-border-divider: #00000026;
9
- $ds-color-border-divider-inverse: #ffffff66;
10
- $ds-color-border-inverse: #ffffff;
11
- $ds-color-border-subtle: #dddddd;
12
- $ds-color-brand-accent1: #00a5ba;
13
- $ds-color-brand-primary: #ce0c88;
14
- $ds-color-brand-primary-bold: #831a57;
15
- $ds-color-brand-primary-subtle: #f0a5d2;
16
- $ds-color-brand-secondary: #463c8f;
17
- $ds-color-brand-secondary-bold: #31295c;
18
- $ds-color-brand-secondary-subtle: #8c7eb8;
19
- $ds-color-brand-tertiary: #ee453d;
20
- $ds-color-brand-tertiary-bold: #97322a;
21
- $ds-color-brand-tertiary-subtle: #ff9080;
22
- $ds-color-fare-brand-basic: #d0d0d0;
23
- $ds-color-fare-brand-first: #463c8f;
24
- $ds-color-fare-brand-economy: #ce0c88;
25
- $ds-color-fare-brand-premium: #00a5ba;
26
- $ds-color-fare-brand-one-world-emerald: #139142;
27
- $ds-color-fare-brand-one-world-ruby: #a41d4a;
28
- $ds-color-fare-brand-one-world-sapphire: #015daa;
29
- $ds-color-page-background-default: #ffffff;
30
- $ds-color-page-background-utility: #f7f7f7;
31
- $ds-color-status-default: #463c8f;
32
- $ds-color-status-error: #e53339;
33
- $ds-color-status-error-subtle: #fddede;
34
- $ds-color-status-info: #007db1;
35
- $ds-color-status-info-subtle: #e8f2f8;
36
- $ds-color-status-success: #529325;
37
- $ds-color-status-success-subtle: #e4f1da;
38
- $ds-color-status-warning: #9e7b00;
39
- $ds-color-status-warning-subtle: #fff6d1;
40
- $ds-color-surface-accent1: #f2f2f2;
41
- $ds-color-surface-accent1-muted: #f2f2f2;
42
- $ds-color-surface-default: #ffffff;
43
- $ds-color-surface-inverse: #463c8f;
44
- $ds-color-surface-inverse-subtle: #463c8f;
45
- $ds-color-surface-neutral-medium: #dddddd;
46
- $ds-color-surface-neutral-subtle: #f2f2f2;
47
- $ds-color-texticon-accent1: #000000;
48
- $ds-color-texticon-default: #000000;
49
- $ds-color-texticon-disabled: #adadad;
50
- $ds-color-texticon-inverse: #ffffff;
51
- $ds-color-texticon-muted: #3d3d3d;
52
- $ds-font-weight-display: Semibold;
53
- $ds-font-weight-body-default: Regular;
54
- $ds-font-weight-body-large: Regular;
55
- $ds-font-weight-body-small: Regular;
56
- $ds-font-weight-body-xsmall: Regular;
57
- $ds-font-weight-body-xxsmall: Regular;
58
- $ds-font-weight-heading-heading1: Regular;
59
- $ds-font-weight-heading-heading2: Regular;
60
- $ds-font-weight-heading-heading3: Medium;
61
- $ds-font-weight-heading-heading4: Medium;
62
- $ds-font-weight-heading-heading5: Medium;
63
- $ds-font-weight-heading-heading6: Medium;
@@ -1,67 +0,0 @@
1
-
2
- /*
3
- Do not edit directly
4
- Generated on Wed, 26 Feb 2025 23:23:49 GMT
5
- */
6
-
7
- $auroTokens: (
8
- 'ds-color-border-bold': (#adadad),
9
- 'ds-color-border-brand': (#d0d0d0),
10
- 'ds-color-border-default': (#d0d0d0),
11
- 'ds-color-border-divider': (#00000026),
12
- 'ds-color-border-divider-inverse': (#ffffff66),
13
- 'ds-color-border-inverse': (#ffffff),
14
- 'ds-color-border-subtle': (#dddddd),
15
- 'ds-color-brand-accent1': (#00a5ba),
16
- 'ds-color-brand-primary': (#ce0c88),
17
- 'ds-color-brand-primary-bold': (#831a57),
18
- 'ds-color-brand-primary-subtle': (#f0a5d2),
19
- 'ds-color-brand-secondary': (#463c8f),
20
- 'ds-color-brand-secondary-bold': (#31295c),
21
- 'ds-color-brand-secondary-subtle': (#8c7eb8),
22
- 'ds-color-brand-tertiary': (#ee453d),
23
- 'ds-color-brand-tertiary-bold': (#97322a),
24
- 'ds-color-brand-tertiary-subtle': (#ff9080),
25
- 'ds-color-fare-brand-basic': (#d0d0d0),
26
- 'ds-color-fare-brand-first': (#463c8f),
27
- 'ds-color-fare-brand-economy': (#ce0c88),
28
- 'ds-color-fare-brand-premium': (#00a5ba),
29
- 'ds-color-fare-brand-one-world-emerald': (#139142),
30
- 'ds-color-fare-brand-one-world-ruby': (#a41d4a),
31
- 'ds-color-fare-brand-one-world-sapphire': (#015daa),
32
- 'ds-color-page-background-default': (#ffffff),
33
- 'ds-color-page-background-utility': (#f7f7f7),
34
- 'ds-color-status-default': (#463c8f),
35
- 'ds-color-status-error': (#e53339),
36
- 'ds-color-status-error-subtle': (#fddede),
37
- 'ds-color-status-info': (#007db1),
38
- 'ds-color-status-info-subtle': (#e8f2f8),
39
- 'ds-color-status-success': (#529325),
40
- 'ds-color-status-success-subtle': (#e4f1da),
41
- 'ds-color-status-warning': (#9e7b00),
42
- 'ds-color-status-warning-subtle': (#fff6d1),
43
- 'ds-color-surface-accent1': (#f2f2f2),
44
- 'ds-color-surface-accent1-muted': (#f2f2f2),
45
- 'ds-color-surface-default': (#ffffff),
46
- 'ds-color-surface-inverse': (#463c8f),
47
- 'ds-color-surface-inverse-subtle': (#463c8f),
48
- 'ds-color-surface-neutral-medium': (#dddddd),
49
- 'ds-color-surface-neutral-subtle': (#f2f2f2),
50
- 'ds-color-texticon-accent1': (#000000),
51
- 'ds-color-texticon-default': (#000000),
52
- 'ds-color-texticon-disabled': (#adadad),
53
- 'ds-color-texticon-inverse': (#ffffff),
54
- 'ds-color-texticon-muted': (#3d3d3d),
55
- 'ds-font-weight-display': (Semibold),
56
- 'ds-font-weight-body-default': (Regular),
57
- 'ds-font-weight-body-large': (Regular),
58
- 'ds-font-weight-body-small': (Regular),
59
- 'ds-font-weight-body-xsmall': (Regular),
60
- 'ds-font-weight-body-xxsmall': (Regular),
61
- 'ds-font-weight-heading-heading1': (Regular),
62
- 'ds-font-weight-heading-heading2': (Regular),
63
- 'ds-font-weight-heading-heading3': (Medium),
64
- 'ds-font-weight-heading-heading4': (Medium),
65
- 'ds-font-weight-heading-heading5': (Medium),
66
- 'ds-font-weight-heading-heading6': (Medium)
67
- );
@@ -1,175 +0,0 @@
1
-
2
- // Do not edit directly
3
- // Generated on Wed, 26 Feb 2025 23:23:49 GMT
4
-
5
- $hi-color-status-help-100: #e8f2f8;
6
- $hi-color-status-help-200: #dbe6f0;
7
- $hi-color-status-help-300: #abc7de;
8
- $hi-color-status-help-400: #7eabcd;
9
- $hi-color-status-help-500: #5494c0;
10
- $hi-color-status-help-600: #007db1;
11
- $hi-color-status-help-700: #136791;
12
- $hi-color-status-help-800: #195170;
13
- $hi-color-status-help-900: #193b51;
14
- $hi-color-status-help-1000: #152734;
15
- $hi-color-status-warn-100: #fff6d1;
16
- $hi-color-status-warn-200: #ffe382;
17
- $hi-color-status-warn-300: #fac200;
18
- $hi-color-status-warn-400: #e0ae00;
19
- $hi-color-status-warn-500: #bd9200;
20
- $hi-color-status-warn-600: #9e7b00;
21
- $hi-color-status-warn-700: #856700;
22
- $hi-color-status-warn-800: #6b5300;
23
- $hi-color-status-warn-900: #523f00;
24
- $hi-color-status-warn-1000: #382b00;
25
- $hi-color-black: #000000;
26
- $hi-color-white: #ffffff;
27
- $hi-color-one-world-emerald: #139142;
28
- $hi-color-one-world-ruby: #a41d4a;
29
- $hi-color-one-world-sapphire: #015daa;
30
- $hi-color-gray-50: #f2f2f2;
31
- $hi-color-gray-100: #f7f7f7;
32
- $hi-color-gray-200: #dddddd;
33
- $hi-color-gray-250: #d0d0d0;
34
- $hi-color-gray-300: #c5c5c5;
35
- $hi-color-gray-400: #adadad;
36
- $hi-color-gray-500: #959595;
37
- $hi-color-gray-600: #7e7e7e;
38
- $hi-color-gray-700: #676767;
39
- $hi-color-gray-800: #525252;
40
- $hi-color-gray-900: #3d3d3d;
41
- $hi-color-gray-1000: #2a2a2a;
42
- $hi-color-neutral-100: #f7f8fa;
43
- $hi-color-neutral-200: #e4e8ec;
44
- $hi-color-neutral-300: #ccd2db;
45
- $hi-color-neutral-400: #afb9c6;
46
- $hi-color-neutral-500: #939fad;
47
- $hi-color-neutral-600: #7e8894;
48
- $hi-color-neutral-700: #6a717c;
49
- $hi-color-neutral-800: #585e67;
50
- $hi-color-neutral-900: #484d55;
51
- $hi-color-neutral-1000: #393d43;
52
- $hi-color-alohapink-100: #fdf1f8;
53
- $hi-color-alohapink-200: #fad8eb;
54
- $hi-color-alohapink-300: #f5bede;
55
- $hi-color-alohapink-400: #f0a5d2;
56
- $hi-color-alohapink-500: #e26db8;
57
- $hi-color-alohapink-600: #ce0c88;
58
- $hi-color-alohapink-700: #a91770;
59
- $hi-color-alohapink-800: #831a57;
60
- $hi-color-alohapink-900: #5f1940;
61
- $hi-color-alohapink-1000: #3d152a;
62
- $hi-color-kaunaoa-100: #fcf3e9;
63
- $hi-color-kaunaoa-200: #f6dbbc;
64
- $hi-color-kaunaoa-300: #f2ca9c;
65
- $hi-color-kaunaoa-400: #edb97d;
66
- $hi-color-kaunaoa-500: #e7a14f;
67
- $hi-color-kaunaoa-600: #e39131;
68
- $hi-color-kaunaoa-700: #c6771b;
69
- $hi-color-kaunaoa-800: #995c15;
70
- $hi-color-kaunaoa-900: #6c410f;
71
- $hi-color-kaunaoa-1000: #3a2308;
72
- $hi-color-kukui-100: #eef7ee;
73
- $hi-color-kukui-200: #d2e9d4;
74
- $hi-color-kukui-300: #b0d9b2;
75
- $hi-color-kukui-400: #8ec891;
76
- $hi-color-kukui-500: #76bc78;
77
- $hi-color-kukui-600: #5db060;
78
- $hi-color-kukui-700: #48934b;
79
- $hi-color-kukui-800: #377139;
80
- $hi-color-kukui-900: #264f28;
81
- $hi-color-kukui-1000: #162d17;
82
- $hi-color-marine-100: #eaeefa;
83
- $hi-color-marine-200: #c0ccf1;
84
- $hi-color-marine-300: #b0beed;
85
- $hi-color-marine-400: #9bade9;
86
- $hi-color-marine-500: #8298e3;
87
- $hi-color-marine-600: #718bdf;
88
- $hi-color-marine-700: #5876da;
89
- $hi-color-marine-800: #4768d6;
90
- $hi-color-marine-900: #2b4dc0;
91
- $hi-color-marine-1000: #182c6c;
92
- $hi-color-ocean-100: #ecf6f8;
93
- $hi-color-ocean-200: #cbe6ec;
94
- $hi-color-ocean-300: #a8d6df;
95
- $hi-color-ocean-400: #83c6d3;
96
- $hi-color-ocean-500: #59b6c7;
97
- $hi-color-ocean-600: #00a5ba;
98
- $hi-color-ocean-700: #158798;
99
- $hi-color-ocean-800: #1b6976;
100
- $hi-color-ocean-900: #1b4c55;
101
- $hi-color-ocean-1000: #173136;
102
- $hi-color-royalpurple-100: #edeaf4;
103
- $hi-color-royalpurple-200: #ccc5e0;
104
- $hi-color-royalpurple-300: #aca1cc;
105
- $hi-color-royalpurple-400: #8c7eb8;
106
- $hi-color-royalpurple-500: #6b5da4;
107
- $hi-color-royalpurple-600: #463c8f;
108
- $hi-color-royalpurple-700: #3c3376;
109
- $hi-color-royalpurple-800: #31295c;
110
- $hi-color-royalpurple-900: #262043;
111
- $hi-color-royalpurple-1000: #1b172c;
112
- $hi-color-sunset-100: #ffeeea;
113
- $hi-color-sunset-200: #ffcfc5;
114
- $hi-color-sunset-300: #ffb0a2;
115
- $hi-color-sunset-400: #ff9080;
116
- $hi-color-sunset-500: #f86e5f;
117
- $hi-color-sunset-600: #ee453d;
118
- $hi-color-sunset-700: #c33c34;
119
- $hi-color-sunset-800: #97322a;
120
- $hi-color-sunset-900: #6d2721;
121
- $hi-color-sunset-1000: #451c17;
122
- $hi-font-family-body: Slate Pro;
123
- $hi-font-family-display: Chronicle Display;
124
- $hi-font-family-heading: Slate Pro;
125
- $hi-font-weight-bold: Bold;
126
- $hi-font-weight-book: Book;
127
- $hi-font-weight-light: Light;
128
- $hi-font-weight-medium: Medium;
129
- $hi-font-weight-regular: Regular;
130
- $hi-font-weight-semibold: Semibold;
131
- $hi-font-size-10: 0.625rem; // 10px
132
- $hi-font-size-12: 0.75rem; // 12px
133
- $hi-font-size-14: 0.875rem; // 14px
134
- $hi-font-size-16: 1rem; // 16px
135
- $hi-font-size-18: 1.125rem; // 18px
136
- $hi-font-size-20: 1.25rem; // 20px
137
- $hi-font-size-22: 1.375rem; // 22px
138
- $hi-font-size-24: 1.5rem; // 24px
139
- $hi-font-size-26: 1.625rem; // 26px
140
- $hi-font-size-28: 1.75rem; // 28px
141
- $hi-font-size-32: 2rem; // 32px
142
- $hi-font-size-36: 2.25rem; // 36px
143
- $hi-font-size-38: 2.375rem; // 38px
144
- $hi-font-size-40: 2.5rem; // 40px
145
- $hi-font-size-44: 2.75rem; // 44px
146
- $hi-font-size-48: 3rem; // 48px
147
- $hi-font-size-56: 3.5rem; // 56px
148
- $hi-font-size-64: 4rem; // 64px
149
- $hi-font-size-72: 4.5rem; // 72px
150
- $hi-font-size-86: 5.375rem; // 86px
151
- $hi-transparency-black-5: #0000000d;
152
- $hi-transparency-black-10: #0000001a;
153
- $hi-transparency-black-15: #00000026;
154
- $hi-transparency-black-20: #00000033;
155
- $hi-transparency-black-30: #0000004d;
156
- $hi-transparency-black-40: #00000066;
157
- $hi-transparency-black-50: #00000080;
158
- $hi-transparency-black-55: #0000008c;
159
- $hi-transparency-black-60: #00000099;
160
- $hi-transparency-black-70: #000000b2;
161
- $hi-transparency-black-75: #000000bf;
162
- $hi-transparency-black-80: #000000cc;
163
- $hi-transparency-black-90: #000000e5;
164
- $hi-transparency-white-5: #ffffff0d;
165
- $hi-transparency-white-10: #ffffff1a;
166
- $hi-transparency-white-20: #ffffff33;
167
- $hi-transparency-white-30: #ffffff4d;
168
- $hi-transparency-white-40: #ffffff66;
169
- $hi-transparency-white-50: #ffffff80;
170
- $hi-transparency-white-55: #ffffff8c;
171
- $hi-transparency-white-60: #ffffff99;
172
- $hi-transparency-white-70: #ffffffb2;
173
- $hi-transparency-white-75: #ffffffbf;
174
- $hi-transparency-white-80: #ffffffcc;
175
- $hi-transparency-white-90: #ffffffe5;