@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
@@ -0,0 +1,334 @@
1
+ var design_tokens_default = {
2
+ "--wpds-border-radius-x-small": {
3
+ ".": "1px"
4
+ },
5
+ "--wpds-border-radius-small": {
6
+ ".": "2px"
7
+ },
8
+ "--wpds-border-radius-medium": {
9
+ ".": "4px"
10
+ },
11
+ "--wpds-border-radius-large": {
12
+ ".": "8px"
13
+ },
14
+ "--wpds-border-width-focus": {
15
+ ".": "2px",
16
+ "high-dpi": "1.5px"
17
+ },
18
+ "--wpds-color-bg-surface-neutral": {
19
+ ".": "var(--wpds-color-private-bg-surface2)"
20
+ },
21
+ "--wpds-color-bg-surface-neutral-strong": {
22
+ ".": "var(--wpds-color-private-bg-surface3)"
23
+ },
24
+ "--wpds-color-bg-surface-neutral-weak": {
25
+ ".": "var(--wpds-color-private-bg-surface1)"
26
+ },
27
+ "--wpds-color-bg-surface-brand": {
28
+ ".": "var(--wpds-color-private-primary-surface1)"
29
+ },
30
+ "--wpds-color-bg-surface-success": {
31
+ ".": "var(--wpds-color-private-success-surface4)"
32
+ },
33
+ "--wpds-color-bg-surface-success-weak": {
34
+ ".": "var(--wpds-color-private-success-surface2)"
35
+ },
36
+ "--wpds-color-bg-surface-info": {
37
+ ".": "var(--wpds-color-private-info-surface4)"
38
+ },
39
+ "--wpds-color-bg-surface-info-weak": {
40
+ ".": "var(--wpds-color-private-info-surface2)"
41
+ },
42
+ "--wpds-color-bg-surface-warning": {
43
+ ".": "var(--wpds-color-private-warning-surface4)"
44
+ },
45
+ "--wpds-color-bg-surface-warning-weak": {
46
+ ".": "var(--wpds-color-private-warning-surface2)"
47
+ },
48
+ "--wpds-color-bg-surface-error": {
49
+ ".": "var(--wpds-color-private-error-surface4)"
50
+ },
51
+ "--wpds-color-bg-surface-error-weak": {
52
+ ".": "var(--wpds-color-private-error-surface2)"
53
+ },
54
+ "--wpds-color-bg-interactive-neutral": {
55
+ ".": "#00000000"
56
+ },
57
+ "--wpds-color-bg-interactive-neutral-active": {
58
+ ".": "var(--wpds-color-private-bg-surface4)"
59
+ },
60
+ "--wpds-color-bg-interactive-neutral-disabled": {
61
+ ".": "var(--wpds-color-private-bg-surface5)"
62
+ },
63
+ "--wpds-color-bg-interactive-neutral-strong": {
64
+ ".": "var(--wpds-color-private-bg-bg-fill-inverted1)"
65
+ },
66
+ "--wpds-color-bg-interactive-neutral-strong-active": {
67
+ ".": "var(--wpds-color-private-bg-bg-fill-inverted2)"
68
+ },
69
+ "--wpds-color-bg-interactive-neutral-strong-disabled": {
70
+ ".": "var(--wpds-color-private-bg-surface6)"
71
+ },
72
+ "--wpds-color-bg-interactive-neutral-weak": {
73
+ ".": "#00000000"
74
+ },
75
+ "--wpds-color-bg-interactive-neutral-weak-active": {
76
+ ".": "var(--wpds-color-private-bg-surface4)"
77
+ },
78
+ "--wpds-color-bg-interactive-neutral-weak-disabled": {
79
+ ".": "var(--wpds-color-private-bg-surface5)"
80
+ },
81
+ "--wpds-color-bg-interactive-brand": {
82
+ ".": "#00000000"
83
+ },
84
+ "--wpds-color-bg-interactive-brand-active": {
85
+ ".": "var(--wpds-color-private-primary-surface2)"
86
+ },
87
+ "--wpds-color-bg-interactive-brand-disabled": {
88
+ ".": "var(--wpds-color-private-bg-surface5)"
89
+ },
90
+ "--wpds-color-bg-interactive-brand-strong": {
91
+ ".": "var(--wpds-color-private-primary-bg-fill1)"
92
+ },
93
+ "--wpds-color-bg-interactive-brand-strong-active": {
94
+ ".": "var(--wpds-color-private-primary-bg-fill2)"
95
+ },
96
+ "--wpds-color-bg-interactive-brand-strong-disabled": {
97
+ ".": "var(--wpds-color-private-bg-surface6)"
98
+ },
99
+ "--wpds-color-bg-interactive-brand-weak": {
100
+ ".": "#00000000"
101
+ },
102
+ "--wpds-color-bg-interactive-brand-weak-active": {
103
+ ".": "var(--wpds-color-private-primary-surface4)"
104
+ },
105
+ "--wpds-color-bg-interactive-brand-weak-disabled": {
106
+ ".": "var(--wpds-color-private-bg-surface5)"
107
+ },
108
+ "--wpds-color-bg-track-neutral-weak": {
109
+ ".": "var(--wpds-color-private-bg-stroke1)"
110
+ },
111
+ "--wpds-color-bg-track-neutral": {
112
+ ".": "var(--wpds-color-private-bg-stroke2)"
113
+ },
114
+ "--wpds-color-bg-thumb-neutral-weak": {
115
+ ".": "var(--wpds-color-private-bg-stroke3)"
116
+ },
117
+ "--wpds-color-bg-thumb-neutral-weak-active": {
118
+ ".": "var(--wpds-color-private-bg-stroke4)"
119
+ },
120
+ "--wpds-color-bg-thumb-brand": {
121
+ ".": "var(--wpds-color-private-primary-stroke3)"
122
+ },
123
+ "--wpds-color-bg-thumb-brand-active": {
124
+ ".": "var(--wpds-color-private-primary-stroke3)"
125
+ },
126
+ "--wpds-color-bg-thumb-brand-disabled": {
127
+ ".": "var(--wpds-color-private-bg-stroke2)"
128
+ },
129
+ "--wpds-color-fg-content-neutral": {
130
+ ".": "var(--wpds-color-private-bg-fg-surface4)"
131
+ },
132
+ "--wpds-color-fg-content-neutral-weak": {
133
+ ".": "var(--wpds-color-private-bg-fg-surface3)"
134
+ },
135
+ "--wpds-color-fg-interactive-neutral": {
136
+ ".": "var(--wpds-color-private-bg-fg-surface4)"
137
+ },
138
+ "--wpds-color-fg-interactive-neutral-active": {
139
+ ".": "var(--wpds-color-private-bg-fg-surface4)"
140
+ },
141
+ "--wpds-color-fg-interactive-neutral-disabled": {
142
+ ".": "var(--wpds-color-private-bg-fg-surface2)"
143
+ },
144
+ "--wpds-color-fg-interactive-neutral-strong": {
145
+ ".": "var(--wpds-color-private-bg-fg-fill-inverted)"
146
+ },
147
+ "--wpds-color-fg-interactive-neutral-strong-active": {
148
+ ".": "var(--wpds-color-private-bg-fg-fill-inverted)"
149
+ },
150
+ "--wpds-color-fg-interactive-neutral-strong-disabled": {
151
+ ".": "var(--wpds-color-private-bg-fg-surface3)"
152
+ },
153
+ "--wpds-color-fg-interactive-neutral-weak": {
154
+ ".": "var(--wpds-color-private-bg-fg-surface3)"
155
+ },
156
+ "--wpds-color-fg-interactive-neutral-weak-disabled": {
157
+ ".": "var(--wpds-color-private-bg-fg-surface2)"
158
+ },
159
+ "--wpds-color-fg-interactive-brand": {
160
+ ".": "var(--wpds-color-private-primary-fg-surface3)"
161
+ },
162
+ "--wpds-color-fg-interactive-brand-active": {
163
+ ".": "var(--wpds-color-private-primary-fg-surface3)"
164
+ },
165
+ "--wpds-color-fg-interactive-brand-disabled": {
166
+ ".": "var(--wpds-color-private-bg-fg-surface2)"
167
+ },
168
+ "--wpds-color-fg-interactive-brand-strong": {
169
+ ".": "var(--wpds-color-private-primary-fg-fill)"
170
+ },
171
+ "--wpds-color-fg-interactive-brand-strong-active": {
172
+ ".": "var(--wpds-color-private-primary-fg-fill)"
173
+ },
174
+ "--wpds-color-fg-interactive-brand-strong-disabled": {
175
+ ".": "var(--wpds-color-private-bg-fg-surface3)"
176
+ },
177
+ "--wpds-color-stroke-surface-neutral": {
178
+ ".": "var(--wpds-color-private-bg-stroke2)"
179
+ },
180
+ "--wpds-color-stroke-surface-neutral-weak": {
181
+ ".": "var(--wpds-color-private-bg-stroke1)"
182
+ },
183
+ "--wpds-color-stroke-surface-neutral-strong": {
184
+ ".": "var(--wpds-color-private-bg-stroke3)"
185
+ },
186
+ "--wpds-color-stroke-surface-brand": {
187
+ ".": "var(--wpds-color-private-primary-stroke1)"
188
+ },
189
+ "--wpds-color-stroke-surface-brand-strong": {
190
+ ".": "var(--wpds-color-private-primary-stroke3)"
191
+ },
192
+ "--wpds-color-stroke-surface-success": {
193
+ ".": "var(--wpds-color-private-success-stroke1)"
194
+ },
195
+ "--wpds-color-stroke-surface-success-strong": {
196
+ ".": "var(--wpds-color-private-success-stroke3)"
197
+ },
198
+ "--wpds-color-stroke-surface-info": {
199
+ ".": "var(--wpds-color-private-info-stroke1)"
200
+ },
201
+ "--wpds-color-stroke-surface-info-strong": {
202
+ ".": "var(--wpds-color-private-info-stroke3)"
203
+ },
204
+ "--wpds-color-stroke-surface-warning": {
205
+ ".": "var(--wpds-color-private-warning-stroke1)"
206
+ },
207
+ "--wpds-color-stroke-surface-warning-strong": {
208
+ ".": "var(--wpds-color-private-warning-stroke3)"
209
+ },
210
+ "--wpds-color-stroke-surface-error": {
211
+ ".": "var(--wpds-color-private-error-stroke1)"
212
+ },
213
+ "--wpds-color-stroke-surface-error-strong": {
214
+ ".": "var(--wpds-color-private-error-stroke3)"
215
+ },
216
+ "--wpds-color-stroke-interactive-neutral": {
217
+ ".": "var(--wpds-color-private-bg-stroke3)"
218
+ },
219
+ "--wpds-color-stroke-interactive-neutral-active": {
220
+ ".": "var(--wpds-color-private-bg-stroke4)"
221
+ },
222
+ "--wpds-color-stroke-interactive-neutral-disabled": {
223
+ ".": "var(--wpds-color-private-bg-stroke2)"
224
+ },
225
+ "--wpds-color-stroke-interactive-neutral-strong": {
226
+ ".": "var(--wpds-color-private-bg-stroke4)"
227
+ },
228
+ "--wpds-color-stroke-interactive-brand": {
229
+ ".": "var(--wpds-color-private-primary-stroke3)"
230
+ },
231
+ "--wpds-color-stroke-interactive-brand-active": {
232
+ ".": "var(--wpds-color-private-primary-stroke4)"
233
+ },
234
+ "--wpds-color-stroke-interactive-brand-disabled": {
235
+ ".": "var(--wpds-color-private-bg-stroke2)"
236
+ },
237
+ "--wpds-color-stroke-interactive-error-strong": {
238
+ ".": "var(--wpds-color-private-error-stroke3)"
239
+ },
240
+ "--wpds-color-stroke-focus-brand": {
241
+ ".": "var(--wpds-color-private-primary-stroke3)"
242
+ },
243
+ "--wpds-elevation-x-small": {
244
+ ".": "0 1px 1px 0 #00000008, 0 1px 2px 0 #00000005, 0 3px 3px 0 #00000005, 0 4px 4px 0 #00000003"
245
+ },
246
+ "--wpds-elevation-small": {
247
+ ".": "0 1px 2px 0 #0000000d, 0 2px 3px 0 #0000000a, 0 6px 6px 0 #00000008, 0 8px 8px 0 #00000005"
248
+ },
249
+ "--wpds-elevation-medium": {
250
+ ".": "0 2px 3px 0 #0000000d, 0 4px 5px 0 #0000000a, 0 12px 12px 0 #00000008, 0 16px 16px 0 #00000005"
251
+ },
252
+ "--wpds-elevation-large": {
253
+ ".": "0 5px 15px 0 #00000014, 0 15px 27px 0 #00000012, 0 30px 36px 0 #0000000a, 0 50px 43px 0 #00000005"
254
+ },
255
+ "--wpds-spacing-05": {
256
+ ".": "4px"
257
+ },
258
+ "--wpds-spacing-10": {
259
+ ".": "8px"
260
+ },
261
+ "--wpds-spacing-15": {
262
+ ".": "12px"
263
+ },
264
+ "--wpds-spacing-20": {
265
+ ".": "16px"
266
+ },
267
+ "--wpds-spacing-30": {
268
+ ".": "24px"
269
+ },
270
+ "--wpds-spacing-40": {
271
+ ".": "32px"
272
+ },
273
+ "--wpds-spacing-50": {
274
+ ".": "40px"
275
+ },
276
+ "--wpds-spacing-60": {
277
+ ".": "48px"
278
+ },
279
+ "--wpds-spacing-70": {
280
+ ".": "56px"
281
+ },
282
+ "--wpds-spacing-80": {
283
+ ".": "64px"
284
+ },
285
+ "--wpds-font-family-heading": {
286
+ ".": '-apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif'
287
+ },
288
+ "--wpds-font-family-body": {
289
+ ".": '-apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif'
290
+ },
291
+ "--wpds-font-family-mono": {
292
+ ".": '"Menlo", "Consolas", monaco, monospace'
293
+ },
294
+ "--wpds-font-size-x-small": {
295
+ ".": "11px"
296
+ },
297
+ "--wpds-font-size-small": {
298
+ ".": "12px"
299
+ },
300
+ "--wpds-font-size-medium": {
301
+ ".": "13px"
302
+ },
303
+ "--wpds-font-size-large": {
304
+ ".": "15px"
305
+ },
306
+ "--wpds-font-size-x-large": {
307
+ ".": "20px"
308
+ },
309
+ "--wpds-font-size-2x-large": {
310
+ ".": "32px"
311
+ },
312
+ "--wpds-font-line-height-x-small": {
313
+ ".": "16px"
314
+ },
315
+ "--wpds-font-line-height-small": {
316
+ ".": "20px"
317
+ },
318
+ "--wpds-font-line-height-medium": {
319
+ ".": "24px"
320
+ },
321
+ "--wpds-font-line-height-large": {
322
+ ".": "28px"
323
+ },
324
+ "--wpds-font-line-height-x-large": {
325
+ ".": "32px"
326
+ },
327
+ "--wpds-font-line-height-2x-large": {
328
+ ".": "40px"
329
+ }
330
+ };
331
+ export {
332
+ design_tokens_default as default
333
+ };
334
+ //# sourceMappingURL=design-tokens.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/prebuilt/ts/design-tokens.ts"],
4
+ "sourcesContent": ["/**\n * This file is generated by the @terrazzo/plugin-known-wpds-css-variables plugin.\n * Do not edit this file directly.\n */\n\nexport default {\n\t'--wpds-border-radius-x-small': {\n\t\t'.': '1px',\n\t},\n\t'--wpds-border-radius-small': {\n\t\t'.': '2px',\n\t},\n\t'--wpds-border-radius-medium': {\n\t\t'.': '4px',\n\t},\n\t'--wpds-border-radius-large': {\n\t\t'.': '8px',\n\t},\n\t'--wpds-border-width-focus': {\n\t\t'.': '2px',\n\t\t'high-dpi': '1.5px',\n\t},\n\t'--wpds-color-bg-surface-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-surface2)',\n\t},\n\t'--wpds-color-bg-surface-neutral-strong': {\n\t\t'.': 'var(--wpds-color-private-bg-surface3)',\n\t},\n\t'--wpds-color-bg-surface-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-surface1)',\n\t},\n\t'--wpds-color-bg-surface-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-surface1)',\n\t},\n\t'--wpds-color-bg-surface-success': {\n\t\t'.': 'var(--wpds-color-private-success-surface4)',\n\t},\n\t'--wpds-color-bg-surface-success-weak': {\n\t\t'.': 'var(--wpds-color-private-success-surface2)',\n\t},\n\t'--wpds-color-bg-surface-info': {\n\t\t'.': 'var(--wpds-color-private-info-surface4)',\n\t},\n\t'--wpds-color-bg-surface-info-weak': {\n\t\t'.': 'var(--wpds-color-private-info-surface2)',\n\t},\n\t'--wpds-color-bg-surface-warning': {\n\t\t'.': 'var(--wpds-color-private-warning-surface4)',\n\t},\n\t'--wpds-color-bg-surface-warning-weak': {\n\t\t'.': 'var(--wpds-color-private-warning-surface2)',\n\t},\n\t'--wpds-color-bg-surface-error': {\n\t\t'.': 'var(--wpds-color-private-error-surface4)',\n\t},\n\t'--wpds-color-bg-surface-error-weak': {\n\t\t'.': 'var(--wpds-color-private-error-surface2)',\n\t},\n\t'--wpds-color-bg-interactive-neutral': {\n\t\t'.': '#00000000',\n\t},\n\t'--wpds-color-bg-interactive-neutral-active': {\n\t\t'.': 'var(--wpds-color-private-bg-surface4)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface5)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-strong': {\n\t\t'.': 'var(--wpds-color-private-bg-bg-fill-inverted1)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-strong-active': {\n\t\t'.': 'var(--wpds-color-private-bg-bg-fill-inverted2)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-strong-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface6)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-weak': {\n\t\t'.': '#00000000',\n\t},\n\t'--wpds-color-bg-interactive-neutral-weak-active': {\n\t\t'.': 'var(--wpds-color-private-bg-surface4)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-weak-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface5)',\n\t},\n\t'--wpds-color-bg-interactive-brand': {\n\t\t'.': '#00000000',\n\t},\n\t'--wpds-color-bg-interactive-brand-active': {\n\t\t'.': 'var(--wpds-color-private-primary-surface2)',\n\t},\n\t'--wpds-color-bg-interactive-brand-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface5)',\n\t},\n\t'--wpds-color-bg-interactive-brand-strong': {\n\t\t'.': 'var(--wpds-color-private-primary-bg-fill1)',\n\t},\n\t'--wpds-color-bg-interactive-brand-strong-active': {\n\t\t'.': 'var(--wpds-color-private-primary-bg-fill2)',\n\t},\n\t'--wpds-color-bg-interactive-brand-strong-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface6)',\n\t},\n\t'--wpds-color-bg-interactive-brand-weak': {\n\t\t'.': '#00000000',\n\t},\n\t'--wpds-color-bg-interactive-brand-weak-active': {\n\t\t'.': 'var(--wpds-color-private-primary-surface4)',\n\t},\n\t'--wpds-color-bg-interactive-brand-weak-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface5)',\n\t},\n\t'--wpds-color-bg-track-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke1)',\n\t},\n\t'--wpds-color-bg-track-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke2)',\n\t},\n\t'--wpds-color-bg-thumb-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke3)',\n\t},\n\t'--wpds-color-bg-thumb-neutral-weak-active': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke4)',\n\t},\n\t'--wpds-color-bg-thumb-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke3)',\n\t},\n\t'--wpds-color-bg-thumb-brand-active': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke3)',\n\t},\n\t'--wpds-color-bg-thumb-brand-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke2)',\n\t},\n\t'--wpds-color-fg-content-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface4)',\n\t},\n\t'--wpds-color-fg-content-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface3)',\n\t},\n\t'--wpds-color-fg-interactive-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface4)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-active': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface4)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface2)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-strong': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-fill-inverted)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-strong-active': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-fill-inverted)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-strong-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface3)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface3)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-weak-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface2)',\n\t},\n\t'--wpds-color-fg-interactive-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-fg-surface3)',\n\t},\n\t'--wpds-color-fg-interactive-brand-active': {\n\t\t'.': 'var(--wpds-color-private-primary-fg-surface3)',\n\t},\n\t'--wpds-color-fg-interactive-brand-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface2)',\n\t},\n\t'--wpds-color-fg-interactive-brand-strong': {\n\t\t'.': 'var(--wpds-color-private-primary-fg-fill)',\n\t},\n\t'--wpds-color-fg-interactive-brand-strong-active': {\n\t\t'.': 'var(--wpds-color-private-primary-fg-fill)',\n\t},\n\t'--wpds-color-fg-interactive-brand-strong-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface3)',\n\t},\n\t'--wpds-color-stroke-surface-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke2)',\n\t},\n\t'--wpds-color-stroke-surface-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-neutral-strong': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke3)',\n\t},\n\t'--wpds-color-stroke-surface-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-brand-strong': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke3)',\n\t},\n\t'--wpds-color-stroke-surface-success': {\n\t\t'.': 'var(--wpds-color-private-success-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-success-strong': {\n\t\t'.': 'var(--wpds-color-private-success-stroke3)',\n\t},\n\t'--wpds-color-stroke-surface-info': {\n\t\t'.': 'var(--wpds-color-private-info-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-info-strong': {\n\t\t'.': 'var(--wpds-color-private-info-stroke3)',\n\t},\n\t'--wpds-color-stroke-surface-warning': {\n\t\t'.': 'var(--wpds-color-private-warning-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-warning-strong': {\n\t\t'.': 'var(--wpds-color-private-warning-stroke3)',\n\t},\n\t'--wpds-color-stroke-surface-error': {\n\t\t'.': 'var(--wpds-color-private-error-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-error-strong': {\n\t\t'.': 'var(--wpds-color-private-error-stroke3)',\n\t},\n\t'--wpds-color-stroke-interactive-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke3)',\n\t},\n\t'--wpds-color-stroke-interactive-neutral-active': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke4)',\n\t},\n\t'--wpds-color-stroke-interactive-neutral-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke2)',\n\t},\n\t'--wpds-color-stroke-interactive-neutral-strong': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke4)',\n\t},\n\t'--wpds-color-stroke-interactive-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke3)',\n\t},\n\t'--wpds-color-stroke-interactive-brand-active': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke4)',\n\t},\n\t'--wpds-color-stroke-interactive-brand-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke2)',\n\t},\n\t'--wpds-color-stroke-interactive-error-strong': {\n\t\t'.': 'var(--wpds-color-private-error-stroke3)',\n\t},\n\t'--wpds-color-stroke-focus-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke3)',\n\t},\n\t'--wpds-elevation-x-small': {\n\t\t'.': '0 1px 1px 0 #00000008, 0 1px 2px 0 #00000005, 0 3px 3px 0 #00000005, 0 4px 4px 0 #00000003',\n\t},\n\t'--wpds-elevation-small': {\n\t\t'.': '0 1px 2px 0 #0000000d, 0 2px 3px 0 #0000000a, 0 6px 6px 0 #00000008, 0 8px 8px 0 #00000005',\n\t},\n\t'--wpds-elevation-medium': {\n\t\t'.': '0 2px 3px 0 #0000000d, 0 4px 5px 0 #0000000a, 0 12px 12px 0 #00000008, 0 16px 16px 0 #00000005',\n\t},\n\t'--wpds-elevation-large': {\n\t\t'.': '0 5px 15px 0 #00000014, 0 15px 27px 0 #00000012, 0 30px 36px 0 #0000000a, 0 50px 43px 0 #00000005',\n\t},\n\t'--wpds-spacing-05': {\n\t\t'.': '4px',\n\t},\n\t'--wpds-spacing-10': {\n\t\t'.': '8px',\n\t},\n\t'--wpds-spacing-15': {\n\t\t'.': '12px',\n\t},\n\t'--wpds-spacing-20': {\n\t\t'.': '16px',\n\t},\n\t'--wpds-spacing-30': {\n\t\t'.': '24px',\n\t},\n\t'--wpds-spacing-40': {\n\t\t'.': '32px',\n\t},\n\t'--wpds-spacing-50': {\n\t\t'.': '40px',\n\t},\n\t'--wpds-spacing-60': {\n\t\t'.': '48px',\n\t},\n\t'--wpds-spacing-70': {\n\t\t'.': '56px',\n\t},\n\t'--wpds-spacing-80': {\n\t\t'.': '64px',\n\t},\n\t'--wpds-font-family-heading': {\n\t\t'.': '-apple-system, system-ui, \"Segoe UI\", \"Roboto\", \"Oxygen-Sans\", \"Ubuntu\", \"Cantarell\", \"Helvetica Neue\", sans-serif',\n\t},\n\t'--wpds-font-family-body': {\n\t\t'.': '-apple-system, system-ui, \"Segoe UI\", \"Roboto\", \"Oxygen-Sans\", \"Ubuntu\", \"Cantarell\", \"Helvetica Neue\", sans-serif',\n\t},\n\t'--wpds-font-family-mono': {\n\t\t'.': '\"Menlo\", \"Consolas\", monaco, monospace',\n\t},\n\t'--wpds-font-size-x-small': {\n\t\t'.': '11px',\n\t},\n\t'--wpds-font-size-small': {\n\t\t'.': '12px',\n\t},\n\t'--wpds-font-size-medium': {\n\t\t'.': '13px',\n\t},\n\t'--wpds-font-size-large': {\n\t\t'.': '15px',\n\t},\n\t'--wpds-font-size-x-large': {\n\t\t'.': '20px',\n\t},\n\t'--wpds-font-size-2x-large': {\n\t\t'.': '32px',\n\t},\n\t'--wpds-font-line-height-x-small': {\n\t\t'.': '16px',\n\t},\n\t'--wpds-font-line-height-small': {\n\t\t'.': '20px',\n\t},\n\t'--wpds-font-line-height-medium': {\n\t\t'.': '24px',\n\t},\n\t'--wpds-font-line-height-large': {\n\t\t'.': '28px',\n\t},\n\t'--wpds-font-line-height-x-large': {\n\t\t'.': '32px',\n\t},\n\t'--wpds-font-line-height-2x-large': {\n\t\t'.': '40px',\n\t},\n} as Record< string, Record< string, string > >;\n"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
@@ -0,0 +1,12 @@
1
+ import { lock } from "./lock-unlock";
2
+ import { ThemeProvider } from "./theme-provider";
3
+ import { useThemeProviderStyles } from "./use-theme-provider-styles";
4
+ const privateApis = {};
5
+ lock(privateApis, {
6
+ ThemeProvider,
7
+ useThemeProviderStyles
8
+ });
9
+ export {
10
+ privateApis
11
+ };
12
+ //# sourceMappingURL=private-apis.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/private-apis.ts"],
4
+ "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { lock } from './lock-unlock';\nimport { ThemeProvider } from './theme-provider';\nimport { useThemeProviderStyles } from './use-theme-provider-styles';\n\nexport const privateApis = {};\nlock( privateApis, {\n\tThemeProvider,\n\tuseThemeProviderStyles,\n} );\n"],
5
+ "mappings": "AAGA,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AAEhC,MAAM,cAAc,CAAC;AAC5B,KAAM,aAAa;AAAA,EAClB;AAAA,EACA;AACD,CAAE;",
6
+ "names": []
7
+ }
@@ -0,0 +1 @@
1
+ export default {"root":"_root_th78q_1"};
@@ -0,0 +1,58 @@
1
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
+ import { useMemo, useId } from "@wordpress/element";
3
+ import { ThemeContext } from "./context";
4
+ import { useThemeProviderStyles } from "./use-theme-provider-styles";
5
+ import styles from "./style.module.css";
6
+ function cssObjectToText(values) {
7
+ return Object.entries(values).map(([key, value]) => `${key}: ${value};`).join("");
8
+ }
9
+ function generateCSSSelector({
10
+ instanceId,
11
+ isRoot
12
+ }) {
13
+ const rootSel = `[data-wpds-root-provider="true"]`;
14
+ const instanceIdSel = `[data-wpds-theme-provider-id="${instanceId}"]`;
15
+ const selectors = [];
16
+ if (isRoot) {
17
+ selectors.push(
18
+ `:root:has(.${styles.root}${rootSel}${instanceIdSel})`
19
+ );
20
+ }
21
+ selectors.push(`.${styles.root}.${styles.root}${instanceIdSel}`);
22
+ return selectors.join(",");
23
+ }
24
+ const ThemeProvider = ({
25
+ children,
26
+ color = {},
27
+ isRoot = false
28
+ }) => {
29
+ const instanceId = useId();
30
+ const { themeProviderStyles, resolvedSettings } = useThemeProviderStyles({
31
+ color
32
+ });
33
+ const contextValue = useMemo(
34
+ () => ({
35
+ resolvedSettings
36
+ }),
37
+ [resolvedSettings]
38
+ );
39
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
40
+ themeProviderStyles ? /* @__PURE__ */ jsx("style", { children: `${generateCSSSelector({
41
+ instanceId,
42
+ isRoot
43
+ })} {${cssObjectToText(themeProviderStyles)}}` }) : null,
44
+ /* @__PURE__ */ jsx(
45
+ "div",
46
+ {
47
+ "data-wpds-theme-provider-id": instanceId,
48
+ "data-wpds-root-provider": isRoot,
49
+ className: styles.root,
50
+ children: /* @__PURE__ */ jsx(ThemeContext.Provider, { value: contextValue, children })
51
+ }
52
+ )
53
+ ] });
54
+ };
55
+ export {
56
+ ThemeProvider
57
+ };
58
+ //# sourceMappingURL=theme-provider.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/theme-provider.tsx"],
4
+ "sourcesContent": ["/**\n * External dependencies\n */\nimport type { CSSProperties } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useId } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ThemeContext } from './context';\nimport { useThemeProviderStyles } from './use-theme-provider-styles';\nimport { type ThemeProviderProps } from './types';\nimport styles from './style.module.css';\n\nfunction cssObjectToText( values: CSSProperties ) {\n\treturn Object.entries( values )\n\t\t.map( ( [ key, value ] ) => `${ key }: ${ value };` )\n\t\t.join( '' );\n}\n\nfunction generateCSSSelector( {\n\tinstanceId,\n\tisRoot,\n}: {\n\tinstanceId: string;\n\tisRoot: boolean;\n} ) {\n\tconst rootSel = `[data-wpds-root-provider=\"true\"]`;\n\tconst instanceIdSel = `[data-wpds-theme-provider-id=\"${ instanceId }\"]`;\n\n\tconst selectors = [];\n\n\tif ( isRoot ) {\n\t\tselectors.push(\n\t\t\t`:root:has(.${ styles.root }${ rootSel }${ instanceIdSel })`\n\t\t);\n\t}\n\n\tselectors.push( `.${ styles.root }.${ styles.root }${ instanceIdSel }` );\n\n\treturn selectors.join( ',' );\n}\n\nexport const ThemeProvider = ( {\n\tchildren,\n\tcolor = {},\n\tisRoot = false,\n}: ThemeProviderProps ) => {\n\tconst instanceId = useId();\n\n\tconst { themeProviderStyles, resolvedSettings } = useThemeProviderStyles( {\n\t\tcolor,\n\t} );\n\n\tconst contextValue = useMemo(\n\t\t() => ( {\n\t\t\tresolvedSettings,\n\t\t} ),\n\t\t[ resolvedSettings ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ themeProviderStyles ? (\n\t\t\t\t<style>\n\t\t\t\t\t{ `${ generateCSSSelector( {\n\t\t\t\t\t\tinstanceId,\n\t\t\t\t\t\tisRoot,\n\t\t\t\t\t} ) } {${ cssObjectToText( themeProviderStyles ) }}` }\n\t\t\t\t</style>\n\t\t\t) : null }\n\t\t\t<div\n\t\t\t\tdata-wpds-theme-provider-id={ instanceId }\n\t\t\t\tdata-wpds-root-provider={ isRoot }\n\t\t\t\tclassName={ styles.root }\n\t\t\t>\n\t\t\t\t<ThemeContext.Provider value={ contextValue }>\n\t\t\t\t\t{ children }\n\t\t\t\t</ThemeContext.Provider>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n"],
5
+ "mappings": "AAkEE,mBAEE,KAFF;AA1DF,SAAS,SAAS,aAAa;AAK/B,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AAEvC,OAAO,YAAY;AAEnB,SAAS,gBAAiB,QAAwB;AACjD,SAAO,OAAO,QAAS,MAAO,EAC5B,IAAK,CAAE,CAAE,KAAK,KAAM,MAAO,GAAI,GAAI,KAAM,KAAM,GAAI,EACnD,KAAM,EAAG;AACZ;AAEA,SAAS,oBAAqB;AAAA,EAC7B;AAAA,EACA;AACD,GAGI;AACH,QAAM,UAAU;AAChB,QAAM,gBAAgB,iCAAkC,UAAW;AAEnE,QAAM,YAAY,CAAC;AAEnB,MAAK,QAAS;AACb,cAAU;AAAA,MACT,cAAe,OAAO,IAAK,GAAI,OAAQ,GAAI,aAAc;AAAA,IAC1D;AAAA,EACD;AAEA,YAAU,KAAM,IAAK,OAAO,IAAK,IAAK,OAAO,IAAK,GAAI,aAAc,EAAG;AAEvE,SAAO,UAAU,KAAM,GAAI;AAC5B;AAEO,MAAM,gBAAgB,CAAE;AAAA,EAC9B;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,SAAS;AACV,MAA2B;AAC1B,QAAM,aAAa,MAAM;AAEzB,QAAM,EAAE,qBAAqB,iBAAiB,IAAI,uBAAwB;AAAA,IACzE;AAAA,EACD,CAAE;AAEF,QAAM,eAAe;AAAA,IACpB,OAAQ;AAAA,MACP;AAAA,IACD;AAAA,IACA,CAAE,gBAAiB;AAAA,EACpB;AAEA,SACC,iCACG;AAAA,0BACD,oBAAC,WACE,aAAI,oBAAqB;AAAA,MAC1B;AAAA,MACA;AAAA,IACD,CAAE,CAAE,KAAM,gBAAiB,mBAAoB,CAAE,KAClD,IACG;AAAA,IACJ;AAAA,MAAC;AAAA;AAAA,QACA,+BAA8B;AAAA,QAC9B,2BAA0B;AAAA,QAC1B,WAAY,OAAO;AAAA,QAEnB,8BAAC,aAAa,UAAb,EAAsB,OAAQ,cAC5B,UACH;AAAA;AAAA,IACD;AAAA,KACD;AAEF;",
6
+ "names": []
7
+ }
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=css-modules.d.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": [],
4
+ "sourcesContent": [],
5
+ "mappings": "",
6
+ "names": []
7
+ }
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": [],
4
+ "sourcesContent": [],
5
+ "mappings": "",
6
+ "names": []
7
+ }