@sc-360-v2/storefront-cms-library 0.0.2 → 0.0.4

package/dist/types/builder/elements/extra.d.ts

@@ -0,0 +1,70 @@
+/// <reference types="react" />
+interface Events {
+    onCopy?: React.ClipboardEventHandler<HTMLElement>;
+    onCut?: React.ClipboardEventHandler<HTMLElement>;
+    onPaste?: React.ClipboardEventHandler<HTMLElement>;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLElement>;
+    onCompositionStart?: React.CompositionEventHandler<HTMLElement>;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLElement>;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    onChange?: React.FormEventHandler<HTMLElement>;
+    onInput?: React.FormEventHandler<HTMLElement>;
+    onSubmit?: React.FormEventHandler<HTMLElement>;
+    onLoad?: React.ReactEventHandler<HTMLElement>;
+    onError?: React.ReactEventHandler<HTMLElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
+    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
+    onKeyUp?: React.KeyboardEventHandler<HTMLElement>;
+    onAbort?: React.ReactEventHandler<HTMLElement>;
+    onCanPlay?: React.ReactEventHandler<HTMLElement>;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLElement>;
+    onDurationChange?: React.ReactEventHandler<HTMLElement>;
+    onEmptied?: React.ReactEventHandler<HTMLElement>;
+    onEncrypted?: React.ReactEventHandler<HTMLElement>;
+    onEnded?: React.ReactEventHandler<HTMLElement>;
+    onLoadedData?: React.ReactEventHandler<HTMLElement>;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLElement>;
+    onLoadStart?: React.ReactEventHandler<HTMLElement>;
+    onPause?: React.ReactEventHandler<HTMLElement>;
+    onPlay?: React.ReactEventHandler<HTMLElement>;
+    onPlaying?: React.ReactEventHandler<HTMLElement>;
+    onProgress?: React.ReactEventHandler<HTMLElement>;
+    onRateChange?: React.ReactEventHandler<HTMLElement>;
+    onSeeked?: React.ReactEventHandler<HTMLElement>;
+    onSeeking?: React.ReactEventHandler<HTMLElement>;
+    onStalled?: React.ReactEventHandler<HTMLElement>;
+    onSuspend?: React.ReactEventHandler<HTMLElement>;
+    onTimeUpdate?: React.ReactEventHandler<HTMLElement>;
+    onVolumeChange?: React.ReactEventHandler<HTMLElement>;
+    onWaiting?: React.ReactEventHandler<HTMLElement>;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    onContextMenu?: React.MouseEventHandler<HTMLElement>;
+    onDoubleClick?: React.MouseEventHandler<HTMLElement>;
+    onDrag?: React.DragEventHandler<HTMLElement>;
+    onDragEnd?: React.DragEventHandler<HTMLElement>;
+    onDragEnter?: React.DragEventHandler<HTMLElement>;
+    onDragExit?: React.DragEventHandler<HTMLElement>;
+    onDragLeave?: React.DragEventHandler<HTMLElement>;
+    onDragOver?: React.DragEventHandler<HTMLElement>;
+    onDragStart?: React.DragEventHandler<HTMLElement>;
+    onDrop?: React.DragEventHandler<HTMLElement>;
+    onMouseDown?: React.MouseEventHandler<HTMLElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
+    onMouseMove?: React.MouseEventHandler<HTMLElement>;
+    onMouseOut?: React.MouseEventHandler<HTMLElement>;
+    onMouseOver?: React.MouseEventHandler<HTMLElement>;
+    onMouseUp?: React.MouseEventHandler<HTMLElement>;
+    onSelect?: React.ReactEventHandler<HTMLElement>;
+    onTouchCancel?: React.TouchEventHandler<HTMLElement>;
+    onTouchEnd?: React.TouchEventHandler<HTMLElement>;
+    onTouchMove?: React.TouchEventHandler<HTMLElement>;
+    onTouchStart?: React.TouchEventHandler<HTMLElement>;
+    onScroll?: React.UIEventHandler<HTMLElement>;
+    onWheel?: React.WheelEventHandler<HTMLElement>;
+    onAnimationStart?: React.AnimationEventHandler<HTMLElement>;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLElement>;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLElement>;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLElement>;
+}

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

@@ -0,0 +1,61 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { DisplayValue, ResponsiveBehaviourTypes, SizeTypeValue } from "../../../global/types";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { BuilderAttributes } from "../common";
+import { SizeInterface } from "../../interfaces/global";
+export interface GridStyleProperties 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: () => GridStyleProperties;
+type AriaRoleValue = "grid" | "gridcell" | "row" | "rowgroup" | "presentation" | "none" | "button" | "link" | string;
+type AriaLabelValue = string;
+type AriaHiddenValue = "true" | "false";
+type AriaLiveValue = "off" | "polite" | "assertive";
+type LangValue = string;
+export interface CommonGridElementAttributes extends CMSHTMLAttributes {
+    role?: AriaRoleValue;
+    ariaLabel?: AriaLabelValue;
+    ariaHidden?: AriaHiddenValue;
+    ariaLive?: AriaLiveValue;
+    ariaDescribedBy?: string;
+    ariaControls?: string;
+    lang?: LangValue;
+    dataType?: string;
+    dataDivType?: string;
+    dataElementType?: string;
+    dataWidgetType?: string;
+    id?: string;
+}
+export interface CMSGridInterface {
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    id?: string | number;
+    styles: GridStyleProperties;
+    children: any;
+    attributes: {
+        BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType">;
+        HTML?: CommonGridElementAttributes;
+        CUSTOM?: any;
+    };
+    size?: SizeInterface;
+    uniqueSize?: SizeInterface;
+    number?: SizeInterface;
+    visible?: boolean;
+    gtccolorder?: number;
+    gtrroworder?: number;
+    type?: SizeTypeValue;
+}
+export interface CMSGridsContainer {
+    [key: string]: CMSGridInterface;
+}
+export {};

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

@@ -0,0 +1,27 @@
+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 ImageStyleProperties {
+    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 interface CMSImageInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
+        BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: ImageStyleProperties;
+}

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

@@ -0,0 +1,55 @@
+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 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;
+    grids?: CMSGridsContainer;
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    highestGrid?: number | any;
+    gtc?: CMSGridsContainer;
+    gtr?: CMSGridsContainer;
+}
+export interface CMSSectionInterface {
+    id?: string | number;
+    uniqueId?: string | number;
+    variations?: {
+        [key: string]: SectionVariationInterface;
+    };
+}

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

@@ -0,0 +1,28 @@
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GlobalTextAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, 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 interface CMSTextInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalTextAttributes>;
+        BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: TextStyleProperties;
+    content: string;
+}

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

@@ -0,0 +1,44 @@
+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"
+}
+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']",
+    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'] > div[data-layer-style-id]",
+    sectionLayersOverlay = "[data-div-type = 'section__layers__overlay']",
+    gridLayersOverlay = "[data-div-type='grid__layers__overlay']",
+    iframeRoot = "#cms-iframe-root",
+    playgroundScroll = "playground-srolltop"
+}
+export declare enum CMSToolAttributes {
+    id = "data-cms-tool",
+    state = "data-cms-state",
+    style = "data-style-id",
+    pageId = "data-page-id",
+    dataDivType = "data-div-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"
+}

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

@@ -0,0 +1,8 @@
+import commonFunctions from "./utilities/global";
+import * as interfaces from "./interfaces/global";
+import * as enums from "./enums/index";
+import * as sectionSchema from "./elements/section/index";
+import * as gridSchema from "./elements/grid/index";
+import * as cmsTypes from "../global/types";
+import * as textSchema from "./elements/text-editor/index";
+export { commonFunctions, interfaces, enums, sectionSchema, gridSchema, cmsTypes, textSchema };

package/dist/types/builder/interfaces/cms-tools.d.ts

@@ -0,0 +1,4 @@
+export interface CMSPlayground {
+    id: string | number;
+    name: string;
+}

package/dist/types/builder/interfaces/global.d.ts

@@ -0,0 +1,27 @@
+import "./cms-tools";
+export interface FontSizeValues {
+    px: number[];
+    rem: number[];
+}
+export interface DefaultFontSizes {
+    fontSize: FontSizeValues | any;
+    lineHeight: FontSizeValues | any;
+}
+export interface UtilsInterface {
+    defaultFontSizes: DefaultFontSizes;
+}
+export interface CSSUnitOption {
+    id: number;
+    label: string;
+    value: number;
+}
+export interface SizeInterface {
+    inline?: number | 0;
+    block?: number | 0;
+}
+export interface CMSInsetInterface {
+    top?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    left?: string | number;
+}

package/dist/types/builder/utilities/global.d.ts

@@ -0,0 +1,6 @@
+import { CSSUnitOption } from "../interfaces/global";
+export declare const CSSUnits: CSSUnitOption[];
+export declare const stylesToString: (styles: any) => string;
+export declare const loadNAppendStyleTag: (styleEle: any, id: string | number, parentEle?: null | any) => void;
+declare const commonFunctions: any;
+export default commonFunctions;

package/dist/types/css/cssVariables.d.ts

@@ -0,0 +1,7 @@
+export declare function convertCamelCaseToCssProperties(inputString: string): string;
+export declare function getCSSVariable(cssProperty: string): string;
+declare const cssFunctions: {
+    getCSSVariable: typeof getCSSVariable;
+    convertCamelCaseToCssProperties: typeof convertCamelCaseToCssProperties;
+};
+export default cssFunctions;

package/dist/types/export.d.ts

@@ -0,0 +1,3 @@
+export { default as HTMLElements } from "./html-elements/elements";
+export { default as cssFunctions } from "./css/cssVariables";
+export { default as CMSSvgIcons } from "./icons/cms-svg-icons";

package/dist/types/global/attributes.d.ts

@@ -0,0 +1,125 @@
+/// <reference types="react" />
+export interface CMSHTMLAttributes {
+    accept?: string;
+    acceptCharset?: string;
+    accessKey?: string;
+    action?: string;
+    allowFullScreen?: boolean;
+    allowTransparency?: boolean;
+    alt?: string;
+    async?: boolean;
+    autoComplete?: string;
+    autoFocus?: boolean;
+    autoPlay?: boolean;
+    capture?: boolean | string;
+    cellPadding?: number | string;
+    cellSpacing?: number | string;
+    charSet?: string;
+    challenge?: string;
+    checked?: boolean;
+    cite?: string;
+    classID?: string;
+    className?: string;
+    cols?: number;
+    colSpan?: number;
+    content?: string;
+    contentEditable?: boolean;
+    contextMenu?: string;
+    controls?: boolean;
+    coords?: string;
+    crossOrigin?: string;
+    data?: string;
+    dateTime?: string;
+    default?: boolean;
+    defer?: boolean;
+    dir?: string;
+    disabled?: boolean;
+    download?: any;
+    draggable?: boolean;
+    encType?: string;
+    form?: string;
+    formAction?: string;
+    formEncType?: string;
+    formMethod?: string;
+    formNoValidate?: boolean;
+    formTarget?: string;
+    frameBorder?: number | string;
+    headers?: string;
+    height?: number | string;
+    hidden?: boolean;
+    high?: number;
+    href?: string;
+    hrefLang?: string;
+    htmlFor?: string;
+    httpEquiv?: string;
+    icon?: string;
+    id?: string;
+    inputMode?: string;
+    integrity?: string;
+    is?: string;
+    keyParams?: string;
+    keyType?: string;
+    kind?: string;
+    label?: string;
+    lang?: string;
+    list?: string;
+    loop?: boolean;
+    low?: number;
+    manifest?: string;
+    marginHeight?: number;
+    marginWidth?: number;
+    max?: number | string;
+    maxLength?: number;
+    media?: string;
+    mediaGroup?: string;
+    method?: string;
+    min?: number | string;
+    minLength?: number;
+    multiple?: boolean;
+    muted?: boolean;
+    name?: string;
+    nonce?: string;
+    noValidate?: boolean;
+    open?: boolean;
+    optimum?: number;
+    pattern?: string;
+    placeholder?: string;
+    playsInline?: boolean;
+    poster?: string;
+    preload?: string;
+    readOnly?: boolean;
+    rel?: string;
+    required?: boolean;
+    reversed?: boolean;
+    rows?: number;
+    rowSpan?: number;
+    sandbox?: string;
+    scope?: string;
+    scoped?: boolean;
+    scrolling?: string;
+    seamless?: boolean;
+    selected?: boolean;
+    shape?: string;
+    size?: number;
+    sizes?: string;
+    span?: number;
+    spellCheck?: boolean;
+    src?: string;
+    srcDoc?: string;
+    srcLang?: string;
+    srcSet?: string;
+    start?: number;
+    step?: number | string;
+    style?: React.CSSProperties;
+    summary?: string;
+    tabIndex?: number;
+    target?: string;
+    title?: string;
+    type?: string;
+    useMap?: string;
+    value?: string | string[] | number;
+    width?: number | string;
+    wmode?: string;
+    wrap?: string;
+    [key: string]: any;
+}

package/dist/types/global/style-properties.d.ts

@@ -0,0 +1,47 @@
+import { AlignItemsValue, AlignSelfValue, BackgroundRepeatValue, BackgroundSizeValue, CursorValue, DisplayValue, FlexDirectionValue, FlexWrapValue, FontWeightValue, JustifyContentValue, JustifySelfValue, MarginValue, OverflowValue, PositionValue, TextAlignValue, VisibilityValue } from "./types";
+export interface CommonStyleProperties {
+    color?: string;
+    fontSize?: string;
+    fontWeight?: FontWeightValue;
+    lineHeight?: string | number;
+    fontFamily?: string;
+    textAlign?: TextAlignValue;
+    textDecoration?: string;
+    letterSpacing?: string;
+    backgroundColor?: string;
+    backgroundImage?: string;
+    backgroundSize?: BackgroundSizeValue;
+    backgroundRepeat?: BackgroundRepeatValue;
+    backgroundPosition?: string;
+    display?: DisplayValue;
+    width?: string | number;
+    height?: string | number;
+    margin?: string | number;
+    padding?: string | number;
+    border?: string;
+    borderRadius?: string | number;
+    overflow?: OverflowValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    flexDirection?: FlexDirectionValue;
+    justifyContent?: JustifyContentValue;
+    alignItems?: AlignItemsValue;
+    flexWrap?: FlexWrapValue;
+    flex?: string | number;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+    position?: PositionValue;
+    top?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    left?: string | number;
+    zIndex?: number;
+    opacity?: number;
+    boxShadow?: string;
+    cursor?: CursorValue;
+    transition?: string;
+    transform?: string;
+    visibility?: VisibilityValue;
+}

package/dist/types/global/types.d.ts

@@ -0,0 +1,30 @@
+export type AlignItemsValue = "flex-start" | "flex-end" | "center" | "baseline" | "stretch" | "start" | "end" | string;
+export type AlignSelfValue = "auto" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch" | "start" | "end" | string;
+export type BackgroundRepeatValue = "repeat" | "repeat-x" | "repeat-y" | "no-repeat" | "space" | "round" | string;
+export type BackgroundSizeValue = "auto" | "cover" | "contain" | string;
+export type CursorValue = "auto" | "default" | "none" | "pointer" | "wait" | "text" | "move" | "help" | "progress" | "not-allowed" | "context-menu" | "cell" | "crosshair" | "alias" | "copy" | "grab" | "grabbing" | string;
+export type DisplayValue = "block" | "inline" | "inline-block" | "flex" | "grid" | "none" | "list-item" | "run-in" | "table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | string;
+export type FlexDirectionValue = "row" | "row-reverse" | "column" | "column-reverse" | string;
+export type FlexWrapValue = "nowrap" | "wrap" | "wrap-reverse" | string;
+export type FontWeightValue = "normal" | "bold" | "bolder" | "lighter" | string;
+export type JustifyContentValue = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | "start" | "end" | "left" | "right" | string;
+export type JustifySelfValue = "auto" | "start" | "end" | "center" | "stretch" | "baseline" | string;
+export type MarginValue = string | string;
+export type OverflowValue = "visible" | "hidden" | "scroll" | "auto" | string;
+export type PositionValue = "static" | "relative" | "absolute" | "fixed" | "sticky" | string;
+export type TextAlignValue = "left" | "right" | "center" | "justify" | "start" | "end" | string;
+export type VisibilityValue = "visible" | "hidden" | "collapse" | string;
+export type MinHeightValue = string | number;
+export type MinWidthValue = string | number;
+export type HeightValue = string | number;
+export type WidthValue = string | number;
+export type MaxHeightValue = string | number;
+export type MaxWidthValue = string | number;
+export type GridAreaValue = string;
+export type BoxSizingValue = "border-box" | "content-box" | string;
+export type PaddingValue = string | number;
+export type ResponsiveBehaviourTypes = "proportional-scaling" | "fixed-height" | "fit-to-screen" | string | number;
+export type SizeTypeValue = "inline" | "block" | string;
+export type GlobalImageAttributes = "src" | "alt" | "width" | "height" | "loading" | "crossOrigin" | "referrerPolicy";
+export type GlobalTextAttributes = "lang" | "dir" | "title" | "aria-label" | "aria-hidden" | "aria-live" | "tabIndex" | "role";
+export type ImageBuilderAttributes = "dataDivType" | "dataType" | "dataElementType" | "dataWidgetType";