@omnia/velcron 8.0.134-dev → 8.0.135-dev

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

@@ -1,26 +1,25 @@
-import { BackgroundDefinition, ColorSchemaType, ColorValue, FillDefinition } from "./ThemeDefinitionV2";
+import { BackgroundDefinition, BlueprintsReference, ColorSchemaType, ColorValue, FillDefinition } from "./ThemeDefinitionV2";
 import { SpacingDefinition, Spacing } from "./Spacing";
 import { TypographyValue } from "./Typography";
 export interface BoxDimensions extends Spacing {
 }
 import { TypographyBlueprint } from "./Typography";
-import { Guid, GuidValue, VelcronAppDefinition } from "@omnia/fx-models";
+import { GuidValue, VelcronAppDefinition } from "@omnia/fx-models";
 export interface Blueprints {
-    id: Guid;
     name?: string;
 }
 export type BlueprintVariant = "primary" | "secondary" | "variant1" | "variant2" | "variant3";
 export type ButtonBlueprintType = "text" | "icon";
-export interface ChromeBlueprints extends Blueprints {
+export interface ChromeBlueprints extends Blueprints, BlueprintsReference {
     primary: ChromeBlueprint;
     variant1?: ChromeBlueprint;
     variant2?: ChromeBlueprint;
     variant3?: ChromeBlueprint;
 }
-export interface TypographyBlueprints extends Blueprints {
+export interface TypographyBlueprints extends Blueprints, BlueprintsReference {
     primary: TypographyBlueprint;
 }
-export interface SpacingBlueprints extends Blueprints {
+export interface SpacingBlueprints extends Blueprints, BlueprintsReference {
     primary: SpacingBlueprint;
 }
 export interface ChromeBlueprint {
@@ -36,37 +35,9 @@ export interface ChromeBlueprint {
     };
 }
 export type ButtonTypes = "primary" | "basic" | "accent1" | "warn" | "link" | "variant1" | "variant2" | "variant3" | "variant4";
-export interface ComponentBlueprints extends Blueprints {
-    buttons?: {
-        text?: {
-            primary?: ButtonBlueprint;
-            basic?: ButtonBlueprint;
-            accent1?: ButtonBlueprint;
-            warn?: ButtonBlueprint;
-            link?: ButtonBlueprint;
-            variant1?: ButtonBlueprint;
-            variant2?: ButtonBlueprint;
-            variant3?: ButtonBlueprint;
-            variant4?: ButtonBlueprint;
-        };
-        icon?: {
-            primary?: ButtonBlueprint;
-            basic?: ButtonBlueprint;
-            accent1?: ButtonBlueprint;
-            warn?: ButtonBlueprint;
-            link?: ButtonBlueprint;
-            variant1?: ButtonBlueprint;
-            variant2?: ButtonBlueprint;
-            variant3?: ButtonBlueprint;
-            variant4?: ButtonBlueprint;
-        };
-    };
-    tabs?: {
-        primary?: TabsBlueprint;
-        variant1?: TabsBlueprint;
-        variant2?: TabsBlueprint;
-        variant3?: TabsBlueprint;
-    };
+export interface ComponentBlueprints extends Blueprints, BlueprintsReference {
+    buttons?: ButtonBlueprints;
+    tabs?: TabsBlueprints;
     blocks?: ChromeBlueprints;
 }
 export interface SpacingBlueprint {
@@ -87,20 +58,47 @@ export interface Blueprint {
     type: VelcronBlueprintDefintionType | WebBlueprintItemDefintionType;
 }
 export interface SearchBoxBlueprint extends Blueprint {
-    type: "searchbox";
     borderRadius?: BoxDimensions;
     variant?: "outlined" | "solo" | "regular" | "plain" | "underlined";
 }
 export interface ButtonBlueprint extends Blueprint {
-    type: "button";
     padding?: Spacing;
     background?: BackgroundDefinition;
     alterCase?: boolean;
     text?: TextBlueprint;
     icon?: IconBlueprint;
 }
+export interface ButtonBlueprints extends Blueprints {
+    text: {
+        primary?: ButtonBlueprint;
+        basic?: ButtonBlueprint;
+        accent1?: ButtonBlueprint;
+        warn?: ButtonBlueprint;
+        link?: ButtonBlueprint;
+        variant1?: ButtonBlueprint;
+        variant2?: ButtonBlueprint;
+        variant3?: ButtonBlueprint;
+        variant4?: ButtonBlueprint;
+    };
+    icon: {
+        primary?: ButtonBlueprint;
+        basic?: ButtonBlueprint;
+        accent1?: ButtonBlueprint;
+        warn?: ButtonBlueprint;
+        link?: ButtonBlueprint;
+        variant1?: ButtonBlueprint;
+        variant2?: ButtonBlueprint;
+        variant3?: ButtonBlueprint;
+        variant4?: ButtonBlueprint;
+    };
+}
+export interface TabsBlueprints extends Blueprints {
+    primary?: TabsBlueprint;
+    variant1?: TabsBlueprint;
+    variant2?: TabsBlueprint;
+    variant3?: TabsBlueprint;
+}
 export interface TabsBlueprint extends Blueprint {
-    type: "tab";
     background?: BackgroundDefinition;
     padding?: Spacing;
     margin?: Spacing;
@@ -125,12 +123,10 @@ export interface TabsBlueprint extends Blueprint {
     };
 }
 export interface TextBlueprint extends Blueprint {
-    type: "text";
     color?: FillDefinition;
     typography?: TypographyValue;
 }
 export interface IconBlueprint extends Blueprint {
-    type: "icon";
     color?: FillDefinition;
     size?: number;
 }

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

@@ -1,5 +1,5 @@
 import { Guid } from "../Guid";
-import { BoxDimensions } from "./Blueprints";
+import { BoxDimensions, ComponentBlueprints, SpacingBlueprints, TypographyBlueprints } from "./Blueprints";
 export interface ColorTypeResult<resultType> {
     base: resultType;
     baseTone: resultType;
@@ -21,14 +21,14 @@ export interface ColorStyles {
     color: object | string;
     all: object | string;
 }
-export interface ColorSchema {
+export interface ColorSchema extends BlueprintsReference {
     name: string;
     base: ColorDefinition;
     onBase: ColorDefinition;
     container: ColorDefinition;
     onContainer: ColorDefinition;
 }
-export interface ColorSchemas {
+export interface ColorSchemas extends ColorSchemasReference {
     primary: ColorSchema;
     secondary: ColorSchema;
     accent1: ColorSchema;
@@ -41,13 +41,35 @@ export interface ColorSchemas {
     warning: ColorSchema;
     notification: ColorSchema;
 }
-export interface ThemeDefinitionV2 {
+export interface BlueprintsReference {
+    id: Guid;
+}
+export interface ColorSchemasReference {
+    primary: BlueprintsReference;
+    secondary: BlueprintsReference;
+    accent1: BlueprintsReference;
+    accent2: BlueprintsReference;
+    accent3: BlueprintsReference;
+    neutral: BlueprintsReference;
+    background: BlueprintsReference;
+    error: BlueprintsReference;
+    info: BlueprintsReference;
+    warning: BlueprintsReference;
+    notification: BlueprintsReference;
+}
+export interface ThemeDefinitionReference {
     id: Guid;
     name?: string;
+    colors: ColorSchemasReference;
+    typography: BlueprintsReference;
+    spacing: BlueprintsReference;
+    components: BlueprintsReference;
+}
+export interface ThemeDefinitionV2 extends ThemeDefinitionReference {
     colors: ColorSchemas;
-    typographyId: Guid;
-    spacingId: Guid;
-    componentId: Guid;
+    typography: TypographyBlueprints;
+    spacing: SpacingBlueprints;
+    components: ComponentBlueprints;
 }
 export type ColorSchemaType = keyof typeof ColorSchemaTypes;
 export declare enum ColorSchemaTypes {

package/package.json

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

package/stores/VelcronColorSchema.d.ts

@@ -12,9 +12,6 @@ export declare const useVelcronColorSchemaStore: (newStateWithName?: string) =>
         themeStore: {
             state: {
                 currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
-                components: import("@omnia/fx-models").ComponentBlueprints;
-                spacing: import("@omnia/fx-models").SpacingBlueprints;
-                typography: import("@omnia/fx-models").TypographyBlueprints;
             };
             get: {
                 componentBlueprints: () => void;

package/stores/VelcronTheming.d.ts

@@ -1,10 +1,7 @@
-import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ComponentBlueprints, SpacingBlueprints, ThemeDefinitionV2, TypographyBlueprints, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "..";
+import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ThemeDefinitionV2, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "..";
 export declare const useVelcronThemingStore: (newStateWithName?: string) => {
     state: {
         currentTheme: ThemeDefinitionV2;
-        components: ComponentBlueprints;
-        spacing: SpacingBlueprints;
-        typography: TypographyBlueprints;
     };
     get: {
         componentBlueprints: () => void;

package/stores/VelcronTheming.js

@@ -8,25 +8,22 @@ exports.useVelcronThemingStore = (0, _1.defineVelcronStore)("VelcronTheming", {
         return {
             state: {
                 currentTheme: {},
-                components: {},
-                spacing: {},
-                typography: {},
             }
         };
     },
     getters(state) {
         return {
             componentBlueprints: () => {
-                state.components;
+                state.currentTheme.components;
             },
             colorSchema: (colorSchemaType) => {
                 return (0, __1.useThemeMethods)(() => state.currentTheme).colorSchema(colorSchemaType);
             },
             spacing: () => {
-                return state.spacing.primary.inner;
+                return state.currentTheme.spacing.primary.inner;
             },
             typography: (typographyType, size) => {
-                const typography = state.typography.primary;
+                const typography = state.currentTheme.typography.primary;
                 if (typographyType === __1.TypographyTypes.text) {
                     return typography.text[size];
                 }