@wordpress/theme 0.1.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 (168) hide show
  1. package/LICENSE.md +788 -0
  2. package/README.md +67 -0
  3. package/bin/build-tokens.js +83 -0
  4. package/bin/generate-primitive-tokens/index.ts +115 -0
  5. package/bin/terrazzo-plugin-ds-tokens-docs/index.ts +103 -0
  6. package/bin/terrazzo-plugin-figma-ds-token-manager/index.ts +210 -0
  7. package/bin/terrazzo-plugin-figma-ds-token-manager/lib.ts +1 -0
  8. package/bin/terrazzo-plugin-known-wpds-css-variables/index.ts +72 -0
  9. package/build/color-ramps/index.js +132 -0
  10. package/build/color-ramps/index.js.map +7 -0
  11. package/build/color-ramps/lib/cache-utils.js +57 -0
  12. package/build/color-ramps/lib/cache-utils.js.map +7 -0
  13. package/build/color-ramps/lib/constants.js +105 -0
  14. package/build/color-ramps/lib/constants.js.map +7 -0
  15. package/build/color-ramps/lib/find-color-with-constraints.js +141 -0
  16. package/build/color-ramps/lib/find-color-with-constraints.js.map +7 -0
  17. package/build/color-ramps/lib/index.js +264 -0
  18. package/build/color-ramps/lib/index.js.map +7 -0
  19. package/build/color-ramps/lib/ramp-configs.js +315 -0
  20. package/build/color-ramps/lib/ramp-configs.js.map +7 -0
  21. package/build/color-ramps/lib/taper-chroma.js +159 -0
  22. package/build/color-ramps/lib/taper-chroma.js.map +7 -0
  23. package/build/color-ramps/lib/types.js +17 -0
  24. package/build/color-ramps/lib/types.js.map +7 -0
  25. package/build/color-ramps/lib/utils.js +106 -0
  26. package/build/color-ramps/lib/utils.js.map +7 -0
  27. package/build/context.js +34 -0
  28. package/build/context.js.map +7 -0
  29. package/build/index.js +29 -0
  30. package/build/index.js.map +7 -0
  31. package/build/lock-unlock.js +35 -0
  32. package/build/lock-unlock.js.map +7 -0
  33. package/build/prebuilt/js/design-tokens.js +135 -0
  34. package/build/prebuilt/js/design-tokens.js.map +7 -0
  35. package/build/prebuilt/json/figma.json +1317 -0
  36. package/build/prebuilt/ts/design-tokens.js +354 -0
  37. package/build/prebuilt/ts/design-tokens.js.map +7 -0
  38. package/build/private-apis.js +36 -0
  39. package/build/private-apis.js.map +7 -0
  40. package/build/style.module.css.js +2 -0
  41. package/build/theme-provider.js +92 -0
  42. package/build/theme-provider.js.map +7 -0
  43. package/build/types/css-modules.d.js +2 -0
  44. package/build/types/css-modules.d.js.map +7 -0
  45. package/build/types.js +17 -0
  46. package/build/types.js.map +7 -0
  47. package/build/use-theme-provider-styles.js +230 -0
  48. package/build/use-theme-provider-styles.js.map +7 -0
  49. package/build-module/color-ramps/index.js +95 -0
  50. package/build-module/color-ramps/index.js.map +7 -0
  51. package/build-module/color-ramps/lib/cache-utils.js +31 -0
  52. package/build-module/color-ramps/lib/cache-utils.js.map +7 -0
  53. package/build-module/color-ramps/lib/constants.js +63 -0
  54. package/build-module/color-ramps/lib/constants.js.map +7 -0
  55. package/build-module/color-ramps/lib/find-color-with-constraints.js +112 -0
  56. package/build-module/color-ramps/lib/find-color-with-constraints.js.map +7 -0
  57. package/build-module/color-ramps/lib/index.js +235 -0
  58. package/build-module/color-ramps/lib/index.js.map +7 -0
  59. package/build-module/color-ramps/lib/ramp-configs.js +290 -0
  60. package/build-module/color-ramps/lib/ramp-configs.js.map +7 -0
  61. package/build-module/color-ramps/lib/taper-chroma.js +125 -0
  62. package/build-module/color-ramps/lib/taper-chroma.js.map +7 -0
  63. package/build-module/color-ramps/lib/types.js +1 -0
  64. package/build-module/color-ramps/lib/types.js.map +7 -0
  65. package/build-module/color-ramps/lib/utils.js +84 -0
  66. package/build-module/color-ramps/lib/utils.js.map +7 -0
  67. package/build-module/context.js +10 -0
  68. package/build-module/context.js.map +7 -0
  69. package/build-module/index.js +5 -0
  70. package/build-module/index.js.map +7 -0
  71. package/build-module/lock-unlock.js +10 -0
  72. package/build-module/lock-unlock.js.map +7 -0
  73. package/build-module/prebuilt/js/design-tokens.js +115 -0
  74. package/build-module/prebuilt/js/design-tokens.js.map +7 -0
  75. package/build-module/prebuilt/json/figma.json +1317 -0
  76. package/build-module/prebuilt/ts/design-tokens.js +334 -0
  77. package/build-module/prebuilt/ts/design-tokens.js.map +7 -0
  78. package/build-module/private-apis.js +12 -0
  79. package/build-module/private-apis.js.map +7 -0
  80. package/build-module/style.module.css.js +1 -0
  81. package/build-module/theme-provider.js +58 -0
  82. package/build-module/theme-provider.js.map +7 -0
  83. package/build-module/types/css-modules.d.js +1 -0
  84. package/build-module/types/css-modules.d.js.map +7 -0
  85. package/build-module/types.js +1 -0
  86. package/build-module/types.js.map +7 -0
  87. package/build-module/use-theme-provider-styles.js +200 -0
  88. package/build-module/use-theme-provider-styles.js.map +7 -0
  89. package/build-style/style.css +3 -0
  90. package/build-types/color-ramps/index.d.ts +44 -0
  91. package/build-types/color-ramps/index.d.ts.map +1 -0
  92. package/build-types/color-ramps/lib/cache-utils.d.ts +22 -0
  93. package/build-types/color-ramps/lib/cache-utils.d.ts.map +1 -0
  94. package/build-types/color-ramps/lib/constants.d.ts +38 -0
  95. package/build-types/color-ramps/lib/constants.d.ts.map +1 -0
  96. package/build-types/color-ramps/lib/find-color-with-constraints.d.ts +37 -0
  97. package/build-types/color-ramps/lib/find-color-with-constraints.d.ts.map +1 -0
  98. package/build-types/color-ramps/lib/index.d.ts +11 -0
  99. package/build-types/color-ramps/lib/index.d.ts.map +1 -0
  100. package/build-types/color-ramps/lib/ramp-configs.d.ts +7 -0
  101. package/build-types/color-ramps/lib/ramp-configs.d.ts.map +1 -0
  102. package/build-types/color-ramps/lib/taper-chroma.d.ts +32 -0
  103. package/build-types/color-ramps/lib/taper-chroma.d.ts.map +1 -0
  104. package/build-types/color-ramps/lib/types.d.ts +78 -0
  105. package/build-types/color-ramps/lib/types.d.ts.map +1 -0
  106. package/build-types/color-ramps/lib/utils.d.ts +38 -0
  107. package/build-types/color-ramps/lib/utils.d.ts.map +1 -0
  108. package/build-types/color-ramps/stories/index.story.d.ts +14 -0
  109. package/build-types/color-ramps/stories/index.story.d.ts.map +1 -0
  110. package/build-types/color-ramps/stories/ramp-table.d.ts +19 -0
  111. package/build-types/color-ramps/stories/ramp-table.d.ts.map +1 -0
  112. package/build-types/context.d.ts +10 -0
  113. package/build-types/context.d.ts.map +1 -0
  114. package/build-types/index.d.ts +2 -0
  115. package/build-types/index.d.ts.map +1 -0
  116. package/build-types/lock-unlock.d.ts +2 -0
  117. package/build-types/lock-unlock.d.ts.map +1 -0
  118. package/build-types/prebuilt/js/design-tokens.d.ts +3 -0
  119. package/build-types/prebuilt/js/design-tokens.d.ts.map +1 -0
  120. package/build-types/prebuilt/ts/design-tokens.d.ts +7 -0
  121. package/build-types/prebuilt/ts/design-tokens.d.ts.map +1 -0
  122. package/build-types/private-apis.d.ts +2 -0
  123. package/build-types/private-apis.d.ts.map +1 -0
  124. package/build-types/stories/index.story.d.ts +15 -0
  125. package/build-types/stories/index.story.d.ts.map +1 -0
  126. package/build-types/theme-provider.d.ts +3 -0
  127. package/build-types/theme-provider.d.ts.map +1 -0
  128. package/build-types/types.d.ts +42 -0
  129. package/build-types/types.d.ts.map +1 -0
  130. package/build-types/use-theme-provider-styles.d.ts +17 -0
  131. package/build-types/use-theme-provider-styles.d.ts.map +1 -0
  132. package/docs/ds-tokens.md +283 -0
  133. package/package.json +58 -0
  134. package/src/color-ramps/index.ts +155 -0
  135. package/src/color-ramps/lib/cache-utils.ts +56 -0
  136. package/src/color-ramps/lib/constants.ts +85 -0
  137. package/src/color-ramps/lib/find-color-with-constraints.ts +190 -0
  138. package/src/color-ramps/lib/index.ts +369 -0
  139. package/src/color-ramps/lib/ramp-configs.ts +309 -0
  140. package/src/color-ramps/lib/taper-chroma.ts +226 -0
  141. package/src/color-ramps/lib/types.ts +90 -0
  142. package/src/color-ramps/lib/utils.ts +161 -0
  143. package/src/color-ramps/stories/index.story.tsx +264 -0
  144. package/src/color-ramps/stories/ramp-table.tsx +212 -0
  145. package/src/color-ramps/test/__snapshots__/index.test.ts.snap +1280 -0
  146. package/src/color-ramps/test/index.test.ts +94 -0
  147. package/src/context.ts +19 -0
  148. package/src/index.ts +2 -0
  149. package/src/lock-unlock.ts +10 -0
  150. package/src/prebuilt/css/design-tokens.css +401 -0
  151. package/src/prebuilt/js/design-tokens.js +116 -0
  152. package/src/prebuilt/json/figma.json +1317 -0
  153. package/src/prebuilt/ts/design-tokens.ts +335 -0
  154. package/src/private-apis.ts +12 -0
  155. package/src/stories/index.story.tsx +426 -0
  156. package/src/style.module.css +3 -0
  157. package/src/theme-provider.tsx +87 -0
  158. package/src/types/css-modules.d.ts +4 -0
  159. package/src/types.ts +44 -0
  160. package/src/use-theme-provider-styles.ts +247 -0
  161. package/terrazzo.config.ts +102 -0
  162. package/tokens/border.json +34 -0
  163. package/tokens/color.json +877 -0
  164. package/tokens/elevation.json +201 -0
  165. package/tokens/spacing.json +45 -0
  166. package/tokens/typography.json +93 -0
  167. package/tsconfig.json +9 -0
  168. package/tsconfig.tsbuildinfo +1 -0
package/src/prebuilt/ts/design-tokens.ts ADDED
@@ -0,0 +1,335 @@
1
+ /**
2
+ * This file is generated by the @terrazzo/plugin-known-wpds-css-variables plugin.
3
+ * Do not edit this file directly.
4
+ */
5
+
6
+ export default {
7
+ '--wpds-border-radius-x-small': {
8
+ '.': '1px',
9
+ },
10
+ '--wpds-border-radius-small': {
11
+ '.': '2px',
12
+ },
13
+ '--wpds-border-radius-medium': {
14
+ '.': '4px',
15
+ },
16
+ '--wpds-border-radius-large': {
17
+ '.': '8px',
18
+ },
19
+ '--wpds-border-width-focus': {
20
+ '.': '2px',
21
+ 'high-dpi': '1.5px',
22
+ },
23
+ '--wpds-color-bg-surface-neutral': {
24
+ '.': 'var(--wpds-color-private-bg-surface2)',
25
+ },
26
+ '--wpds-color-bg-surface-neutral-strong': {
27
+ '.': 'var(--wpds-color-private-bg-surface3)',
28
+ },
29
+ '--wpds-color-bg-surface-neutral-weak': {
30
+ '.': 'var(--wpds-color-private-bg-surface1)',
31
+ },
32
+ '--wpds-color-bg-surface-brand': {
33
+ '.': 'var(--wpds-color-private-primary-surface1)',
34
+ },
35
+ '--wpds-color-bg-surface-success': {
36
+ '.': 'var(--wpds-color-private-success-surface4)',
37
+ },
38
+ '--wpds-color-bg-surface-success-weak': {
39
+ '.': 'var(--wpds-color-private-success-surface2)',
40
+ },
41
+ '--wpds-color-bg-surface-info': {
42
+ '.': 'var(--wpds-color-private-info-surface4)',
43
+ },
44
+ '--wpds-color-bg-surface-info-weak': {
45
+ '.': 'var(--wpds-color-private-info-surface2)',
46
+ },
47
+ '--wpds-color-bg-surface-warning': {
48
+ '.': 'var(--wpds-color-private-warning-surface4)',
49
+ },
50
+ '--wpds-color-bg-surface-warning-weak': {
51
+ '.': 'var(--wpds-color-private-warning-surface2)',
52
+ },
53
+ '--wpds-color-bg-surface-error': {
54
+ '.': 'var(--wpds-color-private-error-surface4)',
55
+ },
56
+ '--wpds-color-bg-surface-error-weak': {
57
+ '.': 'var(--wpds-color-private-error-surface2)',
58
+ },
59
+ '--wpds-color-bg-interactive-neutral': {
60
+ '.': '#00000000',
61
+ },
62
+ '--wpds-color-bg-interactive-neutral-active': {
63
+ '.': 'var(--wpds-color-private-bg-surface4)',
64
+ },
65
+ '--wpds-color-bg-interactive-neutral-disabled': {
66
+ '.': 'var(--wpds-color-private-bg-surface5)',
67
+ },
68
+ '--wpds-color-bg-interactive-neutral-strong': {
69
+ '.': 'var(--wpds-color-private-bg-bg-fill-inverted1)',
70
+ },
71
+ '--wpds-color-bg-interactive-neutral-strong-active': {
72
+ '.': 'var(--wpds-color-private-bg-bg-fill-inverted2)',
73
+ },
74
+ '--wpds-color-bg-interactive-neutral-strong-disabled': {
75
+ '.': 'var(--wpds-color-private-bg-surface6)',
76
+ },
77
+ '--wpds-color-bg-interactive-neutral-weak': {
78
+ '.': '#00000000',
79
+ },
80
+ '--wpds-color-bg-interactive-neutral-weak-active': {
81
+ '.': 'var(--wpds-color-private-bg-surface4)',
82
+ },
83
+ '--wpds-color-bg-interactive-neutral-weak-disabled': {
84
+ '.': 'var(--wpds-color-private-bg-surface5)',
85
+ },
86
+ '--wpds-color-bg-interactive-brand': {
87
+ '.': '#00000000',
88
+ },
89
+ '--wpds-color-bg-interactive-brand-active': {
90
+ '.': 'var(--wpds-color-private-primary-surface2)',
91
+ },
92
+ '--wpds-color-bg-interactive-brand-disabled': {
93
+ '.': 'var(--wpds-color-private-bg-surface5)',
94
+ },
95
+ '--wpds-color-bg-interactive-brand-strong': {
96
+ '.': 'var(--wpds-color-private-primary-bg-fill1)',
97
+ },
98
+ '--wpds-color-bg-interactive-brand-strong-active': {
99
+ '.': 'var(--wpds-color-private-primary-bg-fill2)',
100
+ },
101
+ '--wpds-color-bg-interactive-brand-strong-disabled': {
102
+ '.': 'var(--wpds-color-private-bg-surface6)',
103
+ },
104
+ '--wpds-color-bg-interactive-brand-weak': {
105
+ '.': '#00000000',
106
+ },
107
+ '--wpds-color-bg-interactive-brand-weak-active': {
108
+ '.': 'var(--wpds-color-private-primary-surface4)',
109
+ },
110
+ '--wpds-color-bg-interactive-brand-weak-disabled': {
111
+ '.': 'var(--wpds-color-private-bg-surface5)',
112
+ },
113
+ '--wpds-color-bg-track-neutral-weak': {
114
+ '.': 'var(--wpds-color-private-bg-stroke1)',
115
+ },
116
+ '--wpds-color-bg-track-neutral': {
117
+ '.': 'var(--wpds-color-private-bg-stroke2)',
118
+ },
119
+ '--wpds-color-bg-thumb-neutral-weak': {
120
+ '.': 'var(--wpds-color-private-bg-stroke3)',
121
+ },
122
+ '--wpds-color-bg-thumb-neutral-weak-active': {
123
+ '.': 'var(--wpds-color-private-bg-stroke4)',
124
+ },
125
+ '--wpds-color-bg-thumb-brand': {
126
+ '.': 'var(--wpds-color-private-primary-stroke3)',
127
+ },
128
+ '--wpds-color-bg-thumb-brand-active': {
129
+ '.': 'var(--wpds-color-private-primary-stroke3)',
130
+ },
131
+ '--wpds-color-bg-thumb-brand-disabled': {
132
+ '.': 'var(--wpds-color-private-bg-stroke2)',
133
+ },
134
+ '--wpds-color-fg-content-neutral': {
135
+ '.': 'var(--wpds-color-private-bg-fg-surface4)',
136
+ },
137
+ '--wpds-color-fg-content-neutral-weak': {
138
+ '.': 'var(--wpds-color-private-bg-fg-surface3)',
139
+ },
140
+ '--wpds-color-fg-interactive-neutral': {
141
+ '.': 'var(--wpds-color-private-bg-fg-surface4)',
142
+ },
143
+ '--wpds-color-fg-interactive-neutral-active': {
144
+ '.': 'var(--wpds-color-private-bg-fg-surface4)',
145
+ },
146
+ '--wpds-color-fg-interactive-neutral-disabled': {
147
+ '.': 'var(--wpds-color-private-bg-fg-surface2)',
148
+ },
149
+ '--wpds-color-fg-interactive-neutral-strong': {
150
+ '.': 'var(--wpds-color-private-bg-fg-fill-inverted)',
151
+ },
152
+ '--wpds-color-fg-interactive-neutral-strong-active': {
153
+ '.': 'var(--wpds-color-private-bg-fg-fill-inverted)',
154
+ },
155
+ '--wpds-color-fg-interactive-neutral-strong-disabled': {
156
+ '.': 'var(--wpds-color-private-bg-fg-surface3)',
157
+ },
158
+ '--wpds-color-fg-interactive-neutral-weak': {
159
+ '.': 'var(--wpds-color-private-bg-fg-surface3)',
160
+ },
161
+ '--wpds-color-fg-interactive-neutral-weak-disabled': {
162
+ '.': 'var(--wpds-color-private-bg-fg-surface2)',
163
+ },
164
+ '--wpds-color-fg-interactive-brand': {
165
+ '.': 'var(--wpds-color-private-primary-fg-surface3)',
166
+ },
167
+ '--wpds-color-fg-interactive-brand-active': {
168
+ '.': 'var(--wpds-color-private-primary-fg-surface3)',
169
+ },
170
+ '--wpds-color-fg-interactive-brand-disabled': {
171
+ '.': 'var(--wpds-color-private-bg-fg-surface2)',
172
+ },
173
+ '--wpds-color-fg-interactive-brand-strong': {
174
+ '.': 'var(--wpds-color-private-primary-fg-fill)',
175
+ },
176
+ '--wpds-color-fg-interactive-brand-strong-active': {
177
+ '.': 'var(--wpds-color-private-primary-fg-fill)',
178
+ },
179
+ '--wpds-color-fg-interactive-brand-strong-disabled': {
180
+ '.': 'var(--wpds-color-private-bg-fg-surface3)',
181
+ },
182
+ '--wpds-color-stroke-surface-neutral': {
183
+ '.': 'var(--wpds-color-private-bg-stroke2)',
184
+ },
185
+ '--wpds-color-stroke-surface-neutral-weak': {
186
+ '.': 'var(--wpds-color-private-bg-stroke1)',
187
+ },
188
+ '--wpds-color-stroke-surface-neutral-strong': {
189
+ '.': 'var(--wpds-color-private-bg-stroke3)',
190
+ },
191
+ '--wpds-color-stroke-surface-brand': {
192
+ '.': 'var(--wpds-color-private-primary-stroke1)',
193
+ },
194
+ '--wpds-color-stroke-surface-brand-strong': {
195
+ '.': 'var(--wpds-color-private-primary-stroke3)',
196
+ },
197
+ '--wpds-color-stroke-surface-success': {
198
+ '.': 'var(--wpds-color-private-success-stroke1)',
199
+ },
200
+ '--wpds-color-stroke-surface-success-strong': {
201
+ '.': 'var(--wpds-color-private-success-stroke3)',
202
+ },
203
+ '--wpds-color-stroke-surface-info': {
204
+ '.': 'var(--wpds-color-private-info-stroke1)',
205
+ },
206
+ '--wpds-color-stroke-surface-info-strong': {
207
+ '.': 'var(--wpds-color-private-info-stroke3)',
208
+ },
209
+ '--wpds-color-stroke-surface-warning': {
210
+ '.': 'var(--wpds-color-private-warning-stroke1)',
211
+ },
212
+ '--wpds-color-stroke-surface-warning-strong': {
213
+ '.': 'var(--wpds-color-private-warning-stroke3)',
214
+ },
215
+ '--wpds-color-stroke-surface-error': {
216
+ '.': 'var(--wpds-color-private-error-stroke1)',
217
+ },
218
+ '--wpds-color-stroke-surface-error-strong': {
219
+ '.': 'var(--wpds-color-private-error-stroke3)',
220
+ },
221
+ '--wpds-color-stroke-interactive-neutral': {
222
+ '.': 'var(--wpds-color-private-bg-stroke3)',
223
+ },
224
+ '--wpds-color-stroke-interactive-neutral-active': {
225
+ '.': 'var(--wpds-color-private-bg-stroke4)',
226
+ },
227
+ '--wpds-color-stroke-interactive-neutral-disabled': {
228
+ '.': 'var(--wpds-color-private-bg-stroke2)',
229
+ },
230
+ '--wpds-color-stroke-interactive-neutral-strong': {
231
+ '.': 'var(--wpds-color-private-bg-stroke4)',
232
+ },
233
+ '--wpds-color-stroke-interactive-brand': {
234
+ '.': 'var(--wpds-color-private-primary-stroke3)',
235
+ },
236
+ '--wpds-color-stroke-interactive-brand-active': {
237
+ '.': 'var(--wpds-color-private-primary-stroke4)',
238
+ },
239
+ '--wpds-color-stroke-interactive-brand-disabled': {
240
+ '.': 'var(--wpds-color-private-bg-stroke2)',
241
+ },
242
+ '--wpds-color-stroke-interactive-error-strong': {
243
+ '.': 'var(--wpds-color-private-error-stroke3)',
244
+ },
245
+ '--wpds-color-stroke-focus-brand': {
246
+ '.': 'var(--wpds-color-private-primary-stroke3)',
247
+ },
248
+ '--wpds-elevation-x-small': {
249
+ '.': '0 1px 1px 0 #00000008, 0 1px 2px 0 #00000005, 0 3px 3px 0 #00000005, 0 4px 4px 0 #00000003',
250
+ },
251
+ '--wpds-elevation-small': {
252
+ '.': '0 1px 2px 0 #0000000d, 0 2px 3px 0 #0000000a, 0 6px 6px 0 #00000008, 0 8px 8px 0 #00000005',
253
+ },
254
+ '--wpds-elevation-medium': {
255
+ '.': '0 2px 3px 0 #0000000d, 0 4px 5px 0 #0000000a, 0 12px 12px 0 #00000008, 0 16px 16px 0 #00000005',
256
+ },
257
+ '--wpds-elevation-large': {
258
+ '.': '0 5px 15px 0 #00000014, 0 15px 27px 0 #00000012, 0 30px 36px 0 #0000000a, 0 50px 43px 0 #00000005',
259
+ },
260
+ '--wpds-spacing-05': {
261
+ '.': '4px',
262
+ },
263
+ '--wpds-spacing-10': {
264
+ '.': '8px',
265
+ },
266
+ '--wpds-spacing-15': {
267
+ '.': '12px',
268
+ },
269
+ '--wpds-spacing-20': {
270
+ '.': '16px',
271
+ },
272
+ '--wpds-spacing-30': {
273
+ '.': '24px',
274
+ },
275
+ '--wpds-spacing-40': {
276
+ '.': '32px',
277
+ },
278
+ '--wpds-spacing-50': {
279
+ '.': '40px',
280
+ },
281
+ '--wpds-spacing-60': {
282
+ '.': '48px',
283
+ },
284
+ '--wpds-spacing-70': {
285
+ '.': '56px',
286
+ },
287
+ '--wpds-spacing-80': {
288
+ '.': '64px',
289
+ },
290
+ '--wpds-font-family-heading': {
291
+ '.': '-apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif',
292
+ },
293
+ '--wpds-font-family-body': {
294
+ '.': '-apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif',
295
+ },
296
+ '--wpds-font-family-mono': {
297
+ '.': '"Menlo", "Consolas", monaco, monospace',
298
+ },
299
+ '--wpds-font-size-x-small': {
300
+ '.': '11px',
301
+ },
302
+ '--wpds-font-size-small': {
303
+ '.': '12px',
304
+ },
305
+ '--wpds-font-size-medium': {
306
+ '.': '13px',
307
+ },
308
+ '--wpds-font-size-large': {
309
+ '.': '15px',
310
+ },
311
+ '--wpds-font-size-x-large': {
312
+ '.': '20px',
313
+ },
314
+ '--wpds-font-size-2x-large': {
315
+ '.': '32px',
316
+ },
317
+ '--wpds-font-line-height-x-small': {
318
+ '.': '16px',
319
+ },
320
+ '--wpds-font-line-height-small': {
321
+ '.': '20px',
322
+ },
323
+ '--wpds-font-line-height-medium': {
324
+ '.': '24px',
325
+ },
326
+ '--wpds-font-line-height-large': {
327
+ '.': '28px',
328
+ },
329
+ '--wpds-font-line-height-x-large': {
330
+ '.': '32px',
331
+ },
332
+ '--wpds-font-line-height-2x-large': {
333
+ '.': '40px',
334
+ },
335
+ } as Record< string, Record< string, string > >;
package/src/private-apis.ts ADDED
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Internal dependencies
3
+ */
4
+ import { lock } from './lock-unlock';
5
+ import { ThemeProvider } from './theme-provider';
6
+ import { useThemeProviderStyles } from './use-theme-provider-styles';
7
+
8
+ export const privateApis = {};
9
+ lock( privateApis, {
10
+ ThemeProvider,
11
+ useThemeProviderStyles,
12
+ } );