@aurodesignsystem/design-tokens 5.8.1 → 5.8.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 (106) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +5 -12
  3. package/dist/CSSCustomProperties--bundled.css +17 -14
  4. package/dist/alaska/CSSCustomProperties--alaska.css +6 -5
  5. package/dist/alaska/JSONVariablesNested--alaska.json +5 -4
  6. package/dist/alaska/JSObject--allTokens.js +94 -979
  7. package/dist/alaska/SCSSVariables--alaska.scss +6 -5
  8. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +6 -5
  9. package/dist/alaska/primitives--alaska.scss +1 -1
  10. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +6 -5
  11. package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +5 -4
  12. package/dist/alaska-classic/JSObject--allTokens.js +94 -979
  13. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +6 -5
  14. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +6 -5
  15. package/dist/alaska-classic/primitives--alaskaClassic.scss +1 -1
  16. package/dist/auro-classic/CSSCustomProperties.css +1 -1
  17. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  18. package/dist/auro-classic/JSData--color.js +1 -1
  19. package/dist/auro-classic/JSObject--allTokens.js +1 -1
  20. package/dist/auro-classic/JSObject--deprecated.js +1 -1
  21. package/dist/auro-classic/JSVariables--color.js +1 -1
  22. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  23. package/dist/auro-classic/SCSSVariables.scss +1 -1
  24. package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  25. package/dist/auro-classic/SassCustomProperties.scss +1 -1
  26. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  27. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +7 -6
  28. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +6 -5
  29. package/dist/hawaiian/JSObject--allTokens.js +95 -980
  30. package/dist/hawaiian/SCSSVariables--hawaiian.scss +7 -6
  31. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +7 -6
  32. package/dist/hawaiian/primitives--hawaiian.scss +1 -1
  33. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  34. package/package.json +4 -2
  35. package/src/primitives/alaska/color.json +0 -110
  36. package/src/primitives/alaska/font.json +0 -2
  37. package/src/primitives/alaska-classic/color.json +0 -110
  38. package/src/primitives/alaska-classic/font.json +0 -2
  39. package/src/primitives/base/color.json +0 -67
  40. package/src/primitives/base/font.json +0 -37
  41. package/src/primitives/base/transparency.json +0 -26
  42. package/src/primitives/hawaiian/color.json +0 -70
  43. package/src/primitives/hawaiian/font.json +0 -2
  44. package/src/themes/alaska/advanced/color/accents.json +0 -12
  45. package/src/themes/alaska/advanced/color/boolean.json +1 -18
  46. package/src/themes/alaska/advanced/color/button/flat.json +0 -6
  47. package/src/themes/alaska/advanced/color/button/primary.json +0 -16
  48. package/src/themes/alaska/advanced/color/button/secondary.json +0 -12
  49. package/src/themes/alaska/advanced/color/button/tertiary.json +0 -7
  50. package/src/themes/alaska/advanced/color/hyperlink.json +0 -4
  51. package/src/themes/alaska/advanced/color/shared.json +23 -7
  52. package/src/themes/alaska/advanced/color/state.json +0 -16
  53. package/src/themes/alaska/basic/color/border.json +0 -7
  54. package/src/themes/alaska/basic/color/brand.json +0 -12
  55. package/src/themes/alaska/basic/color/fare-brand.json +0 -8
  56. package/src/themes/alaska/basic/color/page-background.json +0 -2
  57. package/src/themes/alaska/basic/color/status.json +0 -9
  58. package/src/themes/alaska/basic/color/surface.json +0 -10
  59. package/src/themes/alaska/basic/color/text-icon.json +1 -16
  60. package/src/themes/alaska/basic/corner-radius.json +0 -3
  61. package/src/themes/alaska/basic/font/accent.json +0 -105
  62. package/src/themes/alaska/basic/font/body.json +0 -25
  63. package/src/themes/alaska/basic/font/display.json +0 -90
  64. package/src/themes/alaska/basic/font/heading.json +0 -90
  65. package/src/themes/alaska-classic/advanced/color/accents.json +0 -12
  66. package/src/themes/alaska-classic/advanced/color/boolean.json +1 -18
  67. package/src/themes/alaska-classic/advanced/color/button/flat.json +0 -6
  68. package/src/themes/alaska-classic/advanced/color/button/primary.json +0 -16
  69. package/src/themes/alaska-classic/advanced/color/button/secondary.json +0 -12
  70. package/src/themes/alaska-classic/advanced/color/button/tertiary.json +0 -7
  71. package/src/themes/alaska-classic/advanced/color/hyperlink.json +0 -4
  72. package/src/themes/alaska-classic/advanced/color/shared.json +23 -7
  73. package/src/themes/alaska-classic/advanced/color/state.json +0 -16
  74. package/src/themes/alaska-classic/basic/color/border.json +0 -7
  75. package/src/themes/alaska-classic/basic/color/brand.json +0 -12
  76. package/src/themes/alaska-classic/basic/color/fare-brand.json +0 -8
  77. package/src/themes/alaska-classic/basic/color/page-background.json +0 -2
  78. package/src/themes/alaska-classic/basic/color/status.json +0 -9
  79. package/src/themes/alaska-classic/basic/color/surface.json +0 -10
  80. package/src/themes/alaska-classic/basic/color/text-icon.json +0 -15
  81. package/src/themes/alaska-classic/basic/corner-radius.json +0 -3
  82. package/src/themes/alaska-classic/basic/font/accent.json +0 -105
  83. package/src/themes/alaska-classic/basic/font/body.json +0 -25
  84. package/src/themes/alaska-classic/basic/font/display.json +0 -90
  85. package/src/themes/alaska-classic/basic/font/heading.json +0 -90
  86. package/src/themes/hawaiian/advanced/color/accents.json +0 -12
  87. package/src/themes/hawaiian/advanced/color/boolean.json +1 -18
  88. package/src/themes/hawaiian/advanced/color/button/flat.json +0 -6
  89. package/src/themes/hawaiian/advanced/color/button/primary.json +0 -16
  90. package/src/themes/hawaiian/advanced/color/button/secondary.json +0 -12
  91. package/src/themes/hawaiian/advanced/color/button/tertiary.json +0 -7
  92. package/src/themes/hawaiian/advanced/color/hyperlink.json +0 -4
  93. package/src/themes/hawaiian/advanced/color/shared.json +23 -7
  94. package/src/themes/hawaiian/advanced/color/state.json +0 -16
  95. package/src/themes/hawaiian/basic/color/border.json +0 -7
  96. package/src/themes/hawaiian/basic/color/brand.json +0 -12
  97. package/src/themes/hawaiian/basic/color/fare-brand.json +0 -8
  98. package/src/themes/hawaiian/basic/color/page-background.json +0 -2
  99. package/src/themes/hawaiian/basic/color/status.json +0 -9
  100. package/src/themes/hawaiian/basic/color/surface.json +0 -10
  101. package/src/themes/hawaiian/basic/color/text-icon.json +0 -15
  102. package/src/themes/hawaiian/basic/corner-radius.json +0 -3
  103. package/src/themes/hawaiian/basic/font/accent.json +0 -105
  104. package/src/themes/hawaiian/basic/font/body.json +0 -25
  105. package/src/themes/hawaiian/basic/font/display.json +0 -90
  106. package/src/themes/hawaiian/basic/font/heading.json +0 -90
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 11 Apr 2025 16:48:45 GMT
3
+ // Generated on Mon, 21 Apr 2025 18:34:12 GMT
4
4
 
5
5
  $ds-advanced-color-button-flat-text: #676767;
6
6
  $ds-advanced-color-button-flat-text-disabled: #d0d0d0;
@@ -66,7 +66,7 @@ $ds-advanced-color-boolean-isfalse: #ffffff;
66
66
  $ds-advanced-color-boolean-isfalse-border: #585e67;
67
67
  $ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
68
68
  $ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
69
- $ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.05);
69
+ $ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.2);
70
70
  $ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
71
71
  $ds-advanced-color-boolean-istrue: #01426a;
72
72
  $ds-advanced-color-boolean-istrue-hover: #00274a;
@@ -77,14 +77,16 @@ $ds-advanced-color-hyperlink-text-hover: #01426a;
77
77
  $ds-advanced-color-hyperlink-text-inverse: #ffffff;
78
78
  $ds-advanced-color-hyperlink-text-inverse-hover: #ebf3f9;
79
79
  $ds-advanced-color-shared-background: #ffffff;
80
- $ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.05);
80
+ $ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.2);
81
+ $ds-advanced-color-shared-background-inverse-disabled: rgba(255, 255, 255, 0.1);
82
+ $ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.15);
81
83
  $ds-advanced-color-shared-background-muted: #f7f7f7;
82
84
  $ds-advanced-color-shared-background-strong: #7e7e7e;
85
+ $ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);
83
86
  $ds-advanced-color-shared-text-accent: #2875b5;
84
87
  $ds-advanced-color-state-background-disabled: #dddddd;
85
88
  $ds-advanced-color-state-background-hover: #f2f2f2;
86
89
  $ds-advanced-color-state-background-inverse-disabled: #7e8894;
87
- $ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
88
90
  $ds-advanced-color-state-error-inverse: #f9a4a8;
89
91
  $ds-advanced-color-state-focused: #01426a;
90
92
  $ds-advanced-color-state-focused-inverse: #ffffff;
@@ -141,7 +143,6 @@ $ds-basic-color-surface-neutral-subtle: #f7f7f7;
141
143
  $ds-basic-color-texticon-accent1: #265688;
142
144
  $ds-basic-color-texticon-default: #2a2a2a;
143
145
  $ds-basic-color-texticon-disabled: #d0d0d0;
144
- $ds-basic-color-texticon-disabled-inverse: #7e8894;
145
146
  $ds-basic-color-texticon-inverse: #ffffff;
146
147
  $ds-basic-color-texticon-inverse-disabled: #7e8894;
147
148
  $ds-basic-color-texticon-inverse-muted: #ccd2db;
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Fri, 11 Apr 2025 16:48:45 GMT
4
+ Generated on Mon, 21 Apr 2025 18:34:12 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -69,7 +69,7 @@ $auroTokens: (
69
69
  'ds-advanced-color-boolean-isfalse-border': (#585e67),
70
70
  'ds-advanced-color-boolean-isfalse-border-inverse': (#ffffff),
71
71
  'ds-advanced-color-boolean-isfalse-hover': (#f2f2f2),
72
- 'ds-advanced-color-boolean-isfalse-inverse': (rgba(255, 255, 255, 0.05)),
72
+ 'ds-advanced-color-boolean-isfalse-inverse': (rgba(255, 255, 255, 0.2)),
73
73
  'ds-advanced-color-boolean-isfalse-inverse-hover': (rgba(255, 255, 255, 0.15)),
74
74
  'ds-advanced-color-boolean-istrue': (#01426a),
75
75
  'ds-advanced-color-boolean-istrue-hover': (#00274a),
@@ -80,14 +80,16 @@ $auroTokens: (
80
80
  'ds-advanced-color-hyperlink-text-inverse': (#ffffff),
81
81
  'ds-advanced-color-hyperlink-text-inverse-hover': (#ebf3f9),
82
82
  'ds-advanced-color-shared-background': (#ffffff),
83
- 'ds-advanced-color-shared-background-inverse': (rgba(255, 255, 255, 0.05)),
83
+ 'ds-advanced-color-shared-background-inverse': (rgba(255, 255, 255, 0.2)),
84
+ 'ds-advanced-color-shared-background-inverse-disabled': (rgba(255, 255, 255, 0.1)),
85
+ 'ds-advanced-color-shared-background-inverse-hover': (rgba(255, 255, 255, 0.15)),
84
86
  'ds-advanced-color-shared-background-muted': (#f7f7f7),
85
87
  'ds-advanced-color-shared-background-strong': (#7e7e7e),
88
+ 'ds-advanced-color-shared-scrim': (rgba(0, 0, 0, 0.5)),
86
89
  'ds-advanced-color-shared-text-accent': (#2875b5),
87
90
  'ds-advanced-color-state-background-disabled': (#dddddd),
88
91
  'ds-advanced-color-state-background-hover': (#f2f2f2),
89
92
  'ds-advanced-color-state-background-inverse-disabled': (#7e8894),
90
- 'ds-advanced-color-state-background-inverse-hover': (rgba(255, 255, 255, 0.15)),
91
93
  'ds-advanced-color-state-error-inverse': (#f9a4a8),
92
94
  'ds-advanced-color-state-focused': (#01426a),
93
95
  'ds-advanced-color-state-focused-inverse': (#ffffff),
@@ -144,7 +146,6 @@ $auroTokens: (
144
146
  'ds-basic-color-texticon-accent1': (#265688),
145
147
  'ds-basic-color-texticon-default': (#2a2a2a),
146
148
  'ds-basic-color-texticon-disabled': (#d0d0d0),
147
- 'ds-basic-color-texticon-disabled-inverse': (#7e8894),
148
149
  'ds-basic-color-texticon-inverse': (#ffffff),
149
150
  'ds-basic-color-texticon-inverse-disabled': (#7e8894),
150
151
  'ds-basic-color-texticon-inverse-muted': (#ccd2db),
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 11 Apr 2025 16:48:45 GMT
3
+ // Generated on Mon, 21 Apr 2025 18:34:12 GMT
4
4
 
5
5
  $as-color-atlas-100: #ebf7ff;
6
6
  $as-color-atlas-200: #aedeff;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 11 Apr 2025 16:48:45 GMT
3
+ * Generated on Mon, 21 Apr 2025 18:34:11 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -68,7 +68,7 @@
68
68
  --ds-advanced-color-boolean-isfalse-border: #585e67;
69
69
  --ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;
70
70
  --ds-advanced-color-boolean-isfalse-hover: #f2f2f2;
71
- --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.05);
71
+ --ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.2);
72
72
  --ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.15);
73
73
  --ds-advanced-color-boolean-istrue: #0074ca;
74
74
  --ds-advanced-color-boolean-istrue-hover: #003761;
@@ -79,14 +79,16 @@
79
79
  --ds-advanced-color-hyperlink-text-inverse: #97eaf8;
80
80
  --ds-advanced-color-hyperlink-text-inverse-hover: #b4eff9;
81
81
  --ds-advanced-color-shared-background: #ffffff;
82
- --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.05);
82
+ --ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.2);
83
+ --ds-advanced-color-shared-background-inverse-disabled: rgba(255, 255, 255, 0.1);
84
+ --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.15);
83
85
  --ds-advanced-color-shared-background-muted: #f7f7f7;
84
86
  --ds-advanced-color-shared-background-strong: #7e7e7e;
87
+ --ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);
85
88
  --ds-advanced-color-shared-text-accent: #0074ca;
86
89
  --ds-advanced-color-state-background-disabled: #dddddd;
87
90
  --ds-advanced-color-state-background-hover: #f2f2f2;
88
91
  --ds-advanced-color-state-background-inverse-disabled: #7e8894;
89
- --ds-advanced-color-state-background-inverse-hover: rgba(255, 255, 255, 0.15);
90
92
  --ds-advanced-color-state-error-inverse: #e31f26;
91
93
  --ds-advanced-color-state-focused: #0074ca;
92
94
  --ds-advanced-color-state-focused-inverse: #5de3f7;
@@ -143,7 +145,6 @@
143
145
  --ds-basic-color-texticon-accent1: #01426a;
144
146
  --ds-basic-color-texticon-default: #2a2a2a;
145
147
  --ds-basic-color-texticon-disabled: #d0d0d0;
146
- --ds-basic-color-texticon-disabled-inverse: #7e8894;
147
148
  --ds-basic-color-texticon-inverse: #ffffff;
148
149
  --ds-basic-color-texticon-inverse-disabled: #7e8894;
149
150
  --ds-basic-color-texticon-inverse-muted: #ccd2db;
@@ -78,7 +78,7 @@
78
78
  "isfalseBorder": "#585e67",
79
79
  "isfalseBorderInverse": "#ffffff",
80
80
  "isfalseHover": "#f2f2f2",
81
- "isfalseInverse": "rgba(255, 255, 255, 0.05)",
81
+ "isfalseInverse": "rgba(255, 255, 255, 0.2)",
82
82
  "isfalseInverseHover": "rgba(255, 255, 255, 0.15)",
83
83
  "istrue": "#0074ca",
84
84
  "istrueHover": "#003761",
@@ -93,16 +93,18 @@
93
93
  },
94
94
  "shared": {
95
95
  "background": "#ffffff",
96
- "backgroundInverse": "rgba(255, 255, 255, 0.05)",
96
+ "backgroundInverse": "rgba(255, 255, 255, 0.2)",
97
+ "backgroundInverseDisabled": "rgba(255, 255, 255, 0.1)",
98
+ "backgroundInverseHover": "rgba(255, 255, 255, 0.15)",
97
99
  "backgroundMuted": "#f7f7f7",
98
100
  "backgroundStrong": "#7e7e7e",
101
+ "scrim": "rgba(0, 0, 0, 0.5)",
99
102
  "textAccent": "#0074ca"
100
103
  },
101
104
  "state": {
102
105
  "backgroundDisabled": "#dddddd",
103
106
  "backgroundHover": "#f2f2f2",
104
107
  "backgroundInverseDisabled": "#7e8894",
105
- "backgroundInverseHover": "rgba(255, 255, 255, 0.15)",
106
108
  "errorInverse": "#e31f26",
107
109
  "focused": "#0074ca",
108
110
  "focusedInverse": "#5de3f7",
@@ -179,7 +181,6 @@
179
181
  "accent1": "#01426a",
180
182
  "default": "#2a2a2a",
181
183
  "disabled": "#d0d0d0",
182
- "disabledInverse": "#7e8894",
183
184
  "inverse": "#ffffff",
184
185
  "inverseDisabled": "#7e8894",
185
186
  "inverseMuted": "#ccd2db",