@omnia/velcron 8.0.295-dev → 8.0.297-dev

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

@@ -14,7 +14,7 @@ export * from "./OmniaSharedBootstrapData";
 export * from "./StringExtensions";
 export * from "./DynamicState";
 export * from "./Id";
-export * from "./theming";
+export * from "./theme";
 export * from "./hub";
 export * from "./velcron";
 export * from "./DependencyInjection";

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

@@ -18,7 +18,7 @@ tslib_1.__exportStar(require("./OmniaSharedBootstrapData"), exports);
 tslib_1.__exportStar(require("./StringExtensions"), exports);
 tslib_1.__exportStar(require("./DynamicState"), exports);
 tslib_1.__exportStar(require("./Id"), exports);
-tslib_1.__exportStar(require("./theming"), exports);
+tslib_1.__exportStar(require("./theme"), exports);
 tslib_1.__exportStar(require("./hub"), exports);
 tslib_1.__exportStar(require("./velcron"), exports);
 tslib_1.__exportStar(require("./DependencyInjection"), exports);

package/internal-do-not-import-from-here/shared/models/{theming → theme}/Blueprints.d.ts

@@ -1,8 +1,8 @@
-import { BackgroundDefinition, BlueprintsReference, ColorSchemaType, ColorValue, FillDefinitionValue } from "./ThemeDefinitionV2";
+import { BackgroundDefinition, BlueprintsReference, ColorSchemaType, ColorValue, FillDefinitionValue } from "./ThemeDefinition";
 import { SpacingDefinition, Spacing } from "./Spacing";
 import { TypographyFontDefinition, TypographyValue } from "./Typography";
 import { TypographyBlueprint } from "./Typography";
-import { ThemingBase } from "./ThemingBase";
+import { ThemeBase } from "./ThemeBase";
 import { VelcronAppDefinition, VelcronRendererResolverReference } from "../velcron";
 import { guid } from "../Guid";
 export interface BoxDimensions extends Spacing {
@@ -28,13 +28,13 @@ export interface ContainerBlueprint extends Blueprints, BlueprintsReference {
     name?: string;
     background?: BackgroundDefinition;
 }
-export interface TypographyBlueprints extends ThemingBase {
+export interface TypographyBlueprints extends ThemeBase {
     primary: TypographyBlueprint;
 }
 export interface IFontBlueprints extends Blueprints, BlueprintsReference {
     fonts: Array<TypographyFontDefinition>;
 }
-export interface SpacingBlueprints extends ThemingBase {
+export interface SpacingBlueprints extends ThemeBase {
     primary: SpacingBlueprint;
 }
 export interface ChromeBlueprint {
@@ -49,7 +49,7 @@ export interface ChromeBlueprint {
         spacing?: Spacing;
     };
 }
-export interface ComponentBlueprints extends ThemingBase {
+export interface ComponentBlueprints extends ThemeBase {
     buttons?: ButtonBlueprints;
     tabs?: TabsBlueprints;
     blocks?: ChromeBlueprints;

package/internal-do-not-import-from-here/shared/models/theme/Color.d.ts

@@ -0,0 +1,13 @@
+export interface Color {
+    base: string;
+    lighten5: string;
+    lighten4: string;
+    lighten3: string;
+    lighten2: string;
+    lighten1: string;
+    darken1: string;
+    darken2: string;
+    darken3: string;
+    darken4: string;
+    dark: boolean;
+}

package/internal-do-not-import-from-here/shared/models/theme/Color.js

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

package/internal-do-not-import-from-here/shared/models/theme/LegacyThemeDefinition.d.ts

@@ -0,0 +1,28 @@
+import { guid } from "../Guid";
+export interface LegacyThemeDefinition {
+    id: guid;
+    name: string;
+    readOnly: boolean;
+    colors: LegacyThemeDefinitionColors;
+    chrome: LegacyThemeColorDefinition;
+    body: LegacyThemeColorDefinition;
+}
+export interface LegacyThemeDefinitionColors {
+    primary: string;
+    secondary: string;
+}
+export interface LegacyThemeColorDefinition {
+    bg: string;
+    fg: string;
+    text: string;
+    darkBg: boolean;
+    darkFg: boolean;
+    border?: LegacyBorderDefinition;
+}
+export interface LegacyBorderDefinition {
+    color: string;
+    width: number;
+    elevation: number;
+    radiustop: number;
+    radiusbottom: number;
+}

package/internal-do-not-import-from-here/shared/models/theme/LegacyThemeDefinition.js

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

package/internal-do-not-import-from-here/shared/models/{theming/ThemingBase.d.ts → theme/ThemeBase.d.ts}

@@ -1,10 +1,10 @@
 import { guid } from "../Guid";
-export interface ThemingBase {
+export interface ThemeBase {
     id: guid;
-    type?: ThemingTypes;
+    type?: ThemeTypes;
     name?: string;
 }
-export declare enum ThemingTypes {
+export declare enum ThemeTypes {
     Theme = 0,
     ColorSchema = 1,
     Typography = 2,

package/internal-do-not-import-from-here/shared/models/theme/ThemeBase.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeTypes = void 0;
+var ThemeTypes;
+(function (ThemeTypes) {
+    ThemeTypes[ThemeTypes["Theme"] = 0] = "Theme";
+    ThemeTypes[ThemeTypes["ColorSchema"] = 1] = "ColorSchema";
+    ThemeTypes[ThemeTypes["Typography"] = 2] = "Typography";
+    ThemeTypes[ThemeTypes["Spacing"] = 3] = "Spacing";
+    ThemeTypes[ThemeTypes["Blueprints"] = 4] = "Blueprints";
+    ThemeTypes[ThemeTypes["Fonts"] = 5] = "Fonts";
+})(ThemeTypes || (exports.ThemeTypes = ThemeTypes = {}));

package/internal-do-not-import-from-here/shared/models/theme/ThemeBoot.d.ts

@@ -0,0 +1,7 @@
+import { ResolvedThemeDefinition } from "./ThemeDefinition";
+export interface ThemeBoot {
+    hashs: Map<string, string>;
+    version: string;
+    adminTheme: ResolvedThemeDefinition;
+    defaultTheme: ResolvedThemeDefinition;
+}

package/internal-do-not-import-from-here/shared/models/theme/ThemeBoot.js

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

package/internal-do-not-import-from-here/shared/models/{theming/ThemeDefinitionV2.d.ts → theme/ThemeDefinition.d.ts}

@@ -1,5 +1,9 @@
 import { guid } from "../Guid";
+import { Id } from "../Id";
 import { BoxDimensions, ButtonBlueprint, ComponentBlueprints, SpacingBlueprints, TypographyBlueprints } from "./Blueprints";
+import { Color } from "./Color";
+import { LegacyBorderDefinition, LegacyThemeDefinition } from "./LegacyThemeDefinition";
+import { ThemeBase } from "./ThemeBase";
 export type ThemeContextType = "default" | "admin" | "preview" | "color-context" | "designer";
 export interface ColorTypeResult<resultType> {
     base: resultType;
@@ -22,13 +26,6 @@ export interface ColorStyles {
     color: object | string;
     all: object | string;
 }
-export interface ColorSchema extends BlueprintsReference {
-    name: string;
-    base: ColorDefinition;
-    onBase: ColorDefinition;
-    container: ColorDefinition;
-    onContainer: ColorDefinition;
-}
 export interface ColorSchemas extends ColorSchemasReference {
     primary: ColorSchema;
     secondary: ColorSchema;
@@ -69,13 +66,11 @@ export interface ThemeDefinitionReference {
     spacing: BlueprintsReference;
     components: BlueprintsReference;
 }
-export interface ThemeDefinitionV2 extends ThemeDefinitionReference {
-    id: guid;
-    name?: string;
-    colors: ColorSchemas;
-    typography: TypographyBlueprints;
-    spacing: SpacingBlueprints;
-    components: ComponentBlueprints;
+export interface ResolvedThemeDefinition extends ThemeBase {
+    colors?: ColorSchemas;
+    typography?: TypographyBlueprints;
+    spacing?: SpacingBlueprints;
+    components?: ComponentBlueprints;
 }
 export interface ThemeSelection {
     adminThemeId?: guid;
@@ -148,6 +143,7 @@ export type BackgroundMedia = "image" | "video";
 export interface BackgroundMediaDefinition {
     type: BackgroundMedia;
     src: string;
+    position?: string;
 }
 export interface FillDefinition {
     colors: Array<ColorValue | ColorGradientValue>;
@@ -168,3 +164,110 @@ export interface BorderStylingDefinition {
     fill?: FillDefinition;
     pattern?: "solid" | "dotted" | "dashed";
 }
+export interface ThemeDefinitionSettings {
+    items: Array<LegacyThemeDefinition>;
+}
+export interface ThemeColors {
+    primary: Color;
+    secondary: Color;
+}
+export interface ThemeStyling {
+    bg: {
+        color: Color;
+        css: string;
+        dark: boolean;
+    };
+    fg: {
+        color: Color;
+        css: string;
+        dark: boolean;
+        text: {
+            color: Color;
+            css: string;
+            csslighter1: string;
+            csslighter2: string;
+            csslighter3: string;
+            csslighter4: string;
+            csslighter5: string;
+            csslighter6: string;
+        };
+    };
+    text: {
+        color: Color;
+        css: string;
+        csslighter1: string;
+        csslighter2: string;
+        csslighter3: string;
+        csslighter4: string;
+        csslighter5: string;
+        csslighter6: string;
+    };
+    components: {
+        color: Color;
+        text: {
+            color: Color;
+        };
+        expansionPanel: {
+            css: string;
+        };
+        skeletonLoader: {
+            css: string;
+        };
+        slider: {
+            color: string;
+            trackColor: string;
+        };
+        tabs: {
+            css: string;
+        };
+    };
+    border: LegacyBorderDefinition;
+}
+/**
+ *Theme Definition
+ *
+ */
+export interface ThemeTargetRegistration {
+    id: guid;
+    title: string;
+    defaultThemeDefinitionId: guid;
+    defaultAccessibilityDefinitionId: guid;
+}
+export interface ThemeTargetMapping {
+    id: guid;
+    targetRegistrationId: guid;
+    default: LegacyThemeDefinition;
+    accessibility?: LegacyThemeDefinition;
+}
+export type ColorSchemaId = Id<guid, "ColorSchemaId">;
+export declare function ColorSchemaId(id: guid): ColorSchemaId;
+export type ThemeDefinitionId = Id<guid, "ThemeDefinitionId">;
+export declare function ThemeDefinitionId(id: guid): ThemeDefinitionId;
+export interface ColorSchemasReferenceId {
+    primaryId: ColorSchemaId;
+    secondaryId: ColorSchemaId;
+    accent1Id: ColorSchemaId;
+    accent2Id: ColorSchemaId;
+    accent3Id: ColorSchemaId;
+    accent4Id: ColorSchemaId;
+    accent5Id: ColorSchemaId;
+    neutralId: ColorSchemaId;
+    backgroundId: ColorSchemaId;
+    errorId: ColorSchemaId;
+    infoId: ColorSchemaId;
+    warningId: ColorSchemaId;
+    successId: ColorSchemaId;
+    notificationId: ColorSchemaId;
+}
+export interface ThemeDefinition extends ThemeBase {
+    colors?: ColorSchemasReferenceId;
+    typographyId?: ThemeDefinitionId;
+    spacingId?: ThemeDefinitionId;
+    componentsId?: ThemeDefinitionId;
+}
+export interface ColorSchema extends ThemeBase {
+    base: ColorDefinition;
+    onBase: ColorDefinition;
+    container: ColorDefinition;
+    onContainer: ColorDefinition;
+}

package/internal-do-not-import-from-here/shared/models/{theming/ThemeDefinitionV2.js → theme/ThemeDefinition.js}

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadialGradientShapes = exports.ColorTypes = exports.ColorSchemaTypes = void 0;
+exports.ColorSchemaId = ColorSchemaId;
+exports.ThemeDefinitionId = ThemeDefinitionId;
 var ColorSchemaTypes;
 (function (ColorSchemaTypes) {
     ColorSchemaTypes["primary"] = "primary";
@@ -31,3 +33,5 @@ var RadialGradientShapes;
     RadialGradientShapes[RadialGradientShapes["circle"] = 0] = "circle";
     RadialGradientShapes[RadialGradientShapes["ellipse"] = 1] = "ellipse";
 })(RadialGradientShapes || (exports.RadialGradientShapes = RadialGradientShapes = {}));
+function ColorSchemaId(id) { return id; }
+function ThemeDefinitionId(id) { return id; }

package/internal-do-not-import-from-here/shared/models/{theming → theme}/Typography.d.ts

@@ -1,7 +1,7 @@
 import { guid } from "../Guid";
-import { FillDefinition } from "./ThemeDefinitionV2";
-import { ThemingBase } from "./ThemingBase";
-export interface TypographyFontDefinitionV2 extends ThemingBase {
+import { FillDefinition } from "./ThemeDefinition";
+import { ThemeBase } from "./ThemeBase";
+export interface TypographyFontDefinition extends ThemeBase {
     family: string;
     cdn?: string;
     manifestId?: guid;
@@ -68,13 +68,6 @@ export interface TypographyTypeBreakPoint {
     lineHeight: number;
     letterSpacing?: number;
 }
-export interface TypographyFontDefinition {
-    id?: guid;
-    name?: string;
-    family: string;
-    cdn?: string;
-    manifestId?: guid;
-}
 export interface TypographyFontRef {
     family: string;
 }

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

@@ -1,5 +1,5 @@
 import { ContainerBlueprint, ContainerVariant } from "./Blueprints";
-import { ColorDefinition, ColorSchema, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes } from "./ThemeDefinitionV2";
+import { ColorDefinition, ColorSchema, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes } from "./ThemeDefinition";
 export declare function useThemeMethods(getThemeDefinition: () => any): {
     containerBlueprint: (type: ContainerVariant | ContainerBlueprint | string) => any;
     colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => ColorSchema;

package/internal-do-not-import-from-here/shared/models/{theming → theme}/UseThemeMethods.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useThemeMethods = useThemeMethods;
-const ThemeDefinitionV2_1 = require("./ThemeDefinitionV2");
+const ThemeDefinition_1 = require("./ThemeDefinition");
 // temp change ThemeDefinitionInstance to any because fx/shared can't reference higher level fx/ux
 function useThemeMethods(getThemeDefinition) {
     function containerBlueprint(type) {
@@ -23,85 +23,85 @@ function useThemeMethods(getThemeDefinition) {
         return null;
     }
     function colorSchema(colorSchemaType) {
-        if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.primary) {
+        if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.primary) {
             return getThemeDefinition().colors.primary;
         }
-        else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.secondary) {
+        else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.secondary) {
             return getThemeDefinition().colors.secondary;
         }
-        else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.accent1) {
+        else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.accent1) {
             return getThemeDefinition().colors.accent1;
         }
-        else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.accent2) {
+        else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.accent2) {
             return getThemeDefinition().colors.accent2;
         }
-        else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.accent3) {
+        else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.accent3) {
             return getThemeDefinition().colors.accent3;
         }
-        else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.accent4) {
+        else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.accent4) {
             return getThemeDefinition().colors.accent4;
         }
-        else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.accent5) {
+        else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.accent5) {
             return getThemeDefinition().colors.accent5;
         }
-        else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.background) {
+        else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.background) {
             return getThemeDefinition().colors.background;
         }
-        else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.neutral) {
+        else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.neutral) {
             return getThemeDefinition().colors.neutral;
         }
-        else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.error) {
+        else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.error) {
             return getThemeDefinition().colors.error;
         }
-        else if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.success) {
+        else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.success) {
             return getThemeDefinition().colors.success;
         }
         return getThemeDefinition().colors.background;
     }
     function color(colorSchemaType, colorType) {
         const mappedColorSchema = colorSchema(colorSchemaType);
-        if (colorType === ThemeDefinitionV2_1.ColorTypes.base) {
+        if (colorType === ThemeDefinition_1.ColorTypes.base) {
             return mappedColorSchema.base.color;
         }
-        else if (colorType === ThemeDefinitionV2_1.ColorTypes.onBase) {
+        else if (colorType === ThemeDefinition_1.ColorTypes.onBase) {
             return mappedColorSchema.onBase.color;
         }
-        else if (colorType === ThemeDefinitionV2_1.ColorTypes.container) {
+        else if (colorType === ThemeDefinition_1.ColorTypes.container) {
             return mappedColorSchema.container.color;
         }
-        else if (colorType === ThemeDefinitionV2_1.ColorTypes.onContainer) {
+        else if (colorType === ThemeDefinition_1.ColorTypes.onContainer) {
             return mappedColorSchema.onContainer.color;
         }
         return colorType;
     }
     function colorDefinition(colorSchemaType, colorType) {
         const mappedColorSchema = colorSchema(colorSchemaType);
-        if (colorType === ThemeDefinitionV2_1.ColorTypes.base) {
+        if (colorType === ThemeDefinition_1.ColorTypes.base) {
             return mappedColorSchema.base;
         }
-        else if (colorType === ThemeDefinitionV2_1.ColorTypes.onBase) {
+        else if (colorType === ThemeDefinition_1.ColorTypes.onBase) {
             return mappedColorSchema.onBase;
         }
-        else if (colorType === ThemeDefinitionV2_1.ColorTypes.container) {
+        else if (colorType === ThemeDefinition_1.ColorTypes.container) {
             return mappedColorSchema.container;
         }
-        else if (colorType === ThemeDefinitionV2_1.ColorTypes.onContainer) {
+        else if (colorType === ThemeDefinition_1.ColorTypes.onContainer) {
             return mappedColorSchema.onContainer;
         }
         return mappedColorSchema.base;
     }
     function complementaryColorType(colorType) {
-        if (colorType === ThemeDefinitionV2_1.ColorTypes.base) {
-            return ThemeDefinitionV2_1.ColorTypes.onBase;
+        if (colorType === ThemeDefinition_1.ColorTypes.base) {
+            return ThemeDefinition_1.ColorTypes.onBase;
         }
-        else if (colorType === ThemeDefinitionV2_1.ColorTypes.onBase) {
-            return ThemeDefinitionV2_1.ColorTypes.base;
+        else if (colorType === ThemeDefinition_1.ColorTypes.onBase) {
+            return ThemeDefinition_1.ColorTypes.base;
         }
-        else if (colorType === ThemeDefinitionV2_1.ColorTypes.container) {
-            return ThemeDefinitionV2_1.ColorTypes.onContainer;
+        else if (colorType === ThemeDefinition_1.ColorTypes.container) {
+            return ThemeDefinition_1.ColorTypes.onContainer;
         }
-        else if (colorType === ThemeDefinitionV2_1.ColorTypes.onContainer) {
-            return ThemeDefinitionV2_1.ColorTypes.container;
+        else if (colorType === ThemeDefinition_1.ColorTypes.onContainer) {
+            return ThemeDefinition_1.ColorTypes.container;
         }
         return colorType;
     }

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

@@ -1,6 +1,5 @@
-export * from "./ThemingBase";
-export * from "./ThemeDefinitionV2";
-export * from "./ThemingDefinitionV3";
+export * from "./ThemeBase";
+export * from "./ThemeDefinition";
 export * from "./Typography";
 export * from "./UseThemeMethods";
 export * from "./Spacing";
@@ -8,3 +7,6 @@ export * from "./SharedBlueprintMethods";
 export * from "./SharedColorMethods";
 export * from "./Blueprints";
 export * from "./useSpacingScaling";
+export * from "./Color";
+export * from "./ThemeBoot";
+export * from "./LegacyThemeDefinition";

package/internal-do-not-import-from-here/shared/models/{theming → theme}/index.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ThemingBase"), exports);
-tslib_1.__exportStar(require("./ThemeDefinitionV2"), exports);
-tslib_1.__exportStar(require("./ThemingDefinitionV3"), exports);
+tslib_1.__exportStar(require("./ThemeBase"), exports);
+tslib_1.__exportStar(require("./ThemeDefinition"), exports);
 tslib_1.__exportStar(require("./Typography"), exports);
 //export * from "./OmniaThemes";
 tslib_1.__exportStar(require("./UseThemeMethods"), exports);
@@ -12,3 +11,6 @@ tslib_1.__exportStar(require("./SharedBlueprintMethods"), exports);
 tslib_1.__exportStar(require("./SharedColorMethods"), exports);
 tslib_1.__exportStar(require("./Blueprints"), exports);
 tslib_1.__exportStar(require("./useSpacingScaling"), exports);
+tslib_1.__exportStar(require("./Color"), exports);
+tslib_1.__exportStar(require("./ThemeBoot"), exports);
+tslib_1.__exportStar(require("./LegacyThemeDefinition"), exports);

package/internal-do-not-import-from-here/shared/models/velcron/VelcronDefinition.d.ts

@@ -1,6 +1,7 @@
-import { IFontAwesomeIcon, VelcronOverflowValues } from "@omnia/fx-models";
+import { ContainerBlueprint, ContainerVariant, IFontAwesomeIcon, VelcronColorStyling, VelcronOverflowValues } from "@omnia/fx-models";
 import { DynamicState } from "../DynamicState";
 import { VelcronEvent, VelcronOnActiveEvent, VelcronOnEditModeEvent, VelcronOnLoadEvent, VelcronOnPersistingStateEvent, VelcronOnSavingEvent } from "./VelcronEvents";
+import { AnimationOptionsWithOverrides, VariantDefinition, Variants } from "motion";
 /**
  * Velcron definition base
  */
@@ -74,10 +75,20 @@ export interface VelcronEditor<TSettings = any> {
     multiple?: boolean;
     component?: unknown;
 }
-export interface VelcronAppDefinition<TState extends DynamicState = DynamicState> extends VelcronDefinitionBase {
+export interface VelcronLazyApp {
+    minHeight?: VelcronBindableProp<number | string>;
+    initial?: false | VariantDefinition;
+    animate?: VariantDefinition;
+    inView?: VariantDefinition;
+    variants?: Variants;
+    transition?: AnimationOptionsWithOverrides;
+}
+export interface VelcronAppDefinition<TState extends DynamicState = DynamicState> extends VelcronDefinitionBase, VelcronColorStyling {
     type: "velcron";
     version?: string;
     name?: string;
+    lazy?: VelcronLazyApp;
+    blueprint?: ContainerBlueprint | ContainerVariant;
     body?: Array<VelcronDefinition>;
     events?: VelcronOnLoadEvent & VelcronOnEditModeEvent & VelcronOnSavingEvent & VelcronOnPersistingStateEvent & VelcronOnActiveEvent;
     actions?: {

package/models/VelcronDefinitions.d.ts

@@ -5,6 +5,7 @@ import { DynamicState, VelcronDefinition, VelcronEffects, useVelcronThemingStore
 import { guid, PropertyConfiguration, PropertyValue, PropertyDefinition, PropertySetupBase } from "@omnia/fx/models";
 import { useVelcronColorSchemaStore } from "../stores/VelcronColorSchema";
 import { Properties } from "csstype";
+import type { AnimationOptionsWithOverrides, InViewOptions, VariantDefinition, Variants } from "motion";
 export interface ResolvedComponentRenderer {
     component: unknown;
     definition: VelcronDefinition;
@@ -37,6 +38,7 @@ export interface BuiltInComponentRenderers {
     "slide-panel": unknown;
     "editor": unknown;
     "link": unknown;
+    "motion": unknown;
 }
 export interface ColorSchemaReference {
     name: string;
@@ -327,23 +329,17 @@ export interface VelcronFlowDefinition extends VelcronDefinition, VelcronColorSt
     placeholder?: VelcronBindableProp<string>;
     events?: VelcronOnUpdatedEvent;
 }
-export interface VelcronRiveDefinition extends VelcronDefinition {
-    type: "rive";
-    url: VelcronBindableProp;
-    loop?: VelcronBindableProp<boolean>;
-    autoplay?: VelcronBindableProp<boolean>;
-    count?: VelcronBindableProp<number>;
-    direction?: VelcronBindableProp<"normal" | "reverse">;
-    hover?: VelcronBindableProp<boolean>;
-}
-export interface VelcronLottieDefinition extends VelcronDefinition {
-    type: "lottie";
-    url: VelcronBindableProp;
-    loop?: VelcronBindableProp<boolean>;
-    autoplay?: VelcronBindableProp<boolean>;
-    count?: VelcronBindableProp<number>;
-    direction?: VelcronBindableProp<"normal" | "reverse">;
-    hover?: VelcronBindableProp<boolean>;
+export interface VelcronMotionDefinition extends VelcronDefinition {
+    initial?: false | VariantDefinition;
+    animate?: VariantDefinition;
+    inView?: VariantDefinition;
+    hover?: VariantDefinition;
+    press?: VariantDefinition;
+    variants?: Variants;
+    transition?: AnimationOptionsWithOverrides;
+    inViewOptions?: InViewOptions & {
+        once?: boolean;
+    };
 }
 export interface VelcronSlidePanelSlidesOptions {
     foreach: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/velcron",
   "license": "MIT",
-  "version": "8.0.295-dev",
+  "version": "8.0.297-dev",
   "description": "Provide Omnia Velcron Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/parser/VelcronDataBinder.d.ts

@@ -9,5 +9,5 @@ export declare class VelcronDataBinder {
     static tryUpdateBoundValue(renderContext: VelcronRenderContext, bindPath: string, value: unknown): void;
     static bindMany<T>(renderContext: VelcronRenderContext, definition: {
         [P in keyof T]?: VelcronBindableProp<T[P]>;
-    }, propertiesToBind: Array<keyof T>, state: Partial<T>): void;
+    }, propertiesToBind: Array<keyof T>, objectToBindTo: Partial<T>): T;
 }

package/parser/VelcronDataBinder.js

@@ -141,13 +141,14 @@ class VelcronDataBinder {
             VelcronData_1.VelcronData.getOrSet(renderContext, VelcronData_1.VelcronData.getBindPath(bindPath), value);
         }
     }
-    static bindMany(renderContext, definition, propertiesToBind, state) {
+    static bindMany(renderContext, definition, propertiesToBind, objectToBindTo) {
         propertiesToBind.forEach((property) => {
             const definitionValue = definition[property];
             if (definitionValue !== undefined) {
-                state[property] = VelcronDataBinder.bind(renderContext, definitionValue);
+                objectToBindTo[property] = VelcronDataBinder.bind(renderContext, definitionValue);
             }
         });
+        return objectToBindTo;
     }
 }
 exports.VelcronDataBinder = VelcronDataBinder;

package/parser/VelcronStyles.d.ts

@@ -1,8 +1,9 @@
 import { VelcronBorder, VelcronColorStyling, VelcronDefinitionHasEffects, VelcronDefinitionHasOverflow, VelcronDimensions, VelcronEffects, VelcronRenderContext } from "../models";
 import { VelcronUnitProvider } from "../models/VelcronUnitProvider";
 import { SpacingBlueprint, VelcronBindableProp, VelcronDefinition } from "..";
+import { CSSProperties, StylexValue } from "internal/fx/ux/Styles.stylex";
 export declare class VelcronStyles {
-    static styleProvider: (baseStyles: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => any;
+    static styleProvider: (baseStyles: CSSProperties, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => StylexValue;
     static effectsProvider: (effects: VelcronEffects, renderCtx: VelcronRenderContext) => VelcronEffects;
     static unitProvider: VelcronUnitProvider;
     spacingScaling: {
@@ -19,13 +20,13 @@ export declare class VelcronStyles {
             scaling: (value: import("..").SpacingValue) => boolean;
         };
     };
-    static registerStyleProvider(fn: (styleBase: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => object | string, unitProvider: VelcronUnitProvider): void;
+    static registerStyleProvider(fn: (styleBase: CSSProperties, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => StylexValue, unitProvider: VelcronUnitProvider): void;
     static registerEffectsProvider(fn: (effects: VelcronEffects, renderCtx: VelcronRenderContext) => VelcronEffects): void;
     static applyEffects(definition: VelcronDefinitionHasEffects, renderCtx: VelcronRenderContext, applyTo: (effects: VelcronEffects) => any): any;
-    static insertBackgroundColor(styleBase: any, color: VelcronColorStyling, renderCtx: VelcronRenderContext): void;
-    static insertBorderRadiusStyles(styleBase: any, settings: VelcronDimensions, renderCtx: VelcronRenderContext): void;
-    static insertBorderStyles(styleBase: any, borderSettings: VelcronBorder, renderCtx: VelcronRenderContext): void;
-    static create(definition: VelcronDefinition, renderCtx: VelcronRenderContext): object | string;
+    static insertBackgroundColor(styleBase: CSSProperties, color: VelcronColorStyling, renderCtx: VelcronRenderContext): void;
+    static insertBorderRadiusStyles(styleBase: CSSProperties, settings: VelcronDimensions, renderCtx: VelcronRenderContext): void;
+    static insertBorderStyles(styleBase: CSSProperties, borderSettings: VelcronBorder, renderCtx: VelcronRenderContext): void;
+    static create(definition: VelcronDefinition, renderCtx: VelcronRenderContext): StylexValue;
     static applySpacingDimension(value: string | number, spacing: SpacingBlueprint): string | number;
     static applyOverflow(definition: VelcronDefinitionHasOverflow, renderCtx: VelcronRenderContext, styleBase: any): void;
     static applySpacingStyles<T>(spacing: VelcronBindableProp<T>, renderCtx: VelcronRenderContext, styleBase: any, spacingDef: SpacingBlueprint, styleType: string, objectIsDatabound?: (obj: T) => void, additionalPropsToDataBind?: object): void;

package/parser/VelcronStyles.js

@@ -36,7 +36,7 @@ class VelcronStyles {
                 colorValue = renderCtx.colors.get.base;
             }
             if (colorValue) {
-                styleBase["backgroundColor"] = toned ? colorValue.colorToned : colorValue.color;
+                styleBase.backgroundColor = toned ? colorValue.colorToned : colorValue.color;
             }
         }
     }
@@ -49,16 +49,16 @@ class VelcronStyles {
         const bottom = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, settings.bottom);
         const left = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, settings.left);
         if (top || top === 0) {
-            styleBase["borderTopLeftRadius"] = this.unitProvider.formatDimension(top);
+            styleBase.borderTopLeftRadius = this.unitProvider.formatDimension(top);
         }
         if (right || right === 0) {
-            styleBase["borderTopRightRadius"] = this.unitProvider.formatDimension(right);
+            styleBase.borderTopRightRadius = this.unitProvider.formatDimension(right);
         }
         if (bottom || bottom === 0) {
-            styleBase["borderBottomRightRadius"] = this.unitProvider.formatDimension(bottom);
+            styleBase.borderBottomRightRadius = this.unitProvider.formatDimension(bottom);
         }
         if (left || left === 0) {
-            styleBase["borderBottomLeftRadius"] = this.unitProvider.formatDimension(left);
+            styleBase.borderBottomLeftRadius = this.unitProvider.formatDimension(left);
         }
     }
     static insertBorderStyles(styleBase, borderSettings, renderCtx) {
@@ -82,22 +82,22 @@ class VelcronStyles {
         const left = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, borderSettings.left);
         const width = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, borderSettings.width);
         if (top || top === 0) {
-            styleBase["borderTopStyle"] = "solid";
-            styleBase["borderTopColor"] = borderColor;
+            styleBase.borderTopStyle = "solid";
+            styleBase.borderTopColor = borderColor;
         }
         if (right || right === 0) {
-            styleBase["borderRightStyle"] = "solid";
-            styleBase["borderRightColor"] = borderColor;
+            styleBase.borderRightStyle = "solid";
+            styleBase.borderRightColor = borderColor;
         }
         if (bottom || bottom === 0) {
-            styleBase["borderBottomStyle"] = "solid";
-            styleBase["borderBottomColor"] = borderColor;
+            styleBase.borderBottomStyle = "solid";
+            styleBase.borderBottomColor = borderColor;
         }
         if (left || left === 0) {
-            styleBase["borderLeftStyle"] = "solid";
-            styleBase["borderLeftColor"] = borderColor;
+            styleBase.borderLeftStyle = "solid";
+            styleBase.borderLeftColor = borderColor;
         }
-        styleBase["borderWidth"] = width
+        styleBase.borderWidth = width
             ? this.unitProvider.formatDimension(width)
             : this.unitProvider.formatDimension(1);
     }
@@ -111,38 +111,40 @@ class VelcronStyles {
             const margin = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, definition.margin);
             const spacing = renderCtx.theming.get.spacing();
             if (typeof margin === "object") {
-                styleBase["marginTop"] = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, margin.top), spacing, margin.scale));
-                styleBase["marginRight"] = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, margin.right), spacing, margin.scale));
-                styleBase["marginBottom"] = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, margin.bottom), spacing, margin.scale));
-                styleBase["marginLeft"] = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, margin.left), spacing, margin.scale));
+                styleBase.marginTop = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, margin.top), spacing, margin.scale));
+                styleBase.marginRight = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, margin.right), spacing, margin.scale));
+                styleBase.marginBottom = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, margin.bottom), spacing, margin.scale));
+                styleBase.marginLeft = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, margin.left), spacing, margin.scale));
             }
             else {
                 const value = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, margin), spacing));
-                styleBase["marginTop"] = value;
-                styleBase["marginRight"] = value;
-                styleBase["marginBottom"] = value;
-                styleBase["marginLeft"] = value;
+                styleBase.marginTop = value;
+                styleBase.marginRight = value;
+                styleBase.marginBottom = value;
+                styleBase.marginLeft = value;
             }
         }
         if (definition.padding) {
             const padding = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, definition.padding);
             const spacing = renderCtx.theming.get.spacing();
             if (typeof padding === "object") {
-                styleBase["paddingTop"] = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, padding.top), spacing, padding.scale));
-                styleBase["paddingRight"] = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, padding.right), spacing, padding.scale));
-                styleBase["paddingBottom"] = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, padding.bottom), spacing, padding.scale));
-                styleBase["paddingLeft"] = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, padding.left), spacing, padding.scale));
+                styleBase.paddingTop = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, padding.top), spacing, padding.scale));
+                styleBase.paddingRight = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, padding.right), spacing, padding.scale));
+                styleBase.paddingBottom = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, padding.bottom), spacing, padding.scale));
+                styleBase.paddingLeft = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, padding.left), spacing, padding.scale));
             }
             else {
                 const value = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, padding), spacing));
-                styleBase["paddingTop"] = value;
-                styleBase["paddingRight"] = value;
-                styleBase["paddingBottom"] = value;
-                styleBase["paddingLeft"] = value;
+                styleBase.paddingTop = value;
+                styleBase.paddingRight = value;
+                styleBase.paddingBottom = value;
+                styleBase.paddingLeft = value;
             }
         }
         if (definition.type === VelcronConstants_1.VelcronConstants.components.velcron) {
-            this.applyOverflow(definition, renderCtx, styleBase);
+            const appDefinition = definition;
+            this.applyOverflow(appDefinition, renderCtx, styleBase);
+            this.insertBackgroundColor(styleBase, appDefinition, renderCtx);
         }
         if (definition.type === VelcronConstants_1.VelcronConstants.components.image) {
             const imageDefinition = definition;
@@ -165,10 +167,10 @@ class VelcronStyles {
                 color = renderCtx.colors.get.onBase;
             }
             if (color) {
-                styleBase["color"] = toned ? color.colorToned : color.color + "!important";
+                styleBase.color = toned ? color.colorToned : color.color + "!important";
             }
             if (noWrap) {
-                styleBase["whiteSpace"] = "nowrap";
+                styleBase.whiteSpace = "nowrap";
             }
         }
         if (definition.type === VelcronConstants_1.VelcronConstants.components.flex) {
@@ -179,11 +181,11 @@ class VelcronStyles {
             const minWidth = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, flexDefinition.minWidth);
             const height = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, flexDefinition.height);
             const minHeight = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, flexDefinition.minHeight);
-            styleBase["width"] = this.unitProvider.formatDimension(width);
-            styleBase["maxWidth"] = this.unitProvider.formatDimension(width);
-            styleBase["minWidth"] = this.unitProvider.formatDimension(minWidth);
-            styleBase["height"] = this.unitProvider.formatDimension(height);
-            styleBase["minHeight"] = this.unitProvider.formatDimension(minHeight);
+            styleBase.width = this.unitProvider.formatDimension(width);
+            styleBase.maxWidth = this.unitProvider.formatDimension(width);
+            styleBase.minWidth = this.unitProvider.formatDimension(minWidth);
+            styleBase.height = this.unitProvider.formatDimension(height);
+            styleBase.minHeight = this.unitProvider.formatDimension(minHeight);
         }
         if (definition.type === VelcronConstants_1.VelcronConstants.components.row) {
             const flexDefinition = definition;
@@ -221,25 +223,25 @@ class VelcronStyles {
             }
             if (flexDefinition.position) {
                 const spacing = renderCtx.theming.get.spacing();
-                this.applySpacingStyles(flexDefinition.position, renderCtx, styleBase, spacing, "", (pos) => (styleBase["position"] = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, pos.type)), {
+                this.applySpacingStyles(flexDefinition.position, renderCtx, styleBase, spacing, "", (pos) => (styleBase.position = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, pos.type)), {
                     position: "type",
                 });
             }
             this.applyOverflow(definition, renderCtx, styleBase);
-            styleBase["flexDirection"] = direction;
-            styleBase["display"] = "flex";
-            styleBase["flex"] = "1 1 auto";
-            styleBase["flexWrap"] = wrap ? "wrap" : null;
-            styleBase["justifyContent"] = alignX;
-            styleBase["alignItems"] = alignY;
-            styleBase["rowGap"] = this.unitProvider.formatDimension(gapY);
-            styleBase["columnGap"] = this.unitProvider.formatDimension(gapX);
-            styleBase["flexBasis"] = height ? this.unitProvider.formatDimension(height) : undefined;
-            styleBase["width"] = this.unitProvider.formatDimension(width);
-            styleBase["maxWidth"] = this.unitProvider.formatDimension(width);
-            styleBase["minWidth"] = this.unitProvider.formatDimension(minWidth);
-            styleBase["height"] = this.unitProvider.formatDimension(height);
-            styleBase["minHeight"] = this.unitProvider.formatDimension(minHeight);
+            styleBase.flexDirection = direction;
+            styleBase.display = "flex";
+            styleBase.flex = "1 1 auto";
+            styleBase.flexWrap = wrap ? "wrap" : null;
+            styleBase.justifyContent = alignX;
+            styleBase.alignItems = alignY;
+            styleBase.rowGap = this.unitProvider.formatDimension(gapY);
+            styleBase.columnGap = this.unitProvider.formatDimension(gapX);
+            styleBase.flexBasis = height ? this.unitProvider.formatDimension(height) : undefined;
+            styleBase.width = this.unitProvider.formatDimension(width);
+            styleBase.maxWidth = this.unitProvider.formatDimension(width);
+            styleBase.minWidth = this.unitProvider.formatDimension(minWidth);
+            styleBase.height = this.unitProvider.formatDimension(height);
+            styleBase.minHeight = this.unitProvider.formatDimension(minHeight);
             this.insertBackgroundColor(styleBase, flexDefinition, renderCtx);
         }
         if (definition.type === VelcronConstants_1.VelcronConstants.components.column) {
@@ -257,12 +259,12 @@ class VelcronStyles {
             }
             const flexBasis = width ? this.unitProvider.formatDimension(width) : "0px";
             this.applyOverflow(definition, renderCtx, styleBase);
-            styleBase["flexBasis"] = flexBasis;
-            styleBase["flexGrow"] = grow || grow === 0 ? grow : 1;
-            styleBase["flexShrink"] = styleBase["flexGrow"];
-            styleBase["maxWidth"] = width ? this.unitProvider.formatDimension(width) : "100%";
-            styleBase["alignSelf"] = yAlignment;
-            styleBase["minWidth"] = this.unitProvider.formatDimension(minWidth);
+            styleBase.flexBasis = flexBasis;
+            styleBase.flexGrow = grow || grow === 0 ? grow : 1;
+            styleBase.flexShrink = styleBase.flexGrow;
+            styleBase.maxWidth = width ? this.unitProvider.formatDimension(width) : "100%";
+            styleBase.alignSelf = yAlignment;
+            styleBase.minWidth = this.unitProvider.formatDimension(minWidth);
             this.insertBackgroundColor(styleBase, flexDefinition, renderCtx);
         }
         if (definition.type === VelcronConstants_1.VelcronConstants.components.grid) {
@@ -276,11 +278,11 @@ class VelcronStyles {
             const gapY = gridDefinition.gapY || gridDefinition?.gapY?.toString() === "0"
                 ? (0, __1.getSpacingValueFromBlueprint)(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, gridDefinition.gapY), spacingBlueprint)
                 : gapX;
-            styleBase["display"] = "grid";
-            styleBase["width"] = "100%";
+            styleBase.display = "grid";
+            styleBase.width = "100%";
             if (minWidth) {
                 const widthWithDimension = this.unitProvider.formatDimension(minWidth);
-                styleBase["gridTemplateColumns"] = `repeat(auto-fit, minmax(${widthWithDimension}, 1fr))`;
+                styleBase.gridTemplateColumns = `repeat(auto-fit, minmax(${widthWithDimension}, 1fr))`;
             }
             else if (columns) {
                 let templateColumnString = "";
@@ -295,10 +297,10 @@ class VelcronStyles {
                         templateColumnString += "1fr ";
                     }
                 }
-                styleBase["gridTemplateColumns"] = templateColumnString;
+                styleBase.gridTemplateColumns = templateColumnString;
             }
-            styleBase["rowGap"] = this.unitProvider.formatDimension(gapY);
-            styleBase["columnGap"] = this.unitProvider.formatDimension(gapX);
+            styleBase.rowGap = this.unitProvider.formatDimension(gapY);
+            styleBase.columnGap = this.unitProvider.formatDimension(gapX);
         }
         if (definition.border) {
             const typedDefinition = definition;
@@ -310,7 +312,7 @@ class VelcronStyles {
                 this.insertBorderRadiusStyles(styleBase, typedDefinition.borderRadius, renderCtx);
             }
         }
-        return VelcronStyles.styleProvider(styleBase, definition, renderCtx);
+        return this.styleProvider(styleBase, definition, renderCtx);
     }
     static applySpacingDimension(value, spacing) {
         return this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(value, spacing));

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemingTypes = void 0;
-var ThemingTypes;
-(function (ThemingTypes) {
-    ThemingTypes[ThemingTypes["Theme"] = 0] = "Theme";
-    ThemingTypes[ThemingTypes["ColorSchema"] = 1] = "ColorSchema";
-    ThemingTypes[ThemingTypes["Typography"] = 2] = "Typography";
-    ThemingTypes[ThemingTypes["Spacing"] = 3] = "Spacing";
-    ThemingTypes[ThemingTypes["Blueprints"] = 4] = "Blueprints";
-    ThemingTypes[ThemingTypes["Fonts"] = 5] = "Fonts";
-})(ThemingTypes || (exports.ThemingTypes = ThemingTypes = {}));

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

@@ -1,44 +0,0 @@
-import { guid } from "../Guid";
-import { Id } from "../Id";
-import { ComponentBlueprints, SpacingBlueprints, TypographyBlueprints } from "./Blueprints";
-import { ColorDefinition, ColorSchemas } from "./ThemeDefinitionV2";
-import { ThemingBase } from "./ThemingBase";
-export type ColorSchemaId = Id<guid, "ColorSchemaId">;
-export declare function ColorSchemaId(id: guid): ColorSchemaId;
-export type ThemeDefinitionId = Id<guid, "ThemeDefinitionId">;
-export declare function ThemeDefinitionId(id: guid): ThemeDefinitionId;
-export interface ColorSchemasReferenceV2 {
-    primaryId: ColorSchemaId;
-    secondaryId: ColorSchemaId;
-    accent1Id: ColorSchemaId;
-    accent2Id: ColorSchemaId;
-    accent3Id: ColorSchemaId;
-    accent4Id: ColorSchemaId;
-    accent5Id: ColorSchemaId;
-    neutralId: ColorSchemaId;
-    backgroundId: ColorSchemaId;
-    errorId: ColorSchemaId;
-    infoId: ColorSchemaId;
-    warningId: ColorSchemaId;
-    successId: ColorSchemaId;
-    notificationId: ColorSchemaId;
-}
-export interface ThemeDefinitionV3 extends ThemingBase {
-    name?: string;
-    colors?: ColorSchemasReferenceV2;
-    typographyId?: ThemeDefinitionId;
-    spacingId?: ThemeDefinitionId;
-    componentsId?: ThemeDefinitionId;
-}
-export interface ColorSchemaV3 extends ThemingBase {
-    base: ColorDefinition;
-    onBase: ColorDefinition;
-    container: ColorDefinition;
-    onContainer: ColorDefinition;
-}
-export interface ResolvedThemeDefinition extends ThemingBase {
-    colors?: ColorSchemas;
-    typography?: TypographyBlueprints;
-    spacing?: SpacingBlueprints;
-    components?: ComponentBlueprints;
-}

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

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorSchemaId = ColorSchemaId;
-exports.ThemeDefinitionId = ThemeDefinitionId;
-function ColorSchemaId(id) { return id; }
-function ThemeDefinitionId(id) { return id; }