@aurodesignsystem/design-tokens 8.2.1 → 8.3.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 (71) hide show
  1. package/CHANGELOG.md +15 -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 +11 -6
  15. package/dist/primitives/base/JSObject--allTokens.js +169 -126
  16. package/dist/primitives/base/SCSSVariables--primitivesBase.scss +8 -7
  17. package/dist/primitives/base/SCSSVariablesMapFlat--primitivesBase.scss +8 -7
  18. package/dist/themes/CSSCustomProperties--bundled.css +36 -26
  19. package/dist/themes/CSSCustomProperties--bundled.min.css +1 -1
  20. package/dist/themes/alaska/CSSCustomProperties--alaska.css +8 -6
  21. package/dist/themes/alaska/CSSCustomProperties--alaska.min.css +1 -1
  22. package/dist/themes/alaska/JSONVariablesNested--alaska.json +18 -11
  23. package/dist/themes/alaska/JSObject--allTokens.js +239 -138
  24. package/dist/themes/alaska/SCSSVariables--alaska.scss +15 -12
  25. package/dist/themes/alaska/SCSSVariablesMapFlat--alaska.scss +15 -12
  26. package/dist/themes/alaska/primitives--alaska.scss +8 -7
  27. package/dist/themes/alaska-classic/CSSCustomProperties--alaskaClassic.css +8 -6
  28. package/dist/themes/alaska-classic/CSSCustomProperties--alaskaClassic.min.css +1 -1
  29. package/dist/themes/alaska-classic/JSONVariablesNested--alaskaClassic.json +18 -11
  30. package/dist/themes/alaska-classic/JSObject--allTokens.js +239 -138
  31. package/dist/themes/alaska-classic/SCSSVariables--alaskaClassic.scss +15 -12
  32. package/dist/themes/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +15 -12
  33. package/dist/themes/alaska-classic/primitives--alaskaClassic.scss +8 -7
  34. package/dist/themes/auro-1/CSSCustomProperties--auro1.css +8 -6
  35. package/dist/themes/auro-1/CSSCustomProperties--auro1.min.css +1 -1
  36. package/dist/themes/auro-1/JSONVariablesNested--auro1.json +18 -11
  37. package/dist/themes/auro-1/JSObject--allTokens.js +239 -138
  38. package/dist/themes/auro-1/SCSSVariables--auro1.scss +15 -12
  39. package/dist/themes/auro-1/SCSSVariablesMapFlat--auro1.scss +15 -12
  40. package/dist/themes/auro-1/primitives--auro1.scss +8 -7
  41. package/dist/themes/auro-2/CSSCustomProperties--auro2.css +8 -6
  42. package/dist/themes/auro-2/CSSCustomProperties--auro2.min.css +1 -1
  43. package/dist/themes/auro-2/JSONVariablesNested--auro2.json +18 -11
  44. package/dist/themes/auro-2/JSObject--allTokens.js +239 -138
  45. package/dist/themes/auro-2/SCSSVariables--auro2.scss +15 -12
  46. package/dist/themes/auro-2/SCSSVariablesMapFlat--auro2.scss +15 -12
  47. package/dist/themes/auro-2/primitives--auro2.scss +8 -7
  48. package/dist/themes/hawaiian/CSSCustomProperties--hawaiian.css +8 -6
  49. package/dist/themes/hawaiian/CSSCustomProperties--hawaiian.min.css +1 -1
  50. package/dist/themes/hawaiian/JSONVariablesNested--hawaiian.json +18 -11
  51. package/dist/themes/hawaiian/JSObject--allTokens.js +239 -138
  52. package/dist/themes/hawaiian/SCSSVariables--hawaiian.scss +15 -12
  53. package/dist/themes/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +15 -12
  54. package/dist/themes/hawaiian/primitives--hawaiian.scss +8 -7
  55. package/package.json +7 -7
  56. package/src/primitives/base/type/line-height.json +44 -34
  57. package/src/themes/alaska/advanced/color/shared.json +14 -0
  58. package/src/themes/alaska/basic/type/brand.json +2 -2
  59. package/src/themes/alaska/basic/type/line-height.json +5 -5
  60. package/src/themes/alaska-classic/advanced/color/shared.json +14 -0
  61. package/src/themes/alaska-classic/basic/type/brand.json +2 -2
  62. package/src/themes/alaska-classic/basic/type/line-height.json +5 -5
  63. package/src/themes/auro-1/advanced/color/shared.json +14 -0
  64. package/src/themes/auro-1/basic/type/brand.json +2 -2
  65. package/src/themes/auro-1/basic/type/line-height.json +5 -5
  66. package/src/themes/auro-2/advanced/color/shared.json +14 -0
  67. package/src/themes/auro-2/basic/type/brand.json +2 -2
  68. package/src/themes/auro-2/basic/type/line-height.json +5 -5
  69. package/src/themes/hawaiian/advanced/color/shared.json +14 -0
  70. package/src/themes/hawaiian/basic/type/brand.json +2 -2
  71. package/src/themes/hawaiian/basic/type/line-height.json +5 -5
package/src/primitives/base/type/line-height.json CHANGED
@@ -1,41 +1,51 @@
1
1
  {
2
2
  "type": {
3
3
  "lineHeight": {
4
- "088": {
5
- "deprecated": false,
6
- "public": true,
7
- "type": "primitive",
8
- "value": "0.88"
4
+ "percent": {
5
+ "100": {
6
+ "deprecated": false,
7
+ "public": true,
8
+ "type": "primitive",
9
+ "value": "1"
10
+ },
11
+ "130": {
12
+ "deprecated": false,
13
+ "public": true,
14
+ "type": "primitive",
15
+ "value": "1.3"
16
+ }
9
17
  },
10
- "100": {
11
- "deprecated": false,
12
- "public": true,
13
- "type": "primitive",
14
- "value": "1"
15
- },
16
- "125": {
17
- "deprecated": false,
18
- "public": true,
19
- "type": "primitive",
20
- "value": "1.25"
21
- },
22
- "130": {
23
- "deprecated": false,
24
- "public": true,
25
- "type": "primitive",
26
- "value": "1.3"
27
- },
28
- "150": {
29
- "deprecated": false,
30
- "public": true,
31
- "type": "primitive",
32
- "value": "1.5"
33
- },
34
- "163": {
35
- "deprecated": false,
36
- "public": true,
37
- "type": "primitive",
38
- "value": "1.63"
18
+ "px": {
19
+ "14": {
20
+ "deprecated": false,
21
+ "public": true,
22
+ "type": "primitive",
23
+ "value": "0.875rem"
24
+ },
25
+ "16": {
26
+ "deprecated": false,
27
+ "public": true,
28
+ "type": "primitive",
29
+ "value": "1rem"
30
+ },
31
+ "20": {
32
+ "deprecated": false,
33
+ "public": true,
34
+ "type": "primitive",
35
+ "value": "1.25rem"
36
+ },
37
+ "24": {
38
+ "deprecated": false,
39
+ "public": true,
40
+ "type": "primitive",
41
+ "value": "1.5rem"
42
+ },
43
+ "26": {
44
+ "deprecated": false,
45
+ "public": true,
46
+ "type": "primitive",
47
+ "value": "1.625rem"
48
+ }
39
49
  }
40
50
  }
41
51
  }
package/src/themes/alaska/advanced/color/shared.json CHANGED
@@ -44,6 +44,20 @@
44
44
  "usage": "Component background strong color",
45
45
  "value": "{color.gray.600.value}"
46
46
  },
47
+ "emphasizedBackground": {
48
+ "deprecated": false,
49
+ "public": true,
50
+ "type": "semantic",
51
+ "usage": "Emphasized background color",
52
+ "value": "rgba(1, 66, 106, 0.1)"
53
+ },
54
+ "emphasizedBackgroundHover": {
55
+ "deprecated": false,
56
+ "public": true,
57
+ "type": "semantic",
58
+ "usage": "Emphasized background hover color",
59
+ "value": "rgba(1, 66, 106, 0.2)"
60
+ },
47
61
  "scrim": {
48
62
  "deprecated": false,
49
63
  "public": true,
package/src/themes/alaska/basic/type/brand.json CHANGED
@@ -18,13 +18,13 @@
18
18
  "deprecated": false,
19
19
  "public": true,
20
20
  "type": "semantic",
21
- "value": "{type.lineHeight.130.value}"
21
+ "value": "{type.lineHeight.percent.130.value}"
22
22
  },
23
23
  "lineHeightSecondary": {
24
24
  "deprecated": false,
25
25
  "public": true,
26
26
  "type": "semantic",
27
- "value": "{type.lineHeight.100.value}"
27
+ "value": "{type.lineHeight.percent.100.value}"
28
28
  },
29
29
  "letterSpacingPrimary": {
30
30
  "deprecated": false,
package/src/themes/alaska/basic/type/line-height.json CHANGED
@@ -18,31 +18,31 @@
18
18
  "deprecated": false,
19
19
  "public": true,
20
20
  "type": "semantic",
21
- "value": "{type.lineHeight.163.value}"
21
+ "value": "{type.lineHeight.px.26.value}"
22
22
  },
23
23
  "body2": {
24
24
  "deprecated": false,
25
25
  "public": true,
26
26
  "type": "semantic",
27
- "value": "{type.lineHeight.150.value}"
27
+ "value": "{type.lineHeight.px.24.value}"
28
28
  },
29
29
  "body3": {
30
30
  "deprecated": false,
31
31
  "public": true,
32
32
  "type": "semantic",
33
- "value": "{type.lineHeight.125.value}"
33
+ "value": "{type.lineHeight.px.20.value}"
34
34
  },
35
35
  "body4": {
36
36
  "deprecated": false,
37
37
  "public": true,
38
38
  "type": "semantic",
39
- "value": "{basic.type.brand.lineHeightSecondary.value}"
39
+ "value": "{type.lineHeight.px.16.value}"
40
40
  },
41
41
  "body5": {
42
42
  "deprecated": false,
43
43
  "public": true,
44
44
  "type": "semantic",
45
- "value": "{type.lineHeight.088.value}"
45
+ "value": "{type.lineHeight.px.14.value}"
46
46
  },
47
47
  "display": {
48
48
  "deprecated": false,
package/src/themes/alaska-classic/advanced/color/shared.json CHANGED
@@ -44,6 +44,20 @@
44
44
  "usage": "Component background strong color",
45
45
  "value": "{color.gray.600.value}"
46
46
  },
47
+ "emphasizedBackground": {
48
+ "deprecated": false,
49
+ "public": true,
50
+ "type": "semantic",
51
+ "usage": "Emphasized background color",
52
+ "value": "{basic.color.surface.default.value}"
53
+ },
54
+ "emphasizedBackgroundHover": {
55
+ "deprecated": false,
56
+ "public": true,
57
+ "type": "semantic",
58
+ "usage": "Emphasized background hover color",
59
+ "value": "{basic.color.surface.default.value}"
60
+ },
47
61
  "scrim": {
48
62
  "deprecated": false,
49
63
  "public": true,
package/src/themes/alaska-classic/basic/type/brand.json CHANGED
@@ -18,13 +18,13 @@
18
18
  "deprecated": false,
19
19
  "public": true,
20
20
  "type": "semantic",
21
- "value": "{type.lineHeight.130.value}"
21
+ "value": "{type.lineHeight.percent.130.value}"
22
22
  },
23
23
  "lineHeightSecondary": {
24
24
  "deprecated": false,
25
25
  "public": true,
26
26
  "type": "semantic",
27
- "value": "{type.lineHeight.100.value}"
27
+ "value": "{type.lineHeight.percent.100.value}"
28
28
  },
29
29
  "letterSpacingPrimary": {
30
30
  "deprecated": false,
package/src/themes/alaska-classic/basic/type/line-height.json CHANGED
@@ -18,31 +18,31 @@
18
18
  "deprecated": false,
19
19
  "public": true,
20
20
  "type": "semantic",
21
- "value": "{type.lineHeight.163.value}"
21
+ "value": "{type.lineHeight.px.26.value}"
22
22
  },
23
23
  "body2": {
24
24
  "deprecated": false,
25
25
  "public": true,
26
26
  "type": "semantic",
27
- "value": "{type.lineHeight.150.value}"
27
+ "value": "{type.lineHeight.px.24.value}"
28
28
  },
29
29
  "body3": {
30
30
  "deprecated": false,
31
31
  "public": true,
32
32
  "type": "semantic",
33
- "value": "{type.lineHeight.125.value}"
33
+ "value": "{type.lineHeight.px.20.value}"
34
34
  },
35
35
  "body4": {
36
36
  "deprecated": false,
37
37
  "public": true,
38
38
  "type": "semantic",
39
- "value": "{basic.type.brand.lineHeightSecondary.value}"
39
+ "value": "{type.lineHeight.px.16.value}"
40
40
  },
41
41
  "body5": {
42
42
  "deprecated": false,
43
43
  "public": true,
44
44
  "type": "semantic",
45
- "value": "{type.lineHeight.088.value}"
45
+ "value": "{type.lineHeight.px.14.value}"
46
46
  },
47
47
  "display": {
48
48
  "deprecated": false,
package/src/themes/auro-1/advanced/color/shared.json CHANGED
@@ -44,6 +44,20 @@
44
44
  "usage": "Component background strong color",
45
45
  "value": "{color.gray.600.value}"
46
46
  },
47
+ "emphasizedBackground": {
48
+ "deprecated": false,
49
+ "public": true,
50
+ "type": "semantic",
51
+ "usage": "Emphasized background color",
52
+ "value": "{basic.color.brand.secondarySubtle.value}"
53
+ },
54
+ "emphasizedBackgroundHover": {
55
+ "deprecated": false,
56
+ "public": true,
57
+ "type": "semantic",
58
+ "usage": "Emphasized background hover color",
59
+ "value": "{basic.color.brand.secondary.value}"
60
+ },
47
61
  "scrim": {
48
62
  "deprecated": false,
49
63
  "public": true,
package/src/themes/auro-1/basic/type/brand.json CHANGED
@@ -18,13 +18,13 @@
18
18
  "deprecated": false,
19
19
  "public": true,
20
20
  "type": "semantic",
21
- "value": "{type.lineHeight.130.value}"
21
+ "value": "{type.lineHeight.percent.130.value}"
22
22
  },
23
23
  "lineHeightSecondary": {
24
24
  "deprecated": false,
25
25
  "public": true,
26
26
  "type": "semantic",
27
- "value": "{type.lineHeight.100.value}"
27
+ "value": "{type.lineHeight.percent.100.value}"
28
28
  },
29
29
  "letterSpacingPrimary": {
30
30
  "deprecated": false,
package/src/themes/auro-1/basic/type/line-height.json CHANGED
@@ -18,31 +18,31 @@
18
18
  "deprecated": false,
19
19
  "public": true,
20
20
  "type": "semantic",
21
- "value": "{type.lineHeight.163.value}"
21
+ "value": "{type.lineHeight.px.26.value}"
22
22
  },
23
23
  "body2": {
24
24
  "deprecated": false,
25
25
  "public": true,
26
26
  "type": "semantic",
27
- "value": "{type.lineHeight.150.value}"
27
+ "value": "{type.lineHeight.px.24.value}"
28
28
  },
29
29
  "body3": {
30
30
  "deprecated": false,
31
31
  "public": true,
32
32
  "type": "semantic",
33
- "value": "{type.lineHeight.125.value}"
33
+ "value": "{type.lineHeight.px.20.value}"
34
34
  },
35
35
  "body4": {
36
36
  "deprecated": false,
37
37
  "public": true,
38
38
  "type": "semantic",
39
- "value": "{basic.type.brand.lineHeightSecondary.value}"
39
+ "value": "{type.lineHeight.px.16.value}"
40
40
  },
41
41
  "body5": {
42
42
  "deprecated": false,
43
43
  "public": true,
44
44
  "type": "semantic",
45
- "value": "{type.lineHeight.088.value}"
45
+ "value": "{type.lineHeight.px.14.value}"
46
46
  },
47
47
  "display": {
48
48
  "deprecated": false,
package/src/themes/auro-2/advanced/color/shared.json CHANGED
@@ -44,6 +44,20 @@
44
44
  "usage": "Component background strong color",
45
45
  "value": "{color.gray.600.value}"
46
46
  },
47
+ "emphasizedBackground": {
48
+ "deprecated": false,
49
+ "public": true,
50
+ "type": "semantic",
51
+ "usage": "Emphasized background color",
52
+ "value": "{basic.color.brand.secondarySubtle.value}"
53
+ },
54
+ "emphasizedBackgroundHover": {
55
+ "deprecated": false,
56
+ "public": true,
57
+ "type": "semantic",
58
+ "usage": "Emphasized background hover color",
59
+ "value": "{basic.color.brand.secondary.value}"
60
+ },
47
61
  "scrim": {
48
62
  "deprecated": false,
49
63
  "public": true,
package/src/themes/auro-2/basic/type/brand.json CHANGED
@@ -18,13 +18,13 @@
18
18
  "deprecated": false,
19
19
  "public": true,
20
20
  "type": "semantic",
21
- "value": "{type.lineHeight.130.value}"
21
+ "value": "{type.lineHeight.percent.130.value}"
22
22
  },
23
23
  "lineHeightSecondary": {
24
24
  "deprecated": false,
25
25
  "public": true,
26
26
  "type": "semantic",
27
- "value": "{type.lineHeight.100.value}"
27
+ "value": "{type.lineHeight.percent.100.value}"
28
28
  },
29
29
  "letterSpacingPrimary": {
30
30
  "deprecated": false,
package/src/themes/auro-2/basic/type/line-height.json CHANGED
@@ -18,31 +18,31 @@
18
18
  "deprecated": false,
19
19
  "public": true,
20
20
  "type": "semantic",
21
- "value": "{type.lineHeight.163.value}"
21
+ "value": "{type.lineHeight.px.26.value}"
22
22
  },
23
23
  "body2": {
24
24
  "deprecated": false,
25
25
  "public": true,
26
26
  "type": "semantic",
27
- "value": "{type.lineHeight.150.value}"
27
+ "value": "{type.lineHeight.px.24.value}"
28
28
  },
29
29
  "body3": {
30
30
  "deprecated": false,
31
31
  "public": true,
32
32
  "type": "semantic",
33
- "value": "{type.lineHeight.125.value}"
33
+ "value": "{type.lineHeight.px.20.value}"
34
34
  },
35
35
  "body4": {
36
36
  "deprecated": false,
37
37
  "public": true,
38
38
  "type": "semantic",
39
- "value": "{basic.type.brand.lineHeightSecondary.value}"
39
+ "value": "{type.lineHeight.px.16.value}"
40
40
  },
41
41
  "body5": {
42
42
  "deprecated": false,
43
43
  "public": true,
44
44
  "type": "semantic",
45
- "value": "{type.lineHeight.088.value}"
45
+ "value": "{type.lineHeight.px.14.value}"
46
46
  },
47
47
  "display": {
48
48
  "deprecated": false,
package/src/themes/hawaiian/advanced/color/shared.json CHANGED
@@ -44,6 +44,20 @@
44
44
  "usage": "Component background strong color",
45
45
  "value": "{color.gray.600.value}"
46
46
  },
47
+ "emphasizedBackground": {
48
+ "deprecated": false,
49
+ "public": true,
50
+ "type": "semantic",
51
+ "usage": "Emphasized background color",
52
+ "value": "{basic.color.surface.accent1Muted.value}"
53
+ },
54
+ "emphasizedBackgroundHover": {
55
+ "deprecated": false,
56
+ "public": true,
57
+ "type": "semantic",
58
+ "usage": "Emphasized background hover color",
59
+ "value": "{color.royalpurple.200.value}"
60
+ },
47
61
  "scrim": {
48
62
  "deprecated": false,
49
63
  "public": true,
package/src/themes/hawaiian/basic/type/brand.json CHANGED
@@ -18,13 +18,13 @@
18
18
  "deprecated": false,
19
19
  "public": true,
20
20
  "type": "semantic",
21
- "value": "{type.lineHeight.130.value}"
21
+ "value": "{type.lineHeight.percent.130.value}"
22
22
  },
23
23
  "lineHeightSecondary": {
24
24
  "deprecated": false,
25
25
  "public": true,
26
26
  "type": "semantic",
27
- "value": "{type.lineHeight.100.value}"
27
+ "value": "{type.lineHeight.percent.100.value}"
28
28
  },
29
29
  "letterSpacingPrimary": {
30
30
  "deprecated": false,
package/src/themes/hawaiian/basic/type/line-height.json CHANGED
@@ -18,31 +18,31 @@
18
18
  "deprecated": false,
19
19
  "public": true,
20
20
  "type": "semantic",
21
- "value": "{type.lineHeight.163.value}"
21
+ "value": "{type.lineHeight.px.26.value}"
22
22
  },
23
23
  "body2": {
24
24
  "deprecated": false,
25
25
  "public": true,
26
26
  "type": "semantic",
27
- "value": "{type.lineHeight.150.value}"
27
+ "value": "{type.lineHeight.px.24.value}"
28
28
  },
29
29
  "body3": {
30
30
  "deprecated": false,
31
31
  "public": true,
32
32
  "type": "semantic",
33
- "value": "{type.lineHeight.125.value}"
33
+ "value": "{type.lineHeight.px.20.value}"
34
34
  },
35
35
  "body4": {
36
36
  "deprecated": false,
37
37
  "public": true,
38
38
  "type": "semantic",
39
- "value": "{basic.type.brand.lineHeightSecondary.value}"
39
+ "value": "{type.lineHeight.px.16.value}"
40
40
  },
41
41
  "body5": {
42
42
  "deprecated": false,
43
43
  "public": true,
44
44
  "type": "semantic",
45
- "value": "{type.lineHeight.088.value}"
45
+ "value": "{type.lineHeight.px.14.value}"
46
46
  },
47
47
  "display": {
48
48
  "deprecated": false,