@omnia/velcron 8.0.300-dev → 8.0.302-dev

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

@@ -5,24 +5,45 @@ import { TypographyBlueprint } from "./Typography";
 import { ThemeBase } from "./ThemeBase";
 import { VelcronAppDefinition, VelcronRendererResolverReference } from "../velcron";
 import { guid } from "../Guid";
+export interface BlueprintStrategy {
+    buttons: {
+        primary: ButtonBlueprint;
+        basic: ButtonBlueprint;
+        accent: ButtonBlueprint;
+        warn: ButtonBlueprint;
+        link: ButtonBlueprint;
+        close: ButtonBlueprint;
+    };
+}
 export interface BoxDimensions extends Spacing {
 }
 export interface Blueprints {
     name?: string;
 }
-export type BlueprintVariant = "primary" | "secondary" | "variant1" | "variant2" | "variant3";
+export type BlueprintVariant = "primary" | "secondary" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
+export declare const BlueprintVariants: Array<BlueprintVariant>;
 export interface ChromeBlueprints extends Blueprints, BlueprintsReference {
     primary: ChromeBlueprint;
     variant1?: ChromeBlueprint;
     variant2?: ChromeBlueprint;
     variant3?: ChromeBlueprint;
 }
-export type ContainerFillVariant = "variant1" | "variant2" | "variant3" | "variant4";
-export interface ContainerFillBlueprints extends Blueprints, BlueprintsReference {
-    variant1?: ContainerFillBlueprint;
-    variant2?: ContainerFillBlueprint;
-    variant3?: ContainerFillBlueprint;
-    variant4?: ContainerFillBlueprint;
+export interface VariantBlueprints<T> extends Blueprints, BlueprintsReference {
+    variant1?: T;
+    variant2?: T;
+    variant3?: T;
+    variant4?: T;
+    variant5?: T;
+    variant6?: T;
+    variant7?: T;
+    variant8?: T;
+}
+export interface HeaderBlueprint extends Blueprint {
+    viewTemplate?: VelcronRendererResolverReference;
+}
+export interface HeaderBlueprints extends VariantBlueprints<HeaderBlueprint>, Blueprints, BlueprintsReference {
+}
+export interface ContainerFillBlueprints extends VariantBlueprints<ContainerFillBlueprint>, Blueprints, BlueprintsReference {
 }
 export interface ContainerFillBlueprint extends Blueprints, BlueprintsReference {
     name?: string;
@@ -50,12 +71,14 @@ export interface ChromeBlueprint {
     };
 }
 export interface ComponentBlueprints extends ThemeBase {
+    strategy?: "MD2" | "MD3";
     buttons?: ButtonBlueprints;
     tabs?: TabsBlueprints;
     blocks?: ChromeBlueprints;
     icons?: IconBlueprints;
     chips?: ChipBlueprint;
     fills?: ContainerFillBlueprints;
+    headers?: HeaderBlueprints;
 }
 export interface SpacingBlueprint {
     l: SpacingDefinition;
@@ -71,6 +94,7 @@ export declare enum VelcronBlueprintDefintionTypes {
     button = "button"
 }
 export interface Blueprint {
+    name?: string;
 }
 export interface SearchBoxBlueprint extends Blueprint {
     borderRadius?: BoxDimensions;
@@ -83,7 +107,7 @@ export interface IconBlueprints extends Blueprints {
     l?: IconBlueprint;
     xl?: IconBlueprint;
 }
-export type ButtonTypes = "primary" | "basic" | "accent1" | "warn" | "link" | "close" | "variant1" | "variant2" | "variant3" | "variant4";
+export type ButtonTypes = "primary" | "basic" | "accent1" | "warn" | "link" | "close" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
 export type ButtonBlueprintType = "text" | "icon";
 export interface ButtonBlueprintVariant {
     type: ButtonTypes;
@@ -98,7 +122,7 @@ export interface ButtonBlueprint extends Blueprint {
     viewTemplate?: VelcronRendererResolverReference;
 }
 export interface ButtonBlueprints extends Blueprints {
-    text: {
+    text?: {
         primary?: ButtonBlueprint;
         basic?: ButtonBlueprint;
         accent1?: ButtonBlueprint;
@@ -109,8 +133,12 @@ export interface ButtonBlueprints extends Blueprints {
         variant2?: ButtonBlueprint;
         variant3?: ButtonBlueprint;
         variant4?: ButtonBlueprint;
+        variant5?: ButtonBlueprint;
+        variant6?: ButtonBlueprint;
+        variant7?: ButtonBlueprint;
+        variant8?: ButtonBlueprint;
     };
-    icon: {
+    icon?: {
         primary?: ButtonBlueprint;
         basic?: ButtonBlueprint;
         accent1?: ButtonBlueprint;
@@ -121,13 +149,14 @@ export interface ButtonBlueprints extends Blueprints {
         variant2?: ButtonBlueprint;
         variant3?: ButtonBlueprint;
         variant4?: ButtonBlueprint;
+        variant5?: ButtonBlueprint;
+        variant6?: ButtonBlueprint;
+        variant7?: ButtonBlueprint;
+        variant8?: ButtonBlueprint;
     };
 }
-export interface TabsBlueprints extends Blueprints {
+export interface TabsBlueprints extends Blueprints, VariantBlueprints<TabsBlueprint> {
     primary?: TabsBlueprint;
-    variant1?: TabsBlueprint;
-    variant2?: TabsBlueprint;
-    variant3?: TabsBlueprint;
 }
 export interface TabsBlueprint extends Blueprint {
     background?: BackgroundDefinition;

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

@@ -1,6 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VelcronBlueprintDefintionTypes = exports.WebBlueprintItemDefintionTypes = void 0;
+exports.VelcronBlueprintDefintionTypes = exports.WebBlueprintItemDefintionTypes = exports.BlueprintVariants = void 0;
+exports.BlueprintVariants = [
+    "variant1",
+    "variant2",
+    "variant3",
+    "variant4",
+    "variant5",
+    "variant6",
+    "variant7",
+    "variant8"
+];
 var WebBlueprintItemDefintionTypes;
 (function (WebBlueprintItemDefintionTypes) {
     WebBlueprintItemDefintionTypes["button"] = "button";

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

@@ -1,6 +1,6 @@
 import { guid } from "../Guid";
 import { Id } from "../Id";
-import { BoxDimensions, ButtonBlueprint, ComponentBlueprints, SpacingBlueprints, TypographyBlueprints } from "./Blueprints";
+import { BlueprintVariant, BoxDimensions, ButtonBlueprint, ComponentBlueprints, SpacingBlueprints, TypographyBlueprints } from "./Blueprints";
 import { Color } from "./Color";
 import { LegacyBorderDefinition, LegacyThemeDefinition } from "./LegacyThemeDefinition";
 import { ThemeBase } from "./ThemeBase";
@@ -143,8 +143,7 @@ export interface FillDefinition {
     colors: Array<ColorValue | ColorGradientValue>;
     acrylic?: boolean;
 }
-export type FillVariant = "variant1" | "variant2" | "variant3" | "variant4";
-export type FillDefinitionValue = FillVariant | FillDefinition | ColorValue;
+export type FillDefinitionValue = BlueprintVariant | FillDefinition | ColorValue;
 export interface LinearGradientFillDefinition extends FillDefinition {
     degrees: number;
 }

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

@@ -13,6 +13,11 @@ export interface TypographyBlueprint {
         variant1?: FillDefinition;
         variant2?: FillDefinition;
         variant3?: FillDefinition;
+        variant4?: FillDefinition;
+        variant5?: FillDefinition;
+        variant6?: FillDefinition;
+        variant7?: FillDefinition;
+        variant8?: FillDefinition;
     };
     title: {
         xl: TypographyDefinition;
@@ -51,6 +56,10 @@ export interface TypographyBlueprint {
         variant2?: TypographyDefinition;
         variant3?: TypographyDefinition;
         variant4?: TypographyDefinition;
+        variant5?: TypographyDefinition;
+        variant6?: TypographyDefinition;
+        variant7?: TypographyDefinition;
+        variant8?: TypographyDefinition;
         font?: TypographyFontRef;
     };
 }
@@ -93,7 +102,11 @@ export declare enum TypographySizes {
     variant1 = "variant1",
     variant2 = "variant2",
     variant3 = "variant3",
-    variant4 = "variant4"
+    variant4 = "variant4",
+    variant5 = "variant5",
+    variant6 = "variant6",
+    variant7 = "variant7",
+    variant8 = "variant8"
 }
 /**this reflect TypographySizes for member check*/
 export declare const AvailableTypographySizes: string[];

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

@@ -19,6 +19,10 @@ var TypographySizes;
     TypographySizes["variant2"] = "variant2";
     TypographySizes["variant3"] = "variant3";
     TypographySizes["variant4"] = "variant4";
+    TypographySizes["variant5"] = "variant5";
+    TypographySizes["variant6"] = "variant6";
+    TypographySizes["variant7"] = "variant7";
+    TypographySizes["variant8"] = "variant8";
 })(TypographySizes || (exports.TypographySizes = TypographySizes = {}));
 /**this reflect TypographySizes for member check*/
-exports.AvailableTypographySizes = ["xl", "l", "m", "s", "xs", "variant1", "variant2", "variant3", "variant4"];
+exports.AvailableTypographySizes = ["xl", "l", "m", "s", "xs", "variant1", "variant2", "variant3", "variant4", "variant5", "variant6", "variant7", "variant8"];

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

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

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

@@ -4,21 +4,21 @@ exports.useThemeMethods = useThemeMethods;
 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) {
+    function containerFillBlueprint(type) {
         if (typeof type !== "string") {
             return type;
         }
         if (type === "variant1") {
-            return getThemeDefinition()?.components?.containers?.variant1;
+            return getThemeDefinition()?.components?.fills?.variant1;
         }
         if (type === "variant2") {
-            return getThemeDefinition()?.components?.containers?.variant2;
+            return getThemeDefinition()?.components?.fills?.variant2;
         }
         if (type === "variant3") {
-            return getThemeDefinition()?.components?.containers?.variant3;
+            return getThemeDefinition()?.components?.fills?.variant3;
         }
         if (type === "variant4") {
-            return getThemeDefinition()?.components?.containers?.variant4;
+            return getThemeDefinition()?.components?.fills?.variant4;
         }
         return null;
     }
@@ -50,9 +50,18 @@ function useThemeMethods(getThemeDefinition) {
         else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.neutral) {
             return getThemeDefinition().colors.neutral;
         }
+        else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.notification) {
+            return getThemeDefinition().colors.notification;
+        }
         else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.error) {
             return getThemeDefinition().colors.error;
         }
+        else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.info) {
+            return getThemeDefinition().colors.info;
+        }
+        else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.warning) {
+            return getThemeDefinition().colors.warning;
+        }
         else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.success) {
             return getThemeDefinition().colors.success;
         }
@@ -79,7 +88,7 @@ function useThemeMethods(getThemeDefinition) {
         return mappedColorSchema.base;
     }
     return {
-        containerBlueprint,
+        containerBlueprint: containerFillBlueprint,
         colorSchema,
         color,
         colorDefinition,

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

@@ -1,4 +1,4 @@
-import { ContainerFillBlueprint, ContainerFillVariant, IFontAwesomeIcon, VelcronColorStyling, VelcronOverflowValues } from "@omnia/fx-models";
+import { ContainerFillBlueprint, BlueprintVariant, 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?: ContainerFillBlueprint | ContainerFillVariant;
+    blueprint?: ContainerFillBlueprint | BlueprintVariant;
     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, ContainerFillBlueprint, BackgroundDefinition, ContainerFillVariant, 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, BlueprintVariant, 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?: ContainerFillBlueprint | ContainerFillVariant;
+    blueprint?: ContainerFillBlueprint | BlueprintVariant;
     background?: BackgroundDefinition;
     wrap?: boolean;
     gapX?: number | string;
@@ -238,7 +238,7 @@ export interface VelcronFlexColumnDefinition extends VelcronDefinition, VelcronC
     type: "column";
     events?: VelcronOnPressEvent;
     grow?: number;
-    blueprint?: ContainerFillBlueprint | ContainerFillVariant;
+    blueprint?: ContainerFillBlueprint | BlueprintVariant;
     alignY?: VelcronVerticalAlignments;
     position?: VelcronPosition;
     absolute?: VelcronSpacing;

package/models/VelcronState.d.ts

@@ -1,4 +1,4 @@
-import { BackgroundDefinition, ContainerFillBlueprint, ContainerFillVariant, TextBlueprint, TypographySize, TypographyType, VelcronSpacing } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
+import { BackgroundDefinition, ContainerFillBlueprint, BlueprintVariant, 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?: ContainerFillBlueprint | ContainerFillVariant;
+        blueprint?: ContainerFillBlueprint | BlueprintVariant;
         background?: BackgroundDefinition;
     };
     grid?: VelcronGridState;

package/package.json

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

package/stores/VelcronTheming.d.ts

@@ -1,11 +1,11 @@
-import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ContainerFillBlueprint, ContainerFillVariant, ResolvedThemeDefinition, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "..";
+import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ContainerFillBlueprint, BlueprintVariant, ResolvedThemeDefinition, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "..";
 export declare const useVelcronThemingStore: (newStateWithName?: string) => {
     state: {
         currentTheme: ResolvedThemeDefinition;
     };
     get: {
         componentBlueprints: () => void;
-        containerBlueprint: (type: ContainerFillVariant | ContainerFillBlueprint | string) => any;
+        containerBlueprint: (type: BlueprintVariant | ContainerFillBlueprint | string) => any;
         colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => import("..").ColorSchema;
         spacing: () => import("..").SpacingBlueprint;
         typography: (typographyType: TypographyTypes | TypographyType, size: TypographySizes | TypographySize) => any;