@omnia/velcron 8.0.127-dev → 8.0.128-dev

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

@@ -5,31 +5,25 @@ import { TypographyValue } from "./Typography";
 export interface BoxDimensions extends Spacing {
 }
 import { TypographyBlueprint } from "./Typography";
-export type BlueprintType = "chrome" | "typography" | "spacing" | "component";
 export interface Blueprints {
-    type: BlueprintType;
     name?: string;
 }
 export type BlueprintVariant = "primary" | "secondary" | "variant1" | "variant2" | "variant3";
 export type ButtonBlueprintType = "text" | "icon";
 export interface ChromeBlueprints extends Blueprints {
-    type: "chrome";
     primary: ChromeBlueprint;
     variant1?: ChromeBlueprint;
     variant2?: ChromeBlueprint;
     variant3?: ChromeBlueprint;
 }
 export interface TypographyBlueprints extends Blueprints {
-    type: "typography";
     primary: TypographyBlueprint;
 }
 export interface SpacingBlueprints extends Blueprints {
-    type: "spacing";
     primary: SpacingBlueprint;
 }
 export type ButtonTypes = "primary" | "basic" | "accent1" | "warn" | "disabled" | "link";
 export interface ComponentBlueprints extends Blueprints {
-    type: "component";
     buttons?: {
         text?: {
             primary?: ButtonBlueprint;

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

@@ -1,5 +1,5 @@
 import { Guid } from "../Guid";
-import { Blueprints, BoxDimensions } from "./Blueprints";
+import { BoxDimensions, ChromeBlueprints, ComponentBlueprints, SpacingBlueprints, TypographyBlueprints } from "./Blueprints";
 export interface ColorTypeResult<resultType> {
     base: resultType;
     baseTone: resultType;
@@ -41,10 +41,12 @@ export interface ColorSchemas {
 }
 export interface ThemeDefinitionV2 {
     id: Guid;
-    name: string;
-    dark: boolean;
+    name?: string;
     colors: ColorSchemas;
-    blueprints: Blueprints[];
+    typography: TypographyBlueprints;
+    spacing: SpacingBlueprints;
+    chrome: ChromeBlueprints;
+    components: ComponentBlueprints;
 }
 export type ColorSchemaType = keyof typeof ColorSchemaTypes;
 export declare enum ColorSchemaTypes {

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

@@ -1,8 +1,6 @@
 import { ColorDefinition, ColorSchema, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes } from "./ThemeDefinitionV2";
-import { Blueprints, BlueprintType } from "./Blueprints";
 export declare function useThemeMethods(getThemeDefinition: () => any): {
     colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => ColorSchema;
-    bluePrintbyType: <TType extends Blueprints>(type: BlueprintType) => TType;
     color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
     colorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => ColorDefinition;
     complementaryColorType: (colorType: ColorTypes | ColorType) => ColorTypes;

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

@@ -5,9 +5,6 @@ exports.useThemeMethods = void 0;
 const ThemeDefinitionV2_1 = require("./ThemeDefinitionV2");
 // temp change ThemeDefinitionInstance to any because fx/shared can't reference higher level fx/ux
 function useThemeMethods(getThemeDefinition) {
-    function bluePrintbyType(type) {
-        return getThemeDefinition().blueprints.find(x => x.type === type);
-    }
     function colorSchema(colorSchemaType) {
         if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.primary) {
             return getThemeDefinition().colors.primary;
@@ -92,7 +89,6 @@ function useThemeMethods(getThemeDefinition) {
     }
     return {
         colorSchema,
-        bluePrintbyType,
         color,
         colorDefinition,
         complementaryColorType,

package/package.json

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

package/stores/VelcronColorSchema.d.ts

@@ -14,7 +14,7 @@ export declare const useVelcronColorSchemaStore: (newStateWithName?: string) =>
                 currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
             };
             get: {
-                componentBlueprints: (blueprintType: import("@omnia/fx-models").VelcronBlueprintDefintionTypes) => import("@omnia/fx-models").ComponentBlueprints;
+                componentBlueprints: () => void;
                 colorSchema: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic") => ColorSchema;
                 spacing: () => import("@omnia/fx-models").SpacingDefinition;
                 typography: (typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes) => any;

package/stores/VelcronTheming.d.ts

@@ -1,12 +1,12 @@
-import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ComponentBlueprints, SpacingDefinition, ThemeDefinitionV2, TypographySize, TypographySizes, TypographyType, TypographyTypes, VelcronBlueprintDefintionTypes } from "..";
+import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ThemeDefinitionV2, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "..";
 export declare const useVelcronThemingStore: (newStateWithName?: string) => {
     state: {
         currentTheme: ThemeDefinitionV2;
     };
     get: {
-        componentBlueprints: (blueprintType: VelcronBlueprintDefintionTypes) => ComponentBlueprints;
+        componentBlueprints: () => void;
         colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => import("..").ColorSchema;
-        spacing: () => SpacingDefinition;
+        spacing: () => import("..").SpacingDefinition;
         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;

package/stores/VelcronTheming.js

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