@aurodesignsystem/design-tokens 8.4.4 → 8.6.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 (66) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/legacy/auro-classic/CSSCustomProperties.css +1 -1
  3. package/dist/legacy/auro-classic/CSSSizeCustomProperties.css +1 -1
  4. package/dist/legacy/auro-classic/JSData--color.js +1 -1
  5. package/dist/legacy/auro-classic/JSObject--allTokens.js +1 -1
  6. package/dist/legacy/auro-classic/JSObject--deprecated.js +1 -1
  7. package/dist/legacy/auro-classic/JSVariables--color.js +1 -1
  8. package/dist/legacy/auro-classic/SCSSVariableMap.scss +1 -1
  9. package/dist/legacy/auro-classic/SCSSVariables.scss +1 -1
  10. package/dist/legacy/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  11. package/dist/legacy/auro-classic/SassCustomProperties.scss +1 -1
  12. package/dist/legacy/auro-classic/SassSizeCustomProperties.scss +1 -1
  13. package/dist/legacy/transparent/CSSCustomProperties--transparent.css +1 -1
  14. package/dist/primitives/base/JSONVariablesNested--primitivesBase.json +1 -0
  15. package/dist/primitives/base/JSObject--allTokens.js +26 -1
  16. package/dist/primitives/base/SCSSVariables--primitivesBase.scss +2 -1
  17. package/dist/primitives/base/SCSSVariablesMapFlat--primitivesBase.scss +2 -1
  18. package/dist/themes/CSSCustomProperties--bundled.css +11 -1
  19. package/dist/themes/CSSCustomProperties--bundled.min.css +1 -1
  20. package/dist/themes/alaska/CSSCustomProperties--alaska.css +3 -1
  21. package/dist/themes/alaska/CSSCustomProperties--alaska.min.css +1 -1
  22. package/dist/themes/alaska/JSONVariablesNested--alaska.json +5 -0
  23. package/dist/themes/alaska/JSObject--allTokens.js +84 -1
  24. package/dist/themes/alaska/SCSSVariables--alaska.scss +4 -1
  25. package/dist/themes/alaska/SCSSVariablesMapFlat--alaska.scss +4 -1
  26. package/dist/themes/alaska/primitives--alaska.scss +2 -1
  27. package/dist/themes/alaska-classic/CSSCustomProperties--alaskaClassic.css +3 -1
  28. package/dist/themes/alaska-classic/CSSCustomProperties--alaskaClassic.min.css +1 -1
  29. package/dist/themes/alaska-classic/JSONVariablesNested--alaskaClassic.json +5 -0
  30. package/dist/themes/alaska-classic/JSObject--allTokens.js +84 -1
  31. package/dist/themes/alaska-classic/SCSSVariables--alaskaClassic.scss +4 -1
  32. package/dist/themes/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +4 -1
  33. package/dist/themes/alaska-classic/primitives--alaskaClassic.scss +2 -1
  34. package/dist/themes/auro-1/CSSCustomProperties--auro1.css +3 -1
  35. package/dist/themes/auro-1/CSSCustomProperties--auro1.min.css +1 -1
  36. package/dist/themes/auro-1/JSONVariablesNested--auro1.json +5 -0
  37. package/dist/themes/auro-1/JSObject--allTokens.js +84 -1
  38. package/dist/themes/auro-1/SCSSVariables--auro1.scss +4 -1
  39. package/dist/themes/auro-1/SCSSVariablesMapFlat--auro1.scss +4 -1
  40. package/dist/themes/auro-1/primitives--auro1.scss +2 -1
  41. package/dist/themes/auro-2/CSSCustomProperties--auro2.css +3 -1
  42. package/dist/themes/auro-2/CSSCustomProperties--auro2.min.css +1 -1
  43. package/dist/themes/auro-2/JSONVariablesNested--auro2.json +5 -0
  44. package/dist/themes/auro-2/JSObject--allTokens.js +84 -1
  45. package/dist/themes/auro-2/SCSSVariables--auro2.scss +4 -1
  46. package/dist/themes/auro-2/SCSSVariablesMapFlat--auro2.scss +4 -1
  47. package/dist/themes/auro-2/primitives--auro2.scss +2 -1
  48. package/dist/themes/hawaiian/CSSCustomProperties--hawaiian.css +3 -1
  49. package/dist/themes/hawaiian/CSSCustomProperties--hawaiian.min.css +1 -1
  50. package/dist/themes/hawaiian/JSONVariablesNested--hawaiian.json +5 -0
  51. package/dist/themes/hawaiian/JSObject--allTokens.js +124 -1
  52. package/dist/themes/hawaiian/SCSSVariables--hawaiian.scss +4 -1
  53. package/dist/themes/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +4 -1
  54. package/dist/themes/hawaiian/primitives--hawaiian.scss +2 -1
  55. package/package.json +1 -1
  56. package/src/primitives/base/type/weight.json +6 -0
  57. package/src/themes/alaska/advanced/color/expandedWidget.json +15 -0
  58. package/src/themes/alaska/basic/type/weight.json +6 -0
  59. package/src/themes/alaska-classic/advanced/color/expandedWidget.json +15 -0
  60. package/src/themes/alaska-classic/basic/type/weight.json +6 -0
  61. package/src/themes/auro-1/advanced/color/expandedWidget.json +15 -0
  62. package/src/themes/auro-1/basic/type/weight.json +6 -0
  63. package/src/themes/auro-2/advanced/color/expandedWidget.json +15 -0
  64. package/src/themes/auro-2/basic/type/weight.json +6 -0
  65. package/src/themes/hawaiian/advanced/color/expandedWidget.json +63 -0
  66. package/src/themes/hawaiian/basic/type/weight.json +6 -0
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 26 Sep 2025 15:50:23 GMT
3
+ * Generated on Tue, 28 Oct 2025 19:01:23 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -832,6 +832,31 @@ module.exports = {
832
832
  }
833
833
  },
834
834
  "weight": {
835
+ "bold": {
836
+ "deprecated": false,
837
+ "public": true,
838
+ "type": "primitive",
839
+ "value": "700",
840
+ "filePath": "src/primitives/base/type/weight.json",
841
+ "isSource": false,
842
+ "original": {
843
+ "deprecated": false,
844
+ "public": true,
845
+ "type": "primitive",
846
+ "value": "700"
847
+ },
848
+ "name": "ds-type-weight-bold",
849
+ "attributes": {
850
+ "category": "type",
851
+ "type": "weight",
852
+ "item": "bold"
853
+ },
854
+ "path": [
855
+ "type",
856
+ "weight",
857
+ "bold"
858
+ ]
859
+ },
835
860
  "book": {
836
861
  "deprecated": false,
837
862
  "public": true,
@@ -3534,6 +3559,77 @@ module.exports = {
3534
3559
  ]
3535
3560
  }
3536
3561
  },
3562
+ "expandedWidget": {
3563
+ "background": {
3564
+ "deprecated": false,
3565
+ "public": true,
3566
+ "type": "semantic",
3567
+ "usage": "Two-layer overlay gradient for expanded widget",
3568
+ "value": {
3569
+ "gradientType": "composite",
3570
+ "layers": [
3571
+ {
3572
+ "gradientType": "linear",
3573
+ "direction": "180deg",
3574
+ "stops": [
3575
+ {
3576
+ "color": "#262043",
3577
+ "alpha": 0.65,
3578
+ "position": "0%"
3579
+ },
3580
+ {
3581
+ "color": "#262043",
3582
+ "alpha": 0,
3583
+ "position": "65%"
3584
+ }
3585
+ ]
3586
+ },
3587
+ {
3588
+ "gradientType": "linear",
3589
+ "direction": "90deg",
3590
+ "stops": [
3591
+ {
3592
+ "color": "#463c8f",
3593
+ "position": "25.8%"
3594
+ },
3595
+ {
3596
+ "color": "#ce0c88",
3597
+ "position": "100%"
3598
+ }
3599
+ ]
3600
+ }
3601
+ ]
3602
+ },
3603
+ "filePath": "src/themes/hawaiian/advanced/color/expandedWidget.json",
3604
+ "isSource": false,
3605
+ "original": {
3606
+ "deprecated": false,
3607
+ "public": true,
3608
+ "type": "semantic",
3609
+ "usage": "Two-layer overlay gradient for expanded widget",
3610
+ "value": {
3611
+ "gradientType": "composite",
3612
+ "layers": [
3613
+ "{advanced.color.expandedWidget.top}",
3614
+ "{advanced.color.expandedWidget.bottom}"
3615
+ ]
3616
+ }
3617
+ },
3618
+ "name": "ds-advanced-color-expanded-widget-background",
3619
+ "attributes": {
3620
+ "category": "advanced",
3621
+ "type": "color",
3622
+ "item": "expandedWidget",
3623
+ "subitem": "background"
3624
+ },
3625
+ "path": [
3626
+ "advanced",
3627
+ "color",
3628
+ "expandedWidget",
3629
+ "background"
3630
+ ]
3631
+ }
3632
+ },
3537
3633
  "flightline": {
3538
3634
  "indicator": {
3539
3635
  "deprecated": false,
@@ -7358,6 +7454,33 @@ module.exports = {
7358
7454
  "body"
7359
7455
  ]
7360
7456
  },
7457
+ "body2": {
7458
+ "deprecated": false,
7459
+ "public": true,
7460
+ "type": "semantic",
7461
+ "value": "500",
7462
+ "filePath": "src/themes/hawaiian/basic/type/weight.json",
7463
+ "isSource": false,
7464
+ "original": {
7465
+ "deprecated": false,
7466
+ "public": true,
7467
+ "type": "semantic",
7468
+ "value": "{type.weight.medium.value}"
7469
+ },
7470
+ "name": "ds-basic-type-weight-body2",
7471
+ "attributes": {
7472
+ "category": "basic",
7473
+ "type": "type",
7474
+ "item": "weight",
7475
+ "subitem": "body2"
7476
+ },
7477
+ "path": [
7478
+ "basic",
7479
+ "type",
7480
+ "weight",
7481
+ "body2"
7482
+ ]
7483
+ },
7361
7484
  "display": {
7362
7485
  "deprecated": false,
7363
7486
  "public": true,
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 26 Sep 2025 15:50:22 GMT
3
+ // Generated on Tue, 28 Oct 2025 19:01:23 GMT
4
4
 
5
5
  $ds-type-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
6
6
  $ds-type-family-fallback-serif: Georgia, serif;
@@ -34,6 +34,7 @@ $ds-type-size-56: 3.5rem;
34
34
  $ds-type-size-64: 4rem;
35
35
  $ds-type-size-72: 4.5rem;
36
36
  $ds-type-size-86: 5.375rem;
37
+ $ds-type-weight-bold: 700;
37
38
  $ds-type-weight-book: 450;
38
39
  $ds-type-weight-cond-medium: 500;
39
40
  $ds-type-weight-cond-news: 450;
@@ -124,6 +125,7 @@ $ds-advanced-color-boolean-istrue-inverse: #ffffff;
124
125
  $ds-advanced-color-boolean-istrue-inverse-hover: rgba(255, 255, 255, 0.7);
125
126
  $ds-advanced-color-dropdown-emphasized-background: #edeaf4;
126
127
  $ds-advanced-color-dropdown-emphasized-background-hover: #ccc5e0;
128
+ $ds-advanced-color-expanded-widget-background: linear-gradient(180deg, rgba(38, 32, 67, 0.65) 0%, rgba(38, 32, 67, 0) 65%), linear-gradient(90deg, #463c8f 25.8%, #ce0c88 100%);
127
129
  $ds-advanced-color-flightline-indicator: #463c8f;
128
130
  $ds-advanced-color-flightline-line: #d0d0d0;
129
131
  $ds-advanced-color-hyperlink-text: #ce0c88;
@@ -255,6 +257,7 @@ $ds-basic-type-line-height-heading: 1.3;
255
257
  $ds-basic-type-weight-accent: 400;
256
258
  $ds-basic-type-weight-accent2: 500;
257
259
  $ds-basic-type-weight-body: 400;
260
+ $ds-basic-type-weight-body2: 500;
258
261
  $ds-basic-type-weight-display: 600;
259
262
  $ds-basic-type-weight-heading: 400;
260
263
  $ds-basic-type-weight-heading2: 500;
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Fri, 26 Sep 2025 15:50:22 GMT
4
+ Generated on Tue, 28 Oct 2025 19:01:23 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -37,6 +37,7 @@ $auroTokens: (
37
37
  'ds-type-size-64': (4rem),
38
38
  'ds-type-size-72': (4.5rem),
39
39
  'ds-type-size-86': (5.375rem),
40
+ 'ds-type-weight-bold': (700),
40
41
  'ds-type-weight-book': (450),
41
42
  'ds-type-weight-cond-medium': (500),
42
43
  'ds-type-weight-cond-news': (450),
@@ -127,6 +128,7 @@ $auroTokens: (
127
128
  'ds-advanced-color-boolean-istrue-inverse-hover': (rgba(255, 255, 255, 0.7)),
128
129
  'ds-advanced-color-dropdown-emphasized-background': (#edeaf4),
129
130
  'ds-advanced-color-dropdown-emphasized-background-hover': (#ccc5e0),
131
+ 'ds-advanced-color-expanded-widget-background': (linear-gradient(180deg, rgba(38, 32, 67, 0.65) 0%, rgba(38, 32, 67, 0) 65%), linear-gradient(90deg, #463c8f 25.8%, #ce0c88 100%)),
130
132
  'ds-advanced-color-flightline-indicator': (#463c8f),
131
133
  'ds-advanced-color-flightline-line': (#d0d0d0),
132
134
  'ds-advanced-color-hyperlink-text': (#ce0c88),
@@ -258,6 +260,7 @@ $auroTokens: (
258
260
  'ds-basic-type-weight-accent': (400),
259
261
  'ds-basic-type-weight-accent2': (500),
260
262
  'ds-basic-type-weight-body': (400),
263
+ 'ds-basic-type-weight-body2': (500),
261
264
  'ds-basic-type-weight-display': (600),
262
265
  'ds-basic-type-weight-heading': (400),
263
266
  'ds-basic-type-weight-heading2': (500)
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 26 Sep 2025 15:50:23 GMT
3
+ // Generated on Tue, 28 Oct 2025 19:01:23 GMT
4
4
 
5
5
  $ha-type-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
6
6
  $ha-type-family-fallback-serif: Georgia, serif;
@@ -34,6 +34,7 @@ $ha-type-size-56: 3.5rem;
34
34
  $ha-type-size-64: 4rem;
35
35
  $ha-type-size-72: 4.5rem;
36
36
  $ha-type-size-86: 5.375rem;
37
+ $ha-type-weight-bold: 700;
37
38
  $ha-type-weight-book: 450;
38
39
  $ha-type-weight-cond-medium: 500;
39
40
  $ha-type-weight-cond-news: 450;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem/design-tokens",
3
- "version": "8.4.4",
3
+ "version": "8.6.0",
4
4
  "description": "Alaska Air Auro Design System token repository",
5
5
  "homepage": "https://github.com/AlaskaAirlines/DesignTokens",
6
6
  "author": "Alaska Airlines Product design and engineering",
@@ -1,6 +1,12 @@
1
1
  {
2
2
  "type": {
3
3
  "weight": {
4
+ "bold": {
5
+ "deprecated": false,
6
+ "public": true,
7
+ "type": "primitive",
8
+ "value": "700"
9
+ },
4
10
  "book": {
5
11
  "deprecated": false,
6
12
  "public": true,
@@ -0,0 +1,15 @@
1
+ {
2
+ "advanced": {
3
+ "color": {
4
+ "expandedWidget": {
5
+ "background": {
6
+ "deprecated": false,
7
+ "public": true,
8
+ "type": "semantic",
9
+ "usage": "Background color for the expanded widget",
10
+ "value": "{basic.color.surface.inverse.value}"
11
+ }
12
+ }
13
+ }
14
+ }
15
+ }
@@ -20,6 +20,12 @@
20
20
  "type": "semantic",
21
21
  "value": "{type.weight.book.value}"
22
22
  },
23
+ "body2": {
24
+ "deprecated": false,
25
+ "public": true,
26
+ "type": "semantic",
27
+ "value": "{type.weight.bold.value}"
28
+ },
23
29
  "display": {
24
30
  "deprecated": false,
25
31
  "public": true,
@@ -0,0 +1,15 @@
1
+ {
2
+ "advanced": {
3
+ "color": {
4
+ "expandedWidget": {
5
+ "background": {
6
+ "deprecated": false,
7
+ "public": true,
8
+ "type": "semantic",
9
+ "usage": "Background color for the expanded widget",
10
+ "value": "{basic.color.surface.inverse.value}"
11
+ }
12
+ }
13
+ }
14
+ }
15
+ }
@@ -20,6 +20,12 @@
20
20
  "type": "semantic",
21
21
  "value": "{type.weight.book.value}"
22
22
  },
23
+ "body2": {
24
+ "deprecated": false,
25
+ "public": true,
26
+ "type": "semantic",
27
+ "value": "{type.weight.bold.value}"
28
+ },
23
29
  "display": {
24
30
  "deprecated": false,
25
31
  "public": true,
@@ -0,0 +1,15 @@
1
+ {
2
+ "advanced": {
3
+ "color": {
4
+ "expandedWidget": {
5
+ "background": {
6
+ "deprecated": false,
7
+ "public": true,
8
+ "type": "semantic",
9
+ "usage": "Background color for the expanded widget",
10
+ "value": "{basic.color.surface.inverse.value}"
11
+ }
12
+ }
13
+ }
14
+ }
15
+ }
@@ -20,6 +20,12 @@
20
20
  "type": "semantic",
21
21
  "value": "{type.weight.book.value}"
22
22
  },
23
+ "body2": {
24
+ "deprecated": false,
25
+ "public": true,
26
+ "type": "semantic",
27
+ "value": "{type.weight.bold.value}"
28
+ },
23
29
  "display": {
24
30
  "deprecated": false,
25
31
  "public": true,
@@ -0,0 +1,15 @@
1
+ {
2
+ "advanced": {
3
+ "color": {
4
+ "expandedWidget": {
5
+ "background": {
6
+ "deprecated": false,
7
+ "public": true,
8
+ "type": "semantic",
9
+ "usage": "Background color for the expanded widget",
10
+ "value": "{basic.color.surface.inverse.value}"
11
+ }
12
+ }
13
+ }
14
+ }
15
+ }
@@ -20,6 +20,12 @@
20
20
  "type": "semantic",
21
21
  "value": "{type.weight.book.value}"
22
22
  },
23
+ "body2": {
24
+ "deprecated": false,
25
+ "public": true,
26
+ "type": "semantic",
27
+ "value": "{type.weight.bold.value}"
28
+ },
23
29
  "display": {
24
30
  "deprecated": false,
25
31
  "public": true,
@@ -0,0 +1,63 @@
1
+ {
2
+ "advanced": {
3
+ "color": {
4
+ "expandedWidget": {
5
+ "background": {
6
+ "deprecated": false,
7
+ "public": true,
8
+ "type": "semantic",
9
+ "usage": "Two-layer overlay gradient for expanded widget",
10
+ "value": {
11
+ "gradientType": "composite",
12
+ "layers": [
13
+ "{advanced.color.expandedWidget.top}",
14
+ "{advanced.color.expandedWidget.bottom}"
15
+ ]
16
+ }
17
+ },
18
+ "bottom": {
19
+ "deprecated": false,
20
+ "public": false,
21
+ "type": "semantic",
22
+ "usage": "Bottom gradient for expanded widget",
23
+ "value": {
24
+ "gradientType": "linear",
25
+ "direction": "90deg",
26
+ "stops": [
27
+ {
28
+ "color": "{basic.color.brand.primary.value}",
29
+ "position": "25.8%"
30
+ },
31
+ {
32
+ "color": "{basic.color.brand.secondary.value}",
33
+ "position": "100%"
34
+ }
35
+ ]
36
+ }
37
+ },
38
+ "top": {
39
+ "deprecated": false,
40
+ "public": false,
41
+ "type": "semantic",
42
+ "usage": "Top overlay gradient for expanded widget",
43
+ "value": {
44
+ "gradientType": "linear",
45
+ "direction": "180deg",
46
+ "stops": [
47
+ {
48
+ "color": "{color.royalpurple.900.value}",
49
+ "alpha": 0.65,
50
+ "position": "0%"
51
+ },
52
+ {
53
+ "color": "{color.royalpurple.900.value}",
54
+ "alpha": 0.00,
55
+ "position": "65%"
56
+ }
57
+ ]
58
+ }
59
+ }
60
+ }
61
+ }
62
+ }
63
+ }
@@ -20,6 +20,12 @@
20
20
  "type": "semantic",
21
21
  "value": "{type.weight.regular.value}"
22
22
  },
23
+ "body2": {
24
+ "deprecated": false,
25
+ "public": true,
26
+ "type": "semantic",
27
+ "value": "{type.weight.medium.value}"
28
+ },
23
29
  "display": {
24
30
  "deprecated": false,
25
31
  "public": true,