@aurodesignsystem/design-tokens 5.8.2 → 5.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (112) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +4 -12
  3. package/dist/CSSCustomProperties--bundled.css +16 -1
  4. package/dist/alaska/CSSCustomProperties--alaska.css +6 -1
  5. package/dist/alaska/JSONVariablesNested--alaska.json +9 -0
  6. package/dist/alaska/JSObject--allTokens.js +150 -915
  7. package/dist/alaska/SCSSVariables--alaska.scss +6 -1
  8. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +6 -1
  9. package/dist/alaska/primitives--alaska.scss +1 -1
  10. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +6 -1
  11. package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +9 -0
  12. package/dist/alaska-classic/JSObject--allTokens.js +150 -915
  13. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +6 -1
  14. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +6 -1
  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 +6 -1
  28. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +9 -0
  29. package/dist/hawaiian/JSObject--allTokens.js +150 -915
  30. package/dist/hawaiian/SCSSVariables--hawaiian.scss +6 -1
  31. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +6 -1
  32. package/dist/hawaiian/primitives--hawaiian.scss +1 -1
  33. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  34. package/package.json +5 -3
  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/avatar.json +22 -0
  46. package/src/themes/alaska/advanced/color/boolean.json +0 -17
  47. package/src/themes/alaska/advanced/color/button/flat.json +0 -6
  48. package/src/themes/alaska/advanced/color/button/primary.json +0 -16
  49. package/src/themes/alaska/advanced/color/button/secondary.json +0 -12
  50. package/src/themes/alaska/advanced/color/button/tertiary.json +0 -7
  51. package/src/themes/alaska/advanced/color/hyperlink.json +0 -4
  52. package/src/themes/alaska/advanced/color/shared.json +7 -7
  53. package/src/themes/alaska/advanced/color/skeleton.json +22 -0
  54. package/src/themes/alaska/advanced/color/state.json +0 -8
  55. package/src/themes/alaska/basic/color/border.json +0 -7
  56. package/src/themes/alaska/basic/color/brand.json +0 -12
  57. package/src/themes/alaska/basic/color/fare-brand.json +0 -8
  58. package/src/themes/alaska/basic/color/page-background.json +0 -2
  59. package/src/themes/alaska/basic/color/status.json +0 -9
  60. package/src/themes/alaska/basic/color/surface.json +0 -10
  61. package/src/themes/alaska/basic/color/text-icon.json +0 -7
  62. package/src/themes/alaska/basic/corner-radius.json +0 -3
  63. package/src/themes/alaska/basic/font/accent.json +0 -105
  64. package/src/themes/alaska/basic/font/body.json +0 -25
  65. package/src/themes/alaska/basic/font/display.json +0 -90
  66. package/src/themes/alaska/basic/font/heading.json +0 -90
  67. package/src/themes/alaska-classic/advanced/color/accents.json +0 -12
  68. package/src/themes/alaska-classic/advanced/color/avatar.json +22 -0
  69. package/src/themes/alaska-classic/advanced/color/boolean.json +0 -17
  70. package/src/themes/alaska-classic/advanced/color/button/flat.json +0 -6
  71. package/src/themes/alaska-classic/advanced/color/button/primary.json +0 -16
  72. package/src/themes/alaska-classic/advanced/color/button/secondary.json +0 -12
  73. package/src/themes/alaska-classic/advanced/color/button/tertiary.json +0 -7
  74. package/src/themes/alaska-classic/advanced/color/hyperlink.json +0 -4
  75. package/src/themes/alaska-classic/advanced/color/shared.json +7 -7
  76. package/src/themes/alaska-classic/advanced/color/skeleton.json +22 -0
  77. package/src/themes/alaska-classic/advanced/color/state.json +0 -8
  78. package/src/themes/alaska-classic/basic/color/border.json +0 -7
  79. package/src/themes/alaska-classic/basic/color/brand.json +0 -12
  80. package/src/themes/alaska-classic/basic/color/fare-brand.json +0 -8
  81. package/src/themes/alaska-classic/basic/color/page-background.json +0 -2
  82. package/src/themes/alaska-classic/basic/color/status.json +0 -9
  83. package/src/themes/alaska-classic/basic/color/surface.json +0 -10
  84. package/src/themes/alaska-classic/basic/color/text-icon.json +0 -7
  85. package/src/themes/alaska-classic/basic/corner-radius.json +0 -3
  86. package/src/themes/alaska-classic/basic/font/accent.json +0 -105
  87. package/src/themes/alaska-classic/basic/font/body.json +0 -25
  88. package/src/themes/alaska-classic/basic/font/display.json +0 -90
  89. package/src/themes/alaska-classic/basic/font/heading.json +0 -90
  90. package/src/themes/hawaiian/advanced/color/accents.json +0 -12
  91. package/src/themes/hawaiian/advanced/color/avatar.json +22 -0
  92. package/src/themes/hawaiian/advanced/color/boolean.json +0 -17
  93. package/src/themes/hawaiian/advanced/color/button/flat.json +0 -6
  94. package/src/themes/hawaiian/advanced/color/button/primary.json +0 -16
  95. package/src/themes/hawaiian/advanced/color/button/secondary.json +0 -12
  96. package/src/themes/hawaiian/advanced/color/button/tertiary.json +0 -7
  97. package/src/themes/hawaiian/advanced/color/hyperlink.json +0 -4
  98. package/src/themes/hawaiian/advanced/color/shared.json +7 -7
  99. package/src/themes/hawaiian/advanced/color/skeleton.json +22 -0
  100. package/src/themes/hawaiian/advanced/color/state.json +0 -8
  101. package/src/themes/hawaiian/basic/color/border.json +0 -7
  102. package/src/themes/hawaiian/basic/color/brand.json +0 -12
  103. package/src/themes/hawaiian/basic/color/fare-brand.json +0 -8
  104. package/src/themes/hawaiian/basic/color/page-background.json +0 -2
  105. package/src/themes/hawaiian/basic/color/status.json +0 -9
  106. package/src/themes/hawaiian/basic/color/surface.json +0 -10
  107. package/src/themes/hawaiian/basic/color/text-icon.json +0 -7
  108. package/src/themes/hawaiian/basic/corner-radius.json +0 -3
  109. package/src/themes/hawaiian/basic/font/accent.json +0 -105
  110. package/src/themes/hawaiian/basic/font/body.json +0 -25
  111. package/src/themes/hawaiian/basic/font/display.json +0 -90
  112. 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 Mon, 14 Apr 2025 18:42:59 GMT
3
+ // Generated on Tue, 22 Apr 2025 19:28:24 GMT
4
4
 
5
5
  $ds-advanced-color-button-flat-text: #676767;
6
6
  $ds-advanced-color-button-flat-text-disabled: #d0d0d0;
@@ -55,6 +55,8 @@ $ds-advanced-color-accents-accent3-muted: #aedeff;
55
55
  $ds-advanced-color-accents-accent4: #feb17a;
56
56
  $ds-advanced-color-accents-accent4-bold: #fb7f24;
57
57
  $ds-advanced-color-accents-accent4-muted: #ffe2cf;
58
+ $ds-advanced-color-avatar-gradient-bottom: #cfe0ef;
59
+ $ds-advanced-color-avatar-gradient-top: #6899c6;
58
60
  $ds-advanced-color-boolean-disabled-inverse: #7e8894;
59
61
  $ds-advanced-color-boolean-error: #e31f26;
60
62
  $ds-advanced-color-boolean-error-hover: #b1161c;
@@ -82,7 +84,10 @@ $ds-advanced-color-shared-background-inverse-disabled: rgba(255, 255, 255, 0.1);
82
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;
89
+ $ds-advanced-color-skeleton-background: #f7f8fa;
90
+ $ds-advanced-color-skeleton-wave: #e4e8ec;
86
91
  $ds-advanced-color-state-background-disabled: #dddddd;
87
92
  $ds-advanced-color-state-background-hover: #f2f2f2;
88
93
  $ds-advanced-color-state-background-inverse-disabled: #7e8894;
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Mon, 14 Apr 2025 18:42:59 GMT
4
+ Generated on Tue, 22 Apr 2025 19:28:24 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -58,6 +58,8 @@ $auroTokens: (
58
58
  'ds-advanced-color-accents-accent4': (#feb17a),
59
59
  'ds-advanced-color-accents-accent4-bold': (#fb7f24),
60
60
  'ds-advanced-color-accents-accent4-muted': (#ffe2cf),
61
+ 'ds-advanced-color-avatar-gradient-bottom': (#cfe0ef),
62
+ 'ds-advanced-color-avatar-gradient-top': (#6899c6),
61
63
  'ds-advanced-color-boolean-disabled-inverse': (#7e8894),
62
64
  'ds-advanced-color-boolean-error': (#e31f26),
63
65
  'ds-advanced-color-boolean-error-hover': (#b1161c),
@@ -85,7 +87,10 @@ $auroTokens: (
85
87
  'ds-advanced-color-shared-background-inverse-hover': (rgba(255, 255, 255, 0.15)),
86
88
  'ds-advanced-color-shared-background-muted': (#f7f7f7),
87
89
  'ds-advanced-color-shared-background-strong': (#7e7e7e),
90
+ 'ds-advanced-color-shared-scrim': (rgba(0, 0, 0, 0.5)),
88
91
  'ds-advanced-color-shared-text-accent': (#0074ca),
92
+ 'ds-advanced-color-skeleton-background': (#f7f8fa),
93
+ 'ds-advanced-color-skeleton-wave': (#e4e8ec),
89
94
  'ds-advanced-color-state-background-disabled': (#dddddd),
90
95
  'ds-advanced-color-state-background-hover': (#f2f2f2),
91
96
  'ds-advanced-color-state-background-inverse-disabled': (#7e8894),
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 14 Apr 2025 18:42:59 GMT
3
+ // Generated on Tue, 22 Apr 2025 19:28:24 GMT
4
4
 
5
5
  $asc-color-atlas-100: #ebf7ff;
6
6
  $asc-color-atlas-200: #aedeff;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 14 Apr 2025 18:42:59 GMT
3
+ * Generated on Tue, 22 Apr 2025 19:28:24 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 14 Apr 2025 18:42:59 GMT
3
+ * Generated on Tue, 22 Apr 2025 19:28:24 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 14 Apr 2025 18:42:59 GMT
3
+ * Generated on Tue, 22 Apr 2025 19:28:24 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 14 Apr 2025 18:42:59 GMT
3
+ * Generated on Tue, 22 Apr 2025 19:28:24 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 14 Apr 2025 18:42:59 GMT
3
+ * Generated on Tue, 22 Apr 2025 19:28:24 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 14 Apr 2025 18:42:59 GMT
3
+ * Generated on Tue, 22 Apr 2025 19:28:24 GMT
4
4
  */
5
5
 
6
6
  export const DsColorAlertNotificationDefault = "#0074c8";
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Mon, 14 Apr 2025 18:42:58 GMT
4
+ * Generated on Tue, 22 Apr 2025 19:28:24 GMT
5
5
  */
6
6
 
7
7
  $ds-size-25: 0.125rem !default; // 2px
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 14 Apr 2025 18:42:58 GMT
3
+ // Generated on Tue, 22 Apr 2025 19:28:24 GMT
4
4
 
5
5
  $ds-color-alert-notification-default: #0074c8;
6
6
  $ds-color-alert-warning-default: #de750c;
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Mon, 14 Apr 2025 18:42:58 GMT
4
+ Generated on Tue, 22 Apr 2025 19:28:24 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 14 Apr 2025 18:42:59 GMT
3
+ * Generated on Tue, 22 Apr 2025 19:28:24 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 14 Apr 2025 18:42:59 GMT
3
+ * Generated on Tue, 22 Apr 2025 19:28:24 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 14 Apr 2025 18:42:59 GMT
3
+ * Generated on Tue, 22 Apr 2025 19:28:24 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -57,6 +57,8 @@
57
57
  --ds-advanced-color-accents-accent4: #a8d6df;
58
58
  --ds-advanced-color-accents-accent4-bold: #00a5ba;
59
59
  --ds-advanced-color-accents-accent4-muted: #cbe6ec;
60
+ --ds-advanced-color-avatar-gradient-bottom: #c0ccf1;
61
+ --ds-advanced-color-avatar-gradient-top: #8298e3;
60
62
  --ds-advanced-color-boolean-disabled-inverse: #aca1cc;
61
63
  --ds-advanced-color-boolean-error: #e53339;
62
64
  --ds-advanced-color-boolean-error-hover: #b1161c;
@@ -84,7 +86,10 @@
84
86
  --ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.15);
85
87
  --ds-advanced-color-shared-background-muted: #f7f7f7;
86
88
  --ds-advanced-color-shared-background-strong: #7e7e7e;
89
+ --ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);
87
90
  --ds-advanced-color-shared-text-accent: #463c8f;
91
+ --ds-advanced-color-skeleton-background: #f7f8fa;
92
+ --ds-advanced-color-skeleton-wave: #e4e8ec;
88
93
  --ds-advanced-color-state-background-disabled: #dddddd;
89
94
  --ds-advanced-color-state-background-hover: #f2f2f2;
90
95
  --ds-advanced-color-state-background-inverse-disabled: #7e8894;
@@ -66,6 +66,10 @@
66
66
  "accent4Bold": "#00a5ba",
67
67
  "accent4Muted": "#cbe6ec"
68
68
  },
69
+ "avatar": {
70
+ "gradientBottom": "#c0ccf1",
71
+ "gradientTop": "#8298e3"
72
+ },
69
73
  "boolean": {
70
74
  "disabledInverse": "#aca1cc",
71
75
  "error": "#e53339",
@@ -98,8 +102,13 @@
98
102
  "backgroundInverseHover": "rgba(255, 255, 255, 0.15)",
99
103
  "backgroundMuted": "#f7f7f7",
100
104
  "backgroundStrong": "#7e7e7e",
105
+ "scrim": "rgba(0, 0, 0, 0.5)",
101
106
  "textAccent": "#463c8f"
102
107
  },
108
+ "skeleton": {
109
+ "background": "#f7f8fa",
110
+ "wave": "#e4e8ec"
111
+ },
103
112
  "state": {
104
113
  "backgroundDisabled": "#dddddd",
105
114
  "backgroundHover": "#f2f2f2",