@webiny/app-website-builder 0.0.0-unstable.9bd236cf5e → 0.0.0-unstable.e0bfc55d5a

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 (8) hide show
  1. package/BaseEditor/defaultConfig/Content/Preview/PreviewEvents.js +1 -0
  2. package/BaseEditor/defaultConfig/Content/Preview/PreviewEvents.js.map +1 -1
  3. package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useBindingsForElement.d.ts +103 -103
  4. package/BaseEditor/defaultConfig/Toolbar/InsertElements/InlineSvg.js +1 -1
  5. package/BaseEditor/defaultConfig/Toolbar/InsertElements/InlineSvg.js.map +1 -1
  6. package/inputRenderers/TextareaInput.js +16 -12
  7. package/inputRenderers/TextareaInput.js.map +1 -1
  8. package/package.json +27 -27
package/BaseEditor/defaultConfig/Content/Preview/PreviewEvents.js CHANGED
@@ -18,6 +18,7 @@ export class PreviewEvents {
18
18
  setTimeout(() => {
19
19
  this.editor.updateEditor(state => {
20
20
  state.loadingPreview = false;
21
+ state.selectedElement = null;
21
22
  });
22
23
  }, 100);
23
24
  }
package/BaseEditor/defaultConfig/Content/Preview/PreviewEvents.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["mouseTracker","defaultImage","Commands","$createElement","PreviewEvents","editorEventsRegistered","listeners","constructor","editor","scrollTracker","onConnected","messenger","dispose","registerEditorEvents","subscribeToIframe","setTimeout","updateEditor","state","loadingPreview","destroy","forEach","unsubscribe","push","onDocumentStateChange","event","reason","getMessenger","send","diff","onScrollStart","showOverlays","onScroll","deltaX","deltaY","onScrollEnd","registerCommandHandler","PreviewPatchElement","payload","elementId","patch","getDocumentState","toJson","on","theme","executeCommand","SetTheme","fragments","document","read","Object","keys","elements","length","index","fragment","componentName","parentId","slot","bindings","inputs","name","boxes","viewport","iframeBox","getIframeBox","top","left","preview","mapCoordinatesToEditorSpace","component","components","image","tags","group","componentGroups","id","selectedElement","x","y","globalX","globalY","setPosition","iframe","getElementById","width","height","iframeRect","getBoundingClientRect","newBoxes","key","box"],"sources":["PreviewEvents.ts"],"sourcesContent":["import type { Editor } from \"~/editorSdk/Editor\";\nimport type { Messenger } from \"@webiny/website-builder-sdk\";\nimport {\n type BoxesData,\n type ComponentManifest,\n type EditorViewportInfo,\n mouseTracker,\n type PreviewViewportData,\n type SerializedComponentGroup\n} from \"@webiny/website-builder-sdk\";\nimport defaultImage from \"@webiny/icons/extension.svg\";\nimport { Commands } from \"~/BaseEditor\";\nimport { $createElement } from \"~/editorSdk/utils\";\nimport type { ScrollTracker } from \"./ScrollTracker\";\n\nexport class PreviewEvents {\n private editor: Editor;\n private editorEventsRegistered = false;\n private messenger: Messenger | undefined;\n private scrollTracker: ScrollTracker;\n private listeners: Array<() => void> = [];\n\n constructor(editor: Editor, scrollTracker: ScrollTracker) {\n this.scrollTracker = scrollTracker;\n this.editor = editor;\n }\n\n onConnected(messenger: Messenger) {\n // Dispose of the old messenger.\n this.messenger?.dispose();\n\n this.messenger = messenger;\n\n this.registerEditorEvents();\n\n this.subscribeToIframe(messenger);\n\n setTimeout(() => {\n this.editor.updateEditor(state => {\n state.loadingPreview = false;\n });\n }, 100);\n }\n\n destroy() {\n this.listeners.forEach(unsubscribe => {\n unsubscribe();\n });\n }\n\n private registerEditorEvents() {\n if (this.editorEventsRegistered) {\n return;\n }\n\n this.editorEventsRegistered = true;\n\n this.listeners.push(\n // Propagate changes\n this.editor.onDocumentStateChange(event => {\n if (event.reason === \"update\") {\n this.getMessenger().send(\"document.patch\", event.diff);\n } else {\n this.getMessenger().send(\"document.set\", event.state);\n }\n }),\n // Scroll start\n this.scrollTracker.onScrollStart(() => {\n this.editor.updateEditor(state => {\n state.showOverlays = false;\n });\n }),\n\n // Scrolling\n this.scrollTracker.onScroll(event => {\n this.getMessenger().send(\"preview.scroll\", {\n deltaX: event.deltaX,\n deltaY: event.deltaY\n });\n }),\n\n // Scroll end\n this.scrollTracker.onScrollEnd(() => {\n this.editor.updateEditor(state => {\n state.showOverlays = true;\n });\n }),\n\n // Element preview\n this.editor.registerCommandHandler(Commands.PreviewPatchElement, payload => {\n this.getMessenger().send(`element.patch.${payload.elementId}`, payload.patch);\n })\n );\n }\n\n private subscribeToIframe(messenger: Messenger) {\n // When `onConnected` is executed, we need to send new data to the live preview.\n messenger.send(\"document.set\", this.editor.getDocumentState().toJson());\n\n messenger.on(\"preview.theme\", ({ theme }) => {\n this.editor.executeCommand(Commands.SetTheme, { theme });\n });\n\n messenger.on(\"document.fragments\", payload => {\n const fragments: string[] = payload.fragments;\n this.editor.updateEditor(state => {\n state.fragments = fragments;\n });\n\n const document = this.editor.getDocumentState().read();\n\n if (Object.keys(document.elements).length === 1) {\n // We only have the default \"root\" element, create fragment elements.\n let index = 0;\n fragments.forEach(fragment => {\n $createElement(this.editor, {\n componentName: \"Webiny/Fragment\",\n parentId: \"root\",\n slot: \"children\",\n index,\n bindings: {\n inputs: {\n name: fragment\n }\n }\n });\n index++;\n });\n }\n });\n\n messenger.on(\"preview.viewport\", ({ boxes, viewport }: PreviewViewportData) => {\n const iframeBox = this.getIframeBox();\n\n this.editor.updateEditor(state => {\n state.viewport = {\n ...viewport,\n top: iframeBox.top,\n left: iframeBox.left\n };\n\n state.boxes = {\n preview: boxes,\n editor: this.mapCoordinatesToEditorSpace(state.viewport, boxes)\n };\n });\n });\n\n messenger.on(\"preview.component.register\", (component: ComponentManifest) => {\n this.editor.updateEditor(state => {\n if (!state.components) {\n state.components = {};\n }\n state.components[component.name] = {\n ...component,\n image: component.image ?? defaultImage,\n tags: component.tags ?? []\n };\n });\n });\n\n messenger.on(\"preview.componentGroup.register\", (group: SerializedComponentGroup) => {\n this.editor.updateEditor(state => {\n if (!state.componentGroups) {\n state.componentGroups = {};\n }\n state.componentGroups[group.name] = group;\n });\n });\n\n messenger.on(\"preview.element.click\", ({ id }) => {\n this.editor.updateEditor(state => {\n state.selectedElement = id;\n });\n });\n\n messenger.on(\"preview.mouse.move\", ({ x, y }) => {\n const iframeBox = this.getIframeBox();\n const globalX = x + iframeBox.left;\n const globalY = y + iframeBox.top;\n\n mouseTracker.setPosition(globalX, globalY);\n });\n }\n\n private getIframeBox() {\n const iframe = document.getElementById(\"preview-iframe\");\n if (!iframe) {\n return {\n top: 0,\n left: 0,\n width: 0,\n height: 0\n };\n }\n\n const iframeRect = iframe.getBoundingClientRect();\n\n return {\n top: iframeRect.top,\n left: iframeRect.left,\n width: iframeRect.width,\n height: iframeRect.height\n };\n }\n\n private mapCoordinatesToEditorSpace(\n viewport: EditorViewportInfo,\n boxes: PreviewViewportData[\"boxes\"]\n ) {\n const newBoxes: BoxesData = {};\n\n for (const key in boxes) {\n const box = boxes[key];\n newBoxes[key] = {\n ...box,\n top: box.top + viewport.top,\n left: box.left + viewport.left\n };\n }\n\n return newBoxes;\n }\n\n private getMessenger(): Messenger {\n return this.messenger!;\n }\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["mouseTracker","defaultImage","Commands","$createElement","PreviewEvents","editorEventsRegistered","listeners","constructor","editor","scrollTracker","onConnected","messenger","dispose","registerEditorEvents","subscribeToIframe","setTimeout","updateEditor","state","loadingPreview","selectedElement","destroy","forEach","unsubscribe","push","onDocumentStateChange","event","reason","getMessenger","send","diff","onScrollStart","showOverlays","onScroll","deltaX","deltaY","onScrollEnd","registerCommandHandler","PreviewPatchElement","payload","elementId","patch","getDocumentState","toJson","on","theme","executeCommand","SetTheme","fragments","document","read","Object","keys","elements","length","index","fragment","componentName","parentId","slot","bindings","inputs","name","boxes","viewport","iframeBox","getIframeBox","top","left","preview","mapCoordinatesToEditorSpace","component","components","image","tags","group","componentGroups","id","x","y","globalX","globalY","setPosition","iframe","getElementById","width","height","iframeRect","getBoundingClientRect","newBoxes","key","box"],"sources":["PreviewEvents.ts"],"sourcesContent":["import type { Editor } from \"~/editorSdk/Editor\";\nimport type { Messenger } from \"@webiny/website-builder-sdk\";\nimport {\n type BoxesData,\n type ComponentManifest,\n type EditorViewportInfo,\n mouseTracker,\n type PreviewViewportData,\n type SerializedComponentGroup\n} from \"@webiny/website-builder-sdk\";\nimport defaultImage from \"@webiny/icons/extension.svg\";\nimport { Commands } from \"~/BaseEditor\";\nimport { $createElement } from \"~/editorSdk/utils\";\nimport type { ScrollTracker } from \"./ScrollTracker\";\n\nexport class PreviewEvents {\n private editor: Editor;\n private editorEventsRegistered = false;\n private messenger: Messenger | undefined;\n private scrollTracker: ScrollTracker;\n private listeners: Array<() => void> = [];\n\n constructor(editor: Editor, scrollTracker: ScrollTracker) {\n this.scrollTracker = scrollTracker;\n this.editor = editor;\n }\n\n onConnected(messenger: Messenger) {\n // Dispose of the old messenger.\n this.messenger?.dispose();\n\n this.messenger = messenger;\n\n this.registerEditorEvents();\n\n this.subscribeToIframe(messenger);\n\n setTimeout(() => {\n this.editor.updateEditor(state => {\n state.loadingPreview = false;\n state.selectedElement = null;\n });\n }, 100);\n }\n\n destroy() {\n this.listeners.forEach(unsubscribe => {\n unsubscribe();\n });\n }\n\n private registerEditorEvents() {\n if (this.editorEventsRegistered) {\n return;\n }\n\n this.editorEventsRegistered = true;\n\n this.listeners.push(\n // Propagate changes\n this.editor.onDocumentStateChange(event => {\n if (event.reason === \"update\") {\n this.getMessenger().send(\"document.patch\", event.diff);\n } else {\n this.getMessenger().send(\"document.set\", event.state);\n }\n }),\n // Scroll start\n this.scrollTracker.onScrollStart(() => {\n this.editor.updateEditor(state => {\n state.showOverlays = false;\n });\n }),\n\n // Scrolling\n this.scrollTracker.onScroll(event => {\n this.getMessenger().send(\"preview.scroll\", {\n deltaX: event.deltaX,\n deltaY: event.deltaY\n });\n }),\n\n // Scroll end\n this.scrollTracker.onScrollEnd(() => {\n this.editor.updateEditor(state => {\n state.showOverlays = true;\n });\n }),\n\n // Element preview\n this.editor.registerCommandHandler(Commands.PreviewPatchElement, payload => {\n this.getMessenger().send(`element.patch.${payload.elementId}`, payload.patch);\n })\n );\n }\n\n private subscribeToIframe(messenger: Messenger) {\n // When `onConnected` is executed, we need to send new data to the live preview.\n messenger.send(\"document.set\", this.editor.getDocumentState().toJson());\n\n messenger.on(\"preview.theme\", ({ theme }) => {\n this.editor.executeCommand(Commands.SetTheme, { theme });\n });\n\n messenger.on(\"document.fragments\", payload => {\n const fragments: string[] = payload.fragments;\n this.editor.updateEditor(state => {\n state.fragments = fragments;\n });\n\n const document = this.editor.getDocumentState().read();\n\n if (Object.keys(document.elements).length === 1) {\n // We only have the default \"root\" element, create fragment elements.\n let index = 0;\n fragments.forEach(fragment => {\n $createElement(this.editor, {\n componentName: \"Webiny/Fragment\",\n parentId: \"root\",\n slot: \"children\",\n index,\n bindings: {\n inputs: {\n name: fragment\n }\n }\n });\n index++;\n });\n }\n });\n\n messenger.on(\"preview.viewport\", ({ boxes, viewport }: PreviewViewportData) => {\n const iframeBox = this.getIframeBox();\n\n this.editor.updateEditor(state => {\n state.viewport = {\n ...viewport,\n top: iframeBox.top,\n left: iframeBox.left\n };\n\n state.boxes = {\n preview: boxes,\n editor: this.mapCoordinatesToEditorSpace(state.viewport, boxes)\n };\n });\n });\n\n messenger.on(\"preview.component.register\", (component: ComponentManifest) => {\n this.editor.updateEditor(state => {\n if (!state.components) {\n state.components = {};\n }\n state.components[component.name] = {\n ...component,\n image: component.image ?? defaultImage,\n tags: component.tags ?? []\n };\n });\n });\n\n messenger.on(\"preview.componentGroup.register\", (group: SerializedComponentGroup) => {\n this.editor.updateEditor(state => {\n if (!state.componentGroups) {\n state.componentGroups = {};\n }\n state.componentGroups[group.name] = group;\n });\n });\n\n messenger.on(\"preview.element.click\", ({ id }) => {\n this.editor.updateEditor(state => {\n state.selectedElement = id;\n });\n });\n\n messenger.on(\"preview.mouse.move\", ({ x, y }) => {\n const iframeBox = this.getIframeBox();\n const globalX = x + iframeBox.left;\n const globalY = y + iframeBox.top;\n\n mouseTracker.setPosition(globalX, globalY);\n });\n }\n\n private getIframeBox() {\n const iframe = document.getElementById(\"preview-iframe\");\n if (!iframe) {\n return {\n top: 0,\n left: 0,\n width: 0,\n height: 0\n };\n }\n\n const iframeRect = iframe.getBoundingClientRect();\n\n return {\n top: iframeRect.top,\n left: iframeRect.left,\n width: iframeRect.width,\n height: iframeRect.height\n };\n }\n\n private mapCoordinatesToEditorSpace(\n viewport: EditorViewportInfo,\n boxes: PreviewViewportData[\"boxes\"]\n ) {\n const newBoxes: BoxesData = {};\n\n for (const key in boxes) {\n const box = boxes[key];\n newBoxes[key] = {\n ...box,\n top: box.top + viewport.top,\n left: box.left + viewport.left\n };\n }\n\n return newBoxes;\n }\n\n private getMessenger(): Messenger {\n return this.messenger!;\n }\n}\n"],"mappings":"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","ignoreList":[]}
package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useBindingsForElement.d.ts CHANGED
@@ -3,28 +3,27 @@ export declare const useBindingsForElement: (elementId: string) => {
3
3
  resolvedBindings: import("@webiny/website-builder-sdk").DocumentElementBindings & {
4
4
  inputs: import("@webiny/website-builder-sdk").DocumentElementInputBindings;
5
5
  styles: Partial<{
6
+ transform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transform | undefined> | undefined;
7
+ zIndex?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ZIndex | undefined> | undefined;
8
+ opacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Opacity | undefined> | undefined;
9
+ clipPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipPath | undefined> | undefined;
6
10
  filter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Filter | undefined> | undefined;
11
+ mask?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Mask<string | number> | undefined> | undefined;
7
12
  fill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Fill | undefined> | undefined;
8
- stroke?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Stroke | undefined> | undefined;
9
- animationName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationName | undefined> | undefined;
10
- all?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Globals | undefined> | undefined;
11
- offset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Offset<string | number> | undefined> | undefined;
12
- height?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Height<string | number> | undefined> | undefined;
13
- width?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Width<string | number> | undefined> | undefined;
14
- left?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Left<string | number> | undefined> | undefined;
15
- top?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Top<string | number> | undefined> | undefined;
16
13
  accentColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AccentColor | undefined> | undefined;
17
14
  alignContent?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignContent | undefined> | undefined;
18
15
  alignItems?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignItems | undefined> | undefined;
19
16
  alignSelf?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignSelf | undefined> | undefined;
20
- alignmentBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignmentBaseline | undefined> | undefined;
17
+ alignTracks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignTracks | undefined> | undefined;
21
18
  animationComposition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationComposition | undefined> | undefined;
22
19
  animationDelay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDelay<string & {}> | undefined> | undefined;
23
20
  animationDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDirection | undefined> | undefined;
24
21
  animationDuration?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDuration<string & {}> | undefined> | undefined;
25
22
  animationFillMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationFillMode | undefined> | undefined;
26
23
  animationIterationCount?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationIterationCount | undefined> | undefined;
24
+ animationName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationName | undefined> | undefined;
27
25
  animationPlayState?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationPlayState | undefined> | undefined;
26
+ animationTimeline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationTimeline | undefined> | undefined;
28
27
  animationTimingFunction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationTimingFunction | undefined> | undefined;
29
28
  appearance?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Appearance | undefined> | undefined;
30
29
  backdropFilter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackdropFilter | undefined> | undefined;
@@ -35,58 +34,49 @@ export declare const useBindingsForElement: (elementId: string) => {
35
34
  backgroundColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundColor | undefined> | undefined;
36
35
  backgroundImage?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundImage | undefined> | undefined;
37
36
  backgroundOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundOrigin | undefined> | undefined;
38
- backgroundPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundPosition<string | number> | undefined> | undefined;
39
37
  backgroundPositionX?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundPositionX<string | number> | undefined> | undefined;
40
38
  backgroundPositionY?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundPositionY<string | number> | undefined> | undefined;
41
39
  backgroundRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundRepeat | undefined> | undefined;
42
40
  backgroundSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundSize<string | number> | undefined> | undefined;
43
- baselineShift?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BaselineShift<string | number> | undefined> | undefined;
41
+ blockOverflow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BlockOverflow | undefined> | undefined;
44
42
  blockSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BlockSize<string | number> | undefined> | undefined;
45
- borderBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockEnd<string | number> | undefined> | undefined;
46
43
  borderBlockEndColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockEndColor | undefined> | undefined;
47
44
  borderBlockEndStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockEndStyle | undefined> | undefined;
48
45
  borderBlockEndWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockEndWidth<string | number> | undefined> | undefined;
49
- borderBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockStart<string | number> | undefined> | undefined;
50
46
  borderBlockStartColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockStartColor | undefined> | undefined;
51
47
  borderBlockStartStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockStartStyle | undefined> | undefined;
52
48
  borderBlockStartWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockStartWidth<string | number> | undefined> | undefined;
53
- borderBottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBottom<string | number> | undefined> | undefined;
54
49
  borderBottomColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBottomColor | undefined> | undefined;
55
50
  borderBottomLeftRadius?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined> | undefined;
56
51
  borderBottomRightRadius?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBottomRightRadius<string | number> | undefined> | undefined;
57
52
  borderBottomStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBottomStyle | undefined> | undefined;
58
53
  borderBottomWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBottomWidth<string | number> | undefined> | undefined;
59
54
  borderCollapse?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderCollapse | undefined> | undefined;
60
- borderImage?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImage | undefined> | undefined;
61
55
  borderImageOutset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImageOutset<string | number> | undefined> | undefined;
62
56
  borderImageRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImageRepeat | undefined> | undefined;
63
57
  borderImageSlice?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImageSlice | undefined> | undefined;
64
58
  borderImageSource?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImageSource | undefined> | undefined;
65
59
  borderImageWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImageWidth<string | number> | undefined> | undefined;
66
- borderInlineEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineEnd<string | number> | undefined> | undefined;
67
60
  borderInlineEndColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineEndColor | undefined> | undefined;
68
61
  borderInlineEndStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineEndStyle | undefined> | undefined;
69
62
  borderInlineEndWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineEndWidth<string | number> | undefined> | undefined;
70
- borderInlineStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineStart<string | number> | undefined> | undefined;
71
63
  borderInlineStartColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineStartColor | undefined> | undefined;
72
64
  borderInlineStartStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineStartStyle | undefined> | undefined;
73
65
  borderInlineStartWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineStartWidth<string | number> | undefined> | undefined;
74
- borderLeft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderLeft<string | number> | undefined> | undefined;
75
66
  borderLeftColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderLeftColor | undefined> | undefined;
76
67
  borderLeftStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderLeftStyle | undefined> | undefined;
77
68
  borderLeftWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderLeftWidth<string | number> | undefined> | undefined;
78
- borderRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderRight<string | number> | undefined> | undefined;
79
69
  borderRightColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderRightColor | undefined> | undefined;
80
70
  borderRightStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderRightStyle | undefined> | undefined;
81
71
  borderRightWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderRightWidth<string | number> | undefined> | undefined;
82
72
  borderSpacing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderSpacing<string | number> | undefined> | undefined;
83
- borderTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderTop<string | number> | undefined> | undefined;
84
73
  borderTopColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderTopColor | undefined> | undefined;
85
74
  borderTopLeftRadius?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderTopLeftRadius<string | number> | undefined> | undefined;
86
75
  borderTopRightRadius?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderTopRightRadius<string | number> | undefined> | undefined;
87
76
  borderTopStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderTopStyle | undefined> | undefined;
88
77
  borderTopWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderTopWidth<string | number> | undefined> | undefined;
89
78
  bottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Bottom<string | number> | undefined> | undefined;
79
+ boxDecorationBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxDecorationBreak | undefined> | undefined;
90
80
  boxSizing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxSizing | undefined> | undefined;
91
81
  breakAfter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BreakAfter | undefined> | undefined;
92
82
  breakBefore?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BreakBefore | undefined> | undefined;
@@ -94,11 +84,8 @@ export declare const useBindingsForElement: (elementId: string) => {
94
84
  captionSide?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CaptionSide | undefined> | undefined;
95
85
  caretColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CaretColor | undefined> | undefined;
96
86
  clear?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Clear | undefined> | undefined;
97
- clip?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Clip | undefined> | undefined;
98
- clipPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipPath | undefined> | undefined;
99
- clipRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipRule | undefined> | undefined;
100
87
  color?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Color | undefined> | undefined;
101
- colorInterpolation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorInterpolation | undefined> | undefined;
88
+ colorAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PrintColorAdjust | undefined> | undefined;
102
89
  colorScheme?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorScheme | undefined> | undefined;
103
90
  columnCount?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnCount | undefined> | undefined;
104
91
  columnFill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnFill | undefined> | undefined;
@@ -110,30 +97,28 @@ export declare const useBindingsForElement: (elementId: string) => {
110
97
  columnWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnWidth<string | number> | undefined> | undefined;
111
98
  contain?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Contain | undefined> | undefined;
112
99
  content?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Content | undefined> | undefined;
100
+ contentVisibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ContentVisibility | undefined> | undefined;
113
101
  counterIncrement?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CounterIncrement | undefined> | undefined;
114
102
  counterReset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CounterReset | undefined> | undefined;
115
103
  counterSet?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CounterSet | undefined> | undefined;
116
104
  cursor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Cursor | undefined> | undefined;
117
105
  direction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Direction | undefined> | undefined;
118
106
  display?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Display | undefined> | undefined;
119
- dominantBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.DominantBaseline | undefined> | undefined;
120
107
  emptyCells?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.EmptyCells | undefined> | undefined;
121
- fillOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillOpacity | undefined> | undefined;
122
- fillRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillRule | undefined> | undefined;
123
108
  flexBasis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexBasis<string | number> | undefined> | undefined;
124
109
  flexDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexDirection | undefined> | undefined;
125
110
  flexGrow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexGrow | undefined> | undefined;
126
111
  flexShrink?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexShrink | undefined> | undefined;
127
112
  flexWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexWrap | undefined> | undefined;
128
113
  float?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Float | undefined> | undefined;
129
- floodColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodColor | undefined> | undefined;
130
- floodOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodOpacity | undefined> | undefined;
131
114
  fontFamily?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontFamily | undefined> | undefined;
132
115
  fontFeatureSettings?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontFeatureSettings | undefined> | undefined;
133
116
  fontKerning?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontKerning | undefined> | undefined;
117
+ fontLanguageOverride?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontLanguageOverride | undefined> | undefined;
134
118
  fontOpticalSizing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontOpticalSizing | undefined> | undefined;
135
119
  fontSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSize<string | number> | undefined> | undefined;
136
120
  fontSizeAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSizeAdjust | undefined> | undefined;
121
+ fontSmooth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSmooth<string | number> | undefined> | undefined;
137
122
  fontStretch?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontStretch | undefined> | undefined;
138
123
  fontStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontStyle | undefined> | undefined;
139
124
  fontSynthesis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSynthesis | undefined> | undefined;
@@ -146,28 +131,26 @@ export declare const useBindingsForElement: (elementId: string) => {
146
131
  fontVariationSettings?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontVariationSettings | undefined> | undefined;
147
132
  fontWeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontWeight | undefined> | undefined;
148
133
  forcedColorAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ForcedColorAdjust | undefined> | undefined;
149
- gridArea?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridArea | undefined> | undefined;
150
134
  gridAutoColumns?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridAutoColumns<string | number> | undefined> | undefined;
151
135
  gridAutoFlow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridAutoFlow | undefined> | undefined;
152
136
  gridAutoRows?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridAutoRows<string | number> | undefined> | undefined;
153
- gridColumn?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridColumn | undefined> | undefined;
154
137
  gridColumnEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridColumnEnd | undefined> | undefined;
155
- gridColumnGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridColumnGap<string | number> | undefined> | undefined;
156
138
  gridColumnStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridColumnStart | undefined> | undefined;
157
- gridGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridGap<string | number> | undefined> | undefined;
158
- gridRow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridRow | undefined> | undefined;
159
139
  gridRowEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridRowEnd | undefined> | undefined;
160
- gridRowGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridRowGap<string | number> | undefined> | undefined;
161
140
  gridRowStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridRowStart | undefined> | undefined;
162
- gridTemplate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridTemplate | undefined> | undefined;
163
141
  gridTemplateAreas?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridTemplateAreas | undefined> | undefined;
164
142
  gridTemplateColumns?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridTemplateColumns<string | number> | undefined> | undefined;
165
143
  gridTemplateRows?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridTemplateRows<string | number> | undefined> | undefined;
144
+ hangingPunctuation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.HangingPunctuation | undefined> | undefined;
145
+ height?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Height<string | number> | undefined> | undefined;
166
146
  hyphenateCharacter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.HyphenateCharacter | undefined> | undefined;
167
147
  hyphens?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Hyphens | undefined> | undefined;
168
148
  imageOrientation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImageOrientation | undefined> | undefined;
169
149
  imageRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImageRendering | undefined> | undefined;
150
+ imageResolution?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImageResolution | undefined> | undefined;
151
+ initialLetter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InitialLetter | undefined> | undefined;
170
152
  inlineSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InlineSize<string | number> | undefined> | undefined;
153
+ inputSecurity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InputSecurity | undefined> | undefined;
171
154
  insetBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlock<string | number> | undefined> | undefined;
172
155
  insetBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockEnd<string | number> | undefined> | undefined;
173
156
  insetBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockStart<string | number> | undefined> | undefined;
@@ -178,10 +161,12 @@ export declare const useBindingsForElement: (elementId: string) => {
178
161
  justifyContent?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyContent | undefined> | undefined;
179
162
  justifyItems?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyItems | undefined> | undefined;
180
163
  justifySelf?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifySelf | undefined> | undefined;
164
+ justifyTracks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyTracks | undefined> | undefined;
165
+ left?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Left<string | number> | undefined> | undefined;
181
166
  letterSpacing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LetterSpacing<string | number> | undefined> | undefined;
182
- lightingColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LightingColor | undefined> | undefined;
183
167
  lineBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineBreak | undefined> | undefined;
184
168
  lineHeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineHeight<string | number> | undefined> | undefined;
169
+ lineHeightStep?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineHeightStep<string | number> | undefined> | undefined;
185
170
  listStyleImage?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ListStyleImage | undefined> | undefined;
186
171
  listStylePosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ListStylePosition | undefined> | undefined;
187
172
  listStyleType?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ListStyleType | undefined> | undefined;
@@ -195,10 +180,12 @@ export declare const useBindingsForElement: (elementId: string) => {
195
180
  marginLeft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginLeft<string | number> | undefined> | undefined;
196
181
  marginRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginRight<string | number> | undefined> | undefined;
197
182
  marginTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginTop<string | number> | undefined> | undefined;
198
- markerEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerEnd | undefined> | undefined;
199
- markerMid?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerMid | undefined> | undefined;
200
- markerStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerStart | undefined> | undefined;
201
- mask?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Mask<string | number> | undefined> | undefined;
183
+ maskBorderMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderMode | undefined> | undefined;
184
+ maskBorderOutset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderOutset<string | number> | undefined> | undefined;
185
+ maskBorderRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderRepeat | undefined> | undefined;
186
+ maskBorderSlice?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderSlice | undefined> | undefined;
187
+ maskBorderSource?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderSource | undefined> | undefined;
188
+ maskBorderWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderWidth<string | number> | undefined> | undefined;
202
189
  maskClip?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskClip | undefined> | undefined;
203
190
  maskComposite?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskComposite | undefined> | undefined;
204
191
  maskImage?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskImage | undefined> | undefined;
@@ -208,34 +195,42 @@ export declare const useBindingsForElement: (elementId: string) => {
208
195
  maskRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskRepeat | undefined> | undefined;
209
196
  maskSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskSize<string | number> | undefined> | undefined;
210
197
  maskType?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskType | undefined> | undefined;
198
+ mathDepth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MathDepth | undefined> | undefined;
199
+ mathShift?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MathShift | undefined> | undefined;
211
200
  mathStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MathStyle | undefined> | undefined;
212
201
  maxBlockSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaxBlockSize<string | number> | undefined> | undefined;
213
202
  maxHeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaxHeight<string | number> | undefined> | undefined;
214
203
  maxInlineSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaxInlineSize<string | number> | undefined> | undefined;
204
+ maxLines?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaxLines | undefined> | undefined;
215
205
  maxWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaxWidth<string | number> | undefined> | undefined;
216
206
  minBlockSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MinBlockSize<string | number> | undefined> | undefined;
217
207
  minHeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MinHeight<string | number> | undefined> | undefined;
218
208
  minInlineSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MinInlineSize<string | number> | undefined> | undefined;
219
209
  minWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MinWidth<string | number> | undefined> | undefined;
220
210
  mixBlendMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MixBlendMode | undefined> | undefined;
211
+ motionDistance?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetDistance<string | number> | undefined> | undefined;
212
+ motionPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetPath | undefined> | undefined;
213
+ motionRotation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetRotate | undefined> | undefined;
221
214
  objectFit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ObjectFit | undefined> | undefined;
222
215
  objectPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ObjectPosition<string | number> | undefined> | undefined;
216
+ offsetAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetAnchor<string | number> | undefined> | undefined;
223
217
  offsetDistance?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetDistance<string | number> | undefined> | undefined;
224
218
  offsetPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetPath | undefined> | undefined;
225
219
  offsetRotate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetRotate | undefined> | undefined;
226
- opacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Opacity | undefined> | undefined;
220
+ offsetRotation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetRotate | undefined> | undefined;
227
221
  order?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Order | undefined> | undefined;
228
222
  orphans?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Orphans | undefined> | undefined;
229
223
  outlineColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineColor | undefined> | undefined;
230
224
  outlineStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineStyle | undefined> | undefined;
231
225
  outlineWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineWidth<string | number> | undefined> | undefined;
232
- overflow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Overflow | undefined> | undefined;
233
226
  overflowAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowAnchor | undefined> | undefined;
227
+ overflowBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowBlock | undefined> | undefined;
228
+ overflowClipBox?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowClipBox | undefined> | undefined;
234
229
  overflowClipMargin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowClipMargin<string | number> | undefined> | undefined;
230
+ overflowInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowInline | undefined> | undefined;
235
231
  overflowWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowWrap | undefined> | undefined;
236
232
  overflowX?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowX | undefined> | undefined;
237
233
  overflowY?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowY | undefined> | undefined;
238
- overscrollBehavior?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehavior | undefined> | undefined;
239
234
  overscrollBehaviorBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehaviorBlock | undefined> | undefined;
240
235
  overscrollBehaviorInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehaviorInline | undefined> | undefined;
241
236
  overscrollBehaviorX?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehaviorX | undefined> | undefined;
@@ -264,6 +259,8 @@ export declare const useBindingsForElement: (elementId: string) => {
264
259
  right?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Right<string | number> | undefined> | undefined;
265
260
  rotate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Rotate | undefined> | undefined;
266
261
  rowGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RowGap<string | number> | undefined> | undefined;
262
+ rubyAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyAlign | undefined> | undefined;
263
+ rubyMerge?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyMerge | undefined> | undefined;
267
264
  rubyPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyPosition | undefined> | undefined;
268
265
  scale?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Scale | undefined> | undefined;
269
266
  scrollBehavior?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollBehavior | undefined> | undefined;
@@ -288,43 +285,42 @@ export declare const useBindingsForElement: (elementId: string) => {
288
285
  scrollPaddingRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingRight<string | number> | undefined> | undefined;
289
286
  scrollPaddingTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingTop<string | number> | undefined> | undefined;
290
287
  scrollSnapAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapAlign | undefined> | undefined;
288
+ scrollSnapMargin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMargin<string | number> | undefined> | undefined;
289
+ scrollSnapMarginBottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBottom<string | number> | undefined> | undefined;
290
+ scrollSnapMarginLeft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginLeft<string | number> | undefined> | undefined;
291
+ scrollSnapMarginRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginRight<string | number> | undefined> | undefined;
292
+ scrollSnapMarginTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginTop<string | number> | undefined> | undefined;
291
293
  scrollSnapStop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapStop | undefined> | undefined;
292
294
  scrollSnapType?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapType | undefined> | undefined;
295
+ scrollbarColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollbarColor | undefined> | undefined;
293
296
  scrollbarGutter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollbarGutter | undefined> | undefined;
297
+ scrollbarWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollbarWidth | undefined> | undefined;
294
298
  shapeImageThreshold?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeImageThreshold | undefined> | undefined;
295
299
  shapeMargin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeMargin<string | number> | undefined> | undefined;
296
300
  shapeOutside?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeOutside | undefined> | undefined;
297
- shapeRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeRendering | undefined> | undefined;
298
- stopColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopColor | undefined> | undefined;
299
- stopOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopOpacity | undefined> | undefined;
300
- strokeDasharray?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDasharray<string | number> | undefined> | undefined;
301
- strokeDashoffset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDashoffset<string | number> | undefined> | undefined;
302
- strokeLinecap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinecap | undefined> | undefined;
303
- strokeLinejoin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinejoin | undefined> | undefined;
304
- strokeMiterlimit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeMiterlimit | undefined> | undefined;
305
- strokeOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeOpacity | undefined> | undefined;
306
- strokeWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeWidth<string | number> | undefined> | undefined;
307
301
  tabSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TabSize<string | number> | undefined> | undefined;
308
302
  tableLayout?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TableLayout | undefined> | undefined;
309
303
  textAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAlign | undefined> | undefined;
310
304
  textAlignLast?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAlignLast | undefined> | undefined;
311
- textAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAnchor | undefined> | undefined;
312
305
  textCombineUpright?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextCombineUpright | undefined> | undefined;
313
306
  textDecorationColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationColor | undefined> | undefined;
314
307
  textDecorationLine?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationLine | undefined> | undefined;
308
+ textDecorationSkip?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationSkip | undefined> | undefined;
315
309
  textDecorationSkipInk?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationSkipInk | undefined> | undefined;
316
310
  textDecorationStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationStyle | undefined> | undefined;
317
311
  textDecorationThickness?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationThickness<string | number> | undefined> | undefined;
318
312
  textEmphasisPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextEmphasisPosition | undefined> | undefined;
319
313
  textIndent?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextIndent<string | number> | undefined> | undefined;
314
+ textJustify?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextJustify | undefined> | undefined;
320
315
  textOrientation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextOrientation | undefined> | undefined;
321
316
  textOverflow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextOverflow | undefined> | undefined;
322
317
  textRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextRendering | undefined> | undefined;
318
+ textSizeAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextSizeAdjust | undefined> | undefined;
323
319
  textTransform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextTransform | undefined> | undefined;
324
320
  textUnderlineOffset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextUnderlineOffset<string | number> | undefined> | undefined;
325
321
  textUnderlinePosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextUnderlinePosition | undefined> | undefined;
322
+ top?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Top<string | number> | undefined> | undefined;
326
323
  touchAction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TouchAction | undefined> | undefined;
327
- transform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transform | undefined> | undefined;
328
324
  transformBox?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformBox | undefined> | undefined;
329
325
  transformOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformOrigin<string | number> | undefined> | undefined;
330
326
  transformStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformStyle | undefined> | undefined;
@@ -339,56 +335,34 @@ export declare const useBindingsForElement: (elementId: string) => {
339
335
  visibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Visibility | undefined> | undefined;
340
336
  whiteSpace?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WhiteSpace | undefined> | undefined;
341
337
  widows?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Widows | undefined> | undefined;
338
+ width?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Width<string | number> | undefined> | undefined;
342
339
  willChange?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WillChange | undefined> | undefined;
343
340
  wordBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WordBreak | undefined> | undefined;
344
341
  wordSpacing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WordSpacing<string | number> | undefined> | undefined;
345
342
  wordWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WordWrap | undefined> | undefined;
346
343
  writingMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WritingMode | undefined> | undefined;
347
- zIndex?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ZIndex | undefined> | undefined;
348
- alignTracks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignTracks | undefined> | undefined;
349
- animationTimeline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationTimeline | undefined> | undefined;
350
- blockOverflow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BlockOverflow | undefined> | undefined;
351
- boxDecorationBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxDecorationBreak | undefined> | undefined;
352
- colorAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PrintColorAdjust | undefined> | undefined;
353
- contentVisibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ContentVisibility | undefined> | undefined;
354
- fontLanguageOverride?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontLanguageOverride | undefined> | undefined;
355
- fontSmooth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSmooth<string | number> | undefined> | undefined;
356
- hangingPunctuation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.HangingPunctuation | undefined> | undefined;
357
- imageResolution?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImageResolution | undefined> | undefined;
358
- initialLetter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InitialLetter | undefined> | undefined;
359
- inputSecurity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InputSecurity | undefined> | undefined;
360
- justifyTracks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyTracks | undefined> | undefined;
361
- lineHeightStep?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineHeightStep<string | number> | undefined> | undefined;
362
- maskBorderMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderMode | undefined> | undefined;
363
- maskBorderOutset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderOutset<string | number> | undefined> | undefined;
364
- maskBorderRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderRepeat | undefined> | undefined;
365
- maskBorderSlice?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderSlice | undefined> | undefined;
366
- maskBorderSource?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderSource | undefined> | undefined;
367
- maskBorderWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderWidth<string | number> | undefined> | undefined;
368
- mathDepth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MathDepth | undefined> | undefined;
369
- mathShift?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MathShift | undefined> | undefined;
370
- maxLines?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaxLines | undefined> | undefined;
371
- motionDistance?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetDistance<string | number> | undefined> | undefined;
372
- motionPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetPath | undefined> | undefined;
373
- motionRotation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetRotate | undefined> | undefined;
374
- offsetAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetAnchor<string | number> | undefined> | undefined;
375
- offsetRotation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetRotate | undefined> | undefined;
376
- overflowBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowBlock | undefined> | undefined;
377
- overflowClipBox?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowClipBox | undefined> | undefined;
378
- overflowInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowInline | undefined> | undefined;
379
- rubyAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyAlign | undefined> | undefined;
380
- rubyMerge?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyMerge | undefined> | undefined;
381
- scrollSnapMargin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMargin<string | number> | undefined> | undefined;
382
- scrollSnapMarginBottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBottom<string | number> | undefined> | undefined;
383
- scrollSnapMarginLeft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginLeft<string | number> | undefined> | undefined;
384
- scrollSnapMarginRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginRight<string | number> | undefined> | undefined;
385
- scrollSnapMarginTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginTop<string | number> | undefined> | undefined;
386
- scrollbarColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollbarColor | undefined> | undefined;
387
- scrollbarWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollbarWidth | undefined> | undefined;
388
- textDecorationSkip?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationSkip | undefined> | undefined;
389
- textJustify?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextJustify | undefined> | undefined;
390
- textSizeAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextSizeAdjust | undefined> | undefined;
391
344
  zoom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Zoom | undefined> | undefined;
345
+ all?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Globals | undefined> | undefined;
346
+ backgroundPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundPosition<string | number> | undefined> | undefined;
347
+ borderBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockEnd<string | number> | undefined> | undefined;
348
+ borderBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockStart<string | number> | undefined> | undefined;
349
+ borderBottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBottom<string | number> | undefined> | undefined;
350
+ borderImage?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImage | undefined> | undefined;
351
+ borderInlineEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineEnd<string | number> | undefined> | undefined;
352
+ borderInlineStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineStart<string | number> | undefined> | undefined;
353
+ borderLeft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderLeft<string | number> | undefined> | undefined;
354
+ borderRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderRight<string | number> | undefined> | undefined;
355
+ borderTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderTop<string | number> | undefined> | undefined;
356
+ gridArea?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridArea | undefined> | undefined;
357
+ gridColumn?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridColumn | undefined> | undefined;
358
+ gridRow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridRow | undefined> | undefined;
359
+ gridTemplate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridTemplate | undefined> | undefined;
360
+ lineClamp?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineClamp | undefined> | undefined;
361
+ maskBorder?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorder | undefined> | undefined;
362
+ motion?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Offset<string | number> | undefined> | undefined;
363
+ offset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Offset<string | number> | undefined> | undefined;
364
+ overflow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Overflow | undefined> | undefined;
365
+ overscrollBehavior?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehavior | undefined> | undefined;
392
366
  MozAnimationDelay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDelay<string & {}> | undefined> | undefined;
393
367
  MozAnimationDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDirection | undefined> | undefined;
394
368
  MozAnimationDuration?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDuration<string & {}> | undefined> | undefined;
@@ -613,9 +587,6 @@ export declare const useBindingsForElement: (elementId: string) => {
613
587
  WebkitUserModify?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WebkitUserModify | undefined> | undefined;
614
588
  WebkitUserSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UserSelect | undefined> | undefined;
615
589
  WebkitWritingMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WritingMode | undefined> | undefined;
616
- lineClamp?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineClamp | undefined> | undefined;
617
- maskBorder?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorder | undefined> | undefined;
618
- motion?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Offset<string | number> | undefined> | undefined;
619
590
  MozAnimation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Animation<string & {}> | undefined> | undefined;
620
591
  MozBorderImage?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImage | undefined> | undefined;
621
592
  MozColumnRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnRule<string | number> | undefined> | undefined;
@@ -650,6 +621,10 @@ export declare const useBindingsForElement: (elementId: string) => {
650
621
  boxOrdinalGroup?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrdinalGroup | undefined> | undefined;
651
622
  boxOrient?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrient | undefined> | undefined;
652
623
  boxPack?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxPack | undefined> | undefined;
624
+ clip?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Clip | undefined> | undefined;
625
+ gridColumnGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridColumnGap<string | number> | undefined> | undefined;
626
+ gridGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridGap<string | number> | undefined> | undefined;
627
+ gridRowGap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridRowGap<string | number> | undefined> | undefined;
653
628
  imeMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImeMode | undefined> | undefined;
654
629
  offsetBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlock<string | number> | undefined> | undefined;
655
630
  offsetBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockEnd<string | number> | undefined> | undefined;
@@ -741,8 +716,33 @@ export declare const useBindingsForElement: (elementId: string) => {
741
716
  WebkitBoxPack?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxPack | undefined> | undefined;
742
717
  WebkitScrollSnapPointsX?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapPointsX | undefined> | undefined;
743
718
  WebkitScrollSnapPointsY?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapPointsY | undefined> | undefined;
719
+ alignmentBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignmentBaseline | undefined> | undefined;
720
+ baselineShift?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BaselineShift<string | number> | undefined> | undefined;
721
+ clipRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipRule | undefined> | undefined;
722
+ colorInterpolation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorInterpolation | undefined> | undefined;
744
723
  colorRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorRendering | undefined> | undefined;
724
+ dominantBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.DominantBaseline | undefined> | undefined;
725
+ fillOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillOpacity | undefined> | undefined;
726
+ fillRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillRule | undefined> | undefined;
727
+ floodColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodColor | undefined> | undefined;
728
+ floodOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodOpacity | undefined> | undefined;
745
729
  glyphOrientationVertical?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GlyphOrientationVertical | undefined> | undefined;
730
+ lightingColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LightingColor | undefined> | undefined;
731
+ markerEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerEnd | undefined> | undefined;
732
+ markerMid?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerMid | undefined> | undefined;
733
+ markerStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarkerStart | undefined> | undefined;
734
+ shapeRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ShapeRendering | undefined> | undefined;
735
+ stopColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopColor | undefined> | undefined;
736
+ stopOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StopOpacity | undefined> | undefined;
737
+ stroke?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Stroke | undefined> | undefined;
738
+ strokeDasharray?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDasharray<string | number> | undefined> | undefined;
739
+ strokeDashoffset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeDashoffset<string | number> | undefined> | undefined;
740
+ strokeLinecap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinecap | undefined> | undefined;
741
+ strokeLinejoin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeLinejoin | undefined> | undefined;
742
+ strokeMiterlimit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeMiterlimit | undefined> | undefined;
743
+ strokeOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeOpacity | undefined> | undefined;
744
+ strokeWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.StrokeWidth<string | number> | undefined> | undefined;
745
+ textAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAnchor | undefined> | undefined;
746
746
  vectorEffect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.VectorEffect | undefined> | undefined;
747
747
  }>;
748
748
  };
package/BaseEditor/defaultConfig/Toolbar/InsertElements/InlineSvg.js CHANGED
@@ -11,7 +11,7 @@ export const InlineSvg = ({
11
11
  if (className.length > 0) {
12
12
  svgElement.documentElement.classList.add(...className.split(" "));
13
13
  }
14
- ref.current.outerHTML = svgElement.documentElement.outerHTML;
14
+ ref.current.innerHTML = svgElement.documentElement.outerHTML;
15
15
  }
16
16
  }, []);
17
17
  useEffect(() => {
package/BaseEditor/defaultConfig/Toolbar/InsertElements/InlineSvg.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","useCallback","useEffect","useRef","InlineSvg","src","className","ref","setSvg","svg","current","domParser","DOMParser","svgElement","parseFromString","length","documentElement","classList","add","split","outerHTML","startsWith","base64","atob","fetch","then","res","text","catch","console","error","createElement"],"sources":["InlineSvg.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\n\ninterface InlineSvgProps {\n src: string;\n className?: string;\n}\n\nexport const InlineSvg = ({ src, className = \"\" }: InlineSvgProps) => {\n const ref = useRef<HTMLObjectElement | null>(null);\n\n const setSvg = useCallback((svg: string) => {\n if (ref.current) {\n const domParser = new DOMParser();\n const svgElement = domParser.parseFromString(svg, \"image/svg+xml\");\n\n if (className.length > 0) {\n svgElement.documentElement.classList.add(...className.split(\" \"));\n }\n ref.current.outerHTML = svgElement.documentElement.outerHTML;\n }\n }, []);\n\n useEffect(() => {\n if (src.startsWith(\"<svg\") && ref.current) {\n setSvg(src);\n return;\n }\n\n if (src.startsWith(\"data:image/svg+xml\")) {\n const base64 = src.split(\",\")[1];\n setSvg(atob(base64));\n return;\n }\n\n fetch(src)\n .then(res => res.text())\n .then(svg => setSvg(svg))\n .catch(console.error);\n }, [src]);\n\n return <div ref={ref} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAO7D,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC,GAAG;EAAEC,SAAS,GAAG;AAAmB,CAAC,KAAK;EAClE,MAAMC,GAAG,GAAGJ,MAAM,CAA2B,IAAI,CAAC;EAElD,MAAMK,MAAM,GAAGP,WAAW,CAAEQ,GAAW,IAAK;IACxC,IAAIF,GAAG,CAACG,OAAO,EAAE;MACb,MAAMC,SAAS,GAAG,IAAIC,SAAS,CAAC,CAAC;MACjC,MAAMC,UAAU,GAAGF,SAAS,CAACG,eAAe,CAACL,GAAG,EAAE,eAAe,CAAC;MAElE,IAAIH,SAAS,CAACS,MAAM,GAAG,CAAC,EAAE;QACtBF,UAAU,CAACG,eAAe,CAACC,SAAS,CAACC,GAAG,CAAC,GAAGZ,SAAS,CAACa,KAAK,CAAC,GAAG,CAAC,CAAC;MACrE;MACAZ,GAAG,CAACG,OAAO,CAACU,SAAS,GAAGP,UAAU,CAACG,eAAe,CAACI,SAAS;IAChE;EACJ,CAAC,EAAE,EAAE,CAAC;EAENlB,SAAS,CAAC,MAAM;IACZ,IAAIG,GAAG,CAACgB,UAAU,CAAC,MAAM,CAAC,IAAId,GAAG,CAACG,OAAO,EAAE;MACvCF,MAAM,CAACH,GAAG,CAAC;MACX;IACJ;IAEA,IAAIA,GAAG,CAACgB,UAAU,CAAC,oBAAoB,CAAC,EAAE;MACtC,MAAMC,MAAM,GAAGjB,GAAG,CAACc,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;MAChCX,MAAM,CAACe,IAAI,CAACD,MAAM,CAAC,CAAC;MACpB;IACJ;IAEAE,KAAK,CAACnB,GAAG,CAAC,CACLoB,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,IAAI,CAAC,CAAC,CAAC,CACvBF,IAAI,CAAChB,GAAG,IAAID,MAAM,CAACC,GAAG,CAAC,CAAC,CACxBmB,KAAK,CAACC,OAAO,CAACC,KAAK,CAAC;EAC7B,CAAC,EAAE,CAACzB,GAAG,CAAC,CAAC;EAET,oBAAOL,KAAA,CAAA+B,aAAA;IAAKxB,GAAG,EAAEA;EAAI,CAAE,CAAC;AAC5B,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","useCallback","useEffect","useRef","InlineSvg","src","className","ref","setSvg","svg","current","domParser","DOMParser","svgElement","parseFromString","length","documentElement","classList","add","split","innerHTML","outerHTML","startsWith","base64","atob","fetch","then","res","text","catch","console","error","createElement"],"sources":["InlineSvg.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\n\ninterface InlineSvgProps {\n src: string;\n className?: string;\n}\n\nexport const InlineSvg = ({ src, className = \"\" }: InlineSvgProps) => {\n const ref = useRef<HTMLObjectElement | null>(null);\n\n const setSvg = useCallback((svg: string) => {\n if (ref.current) {\n const domParser = new DOMParser();\n const svgElement = domParser.parseFromString(svg, \"image/svg+xml\");\n\n if (className.length > 0) {\n svgElement.documentElement.classList.add(...className.split(\" \"));\n }\n ref.current.innerHTML = svgElement.documentElement.outerHTML;\n }\n }, []);\n\n useEffect(() => {\n if (src.startsWith(\"<svg\") && ref.current) {\n setSvg(src);\n return;\n }\n\n if (src.startsWith(\"data:image/svg+xml\")) {\n const base64 = src.split(\",\")[1];\n setSvg(atob(base64));\n return;\n }\n\n fetch(src)\n .then(res => res.text())\n .then(svg => setSvg(svg))\n .catch(console.error);\n }, [src]);\n\n return <div ref={ref} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAO7D,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC,GAAG;EAAEC,SAAS,GAAG;AAAmB,CAAC,KAAK;EAClE,MAAMC,GAAG,GAAGJ,MAAM,CAA2B,IAAI,CAAC;EAElD,MAAMK,MAAM,GAAGP,WAAW,CAAEQ,GAAW,IAAK;IACxC,IAAIF,GAAG,CAACG,OAAO,EAAE;MACb,MAAMC,SAAS,GAAG,IAAIC,SAAS,CAAC,CAAC;MACjC,MAAMC,UAAU,GAAGF,SAAS,CAACG,eAAe,CAACL,GAAG,EAAE,eAAe,CAAC;MAElE,IAAIH,SAAS,CAACS,MAAM,GAAG,CAAC,EAAE;QACtBF,UAAU,CAACG,eAAe,CAACC,SAAS,CAACC,GAAG,CAAC,GAAGZ,SAAS,CAACa,KAAK,CAAC,GAAG,CAAC,CAAC;MACrE;MACAZ,GAAG,CAACG,OAAO,CAACU,SAAS,GAAGP,UAAU,CAACG,eAAe,CAACK,SAAS;IAChE;EACJ,CAAC,EAAE,EAAE,CAAC;EAENnB,SAAS,CAAC,MAAM;IACZ,IAAIG,GAAG,CAACiB,UAAU,CAAC,MAAM,CAAC,IAAIf,GAAG,CAACG,OAAO,EAAE;MACvCF,MAAM,CAACH,GAAG,CAAC;MACX;IACJ;IAEA,IAAIA,GAAG,CAACiB,UAAU,CAAC,oBAAoB,CAAC,EAAE;MACtC,MAAMC,MAAM,GAAGlB,GAAG,CAACc,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;MAChCX,MAAM,CAACgB,IAAI,CAACD,MAAM,CAAC,CAAC;MACpB;IACJ;IAEAE,KAAK,CAACpB,GAAG,CAAC,CACLqB,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,IAAI,CAAC,CAAC,CAAC,CACvBF,IAAI,CAACjB,GAAG,IAAID,MAAM,CAACC,GAAG,CAAC,CAAC,CACxBoB,KAAK,CAACC,OAAO,CAACC,KAAK,CAAC;EAC7B,CAAC,EAAE,CAAC1B,GAAG,CAAC,CAAC;EAET,oBAAOL,KAAA,CAAAgC,aAAA;IAAKzB,GAAG,EAAEA;EAAI,CAAE,CAAC;AAC5B,CAAC","ignoreList":[]}
package/inputRenderers/TextareaInput.js CHANGED
@@ -7,20 +7,24 @@ export const TextareaInputRenderer = ({
7
7
  input,
8
8
  label
9
9
  }) => {
10
- return /*#__PURE__*/React.createElement(Textarea, {
11
- value: value || "",
12
- onChange: newValue => {
13
- onPreviewChange(({
14
- value
15
- }) => {
16
- value.set(newValue);
17
- });
18
- },
19
- onBlur: e => onChange(({
10
+ const commitValue = newValue => {
11
+ onChange(({
12
+ value
13
+ }) => {
14
+ value.set(newValue);
15
+ });
16
+ };
17
+ const previewValue = newValue => {
18
+ onPreviewChange(({
20
19
  value
21
20
  }) => {
22
- value.set(e.currentTarget.value);
23
- }),
21
+ value.set(newValue);
22
+ });
23
+ };
24
+ return /*#__PURE__*/React.createElement(Textarea, {
25
+ value: value || "",
26
+ onChange: previewValue,
27
+ onBlur: e => commitValue(e.currentTarget.value),
24
28
  label: label,
25
29
  description: input.description,
26
30
  note: input.helperText,
package/inputRenderers/TextareaInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","Textarea","TextareaInputRenderer","value","onChange","onPreviewChange","input","label","createElement","newValue","set","onBlur","e","currentTarget","description","note","helperText","rows"],"sources":["TextareaInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Textarea } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\n\nexport const TextareaInputRenderer = ({\n value,\n onChange,\n onPreviewChange,\n input,\n label\n}: ElementInputRendererProps) => {\n return (\n <Textarea\n value={value || \"\"}\n onChange={newValue => {\n onPreviewChange(({ value }) => {\n value.set(newValue);\n });\n }}\n onBlur={e =>\n onChange(({ value }) => {\n value.set(e.currentTarget.value);\n })\n }\n label={label}\n description={input.description}\n note={input.helperText}\n rows={10}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,kBAAkB;AAG3C,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EAClCC,KAAK;EACLC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,oBACIP,KAAA,CAAAQ,aAAA,CAACP,QAAQ;IACLE,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBC,QAAQ,EAAEK,QAAQ,IAAI;MAClBJ,eAAe,CAAC,CAAC;QAAEF;MAAM,CAAC,KAAK;QAC3BA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;MACvB,CAAC,CAAC;IACN,CAAE;IACFE,MAAM,EAAEC,CAAC,IACLR,QAAQ,CAAC,CAAC;MAAED;IAAM,CAAC,KAAK;MACpBA,KAAK,CAACO,GAAG,CAACE,CAAC,CAACC,aAAa,CAACV,KAAK,CAAC;IACpC,CAAC,CACJ;IACDI,KAAK,EAAEA,KAAM;IACbO,WAAW,EAAER,KAAK,CAACQ,WAAY;IAC/BC,IAAI,EAAET,KAAK,CAACU,UAAW;IACvBC,IAAI,EAAE;EAAG,CACZ,CAAC;AAEV,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","Textarea","TextareaInputRenderer","value","onChange","onPreviewChange","input","label","commitValue","newValue","set","previewValue","createElement","onBlur","e","currentTarget","description","note","helperText","rows"],"sources":["TextareaInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { Textarea } from \"@webiny/admin-ui\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor\";\n\nexport const TextareaInputRenderer = ({\n value,\n onChange,\n onPreviewChange,\n input,\n label\n}: ElementInputRendererProps) => {\n const commitValue = (newValue: string) => {\n onChange(({ value }) => {\n value.set(newValue);\n });\n };\n\n const previewValue = (newValue: string) => {\n onPreviewChange(({ value }) => {\n value.set(newValue);\n });\n };\n\n return (\n <Textarea\n value={value || \"\"}\n onChange={previewValue}\n onBlur={e => commitValue(e.currentTarget.value)}\n label={label}\n description={input.description}\n note={input.helperText}\n rows={10}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,kBAAkB;AAG3C,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EAClCC,KAAK;EACLC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC;AACuB,CAAC,KAAK;EAC7B,MAAMC,WAAW,GAAIC,QAAgB,IAAK;IACtCL,QAAQ,CAAC,CAAC;MAAED;IAAM,CAAC,KAAK;MACpBA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,MAAME,YAAY,GAAIF,QAAgB,IAAK;IACvCJ,eAAe,CAAC,CAAC;MAAEF;IAAM,CAAC,KAAK;MAC3BA,KAAK,CAACO,GAAG,CAACD,QAAQ,CAAC;IACvB,CAAC,CAAC;EACN,CAAC;EAED,oBACIT,KAAA,CAAAY,aAAA,CAACX,QAAQ;IACLE,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBC,QAAQ,EAAEO,YAAa;IACvBE,MAAM,EAAEC,CAAC,IAAIN,WAAW,CAACM,CAAC,CAACC,aAAa,CAACZ,KAAK,CAAE;IAChDI,KAAK,EAAEA,KAAM;IACbS,WAAW,EAAEV,KAAK,CAACU,WAAY;IAC/BC,IAAI,EAAEX,KAAK,CAACY,UAAW;IACvBC,IAAI,EAAE;EAAG,CACZ,CAAC;AAEV,CAAC","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webiny/app-website-builder",
3
- "version": "0.0.0-unstable.9bd236cf5e",
3
+ "version": "0.0.0-unstable.e0bfc55d5a",
4
4
  "main": "index.js",
5
5
  "repository": {
6
6
  "type": "git",
@@ -16,29 +16,29 @@
16
16
  "@monaco-editor/react": "4.7.0",
17
17
  "@svgr/webpack": "6.5.1",
18
18
  "@types/react": "18.2.79",
19
- "@webiny/admin-ui": "0.0.0-unstable.9bd236cf5e",
20
- "@webiny/app": "0.0.0-unstable.9bd236cf5e",
21
- "@webiny/app-aco": "0.0.0-unstable.9bd236cf5e",
22
- "@webiny/app-admin": "0.0.0-unstable.9bd236cf5e",
23
- "@webiny/app-headless-cms-common": "0.0.0-unstable.9bd236cf5e",
24
- "@webiny/app-i18n": "0.0.0-unstable.9bd236cf5e",
25
- "@webiny/app-security": "0.0.0-unstable.9bd236cf5e",
26
- "@webiny/app-tenancy": "0.0.0-unstable.9bd236cf5e",
27
- "@webiny/app-utils": "0.0.0-unstable.9bd236cf5e",
28
- "@webiny/error": "0.0.0-unstable.9bd236cf5e",
29
- "@webiny/form": "0.0.0-unstable.9bd236cf5e",
30
- "@webiny/icons": "0.0.0-unstable.9bd236cf5e",
31
- "@webiny/lexical-converter": "0.0.0-unstable.9bd236cf5e",
32
- "@webiny/lexical-editor": "0.0.0-unstable.9bd236cf5e",
33
- "@webiny/lexical-nodes": "0.0.0-unstable.9bd236cf5e",
34
- "@webiny/lexical-theme": "0.0.0-unstable.9bd236cf5e",
35
- "@webiny/react-composition": "0.0.0-unstable.9bd236cf5e",
36
- "@webiny/react-properties": "0.0.0-unstable.9bd236cf5e",
37
- "@webiny/react-router": "0.0.0-unstable.9bd236cf5e",
38
- "@webiny/ui": "0.0.0-unstable.9bd236cf5e",
39
- "@webiny/utils": "0.0.0-unstable.9bd236cf5e",
40
- "@webiny/validation": "0.0.0-unstable.9bd236cf5e",
41
- "@webiny/website-builder-sdk": "0.0.0-unstable.9bd236cf5e",
19
+ "@webiny/admin-ui": "0.0.0-unstable.e0bfc55d5a",
20
+ "@webiny/app": "0.0.0-unstable.e0bfc55d5a",
21
+ "@webiny/app-aco": "0.0.0-unstable.e0bfc55d5a",
22
+ "@webiny/app-admin": "0.0.0-unstable.e0bfc55d5a",
23
+ "@webiny/app-headless-cms-common": "0.0.0-unstable.e0bfc55d5a",
24
+ "@webiny/app-i18n": "0.0.0-unstable.e0bfc55d5a",
25
+ "@webiny/app-security": "0.0.0-unstable.e0bfc55d5a",
26
+ "@webiny/app-tenancy": "0.0.0-unstable.e0bfc55d5a",
27
+ "@webiny/app-utils": "0.0.0-unstable.e0bfc55d5a",
28
+ "@webiny/error": "0.0.0-unstable.e0bfc55d5a",
29
+ "@webiny/form": "0.0.0-unstable.e0bfc55d5a",
30
+ "@webiny/icons": "0.0.0-unstable.e0bfc55d5a",
31
+ "@webiny/lexical-converter": "0.0.0-unstable.e0bfc55d5a",
32
+ "@webiny/lexical-editor": "0.0.0-unstable.e0bfc55d5a",
33
+ "@webiny/lexical-nodes": "0.0.0-unstable.e0bfc55d5a",
34
+ "@webiny/lexical-theme": "0.0.0-unstable.e0bfc55d5a",
35
+ "@webiny/react-composition": "0.0.0-unstable.e0bfc55d5a",
36
+ "@webiny/react-properties": "0.0.0-unstable.e0bfc55d5a",
37
+ "@webiny/react-router": "0.0.0-unstable.e0bfc55d5a",
38
+ "@webiny/ui": "0.0.0-unstable.e0bfc55d5a",
39
+ "@webiny/utils": "0.0.0-unstable.e0bfc55d5a",
40
+ "@webiny/validation": "0.0.0-unstable.e0bfc55d5a",
41
+ "@webiny/website-builder-sdk": "0.0.0-unstable.e0bfc55d5a",
42
42
  "apollo-cache": "1.3.5",
43
43
  "apollo-client": "2.6.10",
44
44
  "apollo-link": "1.2.14",
@@ -74,8 +74,8 @@
74
74
  "@types/react-virtualized": "9.22.0",
75
75
  "@types/resize-observer-browser": "0.1.7",
76
76
  "@types/store": "2.0.2",
77
- "@webiny/cli": "0.0.0-unstable.9bd236cf5e",
78
- "@webiny/project-utils": "0.0.0-unstable.9bd236cf5e",
77
+ "@webiny/cli": "0.0.0-unstable.e0bfc55d5a",
78
+ "@webiny/project-utils": "0.0.0-unstable.e0bfc55d5a",
79
79
  "execa": "5.1.1",
80
80
  "rimraf": "6.0.1",
81
81
  "typescript": "5.3.3"
@@ -95,5 +95,5 @@
95
95
  ]
96
96
  }
97
97
  },
98
- "gitHead": "9bd236cf5e689f209a11bec089207dcc2d41a53c"
98
+ "gitHead": "e0bfc55d5a4d6a42b32e6558d9fb2eb6753e331b"
99
99
  }