@webiny/website-builder-react 0.0.0-unstable.e0bfc55d5a → 0.0.0-unstable.e622468070

package/components/useBindingsForElement.d.ts

@@ -1,13 +1,6 @@
 export declare const useBindingsForElement: (elementId: string, breakpoint: string) => import("@webiny/website-builder-sdk").DocumentElementBindings & {
     inputs: import("@webiny/website-builder-sdk").DocumentElementInputBindings;
     styles: Partial<{
-        filter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Filter | undefined> | undefined;
-        fill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Fill | undefined> | undefined;
-        color?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Color | undefined> | undefined;
-        clipPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipPath | undefined> | undefined;
-        mask?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Mask<string | number> | undefined> | undefined;
-        height?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Height<string | number> | undefined> | undefined;
-        width?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Width<string | number> | undefined> | undefined;
         accentColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AccentColor | undefined> | undefined;
         alignContent?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignContent | undefined> | undefined;
         alignItems?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignItems | undefined> | undefined;
@@ -21,6 +14,8 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         animationIterationCount?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationIterationCount | undefined> | undefined;
         animationName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationName | undefined> | undefined;
         animationPlayState?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationPlayState | undefined> | undefined;
+        animationRangeEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationRangeEnd<string | number> | undefined> | undefined;
+        animationRangeStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationRangeStart<string | number> | undefined> | undefined;
         animationTimeline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationTimeline | undefined> | undefined;
         animationTimingFunction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationTimingFunction | undefined> | undefined;
         appearance?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Appearance | undefined> | undefined;
@@ -81,7 +76,10 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         breakInside?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BreakInside | undefined> | undefined;
         captionSide?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CaptionSide | undefined> | undefined;
         caretColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CaretColor | undefined> | undefined;
+        caretShape?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CaretShape | undefined> | undefined;
         clear?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Clear | undefined> | undefined;
+        clipPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipPath | undefined> | undefined;
+        color?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Color | undefined> | undefined;
         colorAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PrintColorAdjust | undefined> | undefined;
         colorScheme?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorScheme | undefined> | undefined;
         columnCount?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnCount | undefined> | undefined;
@@ -93,6 +91,12 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         columnSpan?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnSpan | undefined> | undefined;
         columnWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnWidth<string | number> | undefined> | undefined;
         contain?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Contain | undefined> | undefined;
+        containIntrinsicBlockSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ContainIntrinsicBlockSize<string | number> | undefined> | undefined;
+        containIntrinsicHeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ContainIntrinsicHeight<string | number> | undefined> | undefined;
+        containIntrinsicInlineSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ContainIntrinsicInlineSize<string | number> | undefined> | undefined;
+        containIntrinsicWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined> | undefined;
+        containerName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ContainerName | undefined> | undefined;
+        containerType?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ContainerType | undefined> | undefined;
         content?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Content | undefined> | undefined;
         contentVisibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ContentVisibility | undefined> | undefined;
         counterIncrement?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CounterIncrement | undefined> | undefined;
@@ -102,6 +106,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         direction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Direction | undefined> | undefined;
         display?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Display | undefined> | undefined;
         emptyCells?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.EmptyCells | undefined> | undefined;
+        filter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Filter | undefined> | undefined;
         flexBasis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexBasis<string | number> | undefined> | undefined;
         flexDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexDirection | undefined> | undefined;
         flexGrow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexGrow | undefined> | undefined;
@@ -113,15 +118,21 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         fontKerning?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontKerning | undefined> | undefined;
         fontLanguageOverride?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontLanguageOverride | undefined> | undefined;
         fontOpticalSizing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontOpticalSizing | undefined> | undefined;
+        fontPalette?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontPalette | undefined> | undefined;
         fontSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSize<string | number> | undefined> | undefined;
         fontSizeAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSizeAdjust | undefined> | undefined;
         fontSmooth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSmooth<string | number> | undefined> | undefined;
         fontStretch?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontStretch | undefined> | undefined;
         fontStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontStyle | undefined> | undefined;
         fontSynthesis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSynthesis | undefined> | undefined;
+        fontSynthesisPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSynthesisPosition | undefined> | undefined;
+        fontSynthesisSmallCaps?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSynthesisSmallCaps | undefined> | undefined;
+        fontSynthesisStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSynthesisStyle | undefined> | undefined;
+        fontSynthesisWeight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSynthesisWeight | undefined> | undefined;
         fontVariantAlternates?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontVariantAlternates | undefined> | undefined;
         fontVariantCaps?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontVariantCaps | undefined> | undefined;
         fontVariantEastAsian?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontVariantEastAsian | undefined> | undefined;
+        fontVariantEmoji?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontVariantEmoji | undefined> | undefined;
         fontVariantLigatures?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontVariantLigatures | undefined> | undefined;
         fontVariantNumeric?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontVariantNumeric | undefined> | undefined;
         fontVariantPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontVariantPosition | undefined> | undefined;
@@ -139,7 +150,9 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         gridTemplateColumns?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridTemplateColumns<string | number> | undefined> | undefined;
         gridTemplateRows?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridTemplateRows<string | number> | undefined> | undefined;
         hangingPunctuation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.HangingPunctuation | undefined> | undefined;
+        height?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Height<string | number> | undefined> | undefined;
         hyphenateCharacter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.HyphenateCharacter | undefined> | undefined;
+        hyphenateLimitChars?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.HyphenateLimitChars | undefined> | undefined;
         hyphens?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Hyphens | undefined> | undefined;
         imageOrientation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImageOrientation | undefined> | undefined;
         imageRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImageRendering | undefined> | undefined;
@@ -147,10 +160,8 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         initialLetter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InitialLetter | undefined> | undefined;
         inlineSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InlineSize<string | number> | undefined> | undefined;
         inputSecurity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InputSecurity | undefined> | undefined;
-        insetBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlock<string | number> | undefined> | undefined;
         insetBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockEnd<string | number> | undefined> | undefined;
         insetBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlockStart<string | number> | undefined> | undefined;
-        insetInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInline<string | number> | undefined> | undefined;
         insetInlineEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInlineEnd<string | number> | undefined> | undefined;
         insetInlineStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInlineStart<string | number> | undefined> | undefined;
         isolation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Isolation | undefined> | undefined;
@@ -166,16 +177,15 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         listStyleImage?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ListStyleImage | undefined> | undefined;
         listStylePosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ListStylePosition | undefined> | undefined;
         listStyleType?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ListStyleType | undefined> | undefined;
-        marginBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginBlock<string | number> | undefined> | undefined;
         marginBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginBlockEnd<string | number> | undefined> | undefined;
         marginBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginBlockStart<string | number> | undefined> | undefined;
         marginBottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginBottom<string | number> | undefined> | undefined;
-        marginInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInline<string | number> | undefined> | undefined;
         marginInlineEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInlineEnd<string | number> | undefined> | undefined;
         marginInlineStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInlineStart<string | number> | undefined> | undefined;
         marginLeft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginLeft<string | number> | undefined> | undefined;
         marginRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginRight<string | number> | undefined> | undefined;
         marginTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginTop<string | number> | undefined> | undefined;
+        marginTrim?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginTrim | undefined> | undefined;
         maskBorderMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderMode | undefined> | undefined;
         maskBorderOutset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderOutset<string | number> | undefined> | undefined;
         maskBorderRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorderRepeat | undefined> | undefined;
@@ -191,6 +201,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         maskRepeat?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskRepeat | undefined> | undefined;
         maskSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskSize<string | number> | undefined> | undefined;
         maskType?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskType | undefined> | undefined;
+        masonryAutoFlow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MasonryAutoFlow | undefined> | undefined;
         mathDepth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MathDepth | undefined> | undefined;
         mathShift?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MathShift | undefined> | undefined;
         mathStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MathStyle | undefined> | undefined;
@@ -212,6 +223,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         offsetAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetAnchor<string | number> | undefined> | undefined;
         offsetDistance?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetDistance<string | number> | undefined> | undefined;
         offsetPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetPath | undefined> | undefined;
+        offsetPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetPosition<string | number> | undefined> | undefined;
         offsetRotate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetRotate | undefined> | undefined;
         offsetRotation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetRotate | undefined> | undefined;
         opacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Opacity | undefined> | undefined;
@@ -228,20 +240,20 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         overflowWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowWrap | undefined> | undefined;
         overflowX?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowX | undefined> | undefined;
         overflowY?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowY | undefined> | undefined;
+        overlay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Overlay | undefined> | undefined;
         overscrollBehaviorBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehaviorBlock | undefined> | undefined;
         overscrollBehaviorInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehaviorInline | undefined> | undefined;
         overscrollBehaviorX?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehaviorX | undefined> | undefined;
         overscrollBehaviorY?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehaviorY | undefined> | undefined;
-        paddingBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingBlock<string | number> | undefined> | undefined;
         paddingBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingBlockEnd<string | number> | undefined> | undefined;
         paddingBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingBlockStart<string | number> | undefined> | undefined;
         paddingBottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingBottom<string | number> | undefined> | undefined;
-        paddingInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingInline<string | number> | undefined> | undefined;
         paddingInlineEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingInlineEnd<string | number> | undefined> | undefined;
         paddingInlineStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingInlineStart<string | number> | undefined> | undefined;
         paddingLeft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingLeft<string | number> | undefined> | undefined;
         paddingRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingRight<string | number> | undefined> | undefined;
         paddingTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingTop<string | number> | undefined> | undefined;
+        page?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Page | undefined> | undefined;
         pageBreakAfter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakAfter | undefined> | undefined;
         pageBreakBefore?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakBefore | undefined> | undefined;
         pageBreakInside?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PageBreakInside | undefined> | undefined;
@@ -261,34 +273,31 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         rubyPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.RubyPosition | undefined> | undefined;
         scale?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Scale | undefined> | undefined;
         scrollBehavior?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollBehavior | undefined> | undefined;
-        scrollMarginBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBlock<string | number> | undefined> | undefined;
         scrollMarginBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined> | undefined;
         scrollMarginBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBlockStart<string | number> | undefined> | undefined;
         scrollMarginBottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBottom<string | number> | undefined> | undefined;
-        scrollMarginInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginInline<string | number> | undefined> | undefined;
         scrollMarginInlineEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginInlineEnd<string | number> | undefined> | undefined;
         scrollMarginInlineStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginInlineStart<string | number> | undefined> | undefined;
         scrollMarginLeft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginLeft<string | number> | undefined> | undefined;
         scrollMarginRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginRight<string | number> | undefined> | undefined;
         scrollMarginTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginTop<string | number> | undefined> | undefined;
-        scrollPaddingBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingBlock<string | number> | undefined> | undefined;
         scrollPaddingBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingBlockEnd<string | number> | undefined> | undefined;
         scrollPaddingBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingBlockStart<string | number> | undefined> | undefined;
         scrollPaddingBottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingBottom<string | number> | undefined> | undefined;
-        scrollPaddingInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingInline<string | number> | undefined> | undefined;
         scrollPaddingInlineEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingInlineEnd<string | number> | undefined> | undefined;
         scrollPaddingInlineStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingInlineStart<string | number> | undefined> | undefined;
         scrollPaddingLeft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingLeft<string | number> | undefined> | undefined;
         scrollPaddingRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingRight<string | number> | undefined> | undefined;
         scrollPaddingTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingTop<string | number> | undefined> | undefined;
         scrollSnapAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapAlign | undefined> | undefined;
-        scrollSnapMargin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMargin<string | number> | undefined> | undefined;
         scrollSnapMarginBottom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBottom<string | number> | undefined> | undefined;
         scrollSnapMarginLeft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginLeft<string | number> | undefined> | undefined;
         scrollSnapMarginRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginRight<string | number> | undefined> | undefined;
         scrollSnapMarginTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginTop<string | number> | undefined> | undefined;
         scrollSnapStop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapStop | undefined> | undefined;
         scrollSnapType?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapType | undefined> | undefined;
+        scrollTimelineAxis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollTimelineAxis | undefined> | undefined;
+        scrollTimelineName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollTimelineName | undefined> | undefined;
         scrollbarColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollbarColor | undefined> | undefined;
         scrollbarGutter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollbarGutter | undefined> | undefined;
         scrollbarWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollbarWidth | undefined> | undefined;
@@ -316,12 +325,15 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         textTransform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextTransform | undefined> | undefined;
         textUnderlineOffset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextUnderlineOffset<string | number> | undefined> | undefined;
         textUnderlinePosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextUnderlinePosition | undefined> | undefined;
+        textWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextWrap | undefined> | undefined;
+        timelineScope?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TimelineScope | undefined> | undefined;
         top?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Top<string | number> | undefined> | undefined;
         touchAction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TouchAction | undefined> | undefined;
         transform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transform | undefined> | undefined;
         transformBox?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformBox | undefined> | undefined;
         transformOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformOrigin<string | number> | undefined> | undefined;
         transformStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformStyle | undefined> | undefined;
+        transitionBehavior?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionBehavior | undefined> | undefined;
         transitionDelay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionDelay<string & {}> | undefined> | undefined;
         transitionDuration?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionDuration<string & {}> | undefined> | undefined;
         transitionProperty?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionProperty | undefined> | undefined;
@@ -330,9 +342,16 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         unicodeBidi?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UnicodeBidi | undefined> | undefined;
         userSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UserSelect | undefined> | undefined;
         verticalAlign?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.VerticalAlign<string | number> | undefined> | undefined;
+        viewTimelineAxis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTimelineAxis | undefined> | undefined;
+        viewTimelineInset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTimelineInset<string | number> | undefined> | undefined;
+        viewTimelineName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTimelineName | undefined> | undefined;
+        viewTransitionName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTransitionName | undefined> | undefined;
         visibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Visibility | undefined> | undefined;
         whiteSpace?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WhiteSpace | undefined> | undefined;
+        whiteSpaceCollapse?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WhiteSpaceCollapse | undefined> | undefined;
+        whiteSpaceTrim?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WhiteSpaceTrim | undefined> | undefined;
         widows?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Widows | undefined> | undefined;
+        width?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Width<string | number> | undefined> | undefined;
         willChange?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WillChange | undefined> | undefined;
         wordBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WordBreak | undefined> | undefined;
         wordSpacing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WordSpacing<string | number> | undefined> | undefined;
@@ -341,6 +360,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         zIndex?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ZIndex | undefined> | undefined;
         zoom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Zoom | undefined> | undefined;
         all?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Globals | undefined> | undefined;
+        animationRange?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationRange<string | number> | undefined> | undefined;
         backgroundPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundPosition<string | number> | undefined> | undefined;
         borderBlockEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockEnd<string | number> | undefined> | undefined;
         borderBlockStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBlockStart<string | number> | undefined> | undefined;
@@ -351,16 +371,33 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         borderLeft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderLeft<string | number> | undefined> | undefined;
         borderRight?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderRight<string | number> | undefined> | undefined;
         borderTop?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderTop<string | number> | undefined> | undefined;
+        caret?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Caret | undefined> | undefined;
+        containIntrinsicSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ContainIntrinsicSize<string | number> | undefined> | undefined;
+        container?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Container | undefined> | undefined;
         gridArea?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridArea | undefined> | undefined;
         gridColumn?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridColumn | undefined> | undefined;
         gridRow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridRow | undefined> | undefined;
         gridTemplate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridTemplate | undefined> | undefined;
+        insetBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetBlock<string | number> | undefined> | undefined;
+        insetInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.InsetInline<string | number> | undefined> | undefined;
         lineClamp?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineClamp | undefined> | undefined;
+        marginBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginBlock<string | number> | undefined> | undefined;
+        marginInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInline<string | number> | undefined> | undefined;
+        mask?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Mask<string | number> | undefined> | undefined;
         maskBorder?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorder | undefined> | undefined;
         motion?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Offset<string | number> | undefined> | undefined;
         offset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Offset<string | number> | undefined> | undefined;
         overflow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Overflow | undefined> | undefined;
         overscrollBehavior?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehavior | undefined> | undefined;
+        paddingBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingBlock<string | number> | undefined> | undefined;
+        paddingInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingInline<string | number> | undefined> | undefined;
+        scrollMarginBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginBlock<string | number> | undefined> | undefined;
+        scrollMarginInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMarginInline<string | number> | undefined> | undefined;
+        scrollPaddingBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingBlock<string | number> | undefined> | undefined;
+        scrollPaddingInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollPaddingInline<string | number> | undefined> | undefined;
+        scrollSnapMargin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollMargin<string | number> | undefined> | undefined;
+        scrollTimeline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollTimeline | undefined> | undefined;
+        viewTimeline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ViewTimeline | undefined> | undefined;
         MozAnimationDelay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDelay<string & {}> | undefined> | undefined;
         MozAnimationDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDirection | undefined> | undefined;
         MozAnimationDuration?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationDuration<string & {}> | undefined> | undefined;
@@ -370,7 +407,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         MozAnimationPlayState?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationPlayState | undefined> | undefined;
         MozAnimationTimingFunction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationTimingFunction | undefined> | undefined;
         MozAppearance?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozAppearance | undefined> | undefined;
-        MozBackfaceVisibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackfaceVisibility | undefined> | undefined;
+        MozBinding?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozBinding | undefined> | undefined;
         MozBorderBottomColors?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozBorderBottomColors | undefined> | undefined;
         MozBorderEndColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineEndColor | undefined> | undefined;
         MozBorderEndStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderInlineEndStyle | undefined> | undefined;
@@ -396,20 +433,16 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         MozMarginStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInlineStart<string | number> | undefined> | undefined;
         MozOrient?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOrient | undefined> | undefined;
         MozOsxFontSmoothing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FontSmooth<string | number> | undefined> | undefined;
+        MozOutlineRadiusBottomleft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined> | undefined;
+        MozOutlineRadiusBottomright?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined> | undefined;
+        MozOutlineRadiusTopleft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined> | undefined;
+        MozOutlineRadiusTopright?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined> | undefined;
         MozPaddingEnd?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingInlineEnd<string | number> | undefined> | undefined;
         MozPaddingStart?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PaddingInlineStart<string | number> | undefined> | undefined;
-        MozPerspective?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Perspective<string | number> | undefined> | undefined;
-        MozPerspectiveOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PerspectiveOrigin<string | number> | undefined> | undefined;
         MozStackSizing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozStackSizing | undefined> | undefined;
         MozTabSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TabSize<string | number> | undefined> | undefined;
         MozTextBlink?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozTextBlink | undefined> | undefined;
         MozTextSizeAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextSizeAdjust | undefined> | undefined;
-        MozTransformOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformOrigin<string | number> | undefined> | undefined;
-        MozTransformStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformStyle | undefined> | undefined;
-        MozTransitionDelay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionDelay<string & {}> | undefined> | undefined;
-        MozTransitionDuration?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionDuration<string & {}> | undefined> | undefined;
-        MozTransitionProperty?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionProperty | undefined> | undefined;
-        MozTransitionTimingFunction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionTimingFunction | undefined> | undefined;
         MozUserFocus?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozUserFocus | undefined> | undefined;
         MozUserModify?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozUserModify | undefined> | undefined;
         MozUserSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UserSelect | undefined> | undefined;
@@ -589,7 +622,7 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         MozBorderImage?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderImage | undefined> | undefined;
         MozColumnRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColumnRule<string | number> | undefined> | undefined;
         MozColumns?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Columns<string | number> | undefined> | undefined;
-        MozTransition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transition<string & {}> | undefined> | undefined;
+        MozOutlineRadius?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOutlineRadius<string | number> | undefined> | undefined;
         msContentZoomLimit?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MsContentZoomLimit | undefined> | undefined;
         msContentZoomSnap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MsContentZoomSnap | undefined> | undefined;
         msFlex?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Flex<string | number> | undefined> | undefined;
@@ -647,11 +680,11 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         KhtmlLineBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineBreak | undefined> | undefined;
         KhtmlOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Opacity | undefined> | undefined;
         KhtmlUserSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UserSelect | undefined> | undefined;
+        MozBackfaceVisibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackfaceVisibility | undefined> | undefined;
         MozBackgroundClip?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundClip | undefined> | undefined;
         MozBackgroundInlinePolicy?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxDecorationBreak | undefined> | undefined;
         MozBackgroundOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundOrigin | undefined> | undefined;
         MozBackgroundSize?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BackgroundSize<string | number> | undefined> | undefined;
-        MozBinding?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozBinding | undefined> | undefined;
         MozBorderRadius?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderRadius<string | number> | undefined> | undefined;
         MozBorderRadiusBottomleft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined> | undefined;
         MozBorderRadiusBottomright?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BorderBottomRightRadius<string | number> | undefined> | undefined;
@@ -669,17 +702,22 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         MozOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Opacity | undefined> | undefined;
         MozOutline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Outline<string | number> | undefined> | undefined;
         MozOutlineColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineColor | undefined> | undefined;
-        MozOutlineRadius?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOutlineRadius<string | number> | undefined> | undefined;
-        MozOutlineRadiusBottomleft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined> | undefined;
-        MozOutlineRadiusBottomright?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined> | undefined;
-        MozOutlineRadiusTopleft?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined> | undefined;
-        MozOutlineRadiusTopright?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined> | undefined;
         MozOutlineStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineStyle | undefined> | undefined;
         MozOutlineWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineWidth<string | number> | undefined> | undefined;
+        MozPerspective?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Perspective<string | number> | undefined> | undefined;
+        MozPerspectiveOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PerspectiveOrigin<string | number> | undefined> | undefined;
         MozTextAlignLast?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextAlignLast | undefined> | undefined;
         MozTextDecorationColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationColor | undefined> | undefined;
         MozTextDecorationLine?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationLine | undefined> | undefined;
         MozTextDecorationStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextDecorationStyle | undefined> | undefined;
+        MozTransform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transform | undefined> | undefined;
+        MozTransformOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformOrigin<string | number> | undefined> | undefined;
+        MozTransformStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformStyle | undefined> | undefined;
+        MozTransition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transition<string & {}> | undefined> | undefined;
+        MozTransitionDelay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionDelay<string & {}> | undefined> | undefined;
+        MozTransitionDuration?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionDuration<string & {}> | undefined> | undefined;
+        MozTransitionProperty?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionProperty | undefined> | undefined;
+        MozTransitionTimingFunction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionTimingFunction | undefined> | undefined;
         MozUserInput?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MozUserInput | undefined> | undefined;
         msImeMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ImeMode | undefined> | undefined;
         OAnimation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Animation<string & {}> | undefined> | undefined;
@@ -712,14 +750,13 @@ export declare const useBindingsForElement: (elementId: string, breakpoint: stri
         WebkitBoxOrdinalGroup?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrdinalGroup | undefined> | undefined;
         WebkitBoxOrient?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxOrient | undefined> | undefined;
         WebkitBoxPack?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BoxPack | undefined> | undefined;
-        WebkitScrollSnapPointsX?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapPointsX | undefined> | undefined;
-        WebkitScrollSnapPointsY?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ScrollSnapPointsY | undefined> | undefined;
         alignmentBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignmentBaseline | undefined> | undefined;
         baselineShift?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.BaselineShift<string | number> | undefined> | undefined;
         clipRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipRule | undefined> | undefined;
         colorInterpolation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorInterpolation | undefined> | undefined;
         colorRendering?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorRendering | undefined> | undefined;
         dominantBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.DominantBaseline | undefined> | undefined;
+        fill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Fill | undefined> | undefined;
         fillOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillOpacity | undefined> | undefined;
         fillRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillRule | undefined> | undefined;
         floodColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FloodColor | undefined> | undefined;

package/components/useBindingsForElement.js

@@ -1,8 +1,8 @@
 import { toJS } from "mobx";
 import { BindingsProcessor } from "@webiny/website-builder-sdk";
-import { useViewport } from "./useViewportInfo";
-import { useDocumentStore } from "./DocumentStoreProvider";
-import { useSelectFromState } from "./useSelectFromState";
+import { useViewport } from "./useViewportInfo.js";
+import { useDocumentStore } from "./DocumentStoreProvider.js";
+import { useSelectFromState } from "./useSelectFromState.js";
 export const useBindingsForElement = (elementId, breakpoint) => {
   const documentStore = useDocumentStore();
   const viewport = useViewport();

package/components/useBindingsForElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["toJS","BindingsProcessor","useViewport","useDocumentStore","useSelectFromState","useBindingsForElement","elementId","breakpoint","documentStore","viewport","getDocument","document","bindings","breakpoints","map","bp","name","bindingsProcessor","getBindings"],"sources":["useBindingsForElement.ts"],"sourcesContent":["import { toJS } from \"mobx\";\nimport { BindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport { useViewport } from \"./useViewportInfo\";\nimport { useDocumentStore } from \"./DocumentStoreProvider\";\nimport { useSelectFromState } from \"./useSelectFromState\";\n\nexport const useBindingsForElement = (elementId: string, breakpoint: string) => {\n    const documentStore = useDocumentStore();\n    const viewport = useViewport();\n\n    return useSelectFromState(\n        () => documentStore.getDocument()!,\n        document => {\n            const bindings = toJS(document.bindings[elementId]) ?? {};\n            const breakpoints = viewport.breakpoints.map(bp => bp.name);\n\n            // Merge element bindings.\n            const bindingsProcessor = new BindingsProcessor(breakpoints);\n\n            return bindingsProcessor.getBindings(bindings, breakpoint);\n        },\n        [elementId, breakpoint]\n    );\n};\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,MAAM;AAC3B,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,WAAW;AACpB,SAASC,gBAAgB;AACzB,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,qBAAqB,GAAGA,CAACC,SAAiB,EAAEC,UAAkB,KAAK;EAC5E,MAAMC,aAAa,GAAGL,gBAAgB,CAAC,CAAC;EACxC,MAAMM,QAAQ,GAAGP,WAAW,CAAC,CAAC;EAE9B,OAAOE,kBAAkB,CACrB,MAAMI,aAAa,CAACE,WAAW,CAAC,CAAE,EAClCC,QAAQ,IAAI;IACR,MAAMC,QAAQ,GAAGZ,IAAI,CAACW,QAAQ,CAACC,QAAQ,CAACN,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC;IACzD,MAAMO,WAAW,GAAGJ,QAAQ,CAACI,WAAW,CAACC,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACC,IAAI,CAAC;;IAE3D;IACA,MAAMC,iBAAiB,GAAG,IAAIhB,iBAAiB,CAACY,WAAW,CAAC;IAE5D,OAAOI,iBAAiB,CAACC,WAAW,CAACN,QAAQ,EAAEL,UAAU,CAAC;EAC9D,CAAC,EACD,CAACD,SAAS,EAAEC,UAAU,CAC1B,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["toJS","BindingsProcessor","useViewport","useDocumentStore","useSelectFromState","useBindingsForElement","elementId","breakpoint","documentStore","viewport","getDocument","document","bindings","breakpoints","map","bp","name","bindingsProcessor","getBindings"],"sources":["useBindingsForElement.ts"],"sourcesContent":["import { toJS } from \"mobx\";\nimport { BindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport { useViewport } from \"./useViewportInfo.js\";\nimport { useDocumentStore } from \"./DocumentStoreProvider.js\";\nimport { useSelectFromState } from \"./useSelectFromState.js\";\n\nexport const useBindingsForElement = (elementId: string, breakpoint: string) => {\n    const documentStore = useDocumentStore();\n    const viewport = useViewport();\n\n    return useSelectFromState(\n        () => documentStore.getDocument()!,\n        document => {\n            const bindings = toJS(document.bindings[elementId]) ?? {};\n            const breakpoints = viewport.breakpoints.map(bp => bp.name);\n\n            // Merge element bindings.\n            const bindingsProcessor = new BindingsProcessor(breakpoints);\n\n            return bindingsProcessor.getBindings(bindings, breakpoint);\n        },\n        [elementId, breakpoint]\n    );\n};\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,MAAM;AAC3B,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,WAAW;AACpB,SAASC,gBAAgB;AACzB,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,qBAAqB,GAAGA,CAACC,SAAiB,EAAEC,UAAkB,KAAK;EAC5E,MAAMC,aAAa,GAAGL,gBAAgB,CAAC,CAAC;EACxC,MAAMM,QAAQ,GAAGP,WAAW,CAAC,CAAC;EAE9B,OAAOE,kBAAkB,CACrB,MAAMI,aAAa,CAACE,WAAW,CAAC,CAAE,EAClCC,QAAQ,IAAI;IACR,MAAMC,QAAQ,GAAGZ,IAAI,CAACW,QAAQ,CAACC,QAAQ,CAACN,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC;IACzD,MAAMO,WAAW,GAAGJ,QAAQ,CAACI,WAAW,CAACC,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACC,IAAI,CAAC;;IAE3D;IACA,MAAMC,iBAAiB,GAAG,IAAIhB,iBAAiB,CAACY,WAAW,CAAC;IAE5D,OAAOI,iBAAiB,CAACC,WAAW,CAACN,QAAQ,EAAEL,UAAU,CAAC;EAC9D,CAAC,EACD,CAACD,SAAS,EAAEC,UAAU,CAC1B,CAAC;AACL,CAAC","ignoreList":[]}

package/components/useDocumentState.d.ts

@@ -1 +1 @@
-export declare const useDocumentState: () => import("@webiny/website-builder-sdk").DocumentState;
+export declare const useDocumentState: () => import("@webiny/website-builder-sdk/types.js").DocumentState;

package/components/useDocumentState.js

@@ -1,5 +1,5 @@
-import { useDocumentStore } from "./DocumentStoreProvider";
-import { useSelectFromState } from "./useSelectFromState";
+import { useDocumentStore } from "./DocumentStoreProvider.js";
+import { useSelectFromState } from "./useSelectFromState.js";
 export const useDocumentState = () => {
   const documentStore = useDocumentStore();
   return useSelectFromState(() => documentStore.getDocument(), document => document.state ?? {});

package/components/useDocumentState.js.map

@@ -1 +1 @@
-{"version":3,"names":["useDocumentStore","useSelectFromState","useDocumentState","documentStore","getDocument","document","state"],"sources":["useDocumentState.ts"],"sourcesContent":["import { useDocumentStore } from \"./DocumentStoreProvider\";\nimport { useSelectFromState } from \"./useSelectFromState\";\n\nexport const useDocumentState = () => {\n    const documentStore = useDocumentStore();\n    return useSelectFromState(\n        () => documentStore.getDocument()!,\n        document => document.state ?? {}\n    );\n};\n"],"mappings":"AAAA,SAASA,gBAAgB;AACzB,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAMC,aAAa,GAAGH,gBAAgB,CAAC,CAAC;EACxC,OAAOC,kBAAkB,CACrB,MAAME,aAAa,CAACC,WAAW,CAAC,CAAE,EAClCC,QAAQ,IAAIA,QAAQ,CAACC,KAAK,IAAI,CAAC,CACnC,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useDocumentStore","useSelectFromState","useDocumentState","documentStore","getDocument","document","state"],"sources":["useDocumentState.ts"],"sourcesContent":["import { useDocumentStore } from \"./DocumentStoreProvider.js\";\nimport { useSelectFromState } from \"./useSelectFromState.js\";\n\nexport const useDocumentState = () => {\n    const documentStore = useDocumentStore();\n    return useSelectFromState(\n        () => documentStore.getDocument()!,\n        document => document.state ?? {}\n    );\n};\n"],"mappings":"AAAA,SAASA,gBAAgB;AACzB,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAMC,aAAa,GAAGH,gBAAgB,CAAC,CAAC;EACxC,OAAOC,kBAAkB,CACrB,MAAME,aAAa,CAACC,WAAW,CAAC,CAAE,EAClCC,QAAQ,IAAIA,QAAQ,CAACC,KAAK,IAAI,CAAC,CACnC,CAAC;AACL,CAAC","ignoreList":[]}

package/components/useSelectFromState.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Equals<T> = (a: T, b: T) => boolean;
 /**
  * Subscribe to part of the document state.

package/createComponent.d.ts

@@ -1,2 +1,3 @@
-import type { Component, ComponentManifest } from "@webiny/website-builder-sdk";
-export declare const createComponent: (component: React.ComponentType<any>, manifest: ComponentManifest) => Component;
+import type { Component, ComponentManifestInput } from "@webiny/website-builder-sdk";
+import type { ExtractInputs } from "./types.js";
+export declare function createComponent<TComponent extends (props: any) => any, TInputs extends ExtractInputs<Parameters<TComponent>[0]>>(component: TComponent, manifest: ComponentManifestInput<TInputs>): Component;

package/createComponent.js

@@ -1,16 +1,36 @@
 import { createSlotInput } from "@webiny/website-builder-sdk";
-export const createComponent = (component, manifest) => {
+export function createComponent(component, manifest) {
+  const inputs = [];
+
+  // Normalize inputs to always be an array of objects.
+
+  if (Array.isArray(manifest.inputs)) {
+    inputs.push(...manifest.inputs);
+  } else {
+    const inputsObject = manifest.inputs ?? {};
+    Object.keys(inputsObject).forEach(name => {
+      inputs.push({
+        ...inputsObject[name],
+        name
+      });
+    });
+  }
   const acceptsChildren = manifest.acceptsChildren;
   if (acceptsChildren) {
-    manifest.inputs = [...(manifest.inputs ?? []), createSlotInput({
-      name: "children",
-      defaultValue: []
-    })];
+    const hasChildren = inputs.some(input => input.name === "children");
+    if (!hasChildren) {
+      inputs.push(createSlotInput({
+        name: "children"
+      }));
+    }
   }
   return {
     component,
-    manifest
+    manifest: {
+      ...manifest,
+      inputs
+    }
   };
-};
+}
 
 //# sourceMappingURL=createComponent.js.map

package/createComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["createSlotInput","createComponent","component","manifest","acceptsChildren","inputs","name","defaultValue"],"sources":["createComponent.ts"],"sourcesContent":["import type { Component, ComponentManifest } from \"@webiny/website-builder-sdk\";\nimport { createSlotInput } from \"@webiny/website-builder-sdk\";\n\nexport const createComponent = (\n    component: React.ComponentType<any>,\n    manifest: ComponentManifest\n): Component => {\n    const acceptsChildren = manifest.acceptsChildren;\n    if (acceptsChildren) {\n        manifest.inputs = [\n            ...(manifest.inputs ?? []),\n            createSlotInput({\n                name: \"children\",\n                defaultValue: []\n            })\n        ];\n    }\n\n    return {\n        component,\n        manifest\n    };\n};\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,6BAA6B;AAE7D,OAAO,MAAMC,eAAe,GAAGA,CAC3BC,SAAmC,EACnCC,QAA2B,KACf;EACZ,MAAMC,eAAe,GAAGD,QAAQ,CAACC,eAAe;EAChD,IAAIA,eAAe,EAAE;IACjBD,QAAQ,CAACE,MAAM,GAAG,CACd,IAAIF,QAAQ,CAACE,MAAM,IAAI,EAAE,CAAC,EAC1BL,eAAe,CAAC;MACZM,IAAI,EAAE,UAAU;MAChBC,YAAY,EAAE;IAClB,CAAC,CAAC,CACL;EACL;EAEA,OAAO;IACHL,SAAS;IACTC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["createSlotInput","createComponent","component","manifest","inputs","Array","isArray","push","inputsObject","Object","keys","forEach","name","acceptsChildren","hasChildren","some","input"],"sources":["createComponent.ts"],"sourcesContent":["import type {\n    Component,\n    ComponentInput,\n    ComponentManifestInput,\n    InputFactory\n} from \"@webiny/website-builder-sdk\";\nimport { createSlotInput } from \"@webiny/website-builder-sdk\";\nimport type { ExtractInputs } from \"~/types.js\";\n\nexport function createComponent<\n    TComponent extends (props: any) => any,\n    TInputs extends ExtractInputs<Parameters<TComponent>[0]>\n>(component: TComponent, manifest: ComponentManifestInput<TInputs>): Component {\n    const inputs: ComponentInput[] = [];\n\n    // Normalize inputs to always be an array of objects.\n\n    if (Array.isArray(manifest.inputs)) {\n        inputs.push(...manifest.inputs);\n    } else {\n        const inputsObject: Record<string, InputFactory<any>> = manifest.inputs ?? {};\n        Object.keys(inputsObject).forEach((name: string) => {\n            inputs.push({ ...inputsObject[name], name });\n        });\n    }\n\n    const acceptsChildren = manifest.acceptsChildren;\n\n    if (acceptsChildren) {\n        const hasChildren = inputs.some(input => input.name === \"children\");\n        if (!hasChildren) {\n            inputs.push(createSlotInput({ name: \"children\" }));\n        }\n    }\n\n    return { component, manifest: { ...manifest, inputs } };\n}\n"],"mappings":"AAMA,SAASA,eAAe,QAAQ,6BAA6B;AAG7D,OAAO,SAASC,eAAeA,CAG7BC,SAAqB,EAAEC,QAAyC,EAAa;EAC3E,MAAMC,MAAwB,GAAG,EAAE;;EAEnC;;EAEA,IAAIC,KAAK,CAACC,OAAO,CAACH,QAAQ,CAACC,MAAM,CAAC,EAAE;IAChCA,MAAM,CAACG,IAAI,CAAC,GAAGJ,QAAQ,CAACC,MAAM,CAAC;EACnC,CAAC,MAAM;IACH,MAAMI,YAA+C,GAAGL,QAAQ,CAACC,MAAM,IAAI,CAAC,CAAC;IAC7EK,MAAM,CAACC,IAAI,CAACF,YAAY,CAAC,CAACG,OAAO,CAAEC,IAAY,IAAK;MAChDR,MAAM,CAACG,IAAI,CAAC;QAAE,GAAGC,YAAY,CAACI,IAAI,CAAC;QAAEA;MAAK,CAAC,CAAC;IAChD,CAAC,CAAC;EACN;EAEA,MAAMC,eAAe,GAAGV,QAAQ,CAACU,eAAe;EAEhD,IAAIA,eAAe,EAAE;IACjB,MAAMC,WAAW,GAAGV,MAAM,CAACW,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACJ,IAAI,KAAK,UAAU,CAAC;IACnE,IAAI,CAACE,WAAW,EAAE;MACdV,MAAM,CAACG,IAAI,CAACP,eAAe,CAAC;QAAEY,IAAI,EAAE;MAAW,CAAC,CAAC,CAAC;IACtD;EACJ;EAEA,OAAO;IAAEV,SAAS;IAAEC,QAAQ,EAAE;MAAE,GAAGA,QAAQ;MAAEC;IAAO;EAAE,CAAC;AAC3D","ignoreList":[]}

package/createComponent.test.d.ts

@@ -0,0 +1 @@
+export {};