@wordpress/theme 0.3.1-next.6deb34194.0 → 0.4.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 (41) hide show
  1. package/README.md +82 -18
  2. package/bin/generate-primitive-tokens/index.ts +26 -33
  3. package/bin/terrazzo-plugin-mode-overrides/index.ts +208 -0
  4. package/build/prebuilt/js/design-tokens.js +17 -1
  5. package/build/prebuilt/js/design-tokens.js.map +2 -2
  6. package/build/prebuilt/ts/color-tokens.js +35 -13
  7. package/build/prebuilt/ts/color-tokens.js.map +2 -2
  8. package/build-module/prebuilt/js/design-tokens.js +17 -1
  9. package/build-module/prebuilt/js/design-tokens.js.map +2 -2
  10. package/build-module/prebuilt/ts/color-tokens.js +35 -13
  11. package/build-module/prebuilt/ts/color-tokens.js.map +2 -2
  12. package/build-types/prebuilt/ts/color-tokens.d.ts.map +1 -1
  13. package/docs/ds-tokens.md +18 -2
  14. package/package.json +5 -5
  15. package/src/prebuilt/css/design-tokens.css +18 -2
  16. package/src/prebuilt/js/design-tokens.js +17 -1
  17. package/src/prebuilt/ts/color-tokens.ts +31 -9
  18. package/terrazzo.config.ts +11 -14
  19. package/tokens/border.json +1 -1
  20. package/tokens/color.json +1160 -630
  21. package/tokens/dimension.json +88 -90
  22. package/tokens/elevation.json +1 -1
  23. package/tokens/modes/border.high-dpi.json +15 -0
  24. package/tokens/modes/dimension.comfortable.json +54 -0
  25. package/tokens/modes/dimension.compact.json +54 -0
  26. package/tokens/typography.json +1 -1
  27. package/tsconfig.bin.tsbuildinfo +1 -1
  28. package/tsconfig.src.tsbuildinfo +1 -1
  29. package/bin/terrazzo-plugin-figma-ds-token-manager/index.ts +0 -217
  30. package/bin/terrazzo-plugin-figma-ds-token-manager/lib.ts +0 -1
  31. package/build/prebuilt/json/figma.json +0 -787
  32. package/build/token-id.js +0 -30
  33. package/build/token-id.js.map +0 -7
  34. package/build-module/prebuilt/json/figma.json +0 -787
  35. package/build-module/token-id.js +0 -6
  36. package/build-module/token-id.js.map +0 -7
  37. package/build-types/token-id.d.ts +0 -9
  38. package/build-types/token-id.d.ts.map +0 -1
  39. package/src/prebuilt/json/figma.json +0 -787
  40. package/src/test/token-id.test.ts +0 -12
  41. package/src/token-id.ts +0 -9
package/tokens/dimension.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "dimension": {
2
+ "wpds-dimension": {
3
3
  "$type": "dimension",
4
4
  "primitive": {
5
5
  "space": {
@@ -45,124 +45,122 @@
45
45
  }
46
46
  }
47
47
  },
48
- "semantic": {
49
- "base": {
50
- "$value": "{dimension.primitive.space.10}",
51
- "$description": "Base dimension unit"
52
- },
53
- "padding": {
54
- "surface": {
55
- "2xs": {
56
- "$value": "{dimension.primitive.space.10}",
57
- "$description": "2x extra small spacing for surfaces",
58
- "$extensions": {
59
- "mode": {
60
- "compact": "{dimension.primitive.space.10}",
61
- "comfortable": "{dimension.primitive.space.20}"
62
- }
63
- }
64
- },
65
- "xs": {
66
- "$value": "{dimension.primitive.space.20}",
67
- "$description": "Extra small spacing for surfaces",
68
- "$extensions": {
69
- "mode": {
70
- "compact": "{dimension.primitive.space.10}",
71
- "comfortable": "{dimension.primitive.space.30}"
72
- }
73
- }
74
- },
75
- "sm": {
76
- "$value": "{dimension.primitive.space.40}",
77
- "$description": "Small spacing for surfaces",
78
- "$extensions": {
79
- "mode": {
80
- "compact": "{dimension.primitive.space.30}",
81
- "comfortable": "{dimension.primitive.space.50}"
82
- }
83
- }
84
- },
85
- "md": {
86
- "$value": "{dimension.primitive.space.60}",
87
- "$description": "Medium spacing for surfaces",
88
- "$extensions": {
89
- "mode": {
90
- "compact": "{dimension.primitive.space.50}",
91
- "comfortable": "{dimension.primitive.space.70}"
92
- }
93
- }
94
- },
95
- "lg": {
96
- "$value": "{dimension.primitive.space.70}",
97
- "$description": "Large spacing for surfaces",
98
- "$extensions": {
99
- "mode": {
100
- "compact": "{dimension.primitive.space.60}",
101
- "comfortable": "{dimension.primitive.space.80}"
102
- }
103
- }
104
- }
105
- }
106
- },
107
- "gap": {
48
+ "base": {
49
+ "$value": "{wpds-dimension.primitive.space.10}",
50
+ "$description": "Base dimension unit"
51
+ },
52
+ "padding": {
53
+ "surface": {
108
54
  "2xs": {
109
- "$value": "{dimension.primitive.space.10}",
110
- "$description": "2x extra small gap",
55
+ "$value": "{wpds-dimension.primitive.space.10}",
56
+ "$description": "2x extra small spacing for surfaces",
111
57
  "$extensions": {
112
58
  "mode": {
113
- "compact": "{dimension.primitive.space.10}",
114
- "comfortable": "{dimension.primitive.space.20}"
59
+ "compact": "{wpds-dimension.primitive.space.10}",
60
+ "comfortable": "{wpds-dimension.primitive.space.20}"
115
61
  }
116
62
  }
117
63
  },
118
64
  "xs": {
119
- "$value": "{dimension.primitive.space.20}",
120
- "$description": "Extra small gap",
65
+ "$value": "{wpds-dimension.primitive.space.20}",
66
+ "$description": "Extra small spacing for surfaces",
121
67
  "$extensions": {
122
68
  "mode": {
123
- "compact": "{dimension.primitive.space.10}",
124
- "comfortable": "{dimension.primitive.space.30}"
69
+ "compact": "{wpds-dimension.primitive.space.10}",
70
+ "comfortable": "{wpds-dimension.primitive.space.30}"
125
71
  }
126
72
  }
127
73
  },
128
74
  "sm": {
129
- "$value": "{dimension.primitive.space.30}",
130
- "$description": "Small gap",
75
+ "$value": "{wpds-dimension.primitive.space.40}",
76
+ "$description": "Small spacing for surfaces",
131
77
  "$extensions": {
132
78
  "mode": {
133
- "compact": "{dimension.primitive.space.20}",
134
- "comfortable": "{dimension.primitive.space.40}"
79
+ "compact": "{wpds-dimension.primitive.space.30}",
80
+ "comfortable": "{wpds-dimension.primitive.space.50}"
135
81
  }
136
82
  }
137
83
  },
138
84
  "md": {
139
- "$value": "{dimension.primitive.space.40}",
140
- "$description": "Medium gap",
85
+ "$value": "{wpds-dimension.primitive.space.60}",
86
+ "$description": "Medium spacing for surfaces",
141
87
  "$extensions": {
142
88
  "mode": {
143
- "compact": "{dimension.primitive.space.30}",
144
- "comfortable": "{dimension.primitive.space.50}"
89
+ "compact": "{wpds-dimension.primitive.space.50}",
90
+ "comfortable": "{wpds-dimension.primitive.space.70}"
145
91
  }
146
92
  }
147
93
  },
148
94
  "lg": {
149
- "$value": "{dimension.primitive.space.60}",
150
- "$description": "Large gap",
95
+ "$value": "{wpds-dimension.primitive.space.70}",
96
+ "$description": "Large spacing for surfaces",
151
97
  "$extensions": {
152
98
  "mode": {
153
- "compact": "{dimension.primitive.space.50}",
154
- "comfortable": "{dimension.primitive.space.70}"
99
+ "compact": "{wpds-dimension.primitive.space.60}",
100
+ "comfortable": "{wpds-dimension.primitive.space.80}"
155
101
  }
156
102
  }
157
- },
158
- "xl": {
159
- "$value": "{dimension.primitive.space.80}",
160
- "$description": "Extra large gap",
161
- "$extensions": {
162
- "mode": {
163
- "compact": "{dimension.primitive.space.70}",
164
- "comfortable": "{dimension.primitive.space.90}"
165
- }
103
+ }
104
+ }
105
+ },
106
+ "gap": {
107
+ "2xs": {
108
+ "$value": "{wpds-dimension.primitive.space.10}",
109
+ "$description": "2x extra small gap",
110
+ "$extensions": {
111
+ "mode": {
112
+ "compact": "{wpds-dimension.primitive.space.10}",
113
+ "comfortable": "{wpds-dimension.primitive.space.20}"
114
+ }
115
+ }
116
+ },
117
+ "xs": {
118
+ "$value": "{wpds-dimension.primitive.space.20}",
119
+ "$description": "Extra small gap",
120
+ "$extensions": {
121
+ "mode": {
122
+ "compact": "{wpds-dimension.primitive.space.10}",
123
+ "comfortable": "{wpds-dimension.primitive.space.30}"
124
+ }
125
+ }
126
+ },
127
+ "sm": {
128
+ "$value": "{wpds-dimension.primitive.space.30}",
129
+ "$description": "Small gap",
130
+ "$extensions": {
131
+ "mode": {
132
+ "compact": "{wpds-dimension.primitive.space.20}",
133
+ "comfortable": "{wpds-dimension.primitive.space.40}"
134
+ }
135
+ }
136
+ },
137
+ "md": {
138
+ "$value": "{wpds-dimension.primitive.space.40}",
139
+ "$description": "Medium gap",
140
+ "$extensions": {
141
+ "mode": {
142
+ "compact": "{wpds-dimension.primitive.space.30}",
143
+ "comfortable": "{wpds-dimension.primitive.space.50}"
144
+ }
145
+ }
146
+ },
147
+ "lg": {
148
+ "$value": "{wpds-dimension.primitive.space.60}",
149
+ "$description": "Large gap",
150
+ "$extensions": {
151
+ "mode": {
152
+ "compact": "{wpds-dimension.primitive.space.50}",
153
+ "comfortable": "{wpds-dimension.primitive.space.70}"
154
+ }
155
+ }
156
+ },
157
+ "xl": {
158
+ "$value": "{wpds-dimension.primitive.space.80}",
159
+ "$description": "Extra large gap",
160
+ "$extensions": {
161
+ "mode": {
162
+ "compact": "{wpds-dimension.primitive.space.70}",
163
+ "comfortable": "{wpds-dimension.primitive.space.90}"
166
164
  }
167
165
  }
168
166
  }
package/tokens/elevation.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "elevation": {
2
+ "wpds-elevation": {
3
3
  "$type": "shadow",
4
4
  "x-small": {
5
5
  "$value": [
package/tokens/modes/border.high-dpi.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "wpds-border": {
3
+ "width": {
4
+ "interactive": {
5
+ "focus": {
6
+ "$type": "dimension",
7
+ "$value": {
8
+ "value": 1.5,
9
+ "unit": "px"
10
+ }
11
+ }
12
+ }
13
+ }
14
+ }
15
+ }
package/tokens/modes/dimension.comfortable.json ADDED
@@ -0,0 +1,54 @@
1
+ {
2
+ "wpds-dimension": {
3
+ "padding": {
4
+ "surface": {
5
+ "2xs": {
6
+ "$type": "dimension",
7
+ "$value": "{wpds-dimension.primitive.space.20}"
8
+ },
9
+ "xs": {
10
+ "$type": "dimension",
11
+ "$value": "{wpds-dimension.primitive.space.30}"
12
+ },
13
+ "sm": {
14
+ "$type": "dimension",
15
+ "$value": "{wpds-dimension.primitive.space.50}"
16
+ },
17
+ "md": {
18
+ "$type": "dimension",
19
+ "$value": "{wpds-dimension.primitive.space.70}"
20
+ },
21
+ "lg": {
22
+ "$type": "dimension",
23
+ "$value": "{wpds-dimension.primitive.space.80}"
24
+ }
25
+ }
26
+ },
27
+ "gap": {
28
+ "2xs": {
29
+ "$type": "dimension",
30
+ "$value": "{wpds-dimension.primitive.space.20}"
31
+ },
32
+ "xs": {
33
+ "$type": "dimension",
34
+ "$value": "{wpds-dimension.primitive.space.30}"
35
+ },
36
+ "sm": {
37
+ "$type": "dimension",
38
+ "$value": "{wpds-dimension.primitive.space.40}"
39
+ },
40
+ "md": {
41
+ "$type": "dimension",
42
+ "$value": "{wpds-dimension.primitive.space.50}"
43
+ },
44
+ "lg": {
45
+ "$type": "dimension",
46
+ "$value": "{wpds-dimension.primitive.space.70}"
47
+ },
48
+ "xl": {
49
+ "$type": "dimension",
50
+ "$value": "{wpds-dimension.primitive.space.90}"
51
+ }
52
+ }
53
+ }
54
+ }
package/tokens/modes/dimension.compact.json ADDED
@@ -0,0 +1,54 @@
1
+ {
2
+ "wpds-dimension": {
3
+ "padding": {
4
+ "surface": {
5
+ "2xs": {
6
+ "$type": "dimension",
7
+ "$value": "{wpds-dimension.primitive.space.10}"
8
+ },
9
+ "xs": {
10
+ "$type": "dimension",
11
+ "$value": "{wpds-dimension.primitive.space.10}"
12
+ },
13
+ "sm": {
14
+ "$type": "dimension",
15
+ "$value": "{wpds-dimension.primitive.space.30}"
16
+ },
17
+ "md": {
18
+ "$type": "dimension",
19
+ "$value": "{wpds-dimension.primitive.space.50}"
20
+ },
21
+ "lg": {
22
+ "$type": "dimension",
23
+ "$value": "{wpds-dimension.primitive.space.60}"
24
+ }
25
+ }
26
+ },
27
+ "gap": {
28
+ "2xs": {
29
+ "$type": "dimension",
30
+ "$value": "{wpds-dimension.primitive.space.10}"
31
+ },
32
+ "xs": {
33
+ "$type": "dimension",
34
+ "$value": "{wpds-dimension.primitive.space.10}"
35
+ },
36
+ "sm": {
37
+ "$type": "dimension",
38
+ "$value": "{wpds-dimension.primitive.space.20}"
39
+ },
40
+ "md": {
41
+ "$type": "dimension",
42
+ "$value": "{wpds-dimension.primitive.space.30}"
43
+ },
44
+ "lg": {
45
+ "$type": "dimension",
46
+ "$value": "{wpds-dimension.primitive.space.50}"
47
+ },
48
+ "xl": {
49
+ "$type": "dimension",
50
+ "$value": "{wpds-dimension.primitive.space.70}"
51
+ }
52
+ }
53
+ }
54
+ }
package/tokens/typography.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "font": {
2
+ "wpds-font": {
3
3
  "family": {
4
4
  "$type": "fontFamily",
5
5
  "heading": {