@omnia/fx 8.0.54-vnext → 8.0.56-vnext

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutItemselector/LayoutItemSelector.d.ts

@@ -6,8 +6,8 @@ declare const _default: {
         $props: {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
             readonly small?: boolean;
             style?: unknown;
@@ -112,8 +112,8 @@ declare const _default: {
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -210,15 +210,15 @@ declare const _default: {
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     container?: any;
     blueprint?: any;
-    colorSchemaType?: any;
     blueprintType?: any;
+    colorSchemaType?: any;
     colors?: any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
         blueprint?: any;
-        colorSchemaType?: any;
         blueprintType?: any;
+        colorSchemaType?: any;
         colors?: any;
     } & {
         small?: boolean;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutBlock.css.d.ts

@@ -1,3 +1,4 @@
+import { useSharedRendererFunctions, useSharedRendererStyles } from "../../";
 import { BlockLayoutSettings, ColorDefinition, SectionSettings } from "../../../../models";
 import { useColorSchemaStore } from "../../..";
 /**
@@ -6,9 +7,9 @@ import { useColorSchemaStore } from "../../..";
 export declare const LayoutBlockStyles: {
     contentMode: {};
     layoutMode: {
-        container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings, colors: ReturnType<typeof useColorSchemaStore>) => string;
+        container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings, colors: ReturnType<typeof useColorSchemaStore>, sharedRendererFunctions: ReturnType<typeof useSharedRendererFunctions>) => string;
         general: string;
-        blockPadding: (blockSettings: BlockLayoutSettings) => string;
+        blockPadding: (blockSettings: BlockLayoutSettings, sharedRendererFunctions: ReturnType<typeof useSharedRendererFunctions>, sharedRendererStyles: ReturnType<typeof useSharedRendererStyles>) => string;
         selectedMarkup: (baseColor: ColorDefinition, blockSettings: BlockLayoutSettings, fixedMargin: boolean) => string;
         toolbar: string;
         positionItemSelectorOnBorderTop: string;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutBlock.d.ts

@@ -14,8 +14,8 @@ declare const _default: {
         $props: {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
             readonly block?: Block;
             style?: unknown;
@@ -118,8 +118,8 @@ declare const _default: {
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -214,15 +214,15 @@ declare const _default: {
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     container?: any;
     blueprint?: any;
-    colorSchemaType?: any;
     blueprintType?: any;
+    colorSchemaType?: any;
     colors?: any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
         blueprint?: any;
-        colorSchemaType?: any;
         blueprintType?: any;
+        colorSchemaType?: any;
         colors?: any;
     } & {
         block?: Block;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutColumn.d.ts

@@ -6,13 +6,12 @@ declare const _default: {
         $props: {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
             style?: unknown;
             class?: unknown;
             key?: string | number | symbol;
-            readonly column?: SectionItem<ColumnedSectionItemSettings>;
             readonly themeTargetId?: string;
             readonly "theme-target-id"?: string;
             ref?: import("vue").VNodeRef;
@@ -56,6 +55,7 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
+            readonly column?: SectionItem<ColumnedSectionItemSettings>;
             readonly settings?: SectionSettings;
             readonly layoutId?: string;
             readonly "layout-id"?: string;
@@ -120,8 +120,8 @@ declare const _default: {
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -230,20 +230,20 @@ declare const _default: {
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     container?: any;
     blueprint?: any;
-    colorSchemaType?: any;
     blueprintType?: any;
+    colorSchemaType?: any;
     colors?: any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
         blueprint?: any;
-        colorSchemaType?: any;
         blueprintType?: any;
+        colorSchemaType?: any;
         colors?: any;
     } & {
-        column?: SectionItem<ColumnedSectionItemSettings>;
         themeTargetId?: string;
         "theme-target-id"?: string;
+        column?: SectionItem<ColumnedSectionItemSettings>;
         settings?: SectionSettings;
         layoutId?: string;
         "layout-id"?: string;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutSection.d.ts

@@ -13,8 +13,8 @@ declare const _default: {
         $props: {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
             readonly section?: Section<import("@omnia/fx-models").SectionSettings>;
             style?: unknown;
@@ -121,8 +121,8 @@ declare const _default: {
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -221,15 +221,15 @@ declare const _default: {
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     container?: any;
     blueprint?: any;
-    colorSchemaType?: any;
     blueprintType?: any;
+    colorSchemaType?: any;
     colors?: any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
         blueprint?: any;
-        colorSchemaType?: any;
         blueprintType?: any;
+        colorSchemaType?: any;
         colors?: any;
     } & {
         section?: Section<import("@omnia/fx-models").SectionSettings>;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutSectionTab.d.ts

@@ -19,6 +19,8 @@ export declare class LayoutSectionTab extends VueComponentBase<LayoutSectionTabP
     private selectedTabIndex;
     private selectedAccordionIndex;
     private VK_ENTER;
+    private sharedRendererFunctions;
+    private sharedRendererStyles;
     created(): void;
     get selectingTab(): SectionItem<TabbedSectionItemSettings>;
     onSelectTab(index: number): void;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutStep.d.ts

@@ -17,6 +17,7 @@ export declare class LayoutStep extends VueComponentBase<StepProps> {
     tabState: object;
     layoutEditorStore: LayoutCanvasStore;
     mediaPickerService: MediaPickerService;
+    private sharedRendererStyles;
     private get backgroundImage();
     /**
     * Function to render the columns

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutTab.d.ts

@@ -17,6 +17,7 @@ export declare class LayoutTab extends VueComponentBase<TabProps> {
     tabState: object;
     layoutEditorStore: LayoutCanvasStore;
     mediaPickerService: MediaPickerService;
+    private sharedRendererStyles;
     private get backgroundImage();
     /**
     * Function to render the columns

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/ColorSettings.d.ts

@@ -63,9 +63,9 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly "v-model"?: ColorValue;
-            readonly modelValue?: ColorValue;
             "onUpdate:modelValue"?: ((value: ColorValue) => any) & ((value: ColorValue) => any);
+            readonly modelValue?: ColorValue;
+            readonly "v-model"?: ColorValue;
         };
         $attrs: {
             [x: string]: unknown;
@@ -152,9 +152,9 @@ declare const _default: {
     "update:modelValue": (value: ColorValue) => true;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        "v-model"?: ColorValue;
-        modelValue?: ColorValue;
         "onUpdate:modelValue"?: (value: ColorValue) => any;
+        modelValue?: ColorValue;
+        "v-model"?: ColorValue;
     }>, "onUpdate:modelValue"> & {
         "onUpdate:modelValue"?: (value: ColorValue) => any;
     };

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/TemplatePreview.d.ts

@@ -5,8 +5,8 @@ declare const _default: {
         $props: {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
             style?: unknown;
             class?: unknown;
@@ -75,8 +75,8 @@ declare const _default: {
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -117,15 +117,15 @@ declare const _default: {
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     container?: any;
     blueprint?: any;
-    colorSchemaType?: any;
     blueprintType?: any;
+    colorSchemaType?: any;
     colors?: any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
         blueprint?: any;
-        colorSchemaType?: any;
         blueprintType?: any;
+        colorSchemaType?: any;
         colors?: any;
     } & {}>, never>;
 };

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/blocktitle/BlockTitle.d.ts

@@ -6,8 +6,8 @@ declare const _default: {
         $props: {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
             readonly title?: string;
             style?: unknown;
@@ -112,8 +112,8 @@ declare const _default: {
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -210,15 +210,15 @@ declare const _default: {
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     container?: any;
     blueprint?: any;
-    colorSchemaType?: any;
     blueprintType?: any;
+    colorSchemaType?: any;
     colors?: any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
         blueprint?: any;
-        colorSchemaType?: any;
         blueprintType?: any;
+        colorSchemaType?: any;
         colors?: any;
     } & {
         title?: string;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/items/StepListingSettingsPanel.d.ts

@@ -111,9 +111,6 @@ declare const _default: {
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         section?: Section<StepperSectionSettings>;
-    }>, never>; /**
-      * Render
-      * @param h
-      */
+    }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/targetselector/TargetSelector.d.ts

@@ -14,8 +14,8 @@ declare const _default: {
         $props: {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
             readonly small?: boolean;
             style?: unknown;
@@ -114,8 +114,8 @@ declare const _default: {
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -202,15 +202,15 @@ declare const _default: {
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     container?: any;
     blueprint?: any;
-    colorSchemaType?: any;
     blueprintType?: any;
+    colorSchemaType?: any;
     colors?: any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
         blueprint?: any;
-        colorSchemaType?: any;
         blueprintType?: any;
+        colorSchemaType?: any;
         colors?: any;
     } & {
         small?: boolean;

package/internal-do-not-import-from-here/ux/layoutcanvas/index.d.ts

@@ -3,3 +3,4 @@ export * from "./rules";
 export * from "./shared";
 export * from "./stores";
 import "./apis/Registration";
+export * from "./velcron_definitions";

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutColumnRenderer.d.ts

@@ -14,7 +14,6 @@ declare const _default: {
             style?: unknown;
             class?: unknown;
             key?: string | number | symbol;
-            readonly column?: SectionItem<ColumnedSectionItemSettings>;
             readonly themeTargetId?: string;
             readonly "theme-target-id"?: string;
             ref?: import("vue").VNodeRef;
@@ -58,6 +57,7 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
+            readonly column?: SectionItem<ColumnedSectionItemSettings>;
             readonly settings?: SectionSettings;
             readonly layoutId?: string;
             readonly "layout-id"?: string;
@@ -190,9 +190,9 @@ declare const _default: {
     };
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        column?: SectionItem<ColumnedSectionItemSettings>;
         themeTargetId?: string;
         "theme-target-id"?: string;
+        column?: SectionItem<ColumnedSectionItemSettings>;
         settings?: SectionSettings;
         layoutId?: string;
         "layout-id"?: string;

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutTabRenderer.d.ts

@@ -7,7 +7,6 @@ declare const _default: {
             style?: unknown;
             class?: unknown;
             key?: string | number | symbol;
-            readonly tab?: SectionItem<TabbedSectionItemSettings>;
             readonly themeTargetId?: string;
             readonly "theme-target-id"?: string;
             ref?: import("vue").VNodeRef;
@@ -51,6 +50,7 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
+            readonly tab?: SectionItem<TabbedSectionItemSettings>;
             readonly settings?: SectionSettings;
             readonly designRender?: boolean;
             readonly "design-render"?: boolean;
@@ -203,9 +203,9 @@ declare const _default: {
     };
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        tab?: SectionItem<TabbedSectionItemSettings>;
         themeTargetId?: string;
         "theme-target-id"?: string;
+        tab?: SectionItem<TabbedSectionItemSettings>;
         settings?: SectionSettings;
         designRender?: boolean;
         "design-render"?: boolean;

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/LayerIndex.d.ts

@@ -0,0 +1,7 @@
+export declare const LayerIndex: {
+    blade: number;
+    contentNavigation: number;
+    itemselector: number;
+    actionToolbar: number;
+    informationIcon: number;
+};

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/SharedRendererFunctions.d.ts

@@ -1,36 +1,16 @@
-import { Section, BlockLayoutSettings, SectionSettings, TabbedSectionSettings } from "../../../../models";
-import { ITheming } from "../../../theming";
-import { ITheme } from "../../..";
+import { ITheming } from "@omnia/fx/ux";
+import { Section, BlockLayoutSettings, SectionSettings, TabbedSectionSettings } from "@omnia/fx/models";
 /**
  * Shared renderers functions
  * */
-export declare const SharedRendererFunctions: {
+export declare function useSharedRendererFunctions(): {
     block: {
-        calculateMargin(sectionSettings: SectionSettings): string;
-        safeGetValue(value: any): number;
-        calculatePadding(blockSettings: BlockLayoutSettings): string;
+        calculateMargin: (sectionSettings: SectionSettings) => string;
+        calculatePadding: (blockSettings: BlockLayoutSettings) => string;
     };
     section: {
-        /**
-         * Gets the alignment settings for positioning the layout
-         * */
-        getAlignmentSettings(section: Section): string;
-        /**
-         * Gets the text color for the tab
-         * */
-        getTabTextColor(tabSettings: TabbedSectionSettings, active: boolean, theming: ITheming): string;
-        /**
-         * Checks if all columns are empty without any blocks
-         * */
-        allColumnsAreEmpty(section: Section): boolean;
+        getAlignmentSettings: (section: Section) => string;
+        getTabTextColor: (tabSettings: TabbedSectionSettings, active: boolean, theming: ITheming) => string;
+        allColumnsAreEmpty: (section: Section) => boolean;
     };
-    column: {};
-    layerIndex: {
-        blade: number;
-        contentNavigation: number;
-        itemselector: number;
-        actionToolbar: number;
-        informationIcon: number;
-    };
-    editorTheme: () => ITheme;
 };

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/SharedRendererStyles.css.d.ts

@@ -2,29 +2,29 @@ import { types } from "typestyle";
 import { BlockLayoutSettings, DisplayBreakPoint, BackgroundSettings, LayoutSettings, ThemeStyling, SpacingSettings, SectionSettings, ColumnedSectionItemSettings, TabbedSectionSettings, AccordionedSectionSettings, LayoutItem } from "../../../../models";
 import { NestedCSSProperties } from "typestyle/lib/types";
 import { useThemeStoreV2 } from "@omnia/fx/ux";
-export declare const SharedRendererStyles: {
+export declare function useSharedRendererStyles(): {
     common: {
         chrome_boxed: string;
         getElevationClass: (settings: BackgroundSettings, theme: ThemeStyling) => string;
-        setPageBackground: (settings: LayoutSettings, backgroundUrl: string, elementId: string, themeStoreV2: ReturnType<typeof useThemeStoreV2>, themeStyling?: ThemeStyling) => void;
         getBackgroundClasses: (settings: BackgroundSettings, backgroundUrl: string, backgroundColor?: any, themeStyling?: ThemeStyling) => string;
-        useThemeStyling(settings: BackgroundSettings, themeStyling?: ThemeStyling): boolean;
+        setPageBackground: (settings: LayoutSettings, backgroundUrl: string, elementId: string, themeStoreV2: ReturnType<typeof useThemeStoreV2>, themeStyling?: ThemeStyling) => void;
         getBackgroundStyle: (settings: BackgroundSettings, backgroundUrl: string, backgroundColor?: any, themeStyling?: ThemeStyling) => types.NestedCSSProperties;
-        hasNoImageOrBackgroundColor(settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any): boolean;
-        hasNoImageAndNoOverflow(settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any): boolean;
-        getBackgroundBeforeStyling(settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any): types.NestedCSSSelectors;
+        useThemeStyling: (settings: BackgroundSettings, themeStyling?: ThemeStyling) => boolean;
+        hasNoImageOrBackgroundColor: (settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any) => boolean;
+        hasNoImageAndNoOverflow: (settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any) => boolean;
+        getBackgroundBeforeStyling: (settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any) => types.NestedCSSSelectors;
     };
     block: {
-        createMediaBreakPointForDevice(blockSettings: BlockLayoutSettings, deviceBreakPoint: DisplayBreakPoint): types.NestedCSSProperties;
+        createMediaBreakPointForDevice: (blockSettings: BlockLayoutSettings, deviceBreakPoint: DisplayBreakPoint) => types.NestedCSSProperties;
         container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings) => string;
         clickProtectionOverlay: string;
-        createMediaBreakPointBlockForDevice(blockSettings: BlockLayoutSettings, deviceBreakPoint: DisplayBreakPoint): types.NestedCSSProperties;
+        createMediaBreakPointBlockForDevice: (blockSettings: BlockLayoutSettings, deviceBreakPoint: DisplayBreakPoint) => types.NestedCSSProperties;
     };
     column: {
-        getStylesFromSettings(columnSettings: ColumnedSectionItemSettings, backgroundUrl: string, sectionSettings: SectionSettings): string;
-        getStylesForMarginCollaps(sectionSettings: SectionSettings): string;
-        container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings) => string;
+        getStylesFromSettings: (columnSettings: ColumnedSectionItemSettings, backgroundUrl: string, sectionSettings: SectionSettings) => string;
+        getStylesForMarginCollaps: (sectionSettings: SectionSettings) => string;
         hideContainer: (items: Array<LayoutItem>, isEditMode: boolean) => string;
+        container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings) => string;
         triggerHideContainer: (isEditMode: boolean, isHidden: boolean) => string;
     };
     section: {
@@ -34,9 +34,9 @@ export declare const SharedRendererStyles: {
         getStyleStringForTitle: (settings: SectionSettings) => string;
         adjustScrollCompensation: (extra: number) => void;
         getStylesFromSettings: (settings: SectionSettings, useScrollMargingFix: boolean) => string;
-        getStylesForSpacingInContainer(sectionSettings: SectionSettings, fullHeight: boolean): string;
-        createMediaBreakPointForDevice(sectionSettings: SectionSettings, deviceBreakPoint: DisplayBreakPoint): types.NestedCSSProperties;
-        getStylesForMarginCollapsAndSpacing(sectionSettings: SectionSettings): string;
+        getStylesForSpacingInContainer: (sectionSettings: SectionSettings, fullHeight: boolean) => string;
+        createMediaBreakPointForDevice: (sectionSettings: SectionSettings, deviceBreakPoint: DisplayBreakPoint) => types.NestedCSSProperties;
+        getStylesForMarginCollapsAndSpacing: (sectionSettings: SectionSettings) => string;
     };
     tabs: {
         tabWrapper: string;
@@ -44,6 +44,7 @@ export declare const SharedRendererStyles: {
         createTabItemStyling: (settings: TabbedSectionSettings, index: number, items: number, hasIcon: boolean) => string;
         accordionWrapper: (settings: AccordionedSectionSettings, spacing: SpacingSettings) => string;
         createColorSchemaForTabs: (settings: TabbedSectionSettings) => string;
+        tabContentWrapper: (iconAndText: boolean) => string;
         stepper: {
             wrapper: string;
             header: string;
@@ -64,6 +65,5 @@ export declare const SharedRendererStyles: {
             };
             horizontalContentItems: (inEditor: boolean) => string;
         };
-        tabContentWrapper: (iconAndText: boolean) => string;
     };
 };

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./SharedRendererFunctions";
 export * from "./SharedRendererStyles.css";
 export * from "./LayoutSectionContainerHelper";
+export * from "./LayerIndex";

package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/cards/Image_top.d.ts

@@ -0,0 +1,2 @@
+import { VelcronDefinitionRegistration } from "@omnia/fx-models";
+export declare const Card_Image_Top: VelcronDefinitionRegistration<object>;

package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/cards/index.d.ts

@@ -0,0 +1 @@
+export * from "./Image_top";

package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/{contentblocks.d.ts → content/Contentblocks.d.ts}

@@ -1,5 +1,4 @@
 import { VelcronDefinitionRegistration } from "@omnia/fx-models";
-export declare const ContentBlockDefinition_text: VelcronDefinitionRegistration<object>;
 export declare const ContentBlockDefinition_text_image_left: VelcronDefinitionRegistration<object>;
 export declare const ContentBlockDefinition_text_image_right: VelcronDefinitionRegistration<object>;
 export declare const ContentBlockDefinition_text_content_center: VelcronDefinitionRegistration<object>;

package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/content/Image.d.ts

@@ -0,0 +1,2 @@
+import { VelcronDefinitionRegistration } from "@omnia/fx-models";
+export declare const Content_Image_Caption: VelcronDefinitionRegistration<object>;

package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/content/Image_left_text.d.ts

@@ -0,0 +1,2 @@
+import { VelcronDefinitionRegistration } from "@omnia/fx-models";
+export declare const Content_Image_Left: VelcronDefinitionRegistration<object>;

package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/content/Image_right_text.d.ts

@@ -0,0 +1,2 @@
+import { VelcronDefinitionRegistration } from "@omnia/fx-models";
+export declare const Content_Image_Right: VelcronDefinitionRegistration<object>;

package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/content/Text_Quote.d.ts

@@ -0,0 +1,2 @@
+import { VelcronDefinitionRegistration } from "@omnia/fx-models";
+export declare const Content_Text_Quote: VelcronDefinitionRegistration<object>;

package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/content/Text_only.d.ts

@@ -0,0 +1,2 @@
+import { VelcronDefinitionRegistration } from "@omnia/fx-models";
+export declare const Content_Section_Text_Only: VelcronDefinitionRegistration<object>;

package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/content/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Image_left_text";
+export * from "./Text_only";
+export * from "./Image";

package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/headers/Pageheader.d.ts

@@ -0,0 +1,2 @@
+import { VelcronDefinitionRegistration } from "@omnia/fx-models";
+export declare const PageHeaderDefinition_Large_Header: VelcronDefinitionRegistration<object>;

package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/headers/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Blockheaders";
+export * from "./Pageheader";

package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/index.d.ts

@@ -1,2 +1 @@
-export * from "./blockheaders";
-export * from "./contentblocks";
+export * from "./useVelcronDefinitionTemplates";

package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/useVelcronDefinitionTemplates.d.ts

@@ -0,0 +1,22 @@
+export declare function useVelcronDefinitionTemplates(): {
+    headers: {
+        block: {
+            icon_left: import("@omnia/fx-models").VelcronDefinitionRegistration<object>;
+            icon_right: import("@omnia/fx-models").VelcronDefinitionRegistration<object>;
+        };
+        page: {
+            large: import("@omnia/fx-models").VelcronDefinitionRegistration<object>;
+        };
+    };
+    content: {
+        text: import("@omnia/fx-models").VelcronDefinitionRegistration<object>;
+        text_quote: import("@omnia/fx-models").VelcronDefinitionRegistration<object>;
+        image_left: import("@omnia/fx-models").VelcronDefinitionRegistration<object>;
+        image_right: import("@omnia/fx-models").VelcronDefinitionRegistration<object>;
+        image_withCaption: import("@omnia/fx-models").VelcronDefinitionRegistration<object>;
+    };
+    general: {};
+    cards: {
+        image_top: import("@omnia/fx-models").VelcronDefinitionRegistration<object>;
+    };
+};