@omnia/velcron 7.0.525-dev → 7.0.526-dev

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

@@ -20,4 +20,8 @@ export interface BlueprintDefinition {
     chip?: {
         borderRadius?: BoxDimensions;
     };
+    icon?: {
+        borderRadius?: BoxDimensions;
+        round?: boolean;
+    };
 }

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

@@ -9,9 +9,9 @@ export interface ColorDefinition {
     colorTonedStyles: ColorStyles;
 }
 export interface ColorStyles {
-    background: object;
-    color: object;
-    all: object;
+    background: object | string;
+    color: object | string;
+    all: object | string;
 }
 export interface ColorSchema {
     name: string;
@@ -26,6 +26,7 @@ export interface ColorGroup {
 }
 export interface ThemeDefinitionV2 {
     id: Guid;
+    name: string;
     dark: boolean;
     primary: ColorSchema;
     secondary: ColorSchema;

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

@@ -13,6 +13,7 @@ export interface TypographyType {
     large: TypographyTypeBreakPoint;
     medium?: TypographyTypeBreakPoint;
     small?: TypographyTypeBreakPoint;
+    style: object | string;
 }
 export interface TypographyTypeBreakPoint {
     weight: number;

package/models/Enums.d.ts

@@ -38,7 +38,8 @@ export declare enum VelcronComponentPropertyEditors {
     slider = 2,
     colorPicker = 3,
     typographyPicker = 4,
-    ratioPicker = 5
+    ratioPicker = 5,
+    booleanPicker = 6
 }
 export declare enum VelcronDataTypes {
     unknown = "unknown",

package/models/Enums.js

@@ -49,6 +49,7 @@ var VelcronComponentPropertyEditors;
     VelcronComponentPropertyEditors[VelcronComponentPropertyEditors["colorPicker"] = 3] = "colorPicker";
     VelcronComponentPropertyEditors[VelcronComponentPropertyEditors["typographyPicker"] = 4] = "typographyPicker";
     VelcronComponentPropertyEditors[VelcronComponentPropertyEditors["ratioPicker"] = 5] = "ratioPicker";
+    VelcronComponentPropertyEditors[VelcronComponentPropertyEditors["booleanPicker"] = 6] = "booleanPicker";
 })(VelcronComponentPropertyEditors = exports.VelcronComponentPropertyEditors || (exports.VelcronComponentPropertyEditors = {}));
 var VelcronDataTypes;
 (function (VelcronDataTypes) {

package/models/VelcronDefinitions.d.ts

@@ -110,6 +110,7 @@ export interface VelcronDefinitionBase {
 }
 export interface VelcronCustomThemeSettings {
     colorSchema?: string;
+    color?: string;
     opacity?: number;
 }
 export interface VelcronDefinition extends VelcronDefinitionBase {
@@ -224,10 +225,10 @@ export interface VelcronDialogDefinition extends VelcronDefinition {
     visible: string;
     events?: VelcronOnCloseRequestedEvent & VelcronOnClosedEvent;
 }
-export interface VelcronIconDefinition extends VelcronDefinition {
+export interface VelcronIconDefinition extends VelcronDefinition, VelcronCustomThemeSettings {
     type: "Icon";
     icon: string;
-    color: string;
+    background?: boolean;
     size?: number;
     events?: VelcronOnPressEvent;
 }

package/package.json

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

package/parser/VelcronRenderers.d.ts

@@ -17,6 +17,7 @@ export declare class VelcronRenderers {
                 colorSchema: (schema: string) => import("@omnia/fx-models").ColorSchema;
                 typography: (name: string) => import("@omnia/fx-models").TypographyType;
                 color: (schemaName: string, colorType: string) => string;
+                complementaryColor: (colorType: string) => string;
             };
             actions: {
                 setTheme(newTheme: import("@omnia/fx-models").ThemeDefinitionV2): void;

package/stores/VelcronTheming.d.ts

@@ -7,6 +7,7 @@ export declare const useVelcronThemingStore: (newStateWithName?: string) => {
         colorSchema: (schema: string) => import("..").ColorSchema;
         typography: (name: string) => TypographyType;
         color: (schemaName: string, colorType: string) => string;
+        complementaryColor: (colorType: string) => string;
     };
     actions: {
         setTheme(newTheme: ThemeDefinitionV2): void;

package/stores/VelcronTheming.js

@@ -60,6 +60,25 @@ exports.useVelcronThemingStore = (0, VelcronStore_1.defineVelcronStore)("Velcron
             }
             return state.currentTheme.typography.text;
         };
+        const complementaryColor = (colorType) => {
+            if (colorType === __1.ColorTypes.base
+                || colorType === __1.ColorTypes.baseTone) {
+                return __1.ColorTypes.onBase;
+            }
+            else if (colorType === __1.ColorTypes.onBase
+                || colorType === __1.ColorTypes.onBaseTone) {
+                return __1.ColorTypes.base;
+            }
+            else if (colorType === __1.ColorTypes.container
+                || colorType === __1.ColorTypes.containerTone) {
+                return __1.ColorTypes.onContainer;
+            }
+            else if (colorType === __1.ColorTypes.onContainer
+                || colorType === __1.ColorTypes.onContainerTone) {
+                return __1.ColorTypes.container;
+            }
+            return colorType;
+        };
         const color = (schemaName, colorType) => {
             const mappedColorSchema = colorSchema(schemaName);
             if (colorType === __1.ColorTypes.base) {
@@ -91,7 +110,8 @@ exports.useVelcronThemingStore = (0, VelcronStore_1.defineVelcronStore)("Velcron
         return {
             colorSchema,
             typography,
-            color
+            color,
+            complementaryColor
         };
     },
     actions(state) {