@aurodesignsystem/design-tokens 5.0.2 → 5.0.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 (120) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +86 -62
  3. package/dist/alaska/CSSCustomProperties--alaska.css +66 -0
  4. package/dist/alaska/SCSSVariables--alaska.scss +63 -0
  5. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +67 -0
  6. package/dist/alaska/primitives--alaska.scss +215 -0
  7. package/dist/{tokens → auro-classic}/CSSCustomProperties.css +320 -312
  8. package/dist/{tokens → auro-classic}/CSSSizeCustomProperties.css +1 -1
  9. package/dist/{tokens → auro-classic}/JSData--color.js +3145 -2071
  10. package/dist/{tokens → auro-classic}/JSONVariablesFlat.json +12 -4
  11. package/dist/{tokens → auro-classic}/JSONVariablesNested.json +13 -9
  12. package/dist/{tokens/JSObject--allTokens.js → auro-classic/JSObject--deprecated.js} +14311 -8433
  13. package/dist/{tokens → auro-classic}/JSVariables--color.js +308 -312
  14. package/dist/{tokens → auro-classic}/SCSSVariableMap.scss +1 -1
  15. package/dist/{tokens/base → auro-classic}/SCSSVariables.scss +320 -312
  16. package/dist/{tokens → auro-classic}/SCSSVariablesMapFlat.scss +320 -312
  17. package/dist/{tokens → auro-classic}/SassCustomProperties.scss +320 -312
  18. package/dist/{tokens → auro-classic}/SassSizeCustomProperties.scss +1 -1
  19. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +66 -0
  20. package/dist/hawaiian/SCSSVariables--hawaiian.scss +63 -0
  21. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +67 -0
  22. package/dist/hawaiian/primitives--hawaiian.scss +175 -0
  23. package/dist/{tokens/transparent/CSSCustomProperties.css → transparent/CSSCustomProperties--transparent.css} +1 -5
  24. package/package.json +5 -3
  25. package/src/primitives/alaska/color.json +796 -0
  26. package/src/primitives/alaska/typography.json +27 -0
  27. package/src/primitives/base/color.json +489 -0
  28. package/src/primitives/base/transparency.json +183 -0
  29. package/src/primitives/base/typography.json +210 -0
  30. package/src/primitives/hawaiian/color.json +508 -0
  31. package/src/primitives/hawaiian/typography.json +28 -0
  32. package/src/themes/alaska/color.json +394 -0
  33. package/src/themes/alaska/typography.json +132 -0
  34. package/src/themes/{excursion → auro-classic}/animation.json +6 -3
  35. package/src/{color → themes/auro-classic/color}/alert.json +7 -0
  36. package/src/{color → themes/auro-classic/color}/background.json +53 -25
  37. package/src/{color → themes/auro-classic/color}/base.json +303 -147
  38. package/src/{color → themes/auro-classic/color}/border.json +68 -32
  39. package/src/{color → themes/auro-classic/color}/brand.json +289 -158
  40. package/src/{color → themes/auro-classic/color}/container.json +101 -50
  41. package/src/{color → themes/auro-classic/color}/icon.json +129 -64
  42. package/src/{color → themes/auro-classic/color}/text.json +58 -28
  43. package/src/{color → themes/auro-classic/color}/tier.json +43 -22
  44. package/src/themes/{excursion → auro-classic}/color/ui.json +12 -1
  45. package/src/{color → themes/auro-classic/color}/utility.json +60 -30
  46. package/src/themes/auro-classic/comments.json +50 -0
  47. package/src/{depth.json → themes/auro-classic/depth.json} +9 -4
  48. package/src/{elevation.json → themes/auro-classic/elevation.json} +6 -3
  49. package/src/{asset → themes/auro-classic}/font.json +10 -5
  50. package/src/themes/{excursion → auro-classic}/grid-breakpoint.json +10 -5
  51. package/src/themes/{excursion → auro-classic}/grid-column.json +10 -5
  52. package/src/{grid-gutter.json → themes/auro-classic/grid-gutter.json} +10 -5
  53. package/src/{grid-margin.json → themes/auro-classic/grid-margin.json} +10 -5
  54. package/src/{size → themes/auro-classic/size}/radius.json +2 -1
  55. package/src/themes/auro-classic/size/scale.json +347 -0
  56. package/src/themes/auro-classic/size/unitless-scale.json +126 -0
  57. package/src/{text.json → themes/auro-classic/text.json} +192 -97
  58. package/src/themes/hawaiian/color.json +394 -0
  59. package/src/themes/hawaiian/typography.json +132 -0
  60. package/src/themes/transparent/color/alert.json +7 -0
  61. package/src/themes/transparent/color/background.json +30 -2
  62. package/src/themes/transparent/color/base.json +156 -0
  63. package/src/themes/transparent/color/border.json +36 -0
  64. package/src/themes/transparent/color/brand.json +167 -36
  65. package/src/themes/transparent/color/container.json +50 -0
  66. package/src/themes/transparent/color/icon.json +65 -0
  67. package/src/themes/transparent/color/text.json +30 -0
  68. package/src/themes/transparent/color/tier.json +22 -1
  69. package/src/themes/transparent/color/ui.json +12 -1
  70. package/src/themes/transparent/color/utility.json +30 -0
  71. package/src/themes/transparent/elevation.json +3 -0
  72. package/dist/tokens/JSObject--deprecated.js +0 -3157
  73. package/dist/tokens/SCSSVariables.scss +0 -1372
  74. package/dist/tokens/darkmode/CSSCustomProperties.css +0 -28
  75. package/dist/tokens/darkmode/JSDataColor.js +0 -528
  76. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +0 -528
  77. package/dist/tokens/darkmode/JSVariablesColor.js +0 -20
  78. package/dist/tokens/darkmode/SCSSVariables.scss +0 -21
  79. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +0 -25
  80. package/dist/tokens/darkmode/SassCustomProperties.scss +0 -28
  81. package/dist/tokens/excursion/JSONVariablesFlat.json +0 -736
  82. package/dist/tokens/excursion/JSONVariablesNested.json +0 -1222
  83. package/dist/tokens/hawaiian/CSSCustomProperties.css +0 -20
  84. package/src/animation.json +0 -21
  85. package/src/color/ui.json +0 -125
  86. package/src/color-darkmode/base.json +0 -24
  87. package/src/color-darkmode/border.json +0 -32
  88. package/src/color-darkmode/icon.json +0 -32
  89. package/src/color-darkmode/text.json +0 -71
  90. package/src/color-darkmode/tier.json +0 -34
  91. package/src/comments.json +0 -34
  92. package/src/grid-breakpoint.json +0 -29
  93. package/src/grid-column.json +0 -29
  94. package/src/size/scale.json +0 -240
  95. package/src/size/unitless-scale.json +0 -82
  96. package/src/themes/excursion/asset/font.json +0 -35
  97. package/src/themes/excursion/color/alert.json +0 -90
  98. package/src/themes/excursion/color/background.json +0 -280
  99. package/src/themes/excursion/color/base.json +0 -1303
  100. package/src/themes/excursion/color/border.json +0 -288
  101. package/src/themes/excursion/color/brand.json +0 -1549
  102. package/src/themes/excursion/color/container.json +0 -464
  103. package/src/themes/excursion/color/excursion.json +0 -254
  104. package/src/themes/excursion/color/icon.json +0 -476
  105. package/src/themes/excursion/color/text.json +0 -270
  106. package/src/themes/excursion/color/tier.json +0 -180
  107. package/src/themes/excursion/comments.json +0 -34
  108. package/src/themes/excursion/depth copy.json +0 -22
  109. package/src/themes/excursion/elevation.json +0 -22
  110. package/src/themes/excursion/grid-gutter.json +0 -29
  111. package/src/themes/excursion/grid-margin.json +0 -29
  112. package/src/themes/excursion/size/radius.json +0 -9
  113. package/src/themes/excursion/size/scale.json +0 -234
  114. package/src/themes/excursion/size/unitless-scale.json +0 -82
  115. package/src/themes/excursion/text.json +0 -572
  116. package/src/themes/hawaiian/color/background.json +0 -15
  117. package/src/themes/hawaiian/color/border.json +0 -18
  118. package/src/themes/hawaiian/color/container.json +0 -56
  119. package/src/themes/hawaiian/color/icon.json +0 -24
  120. package/src/themes/hawaiian/color/text.json +0 -44
@@ -1,20 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Thu, 27 Feb 2025 23:32:44 GMT
4
- */
5
-
6
- :root {
7
- --ds-color-background-lightest: #f1f3f3;
8
- --ds-color-border-ui-active-default: #ce0c88;
9
- --ds-color-container-primary-default: #ffffff;
10
- --ds-color-container-ui-primary-default-default: #ce0c88;
11
- --ds-color-container-ui-primary-default-inverse: #f358b0;
12
- --ds-color-container-ui-primary-active-default: #ce0c88;
13
- --ds-color-container-ui-primary-active-inverse: #f358b0;
14
- --ds-color-icon-primary-default: #463c8f;
15
- --ds-color-icon-primary-inverse: #9b9dca;
16
- --ds-color-text-primary-default: #000000;
17
- --ds-color-text-primary-inverse: rgba(255, 255, 255, 0.87);
18
- --ds-color-text-ui-default-default: #ce0c88;
19
- --ds-color-text-ui-default-inverse: #f358b0;
20
- }
@@ -1,21 +0,0 @@
1
- {
2
- "animation": {
3
- "default": {
4
- "property": {
5
- "value": "all",
6
- "public": true,
7
- "deprecated": false
8
- },
9
- "duration": {
10
- "value": "0.3s",
11
- "public": true,
12
- "deprecated": false
13
- },
14
- "timing": {
15
- "value": "ease-out",
16
- "public": true,
17
- "deprecated": false
18
- }
19
- }
20
- }
21
- }
package/src/color/ui.json DELETED
@@ -1,125 +0,0 @@
1
- {
2
- "color": {
3
- "ui": {
4
- "default": {
5
- "default": {
6
- "value": "{color.brand.atlas.400.value}",
7
- "public": true,
8
- "default": true,
9
- "usage": "Default interaction color affordance",
10
- "wcag": "AAA",
11
- "deprecated": true,
12
- "version": "4.5.0",
13
- "reference": "n/a"
14
- },
15
- "inverse": {
16
- "value": "{color.brand.breeze.300.value}",
17
- "public": true,
18
- "inverse": true,
19
- "usage": "OnDark interaction color affordance",
20
- "wcag": "AAA",
21
- "deprecated": true,
22
- "version": "4.5.0",
23
- "reference": "n/a"
24
- }
25
- },
26
- "hover": {
27
- "default": {
28
- "value": "{color.brand.atlas.500.value}",
29
- "public": true,
30
- "default": true,
31
- "usage": "Default hover color affordance",
32
- "wcag": "AAA",
33
- "deprecated": true,
34
- "version": "4.5.0",
35
- "reference": "n/a"
36
- },
37
- "inverse": {
38
- "value": "{color.brand.breeze.200.value}",
39
- "public": true,
40
- "inverse": true,
41
- "usage": "Hover interaction color on dark backgrounds",
42
- "wcag": "AAA",
43
- "deprecated": true,
44
- "version": "4.5.0",
45
- "reference": "n/a"
46
- }
47
- },
48
- "active": {
49
- "default": {
50
- "value": "{color.brand.atlas.500.value}",
51
- "public": true,
52
- "default": true,
53
- "usage": "Active state color affordance",
54
- "wcag": "AAA",
55
- "deprecated": true,
56
- "version": "4.5.0",
57
- "reference": "n/a"
58
- },
59
- "inverse": {
60
- "value": "{color.brand.breeze.200.value}",
61
- "public": true,
62
- "inverse": true,
63
- "usage": "Active state color affordance on dark backgrounds",
64
- "deprecated": true,
65
- "version": "4.5.0",
66
- "reference": "n/a"
67
- }
68
- },
69
- "disabled": {
70
- "default": {
71
- "value": "{color.brand.atlas.400-opacity-20.value}",
72
- "public": true,
73
- "default": true,
74
- "usage": "Disabled state color affordance",
75
- "wcag": "n/a",
76
- "deprecated": true,
77
- "version": "4.5.0",
78
- "reference": "n/a"
79
- }
80
- },
81
- "bkg": {
82
- "default": {
83
- "default": {
84
- "value": "00000008",
85
- "public": true,
86
- "default": true,
87
- "usage": "Default affordance for background colors",
88
- "deprecated": true,
89
- "version": "4.5.0",
90
- "reference": "n/a"
91
- },
92
- "inverse": {
93
- "value": "ffffff08",
94
- "public": true,
95
- "inverse": true,
96
- "usage": "Default affordance for dark background colors",
97
- "deprecated": true,
98
- "version": "4.5.0",
99
- "reference": "n/a"
100
- }
101
- },
102
- "hover": {
103
- "default": {
104
- "value": "0000000f",
105
- "public": true,
106
- "default": true,
107
- "usage": "Default hover affordance for background colors",
108
- "deprecated": true,
109
- "version": "4.5.0",
110
- "reference": "n/a"
111
- },
112
- "inverse": {
113
- "value": "ffffff0f",
114
- "public": true,
115
- "inverse": true,
116
- "usage": "Default hover affordance for dark background colors",
117
- "deprecated": true,
118
- "version": "4.5.0",
119
- "reference": "n/a"
120
- }
121
- }
122
- }
123
- }
124
- }
125
- }
@@ -1,24 +0,0 @@
1
- {
2
- "color": {
3
- "base": {
4
- "white": {
5
- "value": "000000",
6
- "comment": "{comments.color.base.value.comment}",
7
- "public": true,
8
- "deprecated": true,
9
- "version": "4.5.0",
10
- "reference": "n/a",
11
- "darkmode": true
12
- },
13
- "black": {
14
- "value": "ffffff",
15
- "comment": "{comments.color.base.value.comment}",
16
- "public": true,
17
- "deprecated": true,
18
- "version": "4.5.0",
19
- "reference": "n/a",
20
- "darkmode": true
21
- }
22
- }
23
- }
24
- }
@@ -1,32 +0,0 @@
1
- {
2
- "color": {
3
- "border": {
4
- "primary": {
5
- "default": {
6
- "value": "{color.brand.neutral.400.value}",
7
- "public": true,
8
- "darkmode": true,
9
- "default": true,
10
- "usage": "Primary border color on dark background",
11
- "wcag": "n/a",
12
- "deprecated": true,
13
- "version": "4.5.0",
14
- "reference": "n/a"
15
- }
16
- },
17
- "divider": {
18
- "default": {
19
- "value": "{color.base.white.value}",
20
- "public": true,
21
- "darkmode": true,
22
- "default": true,
23
- "usage": "Strict use as divider between elements on dark backgrounds",
24
- "wcag": "n/a",
25
- "deprecated": true,
26
- "version": "4.5.0",
27
- "reference": "n/a"
28
- }
29
- }
30
- }
31
- }
32
- }
@@ -1,32 +0,0 @@
1
- {
2
- "color": {
3
- "icon": {
4
- "primary": {
5
- "default": {
6
- "value": "{color.base.neutral.400.value}",
7
- "public": true,
8
- "darkmode": true,
9
- "default": true,
10
- "usage": "Primary color for icons on dark backgrounds",
11
- "wcag": "AAA",
12
- "deprecated": true,
13
- "version": "4.5.0",
14
- "reference": "n/a"
15
- }
16
- },
17
- "emphasis": {
18
- "default": {
19
- "value": "{color.base.white.value}",
20
- "public": true,
21
- "darkmode": true,
22
- "default": true,
23
- "usage": "Emphasis or lightest icon color on dark backgrounds",
24
- "wcag": "AAA",
25
- "deprecated": true,
26
- "version": "4.5.0",
27
- "reference": "n/a"
28
- }
29
- }
30
- }
31
- }
32
- }
@@ -1,71 +0,0 @@
1
- {
2
- "color": {
3
- "text": {
4
- "primary": {
5
- "default": {
6
- "value": "{color.base.white.value}",
7
- "public": true,
8
- "darkmode": true,
9
- "default": true,
10
- "usage": "Primary color for body and header text on dark backgrounds",
11
- "wcag": "AAA",
12
- "deprecated": true,
13
- "version": "4.5.0",
14
- "reference": "n/a"
15
- }
16
- },
17
- "secondary": {
18
- "default": {
19
- "value": "{color.base.neutral.400.value}",
20
- "public": true,
21
- "darkmode": true,
22
- "default": true,
23
- "usage": "Secondary color for body text on dark backgrounds",
24
- "wcag": "AAA",
25
- "deprecated": true,
26
- "version": "4.5.0",
27
- "reference": "n/a"
28
- }
29
- },
30
- "link": {
31
- "default": {
32
- "value": "{color.brand.breeze.300.value}",
33
- "public": true,
34
- "darkmode": true,
35
- "default": true,
36
- "usage": "Link text color on light backgrounds",
37
- "wcag": "AA",
38
- "deprecated": true,
39
- "version": "4.5.0",
40
- "reference": "n/a"
41
- }
42
- },
43
- "error": {
44
- "default": {
45
- "value": "{color.state.error.100.value}",
46
- "public": true,
47
- "darkmode": true,
48
- "default": true,
49
- "usage": "Error text color on dark backgrounds",
50
- "wcag": "AA",
51
- "deprecated": true,
52
- "version": "4.5.0",
53
- "reference": "n/a"
54
- }
55
- },
56
- "emphasis": {
57
- "default": {
58
- "value": "{color.brand.midnight.100.value}",
59
- "public": true,
60
- "darkmode": true,
61
- "default": true,
62
- "usage": "Emphasized text color on dark backgrounds",
63
- "wcag": "n/a",
64
- "deprecated": true,
65
- "version": "4.5.0",
66
- "reference": "n/a"
67
- }
68
- }
69
- }
70
- }
71
- }
@@ -1,34 +0,0 @@
1
- {
2
- "color": {
3
- "tier": {
4
- "alaska": {
5
- "mvp": {
6
- "default": {
7
- "value": "{color.brand.goldgray.100.value}",
8
- "public": true,
9
- "darkmode": true,
10
- "default": true,
11
- "usage": "MVP tier color for Alaska Airlines",
12
- "wcag": "n/a",
13
- "deprecated": true,
14
- "version": "4.5.0",
15
- "reference": "n/a"
16
- }
17
- },
18
- "mvpgold": {
19
- "default": {
20
- "value": "{color.brand.gold.100.value}",
21
- "public": true,
22
- "darkmode": true,
23
- "default": true,
24
- "usage": "MVP Gold tier color for Alaska Airlines",
25
- "wcag": "n/a",
26
- "deprecated": true,
27
- "version": "4.5.0",
28
- "reference": "n/a"
29
- }
30
- }
31
- }
32
- }
33
- }
34
- }
package/src/comments.json DELETED
@@ -1,34 +0,0 @@
1
- {
2
- "comments": {
3
- "deprecated": {
4
- "comment": "\n // Deprecated, no replacement; token to be REMOVED in next MAJOR release"
5
- },
6
- "reference": {
7
- "comment": "\n // New token, see"
8
- },
9
- "color": {
10
- "deprecated": {
11
- "comment": "{comments.deprecated.comment}"
12
- },
13
- "base": {
14
- "value": {
15
- "comment": "\n // Base value for token support; should not use in code!"
16
- }
17
- },
18
- "brand": {
19
- "value": {
20
- "comment": "\n // Please consider descriptive token prior to using brand token"
21
- }
22
- },
23
- "classic": {
24
- "comment": "\n // DO NOT USE for anything other than legacy projects or classic component themes"
25
- },
26
- "matrix": {
27
- "comment": "\n // DO NOT USE for anything other than legacy projects related to the matrix search"
28
- },
29
- "reference": {
30
- "comment": "{comments.reference.comment}"
31
- }
32
- }
33
- }
34
- }
@@ -1,29 +0,0 @@
1
- {
2
- "gridBreakpoint": {
3
- "xs": {
4
- "value": "320px",
5
- "public": true,
6
- "deprecated": false
7
- },
8
- "sm": {
9
- "value": "576px",
10
- "public": true,
11
- "deprecated": false
12
- },
13
- "md": {
14
- "value": "768px",
15
- "public": true,
16
- "deprecated": false
17
- },
18
- "lg": {
19
- "value": "1024px",
20
- "public": true,
21
- "deprecated": false
22
- },
23
- "xl": {
24
- "value": "1232px",
25
- "public": true,
26
- "deprecated": false
27
- }
28
- }
29
- }
@@ -1,29 +0,0 @@
1
- {
2
- "gridColumn": {
3
- "xs": {
4
- "value": "6",
5
- "public": true,
6
- "deprecated": false
7
- },
8
- "sm": {
9
- "value": "12",
10
- "public": true,
11
- "deprecated": false
12
- },
13
- "md": {
14
- "value": "12",
15
- "public": true,
16
- "deprecated": false
17
- },
18
- "lg": {
19
- "value": "12",
20
- "public": true,
21
- "deprecated": false
22
- },
23
- "xl": {
24
- "value": "12",
25
- "public": true,
26
- "deprecated": false
27
- }
28
- }
29
- }