@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.
- package/LICENSE.md +788 -0
- package/README.md +67 -0
- package/bin/build-tokens.js +83 -0
- package/bin/generate-primitive-tokens/index.ts +115 -0
- package/bin/terrazzo-plugin-ds-tokens-docs/index.ts +103 -0
- package/bin/terrazzo-plugin-figma-ds-token-manager/index.ts +210 -0
- package/bin/terrazzo-plugin-figma-ds-token-manager/lib.ts +1 -0
- package/bin/terrazzo-plugin-known-wpds-css-variables/index.ts +72 -0
- package/build/color-ramps/index.js +132 -0
- package/build/color-ramps/index.js.map +7 -0
- package/build/color-ramps/lib/cache-utils.js +57 -0
- package/build/color-ramps/lib/cache-utils.js.map +7 -0
- package/build/color-ramps/lib/constants.js +105 -0
- package/build/color-ramps/lib/constants.js.map +7 -0
- package/build/color-ramps/lib/find-color-with-constraints.js +141 -0
- package/build/color-ramps/lib/find-color-with-constraints.js.map +7 -0
- package/build/color-ramps/lib/index.js +264 -0
- package/build/color-ramps/lib/index.js.map +7 -0
- package/build/color-ramps/lib/ramp-configs.js +315 -0
- package/build/color-ramps/lib/ramp-configs.js.map +7 -0
- package/build/color-ramps/lib/taper-chroma.js +159 -0
- package/build/color-ramps/lib/taper-chroma.js.map +7 -0
- package/build/color-ramps/lib/types.js +17 -0
- package/build/color-ramps/lib/types.js.map +7 -0
- package/build/color-ramps/lib/utils.js +106 -0
- package/build/color-ramps/lib/utils.js.map +7 -0
- package/build/context.js +34 -0
- package/build/context.js.map +7 -0
- package/build/index.js +29 -0
- package/build/index.js.map +7 -0
- package/build/lock-unlock.js +35 -0
- package/build/lock-unlock.js.map +7 -0
- package/build/prebuilt/js/design-tokens.js +135 -0
- package/build/prebuilt/js/design-tokens.js.map +7 -0
- package/build/prebuilt/json/figma.json +1317 -0
- package/build/prebuilt/ts/design-tokens.js +354 -0
- package/build/prebuilt/ts/design-tokens.js.map +7 -0
- package/build/private-apis.js +36 -0
- package/build/private-apis.js.map +7 -0
- package/build/style.module.css.js +2 -0
- package/build/theme-provider.js +92 -0
- package/build/theme-provider.js.map +7 -0
- package/build/types/css-modules.d.js +2 -0
- package/build/types/css-modules.d.js.map +7 -0
- package/build/types.js +17 -0
- package/build/types.js.map +7 -0
- package/build/use-theme-provider-styles.js +230 -0
- package/build/use-theme-provider-styles.js.map +7 -0
- package/build-module/color-ramps/index.js +95 -0
- package/build-module/color-ramps/index.js.map +7 -0
- package/build-module/color-ramps/lib/cache-utils.js +31 -0
- package/build-module/color-ramps/lib/cache-utils.js.map +7 -0
- package/build-module/color-ramps/lib/constants.js +63 -0
- package/build-module/color-ramps/lib/constants.js.map +7 -0
- package/build-module/color-ramps/lib/find-color-with-constraints.js +112 -0
- package/build-module/color-ramps/lib/find-color-with-constraints.js.map +7 -0
- package/build-module/color-ramps/lib/index.js +235 -0
- package/build-module/color-ramps/lib/index.js.map +7 -0
- package/build-module/color-ramps/lib/ramp-configs.js +290 -0
- package/build-module/color-ramps/lib/ramp-configs.js.map +7 -0
- package/build-module/color-ramps/lib/taper-chroma.js +125 -0
- package/build-module/color-ramps/lib/taper-chroma.js.map +7 -0
- package/build-module/color-ramps/lib/types.js +1 -0
- package/build-module/color-ramps/lib/types.js.map +7 -0
- package/build-module/color-ramps/lib/utils.js +84 -0
- package/build-module/color-ramps/lib/utils.js.map +7 -0
- package/build-module/context.js +10 -0
- package/build-module/context.js.map +7 -0
- package/build-module/index.js +5 -0
- package/build-module/index.js.map +7 -0
- package/build-module/lock-unlock.js +10 -0
- package/build-module/lock-unlock.js.map +7 -0
- package/build-module/prebuilt/js/design-tokens.js +115 -0
- package/build-module/prebuilt/js/design-tokens.js.map +7 -0
- package/build-module/prebuilt/json/figma.json +1317 -0
- package/build-module/prebuilt/ts/design-tokens.js +334 -0
- package/build-module/prebuilt/ts/design-tokens.js.map +7 -0
- package/build-module/private-apis.js +12 -0
- package/build-module/private-apis.js.map +7 -0
- package/build-module/style.module.css.js +1 -0
- package/build-module/theme-provider.js +58 -0
- package/build-module/theme-provider.js.map +7 -0
- package/build-module/types/css-modules.d.js +1 -0
- package/build-module/types/css-modules.d.js.map +7 -0
- package/build-module/types.js +1 -0
- package/build-module/types.js.map +7 -0
- package/build-module/use-theme-provider-styles.js +200 -0
- package/build-module/use-theme-provider-styles.js.map +7 -0
- package/build-style/style.css +3 -0
- package/build-types/color-ramps/index.d.ts +44 -0
- package/build-types/color-ramps/index.d.ts.map +1 -0
- package/build-types/color-ramps/lib/cache-utils.d.ts +22 -0
- package/build-types/color-ramps/lib/cache-utils.d.ts.map +1 -0
- package/build-types/color-ramps/lib/constants.d.ts +38 -0
- package/build-types/color-ramps/lib/constants.d.ts.map +1 -0
- package/build-types/color-ramps/lib/find-color-with-constraints.d.ts +37 -0
- package/build-types/color-ramps/lib/find-color-with-constraints.d.ts.map +1 -0
- package/build-types/color-ramps/lib/index.d.ts +11 -0
- package/build-types/color-ramps/lib/index.d.ts.map +1 -0
- package/build-types/color-ramps/lib/ramp-configs.d.ts +7 -0
- package/build-types/color-ramps/lib/ramp-configs.d.ts.map +1 -0
- package/build-types/color-ramps/lib/taper-chroma.d.ts +32 -0
- package/build-types/color-ramps/lib/taper-chroma.d.ts.map +1 -0
- package/build-types/color-ramps/lib/types.d.ts +78 -0
- package/build-types/color-ramps/lib/types.d.ts.map +1 -0
- package/build-types/color-ramps/lib/utils.d.ts +38 -0
- package/build-types/color-ramps/lib/utils.d.ts.map +1 -0
- package/build-types/color-ramps/stories/index.story.d.ts +14 -0
- package/build-types/color-ramps/stories/index.story.d.ts.map +1 -0
- package/build-types/color-ramps/stories/ramp-table.d.ts +19 -0
- package/build-types/color-ramps/stories/ramp-table.d.ts.map +1 -0
- package/build-types/context.d.ts +10 -0
- package/build-types/context.d.ts.map +1 -0
- package/build-types/index.d.ts +2 -0
- package/build-types/index.d.ts.map +1 -0
- package/build-types/lock-unlock.d.ts +2 -0
- package/build-types/lock-unlock.d.ts.map +1 -0
- package/build-types/prebuilt/js/design-tokens.d.ts +3 -0
- package/build-types/prebuilt/js/design-tokens.d.ts.map +1 -0
- package/build-types/prebuilt/ts/design-tokens.d.ts +7 -0
- package/build-types/prebuilt/ts/design-tokens.d.ts.map +1 -0
- package/build-types/private-apis.d.ts +2 -0
- package/build-types/private-apis.d.ts.map +1 -0
- package/build-types/stories/index.story.d.ts +15 -0
- package/build-types/stories/index.story.d.ts.map +1 -0
- package/build-types/theme-provider.d.ts +3 -0
- package/build-types/theme-provider.d.ts.map +1 -0
- package/build-types/types.d.ts +42 -0
- package/build-types/types.d.ts.map +1 -0
- package/build-types/use-theme-provider-styles.d.ts +17 -0
- package/build-types/use-theme-provider-styles.d.ts.map +1 -0
- package/docs/ds-tokens.md +283 -0
- package/package.json +58 -0
- package/src/color-ramps/index.ts +155 -0
- package/src/color-ramps/lib/cache-utils.ts +56 -0
- package/src/color-ramps/lib/constants.ts +85 -0
- package/src/color-ramps/lib/find-color-with-constraints.ts +190 -0
- package/src/color-ramps/lib/index.ts +369 -0
- package/src/color-ramps/lib/ramp-configs.ts +309 -0
- package/src/color-ramps/lib/taper-chroma.ts +226 -0
- package/src/color-ramps/lib/types.ts +90 -0
- package/src/color-ramps/lib/utils.ts +161 -0
- package/src/color-ramps/stories/index.story.tsx +264 -0
- package/src/color-ramps/stories/ramp-table.tsx +212 -0
- package/src/color-ramps/test/__snapshots__/index.test.ts.snap +1280 -0
- package/src/color-ramps/test/index.test.ts +94 -0
- package/src/context.ts +19 -0
- package/src/index.ts +2 -0
- package/src/lock-unlock.ts +10 -0
- package/src/prebuilt/css/design-tokens.css +401 -0
- package/src/prebuilt/js/design-tokens.js +116 -0
- package/src/prebuilt/json/figma.json +1317 -0
- package/src/prebuilt/ts/design-tokens.ts +335 -0
- package/src/private-apis.ts +12 -0
- package/src/stories/index.story.tsx +426 -0
- package/src/style.module.css +3 -0
- package/src/theme-provider.tsx +87 -0
- package/src/types/css-modules.d.ts +4 -0
- package/src/types.ts +44 -0
- package/src/use-theme-provider-styles.ts +247 -0
- package/terrazzo.config.ts +102 -0
- package/tokens/border.json +34 -0
- package/tokens/color.json +877 -0
- package/tokens/elevation.json +201 -0
- package/tokens/spacing.json +45 -0
- package/tokens/typography.json +93 -0
- package/tsconfig.json +9 -0
- 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 @@
|
|
|
1
|
+
//# sourceMappingURL=types.js.map
|