@omnia/velcron 8.0.296-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 { 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
  */
@@ -76,7 +77,11 @@ export interface VelcronEditor<TSettings = any> {
 }
 export interface VelcronLazyApp {
     minHeight?: VelcronBindableProp<number | string>;
-    backgroundColor?: VelcronBindableProp<string>;
+    initial?: false | VariantDefinition;
+    animate?: VariantDefinition;
+    inView?: VariantDefinition;
+    variants?: Variants;
+    transition?: AnimationOptionsWithOverrides;
 }
 export interface VelcronAppDefinition<TState extends DynamicState = DynamicState> extends VelcronDefinitionBase, VelcronColorStyling {
     type: "velcron";

package/package.json

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

package/parser/VelcronStyles.d.ts

@@ -1,9 +1,9 @@
 import { VelcronBorder, VelcronColorStyling, VelcronDefinitionHasEffects, VelcronDefinitionHasOverflow, VelcronDimensions, VelcronEffects, VelcronRenderContext } from "../models";
 import { VelcronUnitProvider } from "../models/VelcronUnitProvider";
 import { SpacingBlueprint, VelcronBindableProp, VelcronDefinition } from "..";
-import { CSSProperties, StylexType } from "internal/fx/ux/Styles.stylex";
+import { CSSProperties, StylexValue } from "internal/fx/ux/Styles.stylex";
 export declare class VelcronStyles {
-    static styleProvider: (baseStyles: CSSProperties, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => StylexType;
+    static styleProvider: (baseStyles: CSSProperties, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => StylexValue;
     static effectsProvider: (effects: VelcronEffects, renderCtx: VelcronRenderContext) => VelcronEffects;
     static unitProvider: VelcronUnitProvider;
     spacingScaling: {
@@ -20,13 +20,13 @@ export declare class VelcronStyles {
             scaling: (value: import("..").SpacingValue) => boolean;
         };
     };
-    static registerStyleProvider(fn: (styleBase: CSSProperties, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => StylexType, 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: 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): StylexType;
+    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/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; }