@wordpress/theme 0.3.1-next.8b30e05b0.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 (67) 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/color-ramps/lib/default-ramps.js +65 -65
  5. package/build/color-ramps/lib/default-ramps.js.map +1 -1
  6. package/build/color-ramps/lib/find-color-with-constraints.js.map +2 -2
  7. package/build/color-ramps/lib/index.js.map +2 -2
  8. package/build/color-ramps/lib/taper-chroma.js +18 -44
  9. package/build/color-ramps/lib/taper-chroma.js.map +2 -2
  10. package/build/prebuilt/js/design-tokens.js +32 -6
  11. package/build/prebuilt/js/design-tokens.js.map +2 -2
  12. package/build/prebuilt/ts/color-tokens.js +35 -13
  13. package/build/prebuilt/ts/color-tokens.js.map +2 -2
  14. package/build-module/color-ramps/lib/default-ramps.js +65 -65
  15. package/build-module/color-ramps/lib/default-ramps.js.map +1 -1
  16. package/build-module/color-ramps/lib/find-color-with-constraints.js.map +2 -2
  17. package/build-module/color-ramps/lib/index.js.map +2 -2
  18. package/build-module/color-ramps/lib/taper-chroma.js +19 -46
  19. package/build-module/color-ramps/lib/taper-chroma.js.map +2 -2
  20. package/build-module/prebuilt/js/design-tokens.js +32 -6
  21. package/build-module/prebuilt/js/design-tokens.js.map +2 -2
  22. package/build-module/prebuilt/ts/color-tokens.js +35 -13
  23. package/build-module/prebuilt/ts/color-tokens.js.map +2 -2
  24. package/build-types/color-ramps/lib/find-color-with-constraints.d.ts +3 -4
  25. package/build-types/color-ramps/lib/find-color-with-constraints.d.ts.map +1 -1
  26. package/build-types/color-ramps/lib/taper-chroma.d.ts +4 -4
  27. package/build-types/color-ramps/lib/taper-chroma.d.ts.map +1 -1
  28. package/build-types/prebuilt/ts/color-tokens.d.ts.map +1 -1
  29. package/docs/ds-tokens.md +35 -9
  30. package/package.json +5 -5
  31. package/src/color-ramps/lib/default-ramps.ts +65 -65
  32. package/src/color-ramps/lib/find-color-with-constraints.ts +11 -7
  33. package/src/color-ramps/lib/index.ts +4 -4
  34. package/src/color-ramps/lib/taper-chroma.ts +32 -63
  35. package/src/prebuilt/css/design-tokens.css +72 -28
  36. package/src/prebuilt/js/design-tokens.js +32 -6
  37. package/src/prebuilt/ts/color-tokens.ts +31 -9
  38. package/terrazzo.config.ts +11 -14
  39. package/tokens/border.json +44 -22
  40. package/tokens/color.json +1160 -630
  41. package/tokens/dimension.json +112 -52
  42. package/tokens/elevation.json +1 -1
  43. package/tokens/modes/border.high-dpi.json +15 -0
  44. package/tokens/modes/dimension.comfortable.json +54 -0
  45. package/tokens/modes/dimension.compact.json +54 -0
  46. package/tokens/typography.json +1 -1
  47. package/tsconfig.bin.tsbuildinfo +1 -1
  48. package/tsconfig.src.json +1 -1
  49. package/tsconfig.src.tsbuildinfo +1 -1
  50. package/bin/terrazzo-plugin-figma-ds-token-manager/index.ts +0 -217
  51. package/bin/terrazzo-plugin-figma-ds-token-manager/lib.ts +0 -1
  52. package/build/prebuilt/json/figma.json +0 -715
  53. package/build/token-id.js +0 -30
  54. package/build/token-id.js.map +0 -7
  55. package/build/types/css-modules.d.js +0 -1
  56. package/build/types/css-modules.d.js.map +0 -7
  57. package/build-module/prebuilt/json/figma.json +0 -715
  58. package/build-module/token-id.js +0 -6
  59. package/build-module/token-id.js.map +0 -7
  60. package/build-module/types/css-modules.d.js +0 -1
  61. package/build-module/types/css-modules.d.js.map +0 -7
  62. package/build-types/token-id.d.ts +0 -9
  63. package/build-types/token-id.d.ts.map +0 -1
  64. package/src/prebuilt/json/figma.json +0 -715
  65. package/src/test/token-id.test.ts +0 -12
  66. package/src/token-id.ts +0 -9
  67. package/src/types/css-modules.d.ts +0 -4
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,65 +45,125 @@
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
- }
48
+ "base": {
49
+ "$value": "{wpds-dimension.primitive.space.10}",
50
+ "$description": "Base dimension unit"
51
+ },
52
+ "padding": {
53
+ "surface": {
54
+ "2xs": {
55
+ "$value": "{wpds-dimension.primitive.space.10}",
56
+ "$description": "2x extra small spacing for surfaces",
57
+ "$extensions": {
58
+ "mode": {
59
+ "compact": "{wpds-dimension.primitive.space.10}",
60
+ "comfortable": "{wpds-dimension.primitive.space.20}"
63
61
  }
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
- }
62
+ }
63
+ },
64
+ "xs": {
65
+ "$value": "{wpds-dimension.primitive.space.20}",
66
+ "$description": "Extra small spacing for surfaces",
67
+ "$extensions": {
68
+ "mode": {
69
+ "compact": "{wpds-dimension.primitive.space.10}",
70
+ "comfortable": "{wpds-dimension.primitive.space.30}"
73
71
  }
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
- }
72
+ }
73
+ },
74
+ "sm": {
75
+ "$value": "{wpds-dimension.primitive.space.40}",
76
+ "$description": "Small spacing for surfaces",
77
+ "$extensions": {
78
+ "mode": {
79
+ "compact": "{wpds-dimension.primitive.space.30}",
80
+ "comfortable": "{wpds-dimension.primitive.space.50}"
83
81
  }
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
- }
82
+ }
83
+ },
84
+ "md": {
85
+ "$value": "{wpds-dimension.primitive.space.60}",
86
+ "$description": "Medium spacing for surfaces",
87
+ "$extensions": {
88
+ "mode": {
89
+ "compact": "{wpds-dimension.primitive.space.50}",
90
+ "comfortable": "{wpds-dimension.primitive.space.70}"
93
91
  }
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
- }
92
+ }
93
+ },
94
+ "lg": {
95
+ "$value": "{wpds-dimension.primitive.space.70}",
96
+ "$description": "Large spacing for surfaces",
97
+ "$extensions": {
98
+ "mode": {
99
+ "compact": "{wpds-dimension.primitive.space.60}",
100
+ "comfortable": "{wpds-dimension.primitive.space.80}"
103
101
  }
104
102
  }
105
103
  }
106
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}"
164
+ }
165
+ }
166
+ }
107
167
  }
108
168
  }
109
169
  }
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": {