@omnia/velcron 8.0.299-dev → 8.0.300-dev

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

@@ -17,14 +17,14 @@ export interface ChromeBlueprints extends Blueprints, BlueprintsReference {
     variant2?: ChromeBlueprint;
     variant3?: ChromeBlueprint;
 }
-export type ContainerVariant = "variant1" | "variant2" | "variant3" | "variant4";
-export interface ContainerBlueprints extends Blueprints, BlueprintsReference {
-    variant1?: ContainerBlueprint;
-    variant2?: ContainerBlueprint;
-    variant3?: ContainerBlueprint;
-    variant4?: ContainerBlueprint;
-}
-export interface ContainerBlueprint extends Blueprints, BlueprintsReference {
+export type ContainerFillVariant = "variant1" | "variant2" | "variant3" | "variant4";
+export interface ContainerFillBlueprints extends Blueprints, BlueprintsReference {
+    variant1?: ContainerFillBlueprint;
+    variant2?: ContainerFillBlueprint;
+    variant3?: ContainerFillBlueprint;
+    variant4?: ContainerFillBlueprint;
+}
+export interface ContainerFillBlueprint extends Blueprints, BlueprintsReference {
     name?: string;
     background?: BackgroundDefinition;
 }
@@ -55,7 +55,7 @@ export interface ComponentBlueprints extends ThemeBase {
     blocks?: ChromeBlueprints;
     icons?: IconBlueprints;
     chips?: ChipBlueprint;
-    containers?: ContainerBlueprints;
+    fills?: ContainerFillBlueprints;
 }
 export interface SpacingBlueprint {
     l: SpacingDefinition;

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

@@ -10,10 +10,6 @@ export interface ColorTypeResult<resultType> {
     baseTone: resultType;
     onBase: resultType;
     onBaseTone: resultType;
-    container: resultType;
-    containerTone: resultType;
-    onContainer: resultType;
-    onContainerTone: resultType;
     colorType: (colorType: string) => resultType;
 }
 export interface ColorDefinition {
@@ -113,9 +109,7 @@ export declare enum ColorSchemaTypes {
 export type ColorType = keyof typeof ColorTypes;
 export declare enum ColorTypes {
     base = "base",
-    onBase = "onBase",
-    container = "container",
-    onContainer = "onContainer"
+    onBase = "onBase"
 }
 export interface ThemedColorValue {
     colorType: ColorType;
@@ -149,7 +143,7 @@ export interface FillDefinition {
     colors: Array<ColorValue | ColorGradientValue>;
     acrylic?: boolean;
 }
-export type FillVariant = "variant1" | "variant2" | "variant3";
+export type FillVariant = "variant1" | "variant2" | "variant3" | "variant4";
 export type FillDefinitionValue = FillVariant | FillDefinition | ColorValue;
 export interface LinearGradientFillDefinition extends FillDefinition {
     degrees: number;
@@ -268,6 +262,4 @@ export interface ThemeDefinition extends ThemeBase {
 export interface ColorSchema extends ThemeBase {
     base: ColorDefinition;
     onBase: ColorDefinition;
-    container: ColorDefinition;
-    onContainer: ColorDefinition;
 }

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

@@ -25,8 +25,6 @@ var ColorTypes;
 (function (ColorTypes) {
     ColorTypes["base"] = "base";
     ColorTypes["onBase"] = "onBase";
-    ColorTypes["container"] = "container";
-    ColorTypes["onContainer"] = "onContainer";
 })(ColorTypes || (exports.ColorTypes = ColorTypes = {}));
 var RadialGradientShapes;
 (function (RadialGradientShapes) {

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

@@ -1,11 +1,8 @@
-import { ContainerBlueprint, ContainerVariant } from "./Blueprints";
+import { ContainerFillBlueprint, ContainerFillVariant } from "./Blueprints";
 import { ColorDefinition, ColorSchema, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes } from "./ThemeDefinition";
 export declare function useThemeMethods(getThemeDefinition: () => any): {
-    containerBlueprint: (type: ContainerVariant | ContainerBlueprint | string) => any;
+    containerBlueprint: (type: ContainerFillVariant | ContainerFillBlueprint | string) => any;
     colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => ColorSchema;
     color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
     colorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => ColorDefinition;
-    complementaryColorType: (colorType: ColorTypes | ColorType) => ColorTypes;
-    complementaryColor: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
-    complementaryColorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => ColorDefinition;
 };

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

@@ -66,12 +66,6 @@ function useThemeMethods(getThemeDefinition) {
         else if (colorType === ThemeDefinition_1.ColorTypes.onBase) {
             return mappedColorSchema.onBase.color;
         }
-        else if (colorType === ThemeDefinition_1.ColorTypes.container) {
-            return mappedColorSchema.container.color;
-        }
-        else if (colorType === ThemeDefinition_1.ColorTypes.onContainer) {
-            return mappedColorSchema.onContainer.color;
-        }
         return colorType;
     }
     function colorDefinition(colorSchemaType, colorType) {
@@ -82,44 +76,12 @@ function useThemeMethods(getThemeDefinition) {
         else if (colorType === ThemeDefinition_1.ColorTypes.onBase) {
             return mappedColorSchema.onBase;
         }
-        else if (colorType === ThemeDefinition_1.ColorTypes.container) {
-            return mappedColorSchema.container;
-        }
-        else if (colorType === ThemeDefinition_1.ColorTypes.onContainer) {
-            return mappedColorSchema.onContainer;
-        }
         return mappedColorSchema.base;
     }
-    function complementaryColorType(colorType) {
-        if (colorType === ThemeDefinition_1.ColorTypes.base) {
-            return ThemeDefinition_1.ColorTypes.onBase;
-        }
-        else if (colorType === ThemeDefinition_1.ColorTypes.onBase) {
-            return ThemeDefinition_1.ColorTypes.base;
-        }
-        else if (colorType === ThemeDefinition_1.ColorTypes.container) {
-            return ThemeDefinition_1.ColorTypes.onContainer;
-        }
-        else if (colorType === ThemeDefinition_1.ColorTypes.onContainer) {
-            return ThemeDefinition_1.ColorTypes.container;
-        }
-        return colorType;
-    }
-    function complementaryColor(colorSchemaType, colorType) {
-        const matchingColorType = complementaryColorType(colorType);
-        return color(colorSchemaType, matchingColorType);
-    }
-    function complementaryColorDefinition(colorSchemaType, colorType) {
-        const matchingColorType = complementaryColorType(colorType);
-        return colorDefinition(colorSchemaType, matchingColorType);
-    }
     return {
         containerBlueprint,
         colorSchema,
         color,
         colorDefinition,
-        complementaryColorType,
-        complementaryColor,
-        complementaryColorDefinition,
     };
 }

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

@@ -1,4 +1,4 @@
-import { ContainerBlueprint, ContainerVariant, IFontAwesomeIcon, VelcronColorStyling, VelcronOverflowValues } from "@omnia/fx-models";
+import { ContainerFillBlueprint, ContainerFillVariant, 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";
@@ -88,7 +88,7 @@ export interface VelcronAppDefinition<TState extends DynamicState = DynamicState
     version?: string;
     name?: string;
     lazy?: VelcronLazyApp;
-    blueprint?: ContainerBlueprint | ContainerVariant;
+    blueprint?: ContainerFillBlueprint | ContainerFillVariant;
     body?: Array<VelcronDefinition>;
     events?: VelcronOnLoadEvent & VelcronOnEditModeEvent & VelcronOnSavingEvent & VelcronOnPersistingStateEvent & VelcronOnActiveEvent;
     actions?: {

package/models/VelcronDefinitions.d.ts

@@ -1,4 +1,4 @@
-import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, VelcronEditor, ContainerBlueprint, BackgroundDefinition, ContainerVariant, IconBlueprint, ButtonBlueprint } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
+import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, VelcronEditor, ContainerFillBlueprint, BackgroundDefinition, ContainerFillVariant, IconBlueprint, ButtonBlueprint } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
 import { VelcronComponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
 import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
 import { DynamicState, VelcronDefinition, VelcronEffects, useVelcronThemingStore } from "..";
@@ -217,7 +217,7 @@ export interface VelcronFlexRowDefinition extends VelcronDefinition, VelcronColo
     direction?: VelcronBindableProp<"row" | "row-reverse">;
     position?: VelcronBindableProp<VelcronPosition>;
     zIndex?: VelcronBindableProp<number>;
-    blueprint?: ContainerBlueprint | ContainerVariant;
+    blueprint?: ContainerFillBlueprint | ContainerFillVariant;
     background?: BackgroundDefinition;
     wrap?: boolean;
     gapX?: number | string;
@@ -238,7 +238,7 @@ export interface VelcronFlexColumnDefinition extends VelcronDefinition, VelcronC
     type: "column";
     events?: VelcronOnPressEvent;
     grow?: number;
-    blueprint?: ContainerBlueprint | ContainerVariant;
+    blueprint?: ContainerFillBlueprint | ContainerFillVariant;
     alignY?: VelcronVerticalAlignments;
     position?: VelcronPosition;
     absolute?: VelcronSpacing;

package/models/VelcronState.d.ts

@@ -1,4 +1,4 @@
-import { BackgroundDefinition, ContainerBlueprint, ContainerVariant, TextBlueprint, TypographySize, TypographyType, VelcronSpacing } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
+import { BackgroundDefinition, ContainerFillBlueprint, ContainerFillVariant, TextBlueprint, TypographySize, TypographyType, VelcronSpacing } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
 import { VelcronImageRatios } from "./VelcronDefinitions";
 export interface VelcronState {
     states?: {
@@ -16,7 +16,7 @@ export interface VelcronState {
         alignY?: string;
         colorSchemaType?: string;
         spacing?: VelcronSpacing;
-        blueprint?: ContainerBlueprint | ContainerVariant;
+        blueprint?: ContainerFillBlueprint | ContainerFillVariant;
         background?: BackgroundDefinition;
     };
     grid?: VelcronGridState;

package/package.json

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

package/stores/VelcronColorSchema.js

@@ -27,8 +27,6 @@ exports.useVelcronColorSchemaStore = (0, _1.defineVelcronStore)("ColorSchemaStor
             return {
                 base: state.base,
                 onBase: state.onBase,
-                container: state.container,
-                onContainer: state.onContainer,
                 name: state.name,
             };
         }

package/stores/VelcronTheming.d.ts

@@ -1,19 +1,16 @@
-import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ContainerBlueprint, ContainerVariant, ResolvedThemeDefinition, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "..";
+import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ContainerFillBlueprint, ContainerFillVariant, ResolvedThemeDefinition, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "..";
 export declare const useVelcronThemingStore: (newStateWithName?: string) => {
     state: {
         currentTheme: ResolvedThemeDefinition;
     };
     get: {
         componentBlueprints: () => void;
-        containerBlueprint: (type: ContainerVariant | ContainerBlueprint | string) => any;
+        containerBlueprint: (type: ContainerFillVariant | ContainerFillBlueprint | string) => any;
         colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => import("..").ColorSchema;
         spacing: () => import("..").SpacingBlueprint;
         typography: (typographyType: TypographyTypes | TypographyType, size: TypographySizes | TypographySize) => any;
         color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
         colorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => import("..").ColorDefinition;
-        complementaryColorType: (colorType: ColorTypes | ColorType) => ColorTypes;
-        complementaryColor: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
-        complementaryColorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => import("..").ColorDefinition;
         currentTheme: () => ResolvedThemeDefinition;
     };
     actions: {

package/stores/VelcronTheming.js

@@ -43,15 +43,6 @@ exports.useVelcronThemingStore = (0, VelcronStore_1.defineVelcronStore)("Velcron
             colorDefinition: (colorSchemaType, colorType) => {
                 return (0, __1.useThemeMethods)(() => state.currentTheme).colorDefinition(colorSchemaType, colorType);
             },
-            complementaryColorType: (colorType) => {
-                return (0, __1.useThemeMethods)(() => state.currentTheme).complementaryColorType(colorType);
-            },
-            complementaryColor: (colorSchemaType, colorType) => {
-                return (0, __1.useThemeMethods)(() => state.currentTheme).complementaryColor(colorSchemaType, colorType);
-            },
-            complementaryColorDefinition: (colorSchemaType, colorType) => {
-                return (0, __1.useThemeMethods)(() => state.currentTheme).complementaryColorDefinition(colorSchemaType, colorType);
-            },
             currentTheme: () => {
                 return this.currentTheme.state;
             }