@omnia/velcron 8.0.459-dev → 8.0.460-dev

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

@@ -4,6 +4,7 @@ import { TypographyFontDefinition, TextStyleValue } from "./Typography";
 import { ThemeBase } from "./ThemeBase";
 import { VelcronRendererResolverReference } from "../velcron";
 import { TextAlignment } from "../Enums";
+import { HorizontalAlignments, VerticalAlignments } from "@omnia/fx-models";
 export interface BlueprintStrategy {
     buttons: {
         primary: ButtonBlueprint;
@@ -31,21 +32,28 @@ export interface VariantBlueprints<T> extends Blueprints {
     variant7?: T;
     variant8?: T;
 }
-export interface HeaderIconSettings {
+export interface HeaderIconBlueprint {
     blueprint?: IconBlueprint;
     background?: BackgroundDefinition;
-    spacing?: Spacing;
+    alignX?: HorizontalAlignments;
+    alignY?: VerticalAlignments;
+    backgroundHeight?: number;
+    margin?: Spacing;
 }
 export interface HeaderBlueprint extends Blueprint {
     /**velcron */
     renderer?: VelcronRendererResolverReference;
+    iconMargin?: SpacingValue;
+    noIcon?: boolean;
     state?: any;
     /**Settings */
     background?: BackgroundDefinition;
     textAlign?: TextAlignment;
-    padding?: SpacingValue;
+    upperCase?: boolean;
+    padding?: Spacing;
+    margin?: Spacing;
     text?: TextBlueprint;
-    iconSettings?: HeaderIconSettings;
+    icon?: HeaderIconBlueprint;
 }
 export interface HeaderBlueprints extends Blueprints, VariantBlueprints<HeaderBlueprint>, BlueprintsReference {
     primary?: HeaderBlueprint;
@@ -113,13 +121,16 @@ export interface ButtonBlueprintVariant {
     category: ButtonBlueprintType;
 }
 export interface ButtonBlueprint extends Blueprint {
-    paddingX?: SpacingValue;
-    iconPaddingX?: SpacingValue;
+    padding?: Spacing;
+    iconMargin?: SpacingValue;
     height?: number;
     background?: BackgroundDefinition;
     alterCase?: boolean;
     text?: TextBlueprint;
     icon?: IconBlueprint;
+    iconPosition?: HorizontalAlignments;
+    iconBackground?: BackgroundDefinition;
+    iconBackgroundHeight?: number;
     viewTemplate?: VelcronRendererResolverReference;
 }
 export interface ButtonBlueprints extends Blueprints {

package/models/VelcronDefinitions.d.ts

@@ -5,7 +5,7 @@ import { DynamicState, VelcronDefinition, VelcronEffects } from "..";
 import { guid, PropertyConfiguration, PropertyValue, PropertyDefinition, PropertySetupBase } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
 import { Properties } from "csstype";
 import type { AnimationOptionsWithOverrides, InViewOptions, VariantDefinition, Variants } from "motion";
-import { useColorSchemaStore, useThemeStore } from "internal/fx/ux/mobile";
+import { useColorSchemaStore } from "internal/fx/ux/mobile";
 export interface ResolvedComponentRenderer {
     component: unknown;
     definition: VelcronDefinition;
@@ -83,7 +83,6 @@ export interface VelcronRenderContext {
     id?: string;
     rootContext: DynamicState;
     currentContext: DynamicState;
-    theming?: ReturnType<typeof useThemeStore>;
     colors?: ReturnType<typeof useColorSchemaStore>;
     actions?: {
         [name: string]: Array<string>;

package/package.json

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

package/parser/VelcronRenderers.js

@@ -92,7 +92,6 @@ class VelcronRenderers {
             hooks: currentRenderCtx.hooks,
             computed: currentRenderCtx.computed,
             colors: currentRenderCtx.colors,
-            theming: currentRenderCtx.theming,
             $editmode: currentRenderCtx.$editmode,
             $display: currentRenderCtx.$display,
             $active: currentRenderCtx.$active,

package/parser/VelcronStyles.js

@@ -109,7 +109,7 @@ class VelcronStyles {
         /** Generic styling */
         if (definition.margin) {
             const margin = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, definition.margin);
-            const spacing = renderCtx.theming.get.spacing();
+            const spacing = renderCtx.colors.get.themeStore.get.spacing();
             if (typeof margin === "object") {
                 styleBase.marginTop = this.unitProvider.formatDimension(__1.SpacingMethods.getSpacingValueFromBlueprint(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, margin.top), spacing, margin.scale));
                 styleBase.marginRight = this.unitProvider.formatDimension(__1.SpacingMethods.getSpacingValueFromBlueprint(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, margin.right), spacing, margin.scale));
@@ -126,7 +126,7 @@ class VelcronStyles {
         }
         if (definition.padding) {
             const padding = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, definition.padding);
-            const spacing = renderCtx.theming.get.spacing();
+            const spacing = renderCtx.colors.get.themeStore.get.spacing();
             if (typeof padding === "object") {
                 styleBase.paddingTop = this.unitProvider.formatDimension(__1.SpacingMethods.getSpacingValueFromBlueprint(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, padding.top), spacing, padding.scale));
                 styleBase.paddingRight = this.unitProvider.formatDimension(__1.SpacingMethods.getSpacingValueFromBlueprint(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, padding.right), spacing, padding.scale));
@@ -192,7 +192,7 @@ class VelcronStyles {
         }
         if (definition.type === VelcronConstants_1.VelcronConstants.components.row) {
             const flexDefinition = definition;
-            const spacingBlueprint = renderCtx.theming.get.spacing();
+            const spacingBlueprint = renderCtx.colors.get.themeStore.get.spacing();
             const gapX = flexDefinition.gapX || flexDefinition?.gapX?.toString() === "0"
                 ? __1.SpacingMethods.getSpacingValueFromBlueprint(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, flexDefinition.gapX), spacingBlueprint)
                 : __1.SpacingMethods.getSpacingValueFromBlueprint(VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, flexDefinition.gapY), spacingBlueprint);
@@ -225,7 +225,7 @@ class VelcronStyles {
                 alignY = "stretch";
             }
             if (flexDefinition.position) {
-                const spacing = renderCtx.theming.get.spacing();
+                const spacing = renderCtx.colors.get.themeStore.get.spacing();
                 this.applySpacingStyles(flexDefinition.position, renderCtx, styleBase, spacing, "", (pos) => (styleBase.position = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, pos.type)), {
                     position: "type",
                 });
@@ -274,7 +274,7 @@ class VelcronStyles {
             this.insertBackgroundColor(styleBase, flexDefinition, renderCtx);
         }
         if (definition.type === VelcronConstants_1.VelcronConstants.components.grid) {
-            const spacingBlueprint = renderCtx.theming.get.spacing();
+            const spacingBlueprint = renderCtx.colors.get.themeStore.get.spacing();
             const gridDefinition = definition;
             const columns = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, gridDefinition.columns);
             const minWidth = VelcronDataBinder_1.VelcronDataBinder.bind(renderCtx, gridDefinition.minColumnWidth);