@sc-360-v2/storefront-cms-library 0.0.3 → 0.0.5

package/dist/types/builder/elements/section/index.d.ts

@@ -0,0 +1,60 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { CMSGridsContainer } from "../grid";
+import { BuilderAttributes } from "../common";
+export interface SectionAttributes extends CMSHTMLAttributes {
+    role?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    id?: string;
+    className?: string;
+    lang?: string;
+    dataMeta?: string;
+}
+export interface SectionStyleProperties extends CommonStyleProperties {
+    minHeight?: string;
+    height?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    gridArea?: string;
+    display?: DisplayValue;
+    boxSizing?: string;
+    rowGap?: string;
+    columnGap?: string;
+    gridTemplateRows?: string;
+    gridTemplateColumns?: string;
+}
+export declare const getDefaultStyles: () => SectionStyleProperties;
+export declare const getSectionDefaultStyles: () => SectionStyleProperties;
+export interface VariationConditionInterface {
+    customer?: any[];
+    user?: any[];
+    relation?: any;
+}
+export interface SectionVariationInterface {
+    condition?: VariationConditionInterface;
+    attributes?: {
+        BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType">;
+        HTML?: SectionAttributes;
+        CUSTOM?: any;
+    };
+    styles?: SectionStyleProperties;
+    editedStyles?: CommonStyleProperties;
+    sectionStyles?: CommonStyleProperties;
+    grids?: CMSGridsContainer;
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    highestGrid?: number | any;
+    gtc?: CMSGridsContainer;
+    gtr?: CMSGridsContainer;
+}
+export interface CMSSectionInterface {
+    id?: string | number;
+    uniqueId?: string | number;
+    variations?: {
+        [key: string]: SectionVariationInterface;
+    };
+    styles?: SectionStyleProperties;
+    sort?: number;
+}

package/dist/types/builder/elements/social/index.d.ts

@@ -0,0 +1,36 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue, CommonBuilderAttributes } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface SocialIconsStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+    gridArea?: GridAreaValue;
+}
+export declare const getDefaultSocialIconsStyles: () => SocialIconsStyleProperties;
+export interface CMSSocialIconsInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: {
+            socialLinks: Array<{
+                platform: "Facebook" | "Instagram" | "Twitter" | "Amazon" | "Website" | "Linked In";
+                url: string;
+                icon: string;
+                name: string;
+            }>;
+        };
+        BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: SocialIconsStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+}

package/dist/types/builder/elements/tab/index.d.ts

@@ -0,0 +1,30 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface TabStyleProperties extends CommonStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    gridArea?: GridAreaValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+}
+export declare const getDefaultStyles: () => TabStyleProperties;
+export interface CMSTabInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
+        BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: TabStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+}

package/dist/types/builder/elements/table/index.d.ts

@@ -0,0 +1,30 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue, GlobalTableAttributes, CommonBuilderAttributes } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface TableStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+    gridArea?: GridAreaValue;
+}
+export declare const getDefaultTableStyles: () => TableStyleProperties;
+export interface CMSTableInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalTableAttributes>;
+        BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: TableStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+}

package/dist/types/builder/elements/text-editor/index.d.ts

@@ -0,0 +1,29 @@
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface TextStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    gridArea?: GridAreaValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+}
+export declare const getDefaultStyles: () => TextStyleProperties;
+export interface CMSTextInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: CMSHTMLAttributes;
+        BUILDER: BuilderAttributes;
+        CUSTOM: any;
+    };
+    styles: TextStyleProperties;
+    content: string;
+}

package/dist/types/builder/elements/video/index.d.ts

@@ -0,0 +1,30 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue, CommonBuilderAttributes, GlobalVideoAttributes } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface VideoStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+    gridArea?: GridAreaValue;
+}
+export declare const getDefaultVideoStyles: () => VideoStyleProperties;
+export interface CMSVideoInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalVideoAttributes>;
+        BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: VideoStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+}

package/dist/types/builder/enums/cssVariables.d.ts

@@ -0,0 +1,361 @@
+export declare enum CSSVariablesEnum {
+    ACCENT_COLOR = "accentColor",
+    ALIGN_CONTENT = "alignContent",
+    ALIGN_ITEMS = "alignItems",
+    ALIGN_SELF = "alignSelf",
+    ALL = "all",
+    ANIMATION = "animation",
+    ANIMATION_DELAY = "animationDelay",
+    ANIMATION_DURATION = "animationDuration",
+    ANIMATION_FILL_MODE = "animationFillMode",
+    ANIMATION_ITERATION_COUNT = "animationIterationCount",
+    ANIMATION_NAME = "animationName",
+    ANIMATION_PLAY_STATE = "animationPlayState",
+    ANIMATION_TIMING_FUNCTION = "animationTimingFunction",
+    ASPECT_RATIO = "aspectRatio",
+    BACKDROP_FILTER = "backdropFilter",
+    BACKFACE_VISIBILITY = "backfaceVisibility",
+    BACKGROUND = "background",
+    BACKGROUND_ATTACHMENT = "backgroundAttachment",
+    BACKGROUND_BLEND_MODE = "backgroundBlendMode",
+    BACKGROUND_CLIP = "backgroundClip",
+    BACKGROUND_COLOR = "backgroundColor",
+    BACKGROUND_IMAGE = "backgroundImage",
+    BACKGROUND_ORIGIN = "backgroundOrigin",
+    BACKGROUND_POSITION = "backgroundPosition",
+    BACKGROUND_POSITION_X = "backgroundPositionX",
+    BACKGROUND_POSITION_Y = "backgroundPositionY",
+    BACKGROUND_REPEAT = "backgroundRepeat",
+    BACKGROUND_SIZE = "backgroundSize",
+    BLOCK_SIZE = "blockSize",
+    BORDER = "border",
+    BORDER_BLOCK = "borderBlock",
+    BORDER_BLOCK_COLOR = "borderBlockColor",
+    BORDER_BLOCK_END = "borderBlockEnd",
+    BORDER_BLOCK_END_COLOR = "borderBlockEndColor",
+    BORDER_BLOCK_END_STYLE = "borderBlockEndStyle",
+    BORDER_BLOCK_END_WIDTH = "borderBlockEndWidth",
+    BORDER_BLOCK_START = "borderBlockStart",
+    BORDER_BLOCK_START_COLOR = "borderBlockStartColor",
+    BORDER_BLOCK_START_STYLE = "borderBlockStartStyle",
+    BORDER_BLOCK_START_WIDTH = "borderBlockStartWidth",
+    BORDER_BLOCK_STYLE = "borderBlockStyle",
+    BORDER_BLOCK_WIDTH = "borderBlockWidth",
+    BORDER_BOTTOM = "borderBottom",
+    BORDER_BOTTOM_COLOR = "borderBottomColor",
+    BORDER_BOTTOM_LEFT_RADIUS = "borderBottomLeftRadius",
+    BORDER_BOTTOM_RIGHT_RADIUS = "borderBottomRightRadius",
+    BORDER_BOTTOM_STYLE = "borderBottomStyle",
+    BORDER_BOTTOM_WIDTH = "borderBottomWidth",
+    BORDER_COLLAPSE = "borderCollapse",
+    BORDER_COLOR = "borderColor",
+    BORDER_END_END_RADIUS = "borderEndEndRadius",
+    BORDER_END_START_RADIUS = "borderEndStartRadius",
+    BORDER_INLINE = "borderInline",
+    BORDER_IMAGE_OUTSET = "borderImageOutset",
+    BORDER_IMAGE_REPEAT = "borderImageRepeat",
+    BORDER_IMAGE_SLICE = "borderImageSlice",
+    BORDER_IMAGE_SOURCE = "borderImageSource",
+    BORDER_IMAGE_WIDTH = "borderImageWidth",
+    BORDER_INLINE_COLOR = "borderInlineColor",
+    BORDER_INLINE_END = "borderInlineEnd",
+    BORDER_INLINE_END_COLOR = "borderInlineEndColor",
+    BORDER_INLINE_END_STYLE = "borderInlineEndStyle",
+    BORDER_INLINE_END_WIDTH = "borderInlineEndWidth",
+    BORDER_INLINE_START = "borderInlineStart",
+    BORDER_INLINE_START_COLOR = "borderInlineStartColor",
+    BORDER_INLINE_START_STYLE = "borderInlineStartStyle",
+    BORDER_INLINE_START_WIDTH = "borderInlineStartWidth",
+    BORDER_INLINE_STYLE = "borderInlineStyle",
+    BORDER_INLINE_WIDTH = "borderInlineWidth",
+    BORDER_LEFT = "borderLeft",
+    BORDER_LEFT_COLOR = "borderLeftColor",
+    BORDER_LEFT_STYLE = "borderLeftStyle",
+    BORDER_LEFT_WIDTH = "borderLeftWidth",
+    BORDER_RADIUS = "borderRadius",
+    BORDER_RIGHT = "borderRight",
+    BORDER_RIGHT_COLOR = "borderRightColor",
+    BORDER_RIGHT_STYLE = "borderRightStyle",
+    BORDER_RIGHT_WIDTH = "borderRightWidth",
+    BORDER_SPACING = "borderSpacing",
+    BORDER_START_END_RADIUS = "borderStartEndRadius",
+    BORDER_START_START_RADIUS = "borderStartStartRadius",
+    BORDER_STYLE = "borderStyle",
+    BORDER_TOP = "borderTop",
+    BORDER_TOP_COLOR = "borderTopColor",
+    BORDER_TOP_LEFT_RADIUS = "borderTopLeftRadius",
+    BORDER_TOP_RIGHT_RADIUS = "borderTopRightRadius",
+    BORDER_TOP_STYLE = "borderTopStyle",
+    BORDER_TOP_WIDTH = "borderTopWidth",
+    BORDER_WIDTH = "borderWidth",
+    BOX_DECORATION_BREAK = "boxDecorationBreak",
+    BOTTOM = "bottom",
+    BOX_REFLECT = "boxReflect",
+    BOX_SHADOW = "boxShadow",
+    BOX_SIZING = "boxSizing",
+    BREAK_AFTER = "breakAfter",
+    BREAK_BEFORE = "breakBefore",
+    BREAK_INSIDE = "breakInside",
+    CAPTION_SIDE = "captionSide",
+    CARET_COLOR = "caretColor",
+    CLIP_PATH = "clipPath",
+    COLOR = "color",
+    COLOR_SCHEME = "colorScheme",
+    COLUMN_COUNT = "columnCount",
+    COLUMN_FILL = "columnFill",
+    COLUMN_GAP = "columnGap",
+    COLUMN_RULE = "columnRule",
+    COLUMN_RULE_COLOR = "columnRuleColor",
+    COLUMN_RULE_STYLE = "columnRuleStyle",
+    COLUMN_RULE_WIDTH = "columnRuleWidth",
+    COLUMN_SPAN = "columnSpan",
+    COLUMN_WIDTH = "columnWidth",
+    COLUMNS = "columns",
+    CONTENT = "content",
+    COUNTER_INCREMENT = "counterIncrement",
+    COUNTER_RESET = "counterReset",
+    COUNTER_SET = "counterSet",
+    CURSOR = "cursor",
+    DIRECTION = "direction",
+    DISPLAY = "display",
+    EMPTY_CELLS = "emptyCells",
+    FILTER = "filter",
+    FLEX = "flex",
+    FLEX_BASIS = "flexBasis",
+    FLEX_DIRECTION = "flexDirection",
+    FLEX_FLOW = "flexFlow",
+    FLEX_GROW = "flexGrow",
+    FLEX_SHRINK = "flexShrink",
+    FLEX_WRAP = "flexWrap",
+    FLOAT = "float",
+    FONT = "font",
+    FONT_FAMILY = "fontFamily",
+    FONT_FEATURE_SETTINGS = "fontFeatureSettings",
+    FONT_KERNING = "fontKerning",
+    FONT_SIZE = "fontSize",
+    FONT_SIZE_ADJUST = "fontSizeAdjust",
+    FONT_STRETCH = "fontStretch",
+    FONT_STYLE = "fontStyle",
+    FONT_VARIANT = "fontVariant",
+    FONT_VARIANT_CAPS = "fontVariantCaps",
+    FONT_WEIGHT = "fontWeight",
+    GAP = "gap",
+    GRID = "grid",
+    GRID_AREA = "gridArea",
+    GRID_AUTO_COLUMNS = "gridAutoColumns",
+    GRID_AUTO_FLOW = "gridAutoFlow",
+    GRID_AUTO_ROWS = "gridAutoRows",
+    GRID_COLUMN = "gridColumn",
+    GRID_COLUMN_END = "gridColumnEnd",
+    GRID_COLUMN_START = "gridColumnStart",
+    GRID_ROW = "gridRow",
+    GRID_ROW_END = "gridRowEnd",
+    GRID_ROW_START = "gridRowStart",
+    GRID_TEMPLATE = "gridTemplate",
+    GRID_TEMPLATE_AREAS = "gridTemplateAreas",
+    GRID_TEMPLATE_COLUMNS = "gridTemplateColumns",
+    GRID_TEMPLATE_ROWS = "gridTemplateRows",
+    HANGING_PUNCTUATION = "hangingPunctuation",
+    HEIGHT = "height",
+    HYPHENS = "hyphens",
+    HYPHENATE_CHARACTER = "hyphenateCharacter",
+    IMAGE_RENDERING = "imageRendering",
+    INITIAL_LETTER = "initialLetter",
+    INLINE_SIZE = "inlineSize",
+    INSET = "inset",
+    INSET_BLOCK = "insetBlock",
+    INSET_BLOCK_END = "insetBlockEnd",
+    INSET_BLOCK_START = "insetBlockStart",
+    INSET_INLINE = "insetInline",
+    INSET_INLINE_END = "insetInlineEnd",
+    INSET_INLINE_START = "insetInlineStart",
+    ISOLATION = "isolation",
+    JUSTIFY_CONTENT = "justifyContent",
+    JUSTIFY_ITEMS = "justifyItems",
+    JUSTIFY_SELF = "justifySelf",
+    LEFT = "left",
+    LETTER_SPACING = "letterSpacing",
+    LINE_HEIGHT = "lineHeight",
+    LIST_STYLE = "listStyle",
+    LIST_STYLE_IMAGE = "listStyleImage",
+    LIST_STYLE_POSITION = "listStylePosition",
+    LIST_STYLE_TYPE = "listStyleType",
+    MARGIN = "margin",
+    MARGIN_BLOCK = "marginBlock",
+    MARGIN_BLOCK_END = "marginBlockEnd",
+    MARGIN_BLOCK_START = "marginBlockStart",
+    MARGIN_BOTTOM = "marginBottom",
+    MARGIN_INLINE = "marginInline",
+    MARGIN_INLINE_END = "marginInlineEnd",
+    MARGIN_INLINE_START = "marginInlineStart",
+    MARGIN_LEFT = "marginLeft",
+    MARGIN_RIGHT = "marginRight",
+    MARGIN_TOP = "marginTop",
+    MARKER = "marker",
+    MARKER_END = "markerEnd",
+    MARKER_MID = "markerMid",
+    MARKER_START = "markerStart",
+    MASK = "mask",
+    MASK_CLIP = "maskClip",
+    MASK_COMPOSITE = "maskComposite",
+    MASK_IMAGE = "maskImage",
+    MASK_MODE = "maskMode",
+    MASK_ORIGIN = "maskOrigin",
+    MASK_POSITION = "maskPosition",
+    MASK_REPEAT = "maskRepeat",
+    MASK_SIZE = "maskSize",
+    MASK_TYPE = "maskType",
+    MAX_BLOCK_SIZE = "maxBlockSize",
+    MAX_HEIGHT = "maxHeight",
+    MAX_INLINE_SIZE = "maxInlineSize",
+    MAX_WIDTH = "maxWidth",
+    MIN_BLOCK_SIZE = "minBlockSize",
+    MIN_INLINE_SIZE = "minInlineSize",
+    MIN_HEIGHT = "minHeight",
+    MIN_WIDTH = "minWidth",
+    MIX_BLEND_MODE = "mixBlendMode",
+    OBJECT_FIT = "objectFit",
+    OBJECT_POSITION = "objectPosition",
+    OFFSET = "offset",
+    OFFSET_ANCHOR = "offsetAnchor",
+    OFFSET_DISTANCE = "offsetDistance",
+    OFFSET_PATH = "offsetPath",
+    OFFSET_ROTATE = "offsetRotate",
+    OPACITY = "opacity",
+    ORDER = "order",
+    ORPHANS = "orphans",
+    OUTLINE = "outline",
+    OUTLINE_COLOR = "outlineColor",
+    OUTLINE_OFFSET = "outlineOffset",
+    OUTLINE_STYLE = "outlineStyle",
+    OUTLINE_WIDTH = "outlineWidth",
+    OVERFLOW = "overflow",
+    OVERFLOW_ANCHOR = "overflowAnchor",
+    OVERFLOW_BLOCK = "overflowBlock",
+    OVERFLOW_INLINE = "overflowInline",
+    OVERFLOW_WRAP = "overflowWrap",
+    OVERFLOW_X = "overflowX",
+    OVERFLOW_Y = "overflowY",
+    OVERSCROLL_BEHAVIOR = "overscrollBehavior",
+    OVERSCROLL_BEHAVIOR_BLOCK = "overscrollBehaviorBlock",
+    OVERSCROLL_BEHAVIOR_INLINE = "overscrollBehaviorInline",
+    OVERSCROLL_BEHAVIOR_X = "overscrollBehaviorX",
+    OVERSCROLL_BEHAVIOR_Y = "overscrollBehaviorY",
+    PADDING = "padding",
+    PADDING_BLOCK = "paddingBlock",
+    PADDING_BLOCK_END = "paddingBlockEnd",
+    PADDING_BLOCK_START = "paddingBlockStart",
+    PADDING_BOTTOM = "paddingBottom",
+    PADDING_INLINE = "paddingInline",
+    PADDING_INLINE_END = "paddingInlineEnd",
+    PADDING_INLINE_START = "paddingInlineStart",
+    PADDING_LEFT = "paddingLeft",
+    PADDING_RIGHT = "paddingRight",
+    PADDING_TOP = "paddingTop",
+    PAGE_BREAK_AFTER = "pageBreakAfter",
+    PAGE_BREAK_BEFORE = "pageBreakBefore",
+    PAGE_BREAK_INSIDE = "pageBreakInside",
+    PAINT_ORDER = "paintOrder",
+    PERSPECTIVE = "perspective",
+    PERSPECTIVE_ORIGIN = "perspectiveOrigin",
+    PLACE_CONTENT = "placeContent",
+    PLACE_ITEMS = "placeItems",
+    PLACE_SELF = "placeSelf",
+    POINTER_EVENTS = "pointerEvents",
+    POSITION = "position",
+    QUOTES = "quotes",
+    RESIZE = "resize",
+    RIGHT = "right",
+    ROTATE = "rotate",
+    ROW_GAP = "rowGap",
+    RUBY_ALIGN = "rubyAlign",
+    RUBY_MERGE = "rubyMerge",
+    RUBY_POSITION = "rubyPosition",
+    SCALE = "scale",
+    SCROLL_BEHAVIOR = "scrollBehavior",
+    SCROLL_MARGIN = "scrollMargin",
+    SCROLL_MARGIN_BLOCK = "scrollMarginBlock",
+    SCROLL_MARGIN_BLOCK_END = "scrollMarginBlockEnd",
+    SCROLL_MARGIN_BLOCK_START = "scrollMarginBlockStart",
+    SCROLL_MARGIN_BOTTOM = "scrollMarginBottom",
+    SCROLL_MARGIN_INLINE = "scrollMarginInline",
+    SCROLL_MARGIN_INLINE_END = "scrollMarginInlineEnd",
+    SCROLL_MARGIN_INLINE_START = "scrollMarginInlineStart",
+    SCROLL_MARGIN_LEFT = "scrollMarginLeft",
+    SCROLL_MARGIN_RIGHT = "scrollMarginRight",
+    SCROLL_MARGIN_TOP = "scrollMarginTop",
+    SCROLL_PADDING = "scrollPadding",
+    SCROLL_PADDING_BLOCK = "scrollPaddingBlock",
+    SCROLL_PADDING_BLOCK_END = "scrollPaddingBlockEnd",
+    SCROLL_PADDING_BLOCK_START = "scrollPaddingBlockStart",
+    SCROLL_PADDING_BOTTOM = "scrollPaddingBottom",
+    SCROLL_PADDING_INLINE = "scrollPaddingInline",
+    SCROLL_PADDING_INLINE_END = "scrollPaddingInlineEnd",
+    SCROLL_PADDING_INLINE_START = "scrollPaddingInlineStart",
+    SCROLL_PADDING_LEFT = "scrollPaddingLeft",
+    SCROLL_PADDING_RIGHT = "scrollPaddingRight",
+    SCROLL_PADDING_TOP = "scrollPaddingTop",
+    SCROLL_SNAP_ALIGN = "scrollSnapAlign",
+    SCROLL_SNAP_STOP = "scrollSnapStop",
+    SCROLL_SNAP_TYPE = "scrollSnapType",
+    SCROLLBAR_COLOR = "scrollbarColor",
+    SCROLLBAR_GUTTER = "scrollbarGutter",
+    SCROLLBAR_WIDTH = "scrollbarWidth",
+    SHAPE_IMAGE_THRESHOLD = "shapeImageThreshold",
+    SHAPE_MARGIN = "shapeMargin",
+    SHAPE_OUTSIDE = "shapeOutside",
+    TAB_SIZE = "tabSize",
+    TABLE_LAYOUT = "tableLayout",
+    TEXT_ALIGN = "textAlign",
+    TEXT_ALIGN_LAST = "textAlignLast",
+    TEXT_COMBINE_UPRIGHT = "textCombineUpright",
+    TEXT_DECORATION = "textDecoration",
+    TEXT_DECORATION_COLOR = "textDecorationColor",
+    TEXT_DECORATION_LINE = "textDecorationLine",
+    TEXT_DECORATION_STYLE = "textDecorationStyle",
+    TEXT_DECORATION_THICKNESS = "textDecorationThickness",
+    TEXT_EMPHASIS = "textEmphasis",
+    TEXT_EMPHASIS_COLOR = "textEmphasisColor",
+    TEXT_EMPHASIS_POSITION = "textEmphasisPosition",
+    TEXT_EMPHASIS_STYLE = "textEmphasisStyle",
+    TEXT_INDENT = "textIndent",
+    TEXT_JUSTIFY = "textJustify",
+    TEXT_ORIENTATION = "textOrientation",
+    TEXT_OVERFLOW = "textOverflow",
+    TEXT_RENDERING = "textRendering",
+    TEXT_SHADOW = "textShadow",
+    TEXT_SIZE_ADJUST = "textSizeAdjust",
+    TEXT_TRANSFORM = "textTransform",
+    TEXT_UNDERLINE_OFFSET = "textUnderlineOffset",
+    TEXT_UNDERLINE_POSITION = "textUnderlinePosition",
+    TOP = "top",
+    TOUCH_ACTION = "touchAction",
+    TRANSFORM = "transform",
+    TRANSFORM_BOX = "transformBox",
+    TRANSFORM_ORIGIN = "transformOrigin",
+    TRANSFORM_STYLE = "transformStyle",
+    TRANSITION = "transition",
+    TRANSITION_DELAY = "transitionDelay",
+    TRANSITION_DURATION = "transitionDuration",
+    TRANSITION_PROPERTY = "transitionProperty",
+    TRANSITION_TIMING_FUNCTION = "transitionTimingFunction",
+    TRANSLATE = "translate",
+    UNICODE_BIDI = "unicodeBidi",
+    USER_SELECT = "userSelect",
+    VERTICAL_ALIGN = "verticalAlign",
+    VISIBILITY = "visibility",
+    WHITE_SPACE = "whiteSpace",
+    WIDOWS = "widows",
+    WIDTH = "width",
+    WILL_CHANGE = "willChange",
+    WORD_BREAK = "wordBreak",
+    WORD_SPACING = "wordSpacing",
+    WORD_WRAP = "wordWrap",
+    WRITING_MODE = "writingMode",
+    Z_INDEX = "zIndex",
+    ACTIVE_ELEMENT_TOOLS_LEFT = "activeElementToolsLeft",
+    ACTIVE_ELEMENT_TOOLS_RIGHT = "activeElementToolsRight",
+    ACTIVE_ELEMENT_TOOLS_TOP = "activeElementToolsTop",
+    ACTIVE_ELEMENT_TOOLS_BOTTOM = "activeElementToolsBottom",
+    PLAYGROUND_SCORLLTOP = "playgroundScorlltop"
+}

package/dist/types/builder/enums/index.d.ts

@@ -0,0 +1,78 @@
+export declare enum CMSToolIdTypes {
+    playgroundWrapper = "playground_wrapper",
+    layers = "CMS Layers",
+    addGrid = "AddGrid",
+    toolTip = "custom-tooltip",
+    customCanvas = "custom-canvas",
+    pageId = "cms__template__editor",
+    pageWrapper = "page-wrapper",
+    iframeContainerDiv = "iframe-container-div",
+    iframePlaygroud = "iframe__playground",
+    sectionLayersOverlay = "section__layers__overlay",
+    gridLayersOverlay = "grid__layers__overlay",
+    iframeRoot = "cms-iframe-root",
+    addElementTools = "cms-add-element-tools",
+    elementPopertiesPopup = "cms-element-properties",
+    addElementComponent = "cms-add-element-component",
+    addElementCanvas = "cms-custom-canvas",
+    addElementPopup = "cms-add-element-popup",
+    sectionWrapper = "cms-section-wrapper",
+    gridWrapper = "cms-grid-wrapper",
+    addGridButton = "add-grid-button",
+    addGridButtonSpan = "add-grid-span",
+    addGridResizerSpan = "add-grid-resizer-span",
+    customTooltip = "cms-custom-tooltip"
+}
+export declare enum CMSElementSelectors {
+    iframeSelector = "iframe[data-title='iframe__playground']",
+    templteEditiorSelector = "[data-page-id='cms__template__editor']",
+    gridSelector = "section[data-div-type='section'] > .wrapper > div[data-div-type='grid']",
+    insideGridSelector = ".wrapper > div[data-div-type='grid']",
+    elementSelector = "section[data-div-type='section'] > .wrapper > div[data-div-type='grid'] > div[data-div-type='cms-grid-wrapper'] > div[data-div-type='element']",
+    sectionSelector = "section[data-div-type='section']",
+    layersParentSelector = "section[data-div-type='section'] [data-cms-tool='CMS Layers']",
+    layersGridSelector = "section[data-div-type='section'] [data-cms-tool='CMS Layers'] > .styles__wrapper > div[data-layer-div-type='grid']",
+    layersGridElementSelector = "section[data-div-type='section'] [data-cms-tool='CMS Layers'] > .styles__wrapper > div[data-layer-div-type='grid'] > div[data-layer-div-type='element']",
+    sectionLayersOverlay = "[data-div-type = 'section__layers__overlay']",
+    gridLayersOverlay = "[data-div-type='grid__layers__overlay']",
+    iframeRoot = "#cms-iframe-root",
+    playgroundScroll = "playground-srolltop",
+    addElementComponentSelector = "[data-cms-tool='cms-add-element-component']",
+    playgroundWrapper = "[data-cms-tool='playground_wrapper']",
+    addElementPopup = "[data-cms-tool='cms-add-element-popup']",
+    addGridButtonSelector = "button[data-cms-tool='add-grid-button']"
+}
+export declare enum CMSToolAttributes {
+    id = "data-cms-tool",
+    state = "data-cms-state",
+    style = "data-style-id",
+    pageId = "data-page-id",
+    dataDivType = "data-div-type",
+    dataChildCount = "data-child-count",
+    dataGridType = "data-grid-type",
+    dataElementType = "data-element-type",
+    layerDataDivType = "data-layer-div-type",
+    layerDataElementType = "data-layer-element-type",
+    title = "data-title",
+    layerStyle = "data-layer-style-id",
+    elementClick = "data-has-clicked",
+    viewportVisible = "data-viewport-visible",
+    playgroundScroll = "data-playground-scroll",
+    viewportVisibleTop = "data-viewport-visible-top",
+    viewportVisibleRight = "data-viewport-visible-right",
+    viewportVisibleBottom = "data-viewport-visible-bottom",
+    viewportVisibleLeft = "data-viewport-visible-left"
+}
+export declare enum CMSElementEditTypes {
+    CSS = "css",
+    TOOL = "tool",
+    CONTROLS = "controls",
+    SELECTOR = "selector"
+}
+export declare enum CMSCSSUnitTypesEnums {
+    PIXELS = 1,
+    REM = 2,
+    EM = 3,
+    PERCENTAGE = 4,
+    CUSTOM = 5
+}