@shoppexio/builder-runtime 0.1.0 → 0.1.1
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/dist/css-vars.d.ts.map +1 -1
- package/dist/css-vars.js +24 -6
- package/dist/layout.d.ts +9 -0
- package/dist/layout.d.ts.map +1 -1
- package/dist/layout.js +10 -0
- package/dist/react.d.ts +5 -222
- package/dist/react.d.ts.map +1 -1
- package/dist/react.js +506 -27
- package/package.json +1 -1
- package/src/builder-runtime.test.ts +24 -0
- package/src/css-vars.ts +29 -8
- package/src/layout.ts +23 -0
- package/src/react-runtime.test.tsx +173 -3
- package/src/react.tsx +579 -24
- package/dist/builder-runtime.test.d.ts +0 -2
- package/dist/builder-runtime.test.d.ts.map +0 -1
- package/dist/builder-runtime.test.js +0 -115
- package/dist/react-runtime.test.d.ts +0 -2
- package/dist/react-runtime.test.d.ts.map +0 -1
- package/dist/react-runtime.test.js +0 -292
package/dist/css-vars.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css-vars.d.ts","sourceRoot":"","sources":["../src/css-vars.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"css-vars.d.ts","sourceRoot":"","sources":["../src/css-vars.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAA+B,WAAW,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAsCxH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAEnE;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAarF;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,eAAe,EAAE,QAAQ,SAAU,GAAG,MAAM,CAEtF;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,SAAU,GAAG,MAAM,CAoDjF"}
|
package/dist/css-vars.js
CHANGED
|
@@ -33,16 +33,16 @@ const STYLE_SLOT_CSS_VARIABLES = {
|
|
|
33
33
|
'typography.body.size': { name: '--builder-typography-body-size', unit: 'px' },
|
|
34
34
|
};
|
|
35
35
|
export function getStyleSlotCssVariable(slotId) {
|
|
36
|
-
return
|
|
36
|
+
return getStyleSlotCssVariableConfig(slotId).name;
|
|
37
37
|
}
|
|
38
38
|
export function createStyleSlotCssVariables(slots) {
|
|
39
39
|
const variables = {};
|
|
40
|
-
for (const slotId of
|
|
40
|
+
for (const slotId of getRenderableStyleSlotIds(slots)) {
|
|
41
41
|
const value = slots[slotId];
|
|
42
42
|
if (value === undefined || isResponsiveRecord(value)) {
|
|
43
43
|
continue;
|
|
44
44
|
}
|
|
45
|
-
variables[
|
|
45
|
+
variables[getStyleSlotCssVariable(slotId)] = formatStyleSlotValue(slotId, value);
|
|
46
46
|
}
|
|
47
47
|
return variables;
|
|
48
48
|
}
|
|
@@ -57,12 +57,12 @@ export function createStyleSlotsCss(slots, selector = ':root') {
|
|
|
57
57
|
lg: [],
|
|
58
58
|
xl: [],
|
|
59
59
|
};
|
|
60
|
-
for (const slotId of
|
|
60
|
+
for (const slotId of getRenderableStyleSlotIds(slots)) {
|
|
61
61
|
const value = slots[slotId];
|
|
62
62
|
if (value === undefined) {
|
|
63
63
|
continue;
|
|
64
64
|
}
|
|
65
|
-
const cssVariable =
|
|
65
|
+
const cssVariable = getStyleSlotCssVariable(slotId);
|
|
66
66
|
if (!isResponsiveRecord(value)) {
|
|
67
67
|
baseDeclarations.push(`${cssVariable}: ${formatStyleSlotValue(slotId, value)};`);
|
|
68
68
|
continue;
|
|
@@ -89,9 +89,27 @@ export function createStyleSlotsCss(slots, selector = ':root') {
|
|
|
89
89
|
return chunks.join('\n\n');
|
|
90
90
|
}
|
|
91
91
|
function formatStyleSlotValue(slotId, value) {
|
|
92
|
-
const unit =
|
|
92
|
+
const unit = getStyleSlotCssVariableConfig(slotId).unit;
|
|
93
93
|
if (typeof value === 'number') {
|
|
94
94
|
return unit ? `${value}${unit}` : `${value}`;
|
|
95
95
|
}
|
|
96
96
|
return String(value);
|
|
97
97
|
}
|
|
98
|
+
function getStyleSlotCssVariableConfig(slotId) {
|
|
99
|
+
return isCoreStyleSlotId(slotId)
|
|
100
|
+
? STYLE_SLOT_CSS_VARIABLES[slotId]
|
|
101
|
+
: { name: `--builder-${slotId.split('.').join('-')}` };
|
|
102
|
+
}
|
|
103
|
+
function getRenderableStyleSlotIds(slots) {
|
|
104
|
+
const declared = new Set();
|
|
105
|
+
for (const slotId of CORE_STYLE_SLOT_IDS) {
|
|
106
|
+
declared.add(slotId);
|
|
107
|
+
}
|
|
108
|
+
for (const slotId of Object.keys(slots)) {
|
|
109
|
+
declared.add(slotId);
|
|
110
|
+
}
|
|
111
|
+
return [...declared];
|
|
112
|
+
}
|
|
113
|
+
function isCoreStyleSlotId(slotId) {
|
|
114
|
+
return CORE_STYLE_SLOT_IDS.includes(slotId);
|
|
115
|
+
}
|
package/dist/layout.d.ts
CHANGED
|
@@ -1,9 +1,18 @@
|
|
|
1
1
|
import type { BlockInstance, BuilderSettings, PageLayout, ThemeManifest } from '@shoppex/builder-contracts';
|
|
2
|
+
export type ThemePageBlockOrderManifest = {
|
|
3
|
+
pages?: Record<string, {
|
|
4
|
+
allowedBlocks?: string[];
|
|
5
|
+
defaultBlocks?: Array<{
|
|
6
|
+
type?: string;
|
|
7
|
+
}>;
|
|
8
|
+
}>;
|
|
9
|
+
};
|
|
2
10
|
export declare function getPageLayout(settings: BuilderSettings, pageId: string): PageLayout;
|
|
3
11
|
export declare function getPageBlocks(settings: BuilderSettings, pageId: string): BlockInstance[];
|
|
4
12
|
export declare function getVisiblePageBlocks(settings: BuilderSettings, pageId: string): BlockInstance[];
|
|
5
13
|
export declare function getBlockById(settings: BuilderSettings, pageId: string, blockId: string): BlockInstance | null;
|
|
6
14
|
export declare function getAllowedBlockTypes(manifest: ThemeManifest, pageId: string): string[];
|
|
15
|
+
export declare function getThemePageBlockOrderFromManifest(manifest: ThemePageBlockOrderManifest, pageId: string): string[];
|
|
7
16
|
export declare function canAddBlock(settings: BuilderSettings, manifest: ThemeManifest, pageId: string, blockType: string): boolean;
|
|
8
17
|
export declare function resolveBlockSettings(block: BlockInstance, manifest: ThemeManifest): Record<string, unknown>;
|
|
9
18
|
//# sourceMappingURL=layout.d.ts.map
|
package/dist/layout.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE5G,wBAAgB,aAAa,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAG,UAAU,CAEnF;AAED,wBAAgB,aAAa,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAG,aAAa,EAAE,CAExF;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAG,aAAa,EAAE,CAE/F;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI,CAE7G;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAEtF;AAED,wBAAgB,WAAW,CAAC,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAc1H;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAgB3G"}
|
|
1
|
+
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE5G,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QACrB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;QACzB,aAAa,CAAC,EAAE,KAAK,CAAC;YAAE,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC1C,CAAC,CAAC;CACJ,CAAC;AAEF,wBAAgB,aAAa,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAG,UAAU,CAEnF;AAED,wBAAgB,aAAa,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAG,aAAa,EAAE,CAExF;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAG,aAAa,EAAE,CAE/F;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI,CAE7G;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAEtF;AAED,wBAAgB,kCAAkC,CAChD,QAAQ,EAAE,2BAA2B,EACrC,MAAM,EAAE,MAAM,GACb,MAAM,EAAE,CAWV;AAED,wBAAgB,WAAW,CAAC,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAc1H;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAgB3G"}
|
package/dist/layout.js
CHANGED
|
@@ -13,6 +13,16 @@ export function getBlockById(settings, pageId, blockId) {
|
|
|
13
13
|
export function getAllowedBlockTypes(manifest, pageId) {
|
|
14
14
|
return manifest.pages[pageId]?.allowedBlocks ?? [];
|
|
15
15
|
}
|
|
16
|
+
export function getThemePageBlockOrderFromManifest(manifest, pageId) {
|
|
17
|
+
const page = manifest.pages?.[pageId];
|
|
18
|
+
if (!page) {
|
|
19
|
+
return [];
|
|
20
|
+
}
|
|
21
|
+
const defaultBlockTypes = (page.defaultBlocks ?? [])
|
|
22
|
+
.map((block) => block.type)
|
|
23
|
+
.filter((blockType) => typeof blockType === 'string' && blockType.length > 0);
|
|
24
|
+
return defaultBlockTypes.length > 0 ? defaultBlockTypes : page.allowedBlocks ?? [];
|
|
25
|
+
}
|
|
16
26
|
export function canAddBlock(settings, manifest, pageId, blockType) {
|
|
17
27
|
const page = manifest.pages[pageId];
|
|
18
28
|
const blockDefinition = manifest.blocks[blockType];
|
package/dist/react.d.ts
CHANGED
|
@@ -55,80 +55,7 @@ export declare function useBuilderPageLayout(pageId: string): {
|
|
|
55
55
|
visible: boolean;
|
|
56
56
|
settings: Record<string, unknown>;
|
|
57
57
|
variant?: string | undefined;
|
|
58
|
-
style_overrides?:
|
|
59
|
-
'button.radius'?: {
|
|
60
|
-
base: number;
|
|
61
|
-
sm?: number | undefined;
|
|
62
|
-
md?: number | undefined;
|
|
63
|
-
lg?: number | undefined;
|
|
64
|
-
xl?: number | undefined;
|
|
65
|
-
} | undefined;
|
|
66
|
-
'button.background'?: string | undefined;
|
|
67
|
-
'button.foreground'?: string | undefined;
|
|
68
|
-
'button.border'?: string | undefined;
|
|
69
|
-
'button.font.weight'?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
|
|
70
|
-
'input.radius'?: {
|
|
71
|
-
base: number;
|
|
72
|
-
sm?: number | undefined;
|
|
73
|
-
md?: number | undefined;
|
|
74
|
-
lg?: number | undefined;
|
|
75
|
-
xl?: number | undefined;
|
|
76
|
-
} | undefined;
|
|
77
|
-
'input.height'?: {
|
|
78
|
-
base: number;
|
|
79
|
-
sm?: number | undefined;
|
|
80
|
-
md?: number | undefined;
|
|
81
|
-
lg?: number | undefined;
|
|
82
|
-
xl?: number | undefined;
|
|
83
|
-
} | undefined;
|
|
84
|
-
'input.border'?: string | undefined;
|
|
85
|
-
'input.background'?: string | undefined;
|
|
86
|
-
'input.foreground'?: string | undefined;
|
|
87
|
-
'card.radius'?: {
|
|
88
|
-
base: number;
|
|
89
|
-
sm?: number | undefined;
|
|
90
|
-
md?: number | undefined;
|
|
91
|
-
lg?: number | undefined;
|
|
92
|
-
xl?: number | undefined;
|
|
93
|
-
} | undefined;
|
|
94
|
-
'card.background'?: string | undefined;
|
|
95
|
-
'card.border'?: string | undefined;
|
|
96
|
-
'section.padding.y'?: {
|
|
97
|
-
base: number;
|
|
98
|
-
sm?: number | undefined;
|
|
99
|
-
md?: number | undefined;
|
|
100
|
-
lg?: number | undefined;
|
|
101
|
-
xl?: number | undefined;
|
|
102
|
-
} | undefined;
|
|
103
|
-
'section.padding.x'?: {
|
|
104
|
-
base: number;
|
|
105
|
-
sm?: number | undefined;
|
|
106
|
-
md?: number | undefined;
|
|
107
|
-
lg?: number | undefined;
|
|
108
|
-
xl?: number | undefined;
|
|
109
|
-
} | undefined;
|
|
110
|
-
'container.width'?: {
|
|
111
|
-
base: number;
|
|
112
|
-
sm?: number | undefined;
|
|
113
|
-
md?: number | undefined;
|
|
114
|
-
lg?: number | undefined;
|
|
115
|
-
xl?: number | undefined;
|
|
116
|
-
} | undefined;
|
|
117
|
-
'color.primary'?: string | undefined;
|
|
118
|
-
'color.accent'?: string | undefined;
|
|
119
|
-
'color.background'?: string | undefined;
|
|
120
|
-
'color.foreground'?: string | undefined;
|
|
121
|
-
'color.muted'?: string | undefined;
|
|
122
|
-
'link.color'?: string | undefined;
|
|
123
|
-
'typography.heading.weight'?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
|
|
124
|
-
'typography.body.size'?: {
|
|
125
|
-
base: number;
|
|
126
|
-
sm?: number | undefined;
|
|
127
|
-
md?: number | undefined;
|
|
128
|
-
lg?: number | undefined;
|
|
129
|
-
xl?: number | undefined;
|
|
130
|
-
} | undefined;
|
|
131
|
-
} | undefined;
|
|
58
|
+
style_overrides?: Partial<Record<StyleSlotId, import("@shoppex/builder-contracts").StyleSlotValue>> | undefined;
|
|
132
59
|
}[];
|
|
133
60
|
};
|
|
134
61
|
export declare function useBuilderPageBlocks(pageId: string): {
|
|
@@ -137,80 +64,7 @@ export declare function useBuilderPageBlocks(pageId: string): {
|
|
|
137
64
|
visible: boolean;
|
|
138
65
|
settings: Record<string, unknown>;
|
|
139
66
|
variant?: string | undefined;
|
|
140
|
-
style_overrides?:
|
|
141
|
-
'button.radius'?: {
|
|
142
|
-
base: number;
|
|
143
|
-
sm?: number | undefined;
|
|
144
|
-
md?: number | undefined;
|
|
145
|
-
lg?: number | undefined;
|
|
146
|
-
xl?: number | undefined;
|
|
147
|
-
} | undefined;
|
|
148
|
-
'button.background'?: string | undefined;
|
|
149
|
-
'button.foreground'?: string | undefined;
|
|
150
|
-
'button.border'?: string | undefined;
|
|
151
|
-
'button.font.weight'?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
|
|
152
|
-
'input.radius'?: {
|
|
153
|
-
base: number;
|
|
154
|
-
sm?: number | undefined;
|
|
155
|
-
md?: number | undefined;
|
|
156
|
-
lg?: number | undefined;
|
|
157
|
-
xl?: number | undefined;
|
|
158
|
-
} | undefined;
|
|
159
|
-
'input.height'?: {
|
|
160
|
-
base: number;
|
|
161
|
-
sm?: number | undefined;
|
|
162
|
-
md?: number | undefined;
|
|
163
|
-
lg?: number | undefined;
|
|
164
|
-
xl?: number | undefined;
|
|
165
|
-
} | undefined;
|
|
166
|
-
'input.border'?: string | undefined;
|
|
167
|
-
'input.background'?: string | undefined;
|
|
168
|
-
'input.foreground'?: string | undefined;
|
|
169
|
-
'card.radius'?: {
|
|
170
|
-
base: number;
|
|
171
|
-
sm?: number | undefined;
|
|
172
|
-
md?: number | undefined;
|
|
173
|
-
lg?: number | undefined;
|
|
174
|
-
xl?: number | undefined;
|
|
175
|
-
} | undefined;
|
|
176
|
-
'card.background'?: string | undefined;
|
|
177
|
-
'card.border'?: string | undefined;
|
|
178
|
-
'section.padding.y'?: {
|
|
179
|
-
base: number;
|
|
180
|
-
sm?: number | undefined;
|
|
181
|
-
md?: number | undefined;
|
|
182
|
-
lg?: number | undefined;
|
|
183
|
-
xl?: number | undefined;
|
|
184
|
-
} | undefined;
|
|
185
|
-
'section.padding.x'?: {
|
|
186
|
-
base: number;
|
|
187
|
-
sm?: number | undefined;
|
|
188
|
-
md?: number | undefined;
|
|
189
|
-
lg?: number | undefined;
|
|
190
|
-
xl?: number | undefined;
|
|
191
|
-
} | undefined;
|
|
192
|
-
'container.width'?: {
|
|
193
|
-
base: number;
|
|
194
|
-
sm?: number | undefined;
|
|
195
|
-
md?: number | undefined;
|
|
196
|
-
lg?: number | undefined;
|
|
197
|
-
xl?: number | undefined;
|
|
198
|
-
} | undefined;
|
|
199
|
-
'color.primary'?: string | undefined;
|
|
200
|
-
'color.accent'?: string | undefined;
|
|
201
|
-
'color.background'?: string | undefined;
|
|
202
|
-
'color.foreground'?: string | undefined;
|
|
203
|
-
'color.muted'?: string | undefined;
|
|
204
|
-
'link.color'?: string | undefined;
|
|
205
|
-
'typography.heading.weight'?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
|
|
206
|
-
'typography.body.size'?: {
|
|
207
|
-
base: number;
|
|
208
|
-
sm?: number | undefined;
|
|
209
|
-
md?: number | undefined;
|
|
210
|
-
lg?: number | undefined;
|
|
211
|
-
xl?: number | undefined;
|
|
212
|
-
} | undefined;
|
|
213
|
-
} | undefined;
|
|
67
|
+
style_overrides?: Partial<Record<StyleSlotId, import("@shoppex/builder-contracts").StyleSlotValue>> | undefined;
|
|
214
68
|
}[];
|
|
215
69
|
export declare function useVisibleBuilderPageBlocks(pageId: string): {
|
|
216
70
|
id: string;
|
|
@@ -218,85 +72,14 @@ export declare function useVisibleBuilderPageBlocks(pageId: string): {
|
|
|
218
72
|
visible: boolean;
|
|
219
73
|
settings: Record<string, unknown>;
|
|
220
74
|
variant?: string | undefined;
|
|
221
|
-
style_overrides?:
|
|
222
|
-
'button.radius'?: {
|
|
223
|
-
base: number;
|
|
224
|
-
sm?: number | undefined;
|
|
225
|
-
md?: number | undefined;
|
|
226
|
-
lg?: number | undefined;
|
|
227
|
-
xl?: number | undefined;
|
|
228
|
-
} | undefined;
|
|
229
|
-
'button.background'?: string | undefined;
|
|
230
|
-
'button.foreground'?: string | undefined;
|
|
231
|
-
'button.border'?: string | undefined;
|
|
232
|
-
'button.font.weight'?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
|
|
233
|
-
'input.radius'?: {
|
|
234
|
-
base: number;
|
|
235
|
-
sm?: number | undefined;
|
|
236
|
-
md?: number | undefined;
|
|
237
|
-
lg?: number | undefined;
|
|
238
|
-
xl?: number | undefined;
|
|
239
|
-
} | undefined;
|
|
240
|
-
'input.height'?: {
|
|
241
|
-
base: number;
|
|
242
|
-
sm?: number | undefined;
|
|
243
|
-
md?: number | undefined;
|
|
244
|
-
lg?: number | undefined;
|
|
245
|
-
xl?: number | undefined;
|
|
246
|
-
} | undefined;
|
|
247
|
-
'input.border'?: string | undefined;
|
|
248
|
-
'input.background'?: string | undefined;
|
|
249
|
-
'input.foreground'?: string | undefined;
|
|
250
|
-
'card.radius'?: {
|
|
251
|
-
base: number;
|
|
252
|
-
sm?: number | undefined;
|
|
253
|
-
md?: number | undefined;
|
|
254
|
-
lg?: number | undefined;
|
|
255
|
-
xl?: number | undefined;
|
|
256
|
-
} | undefined;
|
|
257
|
-
'card.background'?: string | undefined;
|
|
258
|
-
'card.border'?: string | undefined;
|
|
259
|
-
'section.padding.y'?: {
|
|
260
|
-
base: number;
|
|
261
|
-
sm?: number | undefined;
|
|
262
|
-
md?: number | undefined;
|
|
263
|
-
lg?: number | undefined;
|
|
264
|
-
xl?: number | undefined;
|
|
265
|
-
} | undefined;
|
|
266
|
-
'section.padding.x'?: {
|
|
267
|
-
base: number;
|
|
268
|
-
sm?: number | undefined;
|
|
269
|
-
md?: number | undefined;
|
|
270
|
-
lg?: number | undefined;
|
|
271
|
-
xl?: number | undefined;
|
|
272
|
-
} | undefined;
|
|
273
|
-
'container.width'?: {
|
|
274
|
-
base: number;
|
|
275
|
-
sm?: number | undefined;
|
|
276
|
-
md?: number | undefined;
|
|
277
|
-
lg?: number | undefined;
|
|
278
|
-
xl?: number | undefined;
|
|
279
|
-
} | undefined;
|
|
280
|
-
'color.primary'?: string | undefined;
|
|
281
|
-
'color.accent'?: string | undefined;
|
|
282
|
-
'color.background'?: string | undefined;
|
|
283
|
-
'color.foreground'?: string | undefined;
|
|
284
|
-
'color.muted'?: string | undefined;
|
|
285
|
-
'link.color'?: string | undefined;
|
|
286
|
-
'typography.heading.weight'?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
|
|
287
|
-
'typography.body.size'?: {
|
|
288
|
-
base: number;
|
|
289
|
-
sm?: number | undefined;
|
|
290
|
-
md?: number | undefined;
|
|
291
|
-
lg?: number | undefined;
|
|
292
|
-
xl?: number | undefined;
|
|
293
|
-
} | undefined;
|
|
294
|
-
} | undefined;
|
|
75
|
+
style_overrides?: Partial<Record<StyleSlotId, import("@shoppex/builder-contracts").StyleSlotValue>> | undefined;
|
|
295
76
|
}[];
|
|
77
|
+
export declare function useThemePageBlocks(pageId: string, defaultOrder: string[]): BlockInstance[];
|
|
296
78
|
export declare function useBuilderStyleSlot(slotId: StyleSlotId, input?: {
|
|
297
79
|
breakpoint?: Breakpoint;
|
|
298
80
|
fallback?: unknown;
|
|
299
81
|
}): unknown;
|
|
300
82
|
export declare function useBuilderCss(selector?: string): string;
|
|
83
|
+
export declare function resolvePreviewReloadTarget(location: Pick<Location, 'search' | 'hash'>, sessionPath: unknown): string | null;
|
|
301
84
|
export {};
|
|
302
85
|
//# sourceMappingURL=react.d.ts.map
|
package/dist/react.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAoB,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAO5H,OAAO,EAQL,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAYf,KAAK,0BAA0B,GAAG;IAChC,QAAQ,EAAE,eAAe,CAAC;CAC3B,CAAC;
|
|
1
|
+
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"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"}
|