@aurodesignsystem/design-tokens 5.5.0 → 5.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 (79) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/CSSCustomProperties--bundled.css +799 -153
  3. package/dist/alaska/CSSCustomProperties--alaska.css +412 -88
  4. package/dist/alaska/JSONVariablesNested--alaska.json +633 -133
  5. package/dist/alaska/JSObject--allTokens.js +14053 -2706
  6. package/dist/alaska/SCSSVariables--alaska.scss +412 -88
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +412 -88
  8. package/dist/alaska/primitives--alaska.scss +35 -34
  9. package/dist/auro-classic/CSSCustomProperties.css +1 -1
  10. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  11. package/dist/auro-classic/JSData--color.js +1 -1
  12. package/dist/auro-classic/JSObject--allTokens.js +1 -1
  13. package/dist/auro-classic/JSObject--deprecated.js +1 -1
  14. package/dist/auro-classic/JSVariables--color.js +1 -1
  15. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  16. package/dist/auro-classic/SCSSVariables.scss +1 -1
  17. package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  18. package/dist/auro-classic/SassCustomProperties.scss +1 -1
  19. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  20. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +388 -66
  21. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +611 -93
  22. package/dist/hawaiian/JSObject--allTokens.js +13903 -2622
  23. package/dist/hawaiian/SCSSVariables--hawaiian.scss +388 -66
  24. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +389 -67
  25. package/dist/hawaiian/primitives--hawaiian.scss +25 -24
  26. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  27. package/package.json +1 -1
  28. package/src/primitives/alaska/color.json +456 -456
  29. package/src/primitives/alaska/font.json +9 -9
  30. package/src/primitives/base/color.json +284 -284
  31. package/src/primitives/base/font.json +186 -175
  32. package/src/primitives/base/transparency.json +108 -108
  33. package/src/primitives/hawaiian/color.json +287 -287
  34. package/src/primitives/hawaiian/font.json +9 -9
  35. package/src/themes/alaska/advanced/accents.json +104 -0
  36. package/src/themes/alaska/advanced/boolean.json +115 -125
  37. package/src/themes/alaska/advanced/button/primary.json +146 -0
  38. package/src/themes/alaska/advanced/button/secondary.json +106 -0
  39. package/src/themes/alaska/advanced/button/tertiary.json +98 -0
  40. package/src/themes/alaska/advanced/hyperlink.json +19 -43
  41. package/src/themes/alaska/advanced/shared.json +30 -30
  42. package/src/themes/alaska/advanced/state.json +52 -60
  43. package/src/themes/alaska/basic/color/border.json +43 -45
  44. package/src/themes/alaska/basic/color/brand.json +61 -61
  45. package/src/themes/alaska/basic/color/fare-brand.json +44 -44
  46. package/src/themes/alaska/basic/color/page-background.json +9 -9
  47. package/src/themes/alaska/basic/color/status.json +36 -37
  48. package/src/themes/alaska/basic/color/surface.json +72 -80
  49. package/src/themes/alaska/basic/color/text-icon.json +37 -77
  50. package/src/themes/alaska/basic/corner-radius.json +15 -15
  51. package/src/themes/alaska/basic/font/accent.json +847 -217
  52. package/src/themes/alaska/basic/font/body.json +203 -48
  53. package/src/themes/alaska/basic/font/display.json +727 -187
  54. package/src/themes/alaska/basic/font/heading.json +725 -182
  55. package/src/themes/alaska-classic/typography.json +124 -124
  56. package/src/themes/hawaiian/advanced/accents.json +104 -0
  57. package/src/themes/hawaiian/advanced/boolean.json +115 -125
  58. package/src/themes/hawaiian/advanced/button/primary.json +146 -0
  59. package/src/themes/hawaiian/advanced/button/secondary.json +106 -0
  60. package/src/themes/hawaiian/advanced/button/tertiary.json +98 -0
  61. package/src/themes/hawaiian/advanced/hyperlink.json +19 -43
  62. package/src/themes/hawaiian/advanced/shared.json +30 -30
  63. package/src/themes/hawaiian/advanced/state.json +52 -60
  64. package/src/themes/hawaiian/basic/color/border.json +28 -29
  65. package/src/themes/hawaiian/basic/color/brand.json +48 -49
  66. package/src/themes/hawaiian/basic/color/fare-brand.json +41 -42
  67. package/src/themes/hawaiian/basic/color/page-background.json +8 -9
  68. package/src/themes/hawaiian/basic/color/status.json +36 -37
  69. package/src/themes/hawaiian/basic/color/surface.json +40 -41
  70. package/src/themes/hawaiian/basic/color/text-icon.json +37 -39
  71. package/src/themes/hawaiian/basic/corner-radius.json +30 -0
  72. package/src/themes/hawaiian/basic/font/accent.json +846 -216
  73. package/src/themes/hawaiian/basic/font/body.json +202 -47
  74. package/src/themes/hawaiian/basic/font/display.json +788 -0
  75. package/src/themes/hawaiian/basic/font/heading.json +724 -184
  76. package/src/themes/alaska/advanced/button.json +0 -262
  77. package/src/themes/hawaiian/advanced/button.json +0 -334
  78. package/src/themes/hawaiian/basic/color/color.json +0 -57
  79. package/src/themes/hawaiian/basic/font/typography.json +0 -248
@@ -3,73 +3,72 @@
3
3
  "color": {
4
4
  "fare": {
5
5
  "basiceconomy": {
6
- "value": "{color.gray.250.value}",
7
- "type": "semantic",
8
- "public": true,
9
6
  "default": true,
7
+ "deprecated": false,
8
+ "public": true,
9
+ "type": "semantic",
10
10
  "usage": "Basic fare brand color",
11
- "deprecated": false
11
+ "value": "{color.gray.250.value}"
12
12
  },
13
- "businessfirst": {
14
- "value": "{color.royalpurple.600.value}",
15
- "type": "semantic",
16
- "public": true,
13
+ "business": {
17
14
  "default": true,
15
+ "deprecated": false,
16
+ "public": true,
17
+ "type": "semantic",
18
18
  "usage": "First class fare brand color",
19
- "deprecated": false
19
+ "value": "{color.royalpurple.600.value}"
20
20
  },
21
21
  "economy": {
22
- "value": "{color.alohapink.600.value}",
23
- "type": "semantic",
24
- "public": true,
25
22
  "default": true,
23
+ "deprecated": false,
24
+ "public": true,
25
+ "type": "semantic",
26
26
  "usage": "Economy fare brand color",
27
- "deprecated": false
27
+ "value": "{color.alohapink.600.value}"
28
28
  },
29
29
  "first": {
30
- "value": "{color.royalpurple.600.value}",
31
- "type": "semantic",
32
- "public": true,
33
30
  "default": true,
34
- "usage": "First class fare brand color",
35
- "deprecated": false
36
- },
37
- "premiumeconomy": {
38
- "value": "{color.ocean.800.value}",
39
- "type": "semantic",
31
+ "deprecated": false,
40
32
  "public": true,
41
- "default": true,
42
- "usage": "Premium fare brand color",
43
- "deprecated": false
33
+ "type": "semantic",
34
+ "usage": "First class fare brand color",
35
+ "value": "{color.royalpurple.600.value}"
44
36
  },
45
37
  "oneworld": {
46
38
  "emerald": {
47
- "value": "{color.oneworld.emerald.value}",
48
- "type": "semantic",
49
- "public": true,
50
39
  "default": true,
51
- "usage": "OneWorld Emerald brand color",
52
- "deprecated": false
53
- },
54
- "sapphire": {
55
- "value": "{color.oneworld.sapphire.value}",
56
- "type": "semantic",
40
+ "deprecated": false,
57
41
  "public": true,
58
- "default": true,
59
- "usage": "OneWorld Sapphire brand color",
60
- "deprecated": false
42
+ "type": "semantic",
43
+ "usage": "OneWorld Emerald brand color",
44
+ "value": "{color.oneworld.emerald.value}"
61
45
  },
62
46
  "ruby": {
63
- "value": "{color.oneworld.ruby.value}",
64
- "type": "semantic",
65
- "public": true,
66
47
  "default": true,
48
+ "deprecated": false,
49
+ "public": true,
50
+ "type": "semantic",
67
51
  "usage": "OneWorld Ruby brand color",
68
- "deprecated": false
52
+ "value": "{color.oneworld.ruby.value}"
53
+ },
54
+ "sapphire": {
55
+ "default": true,
56
+ "deprecated": false,
57
+ "public": true,
58
+ "type": "semantic",
59
+ "usage": "OneWorld Sapphire brand color",
60
+ "value": "{color.oneworld.sapphire.value}"
69
61
  }
62
+ },
63
+ "premiumeconomy": {
64
+ "default": true,
65
+ "deprecated": false,
66
+ "public": true,
67
+ "type": "semantic",
68
+ "usage": "Premium fare brand color",
69
+ "value": "{color.ocean.800.value}"
70
70
  }
71
71
  }
72
72
  }
73
73
  }
74
74
  }
75
-
@@ -3,23 +3,22 @@
3
3
  "color": {
4
4
  "pageBackground": {
5
5
  "default": {
6
- "value": "{color.white.value}",
7
- "type": "semantic",
8
- "public": true,
9
6
  "default": true,
7
+ "deprecated": false,
8
+ "public": true,
9
+ "type": "semantic",
10
10
  "usage": "Default page background color",
11
- "deprecated": false
11
+ "value": "{color.white.value}"
12
12
  },
13
13
  "utility": {
14
- "value": "{color.gray.100.value}",
15
- "type": "semantic",
16
- "public": true,
17
14
  "default": true,
15
+ "deprecated": false,
16
+ "public": true,
17
+ "type": "semantic",
18
18
  "usage": "Utility page background color",
19
- "deprecated": false
19
+ "value": "{color.gray.100.value}"
20
20
  }
21
21
  }
22
22
  }
23
23
  }
24
24
  }
25
-
@@ -3,79 +3,78 @@
3
3
  "color": {
4
4
  "status": {
5
5
  "default": {
6
- "value": "{color.neutral.400.value}",
7
- "type": "semantic",
8
- "public": true,
9
6
  "default": true,
7
+ "deprecated": false,
8
+ "public": true,
9
+ "type": "semantic",
10
10
  "usage": "Default status color",
11
- "deprecated": false
11
+ "value": "{color.neutral.400.value}"
12
12
  },
13
13
  "error": {
14
- "value": "{color.status.error.600.value}",
15
- "type": "semantic",
16
- "public": true,
17
14
  "default": true,
15
+ "deprecated": false,
16
+ "public": true,
17
+ "type": "semantic",
18
18
  "usage": "Error status color",
19
- "deprecated": false
19
+ "value": "{color.status.error.600.value}"
20
20
  },
21
21
  "errorSubtle": {
22
- "value": "{color.status.error.100.value}",
23
- "type": "semantic",
24
- "public": true,
25
22
  "default": true,
23
+ "deprecated": false,
24
+ "public": true,
25
+ "type": "semantic",
26
26
  "usage": "Subtle error status color",
27
- "deprecated": false
27
+ "value": "{color.status.error.100.value}"
28
28
  },
29
29
  "info": {
30
- "value": "{color.status.help.600.value}",
31
- "type": "semantic",
32
- "public": true,
33
30
  "default": true,
31
+ "deprecated": false,
32
+ "public": true,
33
+ "type": "semantic",
34
34
  "usage": "Info status color",
35
- "deprecated": false
35
+ "value": "{color.status.help.600.value}"
36
36
  },
37
37
  "infoSubtle": {
38
- "value": "{color.status.help.100.value}",
39
- "type": "semantic",
40
- "public": true,
41
38
  "default": true,
39
+ "deprecated": false,
40
+ "public": true,
41
+ "type": "semantic",
42
42
  "usage": "Subtle info status color",
43
- "deprecated": false
43
+ "value": "{color.status.help.100.value}"
44
44
  },
45
45
  "success": {
46
- "value": "{color.status.success.600.value}",
47
- "type": "semantic",
48
- "public": true,
49
46
  "default": true,
47
+ "deprecated": false,
48
+ "public": true,
49
+ "type": "semantic",
50
50
  "usage": "Success status color",
51
- "deprecated": false
51
+ "value": "{color.status.success.600.value}"
52
52
  },
53
53
  "successSubtle": {
54
- "value": "{color.status.success.100.value}",
55
- "type": "semantic",
56
- "public": true,
57
54
  "default": true,
55
+ "deprecated": false,
56
+ "public": true,
57
+ "type": "semantic",
58
58
  "usage": "Subtle success status color",
59
- "deprecated": false
59
+ "value": "{color.status.success.100.value}"
60
60
  },
61
61
  "warning": {
62
- "value": "{color.status.warn.300.value}",
63
- "type": "semantic",
64
- "public": true,
65
62
  "default": true,
63
+ "deprecated": false,
64
+ "public": true,
65
+ "type": "semantic",
66
66
  "usage": "Warning status color",
67
- "deprecated": false
67
+ "value": "{color.status.warn.300.value}"
68
68
  },
69
69
  "warningSubtle": {
70
- "value": "{color.status.warn.100.value}",
71
- "type": "semantic",
72
- "public": true,
73
70
  "default": true,
71
+ "deprecated": false,
72
+ "public": true,
73
+ "type": "semantic",
74
74
  "usage": "Subtle warning status color",
75
- "deprecated": false
75
+ "value": "{color.status.warn.100.value}"
76
76
  }
77
77
  }
78
78
  }
79
79
  }
80
80
  }
81
-
@@ -3,87 +3,86 @@
3
3
  "color": {
4
4
  "surface": {
5
5
  "accent1": {
6
- "value": "{color.royalpurple.300.value}",
7
- "type": "semantic",
8
- "public": true,
9
6
  "default": true,
7
+ "deprecated": false,
8
+ "public": true,
9
+ "type": "semantic",
10
10
  "usage": "Accent surface color",
11
- "deprecated": false
11
+ "value": "{color.royalpurple.300.value}"
12
12
  },
13
13
  "accent1Muted": {
14
- "value": "{basic.color.brand.primaryMuted.value}",
15
- "type": "semantic",
16
- "public": true,
17
14
  "default": true,
15
+ "deprecated": false,
16
+ "public": true,
17
+ "type": "semantic",
18
18
  "usage": "Muted accent surface color",
19
- "deprecated": false
19
+ "value": "{basic.color.brand.primaryMuted.value}"
20
20
  },
21
21
  "accent1Subtle": {
22
- "value": "{color.royalpurple.300.value}",
23
- "type": "semantic",
24
- "public": true,
25
22
  "default": true,
23
+ "deprecated": false,
24
+ "public": true,
25
+ "type": "semantic",
26
26
  "usage": "Subtle accent surface color",
27
- "deprecated": false
27
+ "value": "{color.royalpurple.300.value}"
28
28
  },
29
29
  "accent2": {
30
- "value": "{color.gray.50.value}",
31
- "type": "semantic",
32
- "public": true,
33
30
  "default": true,
31
+ "deprecated": false,
32
+ "public": true,
33
+ "type": "semantic",
34
34
  "usage": "Accent surface color",
35
- "deprecated": false
35
+ "value": "{color.gray.50.value}"
36
36
  },
37
37
  "accent2Muted": {
38
- "value": "{color.gray.50.value}",
39
- "type": "semantic",
40
- "public": true,
41
38
  "default": true,
39
+ "deprecated": false,
40
+ "public": true,
41
+ "type": "semantic",
42
42
  "usage": "Muted accent surface color",
43
- "deprecated": false
43
+ "value": "{color.gray.50.value}"
44
44
  },
45
45
  "default": {
46
- "value": "{color.white.value}",
47
- "type": "semantic",
48
- "public": true,
49
46
  "default": true,
47
+ "deprecated": false,
48
+ "public": true,
49
+ "type": "semantic",
50
50
  "usage": "Default surface color",
51
- "deprecated": false
51
+ "value": "{color.white.value}"
52
52
  },
53
53
  "inverse": {
54
- "value": "{basic.color.brand.primary.value}",
55
- "type": "semantic",
56
- "public": true,
57
54
  "default": true,
55
+ "deprecated": false,
56
+ "public": true,
57
+ "type": "semantic",
58
58
  "usage": "Inverse surface color",
59
- "deprecated": false
59
+ "value": "{basic.color.brand.primary.value}"
60
60
  },
61
61
  "inverseSubtle": {
62
- "value": "{basic.color.brand.primarySubtle.value}",
63
- "type": "semantic",
64
- "public": true,
65
62
  "default": true,
63
+ "deprecated": false,
64
+ "public": true,
65
+ "type": "semantic",
66
66
  "usage": "Subtle inverse surface color",
67
- "deprecated": false
67
+ "value": "{basic.color.brand.primarySubtle.value}"
68
68
  },
69
69
  "neutralMedium": {
70
- "value": "{color.gray.200.value}",
71
- "type": "semantic",
72
- "public": true,
73
70
  "default": true,
71
+ "deprecated": false,
72
+ "public": true,
73
+ "type": "semantic",
74
74
  "usage": "Medium neutral surface color",
75
- "deprecated": false
75
+ "value": "{color.gray.200.value}"
76
76
  },
77
77
  "neutralSubtle": {
78
- "value": "{color.gray.50.value}",
79
- "type": "semantic",
80
- "public": true,
81
78
  "default": true,
79
+ "deprecated": false,
80
+ "public": true,
81
+ "type": "semantic",
82
82
  "usage": "Subtle neutral surface color",
83
- "deprecated": false
83
+ "value": "{color.gray.50.value}"
84
84
  }
85
85
  }
86
86
  }
87
87
  }
88
88
  }
89
-
@@ -2,57 +2,55 @@
2
2
  "basic": {
3
3
  "color": {
4
4
  "texticon": {
5
- "default": {
6
- "value": "{color.black.value}",
7
- "type": "semantic",
8
- "public": true,
5
+ "accent1": {
9
6
  "default": true,
10
- "usage": "Default text color",
11
- "deprecated": false
12
- },
13
- "muted": {
14
- "value": "{color.gray.900.value}",
15
- "type": "semantic",
7
+ "deprecated": false,
16
8
  "public": true,
9
+ "type": "semantic",
10
+ "usage": "Accent text color",
11
+ "value": "{basic.color.brand.primary.value}"
12
+ },
13
+ "default": {
17
14
  "default": true,
18
- "usage": "Muted text color",
19
- "deprecated": false
15
+ "deprecated": false,
16
+ "public": true,
17
+ "type": "semantic",
18
+ "usage": "Default text color",
19
+ "value": "{color.black.value}"
20
20
  },
21
21
  "disabled": {
22
- "default": {
23
- "value": "{color.gray.250.value}",
24
- "type": "semantic",
25
- "public": true,
26
- "default": true,
27
- "usage": "Disabled text/icon color",
28
- "deprecated": false
29
- },
30
- "inverse": {
31
- "value": "{color.neutral.600.value}",
32
- "type": "semantic",
33
- "public": true,
34
- "default": true,
35
- "usage": "Disabled inverse text/icon color",
36
- "deprecated": false
37
- }
38
- },
39
- "accent1": {
40
- "value": "{basic.color.brand.primary.value}",
41
- "type": "semantic",
22
+ "default": true,
23
+ "deprecated": false,
42
24
  "public": true,
25
+ "type": "semantic",
26
+ "usage": "Disabled text/icon color",
27
+ "value": "{color.gray.250.value}"
28
+ },
29
+ "disabledInverse": {
43
30
  "default": true,
44
- "usage": "Accent text color",
45
- "deprecated": false
31
+ "deprecated": false,
32
+ "public": true,
33
+ "type": "semantic",
34
+ "usage": "Disabled inverse text/icon color",
35
+ "value": "{color.neutral.600.value}"
46
36
  },
47
37
  "inverse": {
48
- "value": "{color.white.value}",
49
- "type": "semantic",
50
- "public": true,
51
38
  "default": true,
39
+ "deprecated": false,
40
+ "public": true,
41
+ "type": "semantic",
52
42
  "usage": "Inverse text color",
53
- "deprecated": false
43
+ "value": "{color.white.value}"
44
+ },
45
+ "muted": {
46
+ "default": true,
47
+ "deprecated": false,
48
+ "public": true,
49
+ "type": "semantic",
50
+ "usage": "Muted text color",
51
+ "value": "{color.gray.900.value}"
54
52
  }
55
53
  }
56
54
  }
57
55
  }
58
- }
56
+ }
@@ -0,0 +1,30 @@
1
+ {
2
+ "basic": {
3
+ "cornerRadius": {
4
+ "large": {
5
+ "default": true,
6
+ "deprecated": false,
7
+ "public": true,
8
+ "type": "semantic",
9
+ "usage": "",
10
+ "value": "24px"
11
+ },
12
+ "medium": {
13
+ "default": true,
14
+ "deprecated": false,
15
+ "public": true,
16
+ "type": "semantic",
17
+ "usage": "",
18
+ "value": "16px"
19
+ },
20
+ "small": {
21
+ "default": true,
22
+ "deprecated": false,
23
+ "public": true,
24
+ "type": "semantic",
25
+ "usage": "",
26
+ "value": "4px"
27
+ }
28
+ }
29
+ }
30
+ }