@adobe/spectrum-tokens 12.0.0-beta.3 → 12.0.0-beta.4

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 (7) hide show
  1. package/CHANGELOG.md +2 -8
  2. package/package.json +4 -1
  3. package/tokens/color-alias.json +125 -127
  4. package/tokens/color-semantic.json +260 -272
  5. package/tokens/color.json +2512 -2542
  6. package/tokens/component-layout.json +694 -746
  7. package/tokens/layout.json +836 -910
package/CHANGELOG.md CHANGED
@@ -1,12 +1,6 @@
1
- # [12.0.0-beta.3](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.2...v12.0.0-beta.3) (2022-03-16)
2
-
3
-
4
- ### Bug Fixes
5
-
6
- * added changelog to semantic release ([9992ec1](https://github.com/adobe/spectrum-tokens/commit/9992ec1975c0b719cbc1374782cde2e6a65206fe))
7
- * updated semantic release ([652e7d3](https://github.com/adobe/spectrum-tokens/commit/652e7d3881ff5446b3ef2d33355c96f5a6327c02))
1
+ # [12.0.0-beta.4](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.3...v12.0.0-beta.4) (2022-03-21)
8
2
 
9
3
 
10
4
  ### Features
11
5
 
12
- * adding colors ([7c23e33](https://github.com/adobe/spectrum-tokens/commit/7c23e33359504f54e7248ec910248d3713684f28))
6
+ * flatten structures so dots go away ([#6](https://github.com/adobe/spectrum-tokens/issues/6)) ([4d942c0](https://github.com/adobe/spectrum-tokens/commit/4d942c0f81775f31cc3635fffc9cd08d1e06f6ec))
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "12.0.0-beta.3",
3
+ "version": "12.0.0-beta.4",
4
4
  "description": "",
5
5
  "main": "config.js",
6
6
  "scripts": {
@@ -15,6 +15,9 @@
15
15
  "url": "https://github.com/adobe/spectrum-tokens.git"
16
16
  },
17
17
  "author": "Garth Braithwaite <garthdb@gmail.com> (http://garthdb.com/)",
18
+ "contributors": [
19
+ "Aaron Brownlee <brownlee@adobe.com> (https://misterbrownlee.com)"
20
+ ],
18
21
  "license": "Apache-2.0",
19
22
  "bugs": {
20
23
  "url": "https://github.com/adobe/spectrum-tokens/issues"
package/tokens/color-alias.json CHANGED
@@ -1,133 +1,131 @@
1
1
  {
2
- "color": {
3
- "alias": {
4
- "transparent-white": {
5
- "200": {
6
- "value": "rgba(255, 255, 255, 0.10)"
7
- },
8
- "300": {
9
- "value": "rgba(255, 255, 255, 0.25)"
10
- },
11
- "400": {
12
- "value": "rgba(255, 255, 255, 0.40)"
13
- },
14
- "500": {
15
- "value": "rgba(255, 255, 255, 0.55)"
16
- },
17
- "600": {
18
- "value": "rgba(255, 255, 255, 0.70)"
19
- },
20
- "700": {
21
- "value": "rgba(255, 255, 255, 0.80)"
22
- },
23
- "800": {
24
- "value": "rgba(255, 255, 255, 0.90)"
25
- },
26
- "900": {
27
- "value": "rgb(255, 255, 255)"
28
- }
29
- },
30
- "transparent-black": {
31
- "200": {
32
- "value": "rgba(0, 0, 0, 0.10)"
33
- },
34
- "300": {
35
- "value": "rgba(0, 0, 0, 0.25)"
36
- },
37
- "400": {
38
- "value": "rgba(0, 0, 0, 0.40)"
39
- },
40
- "500": {
41
- "value": "rgba(0, 0, 0, 0.55)"
42
- },
43
- "600": {
44
- "value": "rgba(0, 0, 0, 0.70)"
45
- },
46
- "700": {
47
- "value": "rgba(0, 0, 0, 0.80)"
48
- },
49
- "800": {
50
- "value": "rgba(0, 0, 0, 0.90)"
51
- },
52
- "900": {
53
- "value": "rgb(0, 0, 0)"
54
- }
55
- },
56
- "focus-ring-color": {
57
- "default": {
58
- "value": "{color.blue.800}"
59
- },
60
- "static-white-color": {
61
- "value": "{color.black}"
62
- },
63
- "static-black-color": {
64
- "value": "{color.white}"
65
- }
66
- },
67
- "neutral-content-color": {
68
- "default": {
69
- "value": "{color.gray.800}"
70
- },
71
- "hover": {
72
- "value": "{color.gray.900}"
73
- },
74
- "down": {
75
- "value": "{color.gray.900}"
76
- },
77
- "key-focus": {
78
- "value": "{color.gray.900}"
79
- }
80
- },
81
- "neutral-subdued-content-color": {
82
- "default": {
83
- "value": "{color.gray.700}"
84
- },
85
- "hover": {
86
- "value": "{color.gray.800}"
87
- },
88
- "down": {
89
- "value": "{color.gray.900}"
90
- },
91
- "key-focus": {
92
- "value": "{color.gray.800}"
93
- }
94
- },
95
- "accent-content-color": {
96
- "default": {
97
- "value": "{color.semantic.accent-color.900}"
98
- },
99
- "hover": {
100
- "value": "{color.semantic.accent-color.1000}"
101
- },
102
- "down": {
103
- "value": "{color.semantic.accent-color.1100}"
104
- },
105
- "key-focus": {
106
- "value": "{color.semantic.accent-color.1000}"
107
- }
108
- },
109
- "negative-content-color": {
110
- "default": {
111
- "value": "{color.semantic.negative-color.900}"
112
- },
113
- "hover": {
114
- "value": "{color.semantic.negative-color.1000}"
115
- },
116
- "down": {
117
- "value": "{color.semantic.negative-color.1100}"
118
- },
119
- "key-focus": {
120
- "value": "{color.semantic.negative-color.1000}"
121
- }
122
- },
123
- "disabled-content-color": {
124
- "value": "{color.gray.400}"
2
+ "transparent-white-200": {
3
+ "value": "rgba(255, 255, 255, 0.10)"
4
+ },
5
+ "transparent-white-300": {
6
+ "value": "rgba(255, 255, 255, 0.25)"
7
+ },
8
+ "transparent-white-400": {
9
+ "value": "rgba(255, 255, 255, 0.40)"
10
+ },
11
+ "transparent-white-500": {
12
+ "value": "rgba(255, 255, 255, 0.55)"
13
+ },
14
+ "transparent-white-600": {
15
+ "value": "rgba(255, 255, 255, 0.70)"
16
+ },
17
+ "transparent-white-700": {
18
+ "value": "rgba(255, 255, 255, 0.80)"
19
+ },
20
+ "transparent-white-800": {
21
+ "value": "rgba(255, 255, 255, 0.90)"
22
+ },
23
+ "transparent-white-900": {
24
+ "value": "rgb(255, 255, 255)"
25
+ },
26
+
27
+ "transparent-black-200": {
28
+ "value": "rgba(0, 0, 0, 0.10)"
29
+ },
30
+ "transparent-black-300": {
31
+ "value": "rgba(0, 0, 0, 0.25)"
32
+ },
33
+ "transparent-black-400": {
34
+ "value": "rgba(0, 0, 0, 0.40)"
35
+ },
36
+ "transparent-black-500": {
37
+ "value": "rgba(0, 0, 0, 0.55)"
38
+ },
39
+ "transparent-black-600": {
40
+ "value": "rgba(0, 0, 0, 0.70)"
41
+ },
42
+ "transparent-black-700": {
43
+ "value": "rgba(0, 0, 0, 0.80)"
44
+ },
45
+ "transparent-black-800": {
46
+ "value": "rgba(0, 0, 0, 0.90)"
47
+ },
48
+ "transparent-black-900": {
49
+ "value": "rgb(0, 0, 0)"
50
+ },
51
+ "focus-ring-color": {
52
+ "value": "{blue-800}"
53
+ },
54
+ "focus-ring-static-white-color": {
55
+ "value": "{black}"
56
+ },
57
+ "focus-ring-static-black-color": {
58
+ "value": "{white}"
59
+ },
60
+ "neutral-content-color": {
61
+ "value": "{gray-800}"
62
+ },
63
+ "neutral-content-color-hover": {
64
+ "value": "{gray-900}"
65
+ },
66
+ "neutral-content-color-down": {
67
+ "value": "{gray-900}"
68
+ },
69
+ "neutral-content-color-key-focus": {
70
+ "value": "{gray-900}"
71
+ },
72
+ "neutral-subdued-content-color": {
73
+ "default": {
74
+ "value": "{gray-700}"
75
+ },
76
+ "hover": {
77
+ "value": "{gray-800}"
78
+ },
79
+ "down": {
80
+ "value": "{gray-900}"
81
+ },
82
+ "key-focus": {
83
+ "value": "{gray-800}"
84
+ }
85
+ },
86
+ "accent-content-color": {
87
+ "value": "{accent-color-900}"
88
+ },
89
+ "accent-content-color-hover": {
90
+ "value": "{accent-color-1000}"
91
+ },
92
+ "accent-content-color-down": {
93
+ "value": "{accent-color-1100}"
94
+ },
95
+ "accent-content-color-key-focus": {
96
+ "value": "{accent-color-1000}"
97
+ },
98
+ "negative-content-color": {
99
+ "value": "{negative-color-900}"
100
+ },
101
+ "negative-content-color-hover": {
102
+ "value": "{negative-color-1000}"
103
+ },
104
+ "negative-content-color-down": {
105
+ "value": "{negative-color-1100}"
106
+ },
107
+ "negative-content-color-key-focus": {
108
+ "value": "{negative-color-1000}"
109
+ },
110
+ "disabled-content-color": {
111
+ "value": "{gray-400}"
112
+ },
113
+ "disabled-content-static-white-color": {
114
+ "value": "{transparent-white-500}"
115
+ },
116
+ "disabled-content-static-black-color": {
117
+ "value": "{transparent-black-500}"
118
+ },
119
+ "drop-shadow-color": {
120
+ "sets": {
121
+ "light": {
122
+ "value": "rgba(0, 0, 0, 0.15)"
125
123
  },
126
- "disabled-content-color-static-white-color": {
127
- "value": "{color.alias.transparent-white.500}"
124
+ "dark": {
125
+ "value": "rgba(0, 0, 0, 0.50)"
128
126
  },
129
- "disabled-content-color-static-black-color": {
130
- "value": "{color.alias.transparent-black.500}"
127
+ "darkest": {
128
+ "value": "rgba(0, 0, 0, 0.80)"
131
129
  }
132
130
  }
133
131
  }