@omnia/fx-models 8.0.8-vnext → 8.0.9-vnext

package/Enums.d.ts

@@ -375,6 +375,7 @@ export declare enum IconTypes {
     FontAwesome = "IFontAwesomeIcon",
     Fabric = "IFabricIcon",
     Flag = "IFlagIcon",
+    Material = "IMaterialIcon",
     Custom = "ICustomIcon",
     SVG = "ISVG"
 }

package/Enums.js

@@ -268,6 +268,7 @@ var IconTypes;
     IconTypes["FontAwesome"] = "IFontAwesomeIcon";
     IconTypes["Fabric"] = "IFabricIcon";
     IconTypes["Flag"] = "IFlagIcon";
+    IconTypes["Material"] = "IMaterialIcon";
     IconTypes["Custom"] = "ICustomIcon";
     IconTypes["SVG"] = "ISVG";
 })(IconTypes = exports.IconTypes || (exports.IconTypes = {}));

package/Exposes.d.ts

@@ -113,6 +113,7 @@ export * from "./filterengine";
 export * from "@omnia/fx-models/internal-do-not-import-from-here/velcron/core/models";
 export * from "./auth";
 export * from "./sidepanel";
+export * from "./oxide";
 export * from "./FilePicker";
 export * from "./FileIdentifier";
 export * from "./UserAgent";

package/Exposes.js

@@ -125,6 +125,7 @@ tslib_1.__exportStar(require("./filterengine"), exports);
 tslib_1.__exportStar(require("@omnia/fx-models/internal-do-not-import-from-here/velcron/core/models"), exports);
 tslib_1.__exportStar(require("./auth"), exports);
 tslib_1.__exportStar(require("./sidepanel"), exports);
+tslib_1.__exportStar(require("./oxide"), exports);
 //************************************************************************************ */
 // End of folder exports
 //************************************************************************************ */

package/Icon.d.ts

@@ -7,6 +7,9 @@ export interface IIcon {
 export interface IFontAwesomeIcon extends IIcon {
     faClass: string;
 }
+export interface IMaterialIcon extends IIcon {
+    maClass: string;
+}
 export interface IFabricIcon extends IIcon {
     fabClass: string;
 }
@@ -27,6 +30,11 @@ export declare class FontAwesomeIcon implements IFontAwesomeIcon {
     iconType: IconTypes;
     constructor(faClass: string);
 }
+export declare class MaterialIcon implements IMaterialIcon {
+    maClass: string;
+    iconType: IconTypes;
+    constructor(maClass: string);
+}
 export declare class FabricIcon implements IFabricIcon {
     fabClass: string;
     iconType: IconTypes;

package/Icon.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlagIcon = exports.SvgIcon = exports.CustomIcon = exports.FabricIcon = exports.FontAwesomeIcon = void 0;
+exports.FlagIcon = exports.SvgIcon = exports.CustomIcon = exports.FabricIcon = exports.MaterialIcon = exports.FontAwesomeIcon = void 0;
 const Enums_1 = require("./Enums");
 /**
  * Class to create a guid
@@ -12,6 +12,13 @@ class FontAwesomeIcon {
     }
 }
 exports.FontAwesomeIcon = FontAwesomeIcon;
+class MaterialIcon {
+    constructor(maClass) {
+        this.maClass = maClass;
+        this.iconType = Enums_1.IconTypes.Material;
+    }
+}
+exports.MaterialIcon = MaterialIcon;
 class FabricIcon {
     constructor(fabClass) {
         this.fabClass = fabClass;

package/ManifestIds.d.ts

@@ -22,7 +22,6 @@ export declare class OmniaResourceManifests {
     static get ClientBoot(): Guid;
     static get FxUxVuetifyBottomnav(): Guid;
     static get ConsoleCommands(): Guid;
-    static get HMR(): Guid;
     static get FxUxVRating(): Guid;
     static get FxUxVuetifyHover(): Guid;
     static get FxUxVuetifyCombobox(): Guid;

package/ManifestIds.js

@@ -64,9 +64,6 @@ class OmniaResourceManifests {
     static get ConsoleCommands() {
         return new models_1.Guid("0d65cbc9-9fca-4960-b9b5-71807a801a9f");
     }
-    static get HMR() {
-        return new models_1.Guid("c45a049c-adb7-46ed-8435-83dbe2ab4256");
-    }
     //Moved to Common Components
     //public static get FxUxVuetifyBtn(): Guid { return new Guid("888135ca-8dcc-46f7-8b7c-874a982e307a"); }
     //public static get FxUxVuetifySpeedDial(): Guid { return new Guid("8742228e-a540-43ce-8b19-d01da2961845"); }

package/editor-chrome/IEditorItemPanelsRenderer.d.ts

@@ -1,3 +1,3 @@
 export interface IEditorItemPanelsRenderer {
-    generateElement(h: any): JSX.Element;
+    generateElement(): JSX.Element;
 }

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

@@ -10,6 +10,9 @@ export interface BoxBorder extends BoxDimensions {
 }
 export interface BlueprintDefinition {
     id: Guid;
+    button?: {
+        borderRadius?: BoxDimensions;
+    };
     card?: {
         border?: BoxBorder;
         borderRadius?: BoxDimensions;

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

@@ -1,6 +1,17 @@
 import { Guid } from "../Guid";
 import { BlueprintDefinition } from "./BlueprintDefinition";
 import { TypographyDefinition } from "./TypographyDefinition";
+export interface ColorTypeResult<resultType> {
+    base: resultType;
+    baseTone: resultType;
+    onBase: resultType;
+    onBaseTone: resultType;
+    container: resultType;
+    containerTone: resultType;
+    onContainer: resultType;
+    onContainerTone: resultType;
+    colorType: (colorType: string) => resultType;
+}
 export interface ColorDefinition {
     dark: boolean;
     color: string;
@@ -38,24 +49,26 @@ export interface ThemeDefinitionV2 {
     typography: TypographyDefinition;
     blueprint: BlueprintDefinition;
 }
-export declare const ColorSchemaTypes: {
-    primary: string;
-    secondary: string;
-    accent1: string;
-    accent2: string;
-    accent3: string;
-    neutral: string;
-    background: string;
-    error: string;
-    info: string;
-};
-export declare const ColorTypes: {
-    base: string;
-    baseTone: string;
-    onBase: string;
-    onBaseTone: string;
-    container: string;
-    containerTone: string;
-    onContainer: string;
-    onContainerTone: string;
-};
+export type ColorSchemaType = ColorSchemaTypes.primary | ColorSchemaTypes.secondary | ColorSchemaTypes.accent1 | ColorSchemaTypes.accent2 | ColorSchemaTypes.accent3 | ColorSchemaTypes.neutral | ColorSchemaTypes.background | ColorSchemaTypes.error | ColorSchemaTypes.info;
+export declare enum ColorSchemaTypes {
+    primary = "primary",
+    secondary = "secondary",
+    accent1 = "accent1",
+    accent2 = "accent2",
+    accent3 = "accent3",
+    neutral = "neutral",
+    background = "background",
+    error = "error",
+    info = "info"
+}
+export type ColorType = ColorTypes.base | ColorTypes.baseTone | ColorTypes.onBase | ColorTypes.onBaseTone | ColorTypes.container | ColorTypes.containerTone | ColorTypes.onContainer | ColorTypes.onContainerTone;
+export declare enum ColorTypes {
+    base = "base",
+    baseTone = "baseTone",
+    onBase = "onBase",
+    onBaseTone = "onBaseTone",
+    container = "container",
+    containerTone = "containerTone",
+    onContainer = "onContainer",
+    onContainerTone = "onContainerTone"
+}

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

@@ -1,24 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColorTypes = exports.ColorSchemaTypes = void 0;
-exports.ColorSchemaTypes = {
-    primary: "primary",
-    secondary: "secondary",
-    accent1: "accent1",
-    accent2: "accent2",
-    accent3: "accent3",
-    neutral: "neutral",
-    background: "background",
-    error: "error",
-    info: "info",
-};
-exports.ColorTypes = {
-    base: "base",
-    baseTone: "baseTone",
-    onBase: "onBase",
-    onBaseTone: "onBaseTone",
-    container: "container",
-    containerTone: "containerTone",
-    onContainer: "onContainer",
-    onContainerTone: "onContainerTone",
-};
+var ColorSchemaTypes;
+(function (ColorSchemaTypes) {
+    ColorSchemaTypes["primary"] = "primary";
+    ColorSchemaTypes["secondary"] = "secondary";
+    ColorSchemaTypes["accent1"] = "accent1";
+    ColorSchemaTypes["accent2"] = "accent2";
+    ColorSchemaTypes["accent3"] = "accent3";
+    ColorSchemaTypes["neutral"] = "neutral";
+    ColorSchemaTypes["background"] = "background";
+    ColorSchemaTypes["error"] = "error";
+    ColorSchemaTypes["info"] = "info";
+})(ColorSchemaTypes = exports.ColorSchemaTypes || (exports.ColorSchemaTypes = {}));
+var ColorTypes;
+(function (ColorTypes) {
+    ColorTypes["base"] = "base";
+    ColorTypes["baseTone"] = "baseTone";
+    ColorTypes["onBase"] = "onBase";
+    ColorTypes["onBaseTone"] = "onBaseTone";
+    ColorTypes["container"] = "container";
+    ColorTypes["containerTone"] = "containerTone";
+    ColorTypes["onContainer"] = "onContainer";
+    ColorTypes["onContainerTone"] = "onContainerTone";
+})(ColorTypes = exports.ColorTypes || (exports.ColorTypes = {}));

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

@@ -1,14 +1,14 @@
 import { Guid } from "../Guid";
 export interface TypographyDefinition {
     id: Guid;
-    h1: TypographyType;
-    h2: TypographyType;
-    h3: TypographyType;
-    text: TypographyType;
-    caption: TypographyType;
-    link: TypographyType;
+    h1: TypographyTypeDefinition;
+    h2: TypographyTypeDefinition;
+    h3: TypographyTypeDefinition;
+    text: TypographyTypeDefinition;
+    caption: TypographyTypeDefinition;
+    link: TypographyTypeDefinition;
 }
-export interface TypographyType {
+export interface TypographyTypeDefinition {
     decoration?: string;
     large: TypographyTypeBreakPoint;
     medium?: TypographyTypeBreakPoint;
@@ -19,11 +19,12 @@ export interface TypographyTypeBreakPoint {
     size: number;
     lineHeight: number;
 }
-export declare const TypographyTypes: {
-    h1: string;
-    h2: string;
-    h3: string;
-    text: string;
-    caption: string;
-    link: string;
-};
+export type TypographyType = TypographyTypes.h1 | TypographyTypes.h2 | TypographyTypes.h3 | TypographyTypes.text | TypographyTypes.caption | TypographyTypes.link;
+export declare enum TypographyTypes {
+    h1 = "h1",
+    h2 = "h2",
+    h3 = "h3",
+    text = "text",
+    caption = "caption",
+    link = "link"
+}

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

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TypographyTypes = void 0;
-exports.TypographyTypes = {
-    h1: "h1",
-    h2: "h2",
-    h3: "h3",
-    text: "text",
-    caption: "caption",
-    link: "link",
-};
+var TypographyTypes;
+(function (TypographyTypes) {
+    TypographyTypes["h1"] = "h1";
+    TypographyTypes["h2"] = "h2";
+    TypographyTypes["h3"] = "h3";
+    TypographyTypes["text"] = "text";
+    TypographyTypes["caption"] = "caption";
+    TypographyTypes["link"] = "link";
+})(TypographyTypes = exports.TypographyTypes || (exports.TypographyTypes = {}));

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

@@ -0,0 +1,11 @@
+import { ColorDefinition, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ThemeDefinitionV2 } from "./ThemeDefinitionV2";
+import { TypographyType, TypographyTypeDefinition, TypographyTypes } from "./TypographyDefinition";
+export declare const useThemeMethods: (themedefinition: ThemeDefinitionV2) => {
+    colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => import("./ThemeDefinitionV2").ColorSchema;
+    typography: (typographyType: TypographyTypes | TypographyType) => TypographyTypeDefinition;
+    color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
+    colorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => ColorDefinition;
+    complementaryColorType: (colorType: ColorTypes | ColorType) => ColorTypes.base | ColorTypes.onBase | ColorTypes.container | ColorTypes.onContainer;
+    complementaryColor: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
+    complementaryColorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => ColorDefinition;
+};

package/internal-do-not-import-from-here/shared/models/theming/{ThemeMethods.js → UseThemeMethods.js}

@@ -137,7 +137,7 @@ const useThemeMethods = (themedefinition) => {
         colorDefinition,
         complementaryColorType,
         complementaryColor,
-        complementaryColorDefinition
+        complementaryColorDefinition,
     };
 };
 exports.useThemeMethods = useThemeMethods;

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

@@ -1,4 +1,4 @@
 export * from "./ThemeDefinitionV2";
 export * from "./TypographyDefinition";
 export * from "./OmniaThemes";
-export * from "./ThemeMethods";
+export * from "./UseThemeMethods";

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

@@ -4,4 +4,4 @@ const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./ThemeDefinitionV2"), exports);
 tslib_1.__exportStar(require("./TypographyDefinition"), exports);
 tslib_1.__exportStar(require("./OmniaThemes"), exports);
-tslib_1.__exportStar(require("./ThemeMethods"), exports);
+tslib_1.__exportStar(require("./UseThemeMethods"), exports);

package/internal-do-not-import-from-here/velcron/core/models/VelcronDefinitions.d.ts

@@ -2,7 +2,7 @@ import { VelcronComponentDescriptor } from "./VelcronDescriptors";
 import { VelcronEvent, VelcronOnChangedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnLoadEvent, VelcronOnPressEvent } from "./VelcronEvents";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
 import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VerticalAlignments } from "./Enums";
-import { ColorSchema, useVelcronThemingStore } from "..";
+import { ColorSchema, ColorSchemaType, ColorSchemaTypes, useVelcronThemingStore } from "..";
 export interface ResolvedComponentRenderer {
     component: unknown;
     definition: VelcronDefinition;
@@ -41,7 +41,7 @@ export interface VelcronRenderContext {
     rootContext: VelcronState;
     currentContext: VelcronState;
     theming?: ReturnType<typeof useVelcronThemingStore>;
-    colorSchemaType?: string;
+    colorSchemaType?: ColorSchemaTypes | ColorSchemaType;
     colorSchema?: ColorSchema;
     actions?: {
         [name: string]: [];

package/oxide/Componentprops.d.ts

@@ -0,0 +1,18 @@
+import { ColorSchemaTypes, ColorTypes } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { PropType } from "vue";
+export declare const ThemeableComponentProps: {
+    colorSchemaType: {
+        type: PropType<ColorSchemaTypes>;
+        required: boolean;
+    };
+    colorType: {
+        type: PropType<ColorTypes>;
+        required: boolean;
+    };
+};
+export declare const ComponentStylingProps: {
+    class: {
+        type: PropType<String | String[]>;
+        required: boolean;
+    };
+};

package/oxide/Componentprops.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentStylingProps = exports.ThemeableComponentProps = void 0;
+function definePropObjectType() {
+    return Object;
+}
+exports.ThemeableComponentProps = {
+    colorSchemaType: {
+        type: definePropObjectType(),
+        required: false
+    },
+    colorType: {
+        type: definePropObjectType(),
+        required: false
+    },
+};
+exports.ComponentStylingProps = {
+    // style: {
+    //     type: String,
+    //     required: false
+    // },
+    class: {
+        type: definePropObjectType(),
+        required: false
+    },
+};

package/oxide/index.d.ts

@@ -0,0 +1 @@
+export * from "./Componentprops";

package/oxide/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Componentprops"), exports);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx-models",
   "license": "MIT",
-  "version": "8.0.8-vnext",
+  "version": "8.0.9-vnext",
   "description": "Provide Omnia Fx Models Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

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

@@ -1,11 +0,0 @@
-import { ColorDefinition, ThemeDefinitionV2 } from "./ThemeDefinitionV2";
-import { TypographyType } from "./TypographyDefinition";
-export declare const useThemeMethods: (themedefinition: ThemeDefinitionV2) => {
-    colorSchema: (colorSchemaType: string) => import("./ThemeDefinitionV2").ColorSchema;
-    typography: (typographyType: string) => TypographyType;
-    color: (colorSchemaType: string, colorType: string) => string;
-    colorDefinition: (colorSchemaType: string, colorType: string) => ColorDefinition;
-    complementaryColorType: (colorType: string) => string;
-    complementaryColor: (colorSchemaType: string, colorType: string) => string;
-    complementaryColorDefinition: (colorSchemaType: string, colorType: string) => ColorDefinition;
-};