@omnia/fx-models 8.0.18-vnext → 8.0.19-dev

package/internal-do-not-import-from-here/shared/models/theming/BlueprintDefinition.d.ts

@@ -1,30 +1,69 @@
+import { VelcronAppDefinition } from "@omnia/fx-models";
 import { Guid } from "../Guid";
-export interface BoxDimensions {
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
+import { SpacingDefinition, SpacingSettings } from "./SpacingSetting";
+import { ColorSchemaType, ColorSchemaTypes, ColorType } from "./ThemeDefinitionV2";
+import { TypographyDefinition } from "./TypographyDefinition";
+export interface BoxDimensions extends SpacingSettings {
 }
-export interface BoxBorder extends BoxDimensions {
-    color: string;
+export interface BluePrintDefinitions {
+    default: BlueprintDefinition;
+    variant1: BlueprintDefinition;
+    variant2: BlueprintDefinition;
+    variant3: BlueprintDefinition;
 }
-export interface BlueprintDefinition {
-    id: Guid;
-    button?: {
-        borderRadius?: BoxDimensions;
-    };
-    card?: {
-        border?: BoxBorder;
-        borderRadius?: BoxDimensions;
-    };
-    image?: {
-        borderRadius?: BoxDimensions;
+export type WebBlueprintDefintionType = "button" | "block" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+export declare enum WebBlueprintDefintionTypes {
+    button = "button",
+    block = "block",
+    typography = "typography",
+    searchbox = "searchbox",
+    layoutspacing = "layout-spacing",
+    innerspacing = "inner-spacing"
+}
+export type VelcronBlueprintDefintionType = "button" | "typography" | "inner-spacing";
+export declare enum VelcronBlueprintDefintionTypes {
+    button = "button",
+    typography = "typography",
+    innerspacing = "inner-spacing"
+}
+export interface BlueprintItemDefinition {
+    type: VelcronBlueprintDefintionType | WebBlueprintDefintionType;
+}
+export interface BlockBlueprint extends BlueprintItemDefinition {
+    type: "block";
+    header: {
+        definitionId: Guid;
+        definition?: VelcronAppDefinition;
     };
-    chip?: {
-        borderRadius?: BoxDimensions;
+    colors: {
+        colorSchemaType?: ColorSchemaTypes | ColorSchemaType;
     };
-    icon?: {
+    styles: {
+        spacing?: SpacingSettings;
+        elevation?: number;
         borderRadius?: BoxDimensions;
-        round?: boolean;
+        border?: BoxDimensions;
+        borderColor?: {
+            colorType: ColorType;
+            toned?: boolean;
+        };
     };
 }
+export interface SpacingBlueprint {
+    type: "layout-spacing" | "inner-spacing";
+    definition: SpacingDefinition;
+}
+export interface TypographyBlueprint extends BlueprintItemDefinition {
+    type: "typography";
+    definition: TypographyDefinition;
+}
+export interface SearchBoxBlueprint extends BlueprintItemDefinition {
+    type: "searchbox";
+    borderRadius?: BoxDimensions;
+    variant?: "outlined" | "solo" | "regular" | "plain" | "underlined";
+}
+export interface BlueprintDefinition {
+    id: Guid;
+    name: string;
+    definitions: Array<BlueprintItemDefinition>;
+}

package/internal-do-not-import-from-here/shared/models/theming/BlueprintDefinition.js

@@ -1,2 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.VelcronBlueprintDefintionTypes = exports.WebBlueprintDefintionTypes = void 0;
+var WebBlueprintDefintionTypes;
+(function (WebBlueprintDefintionTypes) {
+    WebBlueprintDefintionTypes["button"] = "button";
+    WebBlueprintDefintionTypes["block"] = "block";
+    WebBlueprintDefintionTypes["typography"] = "typography";
+    WebBlueprintDefintionTypes["searchbox"] = "searchbox";
+    WebBlueprintDefintionTypes["layoutspacing"] = "layout-spacing";
+    WebBlueprintDefintionTypes["innerspacing"] = "inner-spacing";
+})(WebBlueprintDefintionTypes = exports.WebBlueprintDefintionTypes || (exports.WebBlueprintDefintionTypes = {}));
+var VelcronBlueprintDefintionTypes;
+(function (VelcronBlueprintDefintionTypes) {
+    VelcronBlueprintDefintionTypes["button"] = "button";
+    VelcronBlueprintDefintionTypes["typography"] = "typography";
+    VelcronBlueprintDefintionTypes["innerspacing"] = "inner-spacing";
+})(VelcronBlueprintDefintionTypes = exports.VelcronBlueprintDefintionTypes || (exports.VelcronBlueprintDefintionTypes = {}));

package/internal-do-not-import-from-here/shared/models/theming/SharedBlueprintMethods.d.ts

@@ -0,0 +1,2 @@
+import { SpacingBlueprint } from "./BlueprintDefinition";
+export declare function getSpacingValueFromBlueprint(spacingValue: any, blueprint: SpacingBlueprint): number;

package/internal-do-not-import-from-here/shared/models/theming/SharedBlueprintMethods.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSpacingValueFromBlueprint = void 0;
+const SpacingSetting_1 = require("./SpacingSetting");
+function getSpacingValueFromBlueprint(spacingValue, blueprint) {
+    if (!spacingValue) {
+        return 0;
+    }
+    let negative = false;
+    let result = spacingValue;
+    if (isNaN(spacingValue) && blueprint?.definition) {
+        if (spacingValue.startsWith("-")) {
+            negative = true;
+        }
+        spacingValue = spacingValue.replace("-", "");
+        if (spacingValue === SpacingSetting_1.SpacingTypes.xs) {
+            result = blueprint.definition.xs;
+        }
+        else if (spacingValue === SpacingSetting_1.SpacingTypes.s) {
+            result = blueprint.definition.s;
+        }
+        else if (spacingValue === SpacingSetting_1.SpacingTypes.m) {
+            result = blueprint.definition.m;
+        }
+        else if (spacingValue === SpacingSetting_1.SpacingTypes.l) {
+            result = blueprint.definition.l;
+        }
+        else if (spacingValue === SpacingSetting_1.SpacingTypes.xl) {
+            result = blueprint.definition.xl;
+        }
+        else {
+            result = 0;
+        }
+    }
+    return negative ? -result : result;
+}
+exports.getSpacingValueFromBlueprint = getSpacingValueFromBlueprint;

package/internal-do-not-import-from-here/shared/models/theming/SharedColorMethods.d.ts

@@ -0,0 +1 @@
+export declare function setColorOpacity(color: any, opacity: any): any;

package/internal-do-not-import-from-here/shared/models/theming/SharedColorMethods.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setColorOpacity = void 0;
+function setColorOpacity(color, opacity) {
+    function getRGBValues(color) {
+        const tmpColor = color.replace("rgba", "rgb");
+        return tmpColor.substring(4, tmpColor.length - 1)
+            .replace(/ /g, "")
+            .split(",");
+    }
+    function getRGBValuesFromHex(color) {
+        const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(color);
+        if (result) {
+            return [
+                parseInt(result[1], 16),
+                parseInt(result[2], 16),
+                parseInt(result[3], 16)
+            ];
+        }
+    }
+    function isRGBColor(color) {
+        if (!color) {
+            return null;
+        }
+        if (color.indexOf("rgb") > -1) {
+            return true;
+        }
+        if (color.indexOf("rgba") > -1) {
+            return true;
+        }
+        return false;
+    }
+    let rgb = null;
+    if (!isRGBColor(color)) {
+        rgb = getRGBValuesFromHex(color);
+    }
+    else {
+        rgb = getRGBValues(color);
+    }
+    if (rgb) {
+        return `rgba(${rgb[0]},${rgb[1]},${rgb[2]},${opacity})`;
+    }
+    return color;
+}
+exports.setColorOpacity = setColorOpacity;

package/internal-do-not-import-from-here/shared/models/theming/SpacingSetting.d.ts

@@ -0,0 +1,23 @@
+import { Guid } from "../Guid";
+export interface SpacingSettings {
+    top: number | SpacingType;
+    right: number | SpacingType;
+    bottom: number | SpacingType;
+    left: number | SpacingType;
+}
+export interface SpacingDefinition {
+    id: Guid;
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+}
+export type SpacingType = "xs" | "s" | "m" | "l" | "xl";
+export declare enum SpacingTypes {
+    xs = "xs",
+    s = "s",
+    m = "m",
+    l = "l",
+    xl = "xl"
+}

package/internal-do-not-import-from-here/shared/models/theming/SpacingSetting.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SpacingTypes = void 0;
+var SpacingTypes;
+(function (SpacingTypes) {
+    SpacingTypes["xs"] = "xs";
+    SpacingTypes["s"] = "s";
+    SpacingTypes["m"] = "m";
+    SpacingTypes["l"] = "l";
+    SpacingTypes["xl"] = "xl";
+})(SpacingTypes = exports.SpacingTypes || (exports.SpacingTypes = {}));

package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts

@@ -1,6 +1,5 @@
 import { Guid } from "../Guid";
-import { BlueprintDefinition } from "./BlueprintDefinition";
-import { TypographyDefinition } from "./TypographyDefinition";
+import { BluePrintDefinitions } from "./BlueprintDefinition";
 export interface ColorTypeResult<resultType> {
     base: resultType;
     baseTone: resultType;
@@ -29,14 +28,7 @@ export interface ColorSchema {
     container: ColorDefinition;
     onContainer: ColorDefinition;
 }
-export interface ColorGroup {
-    dark: ColorSchema;
-    light: ColorSchema;
-}
-export interface ThemeDefinitionV2 {
-    id: Guid;
-    name: string;
-    dark: boolean;
+export interface ColorSchemas {
     primary: ColorSchema;
     secondary: ColorSchema;
     accent1: ColorSchema;
@@ -46,10 +38,19 @@ export interface ThemeDefinitionV2 {
     background: ColorSchema;
     error: ColorSchema;
     info: ColorSchema;
-    typography: TypographyDefinition;
-    blueprint: BlueprintDefinition;
 }
-export type ColorSchemaType = ColorSchemaTypes.primary | ColorSchemaTypes.secondary | ColorSchemaTypes.accent1 | ColorSchemaTypes.accent2 | ColorSchemaTypes.accent3 | ColorSchemaTypes.neutral | ColorSchemaTypes.background | ColorSchemaTypes.error | ColorSchemaTypes.info;
+export interface ColorGroup {
+    dark: ColorSchema;
+    light: ColorSchema;
+}
+export interface ThemeDefinitionV2 {
+    id: Guid;
+    name: string;
+    dark: boolean;
+    colors: ColorSchemas;
+    blueprints: BluePrintDefinitions;
+}
+export type ColorSchemaType = keyof typeof ColorSchemaTypes;
 export declare enum ColorSchemaTypes {
     primary = "primary",
     secondary = "secondary",
@@ -61,10 +62,21 @@ export declare enum ColorSchemaTypes {
     error = "error",
     info = "info"
 }
-export type ColorType = ColorTypes.base | ColorTypes.onBase | ColorTypes.container | ColorTypes.onContainer;
+export type BlueprintType = keyof typeof BlueprintTypes;
+export declare enum BlueprintTypes {
+    default = "default",
+    variant1 = "variant1",
+    variant2 = "variant2",
+    variant3 = "variant3"
+}
+export type ColorType = keyof typeof ColorTypes;
 export declare enum ColorTypes {
     base = "base",
     onBase = "onBase",
     container = "container",
     onContainer = "onContainer"
 }
+export interface ColorGradient {
+    color: string;
+    stop?: number;
+}

package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorTypes = exports.ColorSchemaTypes = void 0;
+exports.ColorTypes = exports.BlueprintTypes = exports.ColorSchemaTypes = void 0;
 var ColorSchemaTypes;
 (function (ColorSchemaTypes) {
     ColorSchemaTypes["primary"] = "primary";
@@ -13,14 +13,17 @@ var ColorSchemaTypes;
     ColorSchemaTypes["error"] = "error";
     ColorSchemaTypes["info"] = "info";
 })(ColorSchemaTypes = exports.ColorSchemaTypes || (exports.ColorSchemaTypes = {}));
+var BlueprintTypes;
+(function (BlueprintTypes) {
+    BlueprintTypes["default"] = "default";
+    BlueprintTypes["variant1"] = "variant1";
+    BlueprintTypes["variant2"] = "variant2";
+    BlueprintTypes["variant3"] = "variant3";
+})(BlueprintTypes = exports.BlueprintTypes || (exports.BlueprintTypes = {}));
 var ColorTypes;
 (function (ColorTypes) {
     ColorTypes["base"] = "base";
-    //baseTone = "baseTone",
     ColorTypes["onBase"] = "onBase";
-    //onBaseTone = "onBaseTone",
     ColorTypes["container"] = "container";
-    //containerTone = "containerTone",
     ColorTypes["onContainer"] = "onContainer";
-    //onContainerTone = "onContainerTone",
 })(ColorTypes = exports.ColorTypes || (exports.ColorTypes = {}));

package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.d.ts

@@ -1,12 +1,26 @@
 import { Guid } from "../Guid";
 export interface TypographyDefinition {
     id: Guid;
-    h1: TypographyTypeDefinition;
-    h2: TypographyTypeDefinition;
-    h3: TypographyTypeDefinition;
-    text: TypographyTypeDefinition;
-    caption: TypographyTypeDefinition;
-    link: TypographyTypeDefinition;
+    title: {
+        xl: TypographyTypeDefinition;
+        l: TypographyTypeDefinition;
+        m: TypographyTypeDefinition;
+        s: TypographyTypeDefinition;
+        xs: TypographyTypeDefinition;
+    };
+    text: {
+        l: TypographyTypeDefinition;
+        m: TypographyTypeDefinition;
+        s: TypographyTypeDefinition;
+        xs: TypographyTypeDefinition;
+    };
+    navigation: {
+        l: TypographyTypeDefinition;
+        m: TypographyTypeDefinition;
+    };
+    link: {
+        m: TypographyTypeDefinition;
+    };
 }
 export interface TypographyTypeDefinition {
     decoration?: string;
@@ -19,12 +33,17 @@ export interface TypographyTypeBreakPoint {
     size: number;
     lineHeight: number;
 }
-export type TypographyType = TypographyTypes.h1 | TypographyTypes.h2 | TypographyTypes.h3 | TypographyTypes.text | TypographyTypes.caption | TypographyTypes.link;
+export type TypographyType = keyof typeof TypographyTypes;
 export declare enum TypographyTypes {
-    h1 = "h1",
-    h2 = "h2",
-    h3 = "h3",
+    title = "title",
     text = "text",
-    caption = "caption",
-    link = "link"
+    navigation = "navigation"
+}
+export type TypographySize = keyof typeof TypographySizes;
+export declare enum TypographySizes {
+    xl = "xl",
+    l = "l",
+    m = "m",
+    s = "s",
+    xs = "xs"
 }

package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.js

@@ -1,12 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TypographyTypes = void 0;
+exports.TypographySizes = exports.TypographyTypes = void 0;
 var TypographyTypes;
 (function (TypographyTypes) {
-    TypographyTypes["h1"] = "h1";
-    TypographyTypes["h2"] = "h2";
-    TypographyTypes["h3"] = "h3";
+    TypographyTypes["title"] = "title";
     TypographyTypes["text"] = "text";
-    TypographyTypes["caption"] = "caption";
-    TypographyTypes["link"] = "link";
+    TypographyTypes["navigation"] = "navigation";
 })(TypographyTypes = exports.TypographyTypes || (exports.TypographyTypes = {}));
+var TypographySizes;
+(function (TypographySizes) {
+    TypographySizes["xl"] = "xl";
+    TypographySizes["l"] = "l";
+    TypographySizes["m"] = "m";
+    TypographySizes["s"] = "s";
+    TypographySizes["xs"] = "xs";
+})(TypographySizes = exports.TypographySizes || (exports.TypographySizes = {}));

package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.d.ts

@@ -1,8 +1,10 @@
-import { ColorDefinition, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ThemeDefinitionV2 } from "./ThemeDefinitionV2";
-import { TypographyType, TypographyTypeDefinition, TypographyTypes } from "./TypographyDefinition";
-export declare const useThemeMethods: (themedefinition: ThemeDefinitionV2) => {
-    colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => import("./ThemeDefinitionV2").ColorSchema;
-    typography: (typographyType: TypographyTypes | TypographyType) => TypographyTypeDefinition;
+import { BlueprintType, BlueprintTypes, ColorDefinition, ColorSchema, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes } from "./ThemeDefinitionV2";
+import { TypographySize, TypographySizes, TypographyType, TypographyTypeDefinition, TypographyTypes } from "./TypographyDefinition";
+import { BlueprintDefinition } from "./BlueprintDefinition";
+export declare function useThemeMethods(getThemeDefinition: () => any): {
+    colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => ColorSchema;
+    blueprint: (blueprintType: BlueprintTypes | BlueprintType) => BlueprintDefinition;
+    typography: (blueprintType: BlueprintTypes | BlueprintType, typographyType: TypographyTypes | TypographyType, size: TypographySize | TypographySizes) => TypographyTypeDefinition;
     color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
     colorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => ColorDefinition;
     complementaryColorType: (colorType: ColorTypes | ColorType) => ColorTypes;

package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.js

@@ -1,58 +1,66 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useThemeMethods = void 0;
+//import { ThemeDefinitionInstance } from "@omnia/fx/ux";
 const ThemeDefinitionV2_1 = require("./ThemeDefinitionV2");
 const TypographyDefinition_1 = require("./TypographyDefinition");
-const useThemeMethods = (themedefinition) => {
-    const colorSchema = (colorSchemaType) => {
+// temp change ThemeDefinitionInstance to any because fx/shared can't reference higher level fx/ux
+function useThemeMethods(getThemeDefinition) {
+    function colorSchema(colorSchemaType) {
         if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.primary) {
-            return themedefinition.primary;
+            return getThemeDefinition().colors.primary;
         }
         else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.secondary) {
-            return themedefinition.secondary;
+            return getThemeDefinition().colors.secondary;
         }
         else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.accent1) {
-            return themedefinition.accent1;
+            return getThemeDefinition().colors.accent1;
         }
         else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.accent2) {
-            return themedefinition.accent2;
+            return getThemeDefinition().colors.accent2;
         }
         else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.accent3) {
-            return themedefinition.accent3;
+            return getThemeDefinition().colors.accent3;
         }
         else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.background) {
-            return themedefinition.background;
+            return getThemeDefinition().colors.background;
         }
         else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.neutral) {
-            return themedefinition.neutral;
+            return getThemeDefinition().colors.neutral;
         }
         else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.error) {
-            return themedefinition.error;
+            return getThemeDefinition().colors.error;
         }
-        return themedefinition.background;
-    };
-    const typography = (typographyType) => {
-        if (typographyType === TypographyDefinition_1.TypographyTypes.h1) {
-            return themedefinition.typography.h1;
+        return getThemeDefinition().colors.background;
+    }
+    function blueprint(blueprintType) {
+        if (blueprintType === ThemeDefinitionV2_1.BlueprintTypes.default) {
+            return getThemeDefinition().blueprints.default;
         }
-        else if (typographyType === TypographyDefinition_1.TypographyTypes.h2) {
-            return themedefinition.typography.h2;
+        else if (blueprintType === ThemeDefinitionV2_1.BlueprintTypes.variant1) {
+            return getThemeDefinition().blueprints.variant1;
         }
-        else if (typographyType === TypographyDefinition_1.TypographyTypes.h3) {
-            return themedefinition.typography.h3;
+        else if (blueprintType === ThemeDefinitionV2_1.BlueprintTypes.variant2) {
+            return getThemeDefinition().blueprints.variant2;
         }
-        else if (typographyType === TypographyDefinition_1.TypographyTypes.caption) {
-            return themedefinition.typography.caption;
+        else if (blueprintType === ThemeDefinitionV2_1.BlueprintTypes.variant3) {
+            return getThemeDefinition().blueprints.variant3;
         }
-        else if (typographyType === TypographyDefinition_1.TypographyTypes.link) {
-            return themedefinition.typography.link;
+        return getThemeDefinition().blueprints.default;
+    }
+    function typography(blueprintType, typographyType, size) {
+        const typographyBlueprint = getThemeDefinition().blueprints[blueprintType].definitions.find(d => d.type === "typography");
+        if (typographyType === TypographyDefinition_1.TypographyTypes.text) {
+            return typographyBlueprint.definition.text[size];
         }
-        else if (typographyType === TypographyDefinition_1.TypographyTypes.text) {
-            return themedefinition.typography.text;
+        else if (typographyType === TypographyDefinition_1.TypographyTypes.title) {
+            return typographyBlueprint.definition.title[size];
         }
-        return themedefinition.typography.text;
-    };
-    const color = (colorSchemaType, colorType) => {
+        else if (typographyType === TypographyDefinition_1.TypographyTypes.navigation) {
+            return typographyBlueprint.definition[size];
+        }
+    }
+    function color(colorSchemaType, colorType) {
         const mappedColorSchema = colorSchema(colorSchemaType);
         if (colorType === ThemeDefinitionV2_1.ColorTypes.base) {
             return mappedColorSchema.base.color;
@@ -67,8 +75,8 @@ const useThemeMethods = (themedefinition) => {
             return mappedColorSchema.onContainer.color;
         }
         return colorType;
-    };
-    const colorDefinition = (colorSchemaType, colorType) => {
+    }
+    function colorDefinition(colorSchemaType, colorType) {
         const mappedColorSchema = colorSchema(colorSchemaType);
         if (colorType === ThemeDefinitionV2_1.ColorTypes.base) {
             return mappedColorSchema.base;
@@ -83,8 +91,8 @@ const useThemeMethods = (themedefinition) => {
             return mappedColorSchema.onContainer;
         }
         return mappedColorSchema.base;
-    };
-    const complementaryColorType = (colorType) => {
+    }
+    function complementaryColorType(colorType) {
         if (colorType === ThemeDefinitionV2_1.ColorTypes.base) {
             return ThemeDefinitionV2_1.ColorTypes.onBase;
         }
@@ -98,17 +106,18 @@ const useThemeMethods = (themedefinition) => {
             return ThemeDefinitionV2_1.ColorTypes.container;
         }
         return colorType;
-    };
-    const complementaryColor = (colorSchemaType, colorType) => {
+    }
+    function complementaryColor(colorSchemaType, colorType) {
         const matchingColorType = complementaryColorType(colorType);
         return color(colorSchemaType, matchingColorType);
-    };
-    const complementaryColorDefinition = (colorSchemaType, colorType) => {
+    }
+    function complementaryColorDefinition(colorSchemaType, colorType) {
         const matchingColorType = complementaryColorType(colorType);
         return colorDefinition(colorSchemaType, matchingColorType);
-    };
+    }
     return {
         colorSchema,
+        blueprint,
         typography,
         color,
         colorDefinition,
@@ -116,5 +125,5 @@ const useThemeMethods = (themedefinition) => {
         complementaryColor,
         complementaryColorDefinition,
     };
-};
+}
 exports.useThemeMethods = useThemeMethods;

package/internal-do-not-import-from-here/shared/models/theming/index.d.ts

@@ -2,3 +2,7 @@ export * from "./ThemeDefinitionV2";
 export * from "./TypographyDefinition";
 export * from "./OmniaThemes";
 export * from "./UseThemeMethods";
+export * from "./BlueprintDefinition";
+export * from "./SpacingSetting";
+export * from "./SharedBlueprintMethods";
+export * from "./SharedColorMethods";

package/internal-do-not-import-from-here/shared/models/theming/index.js

@@ -5,3 +5,7 @@ tslib_1.__exportStar(require("./ThemeDefinitionV2"), exports);
 tslib_1.__exportStar(require("./TypographyDefinition"), exports);
 tslib_1.__exportStar(require("./OmniaThemes"), exports);
 tslib_1.__exportStar(require("./UseThemeMethods"), exports);
+tslib_1.__exportStar(require("./BlueprintDefinition"), exports);
+tslib_1.__exportStar(require("./SpacingSetting"), exports);
+tslib_1.__exportStar(require("./SharedBlueprintMethods"), exports);
+tslib_1.__exportStar(require("./SharedColorMethods"), exports);

package/internal-do-not-import-from-here/velcron/core/models/ActionHooks.d.ts

@@ -0,0 +1,12 @@
+export interface VelcronActionHooks<TBefore = any, TAfter = any> {
+    beforeHandler?: (args: TBefore) => TBefore;
+    afterHandler?: (args: TBefore) => TAfter;
+}
+export interface HttpGetBeforeActionHookArgs {
+    url: string;
+    requestInit: RequestInit;
+}
+export interface HttpGetAfterActionHookArgs {
+    json: string;
+    response: Response;
+}

package/internal-do-not-import-from-here/velcron/core/models/ActionHooks.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });