@omnia/fx 8.0.6-vnext → 8.0.8-vnext

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

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

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

@@ -4,3 +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);

package/internal-do-not-import-from-here/ux/confirmdialog/ConfirmDialog.d.ts

@@ -3,7 +3,7 @@ import { IConfirmDialog, ConfirmDialogDisplay } from "./IConfirmDialog";
 import { ConfirmDialogOptions, ConfirmDialogResponse } from "./IVueConfirmDialog";
 import { ConfirmDialogStyles } from "../models/ConfirmDialogStyles";
 import "./ConfirmDialog.css";
-import { ButtonTooltipOptions } from "../../models";
+import { ButtonModes, ButtonSizes, ButtonTooltipOptions } from "../../models";
 export declare class ConfirmDialogComponent extends VueComponentBase implements IConfirmDialog {
     icon?: string;
     type?: ConfirmDialogDisplay;
@@ -13,6 +13,10 @@ export declare class ConfirmDialogComponent extends VueComponentBase implements
     styles?: typeof ConfirmDialogStyles;
     text?: string;
     tooltip?: ButtonTooltipOptions;
+    disabled?: boolean;
+    buttonSize?: ButtonSizes;
+    buttonNonFlatMode?: ButtonModes;
+    loading?: boolean;
     private omniaUxLoc;
     private disable;
     private confirmDialogClasses;

package/internal-do-not-import-from-here/ux/decorators/Ref.d.ts

@@ -0,0 +1,6 @@
+import { VueDecorator } from "./Helpers";
+/**
+ * decorator of a ref prop
+ * @param refKey the ref key defined in template
+ */
+export declare function Ref(refKey?: string): VueDecorator;

package/internal-do-not-import-from-here/ux/decorators/index.d.ts

@@ -2,4 +2,5 @@ export * from "./Prop";
 export * from "./Watch";
 export * from "./Vue";
 export * from "./Emit";
+export * from "./Ref";
 export { Options } from "./Helpers";

package/internal-do-not-import-from-here/ux/filterengine/handler/FilterEngineHandler.d.ts

@@ -26,6 +26,7 @@ export declare class FilterEngineHandler extends Store {
     private settings;
     private keywordsSearching;
     private componentId;
+    private sidePanelInstanceId;
     private isRenderReady;
     private hasSmallContainer;
     private canRenderSideSections;
@@ -56,6 +57,7 @@ export declare class FilterEngineHandler extends Store {
         propertyDefinition: (type: BaseFilterEnginePropertyType) => FilterEngineContextPropertyDefinition;
         propertyOutputs: () => BaseFilterEnginePropertyOutput[];
         isWaitingForFirstQuery: () => boolean;
+        hasFilter: () => boolean;
     };
     mutations: {
         registerTopElement: import("@omnia/fx/stores").StoreMutation<(element: Element) => void, (element: Element) => IMessageBusSubscriptionHandler>;

package/internal-do-not-import-from-here/ux/messaging/Topics.d.ts

@@ -1,7 +1,5 @@
-import { GuidValue, IMessageBusTopicPublication } from "../../models";
-import { ThemeDefinition, ThemeTargetRegistration } from "../../models";
 import { MessageBusTopicMediator } from "../..";
-import { DialogPositions } from "../dialog";
+import { GuidValue, IMessageBusTopicPublication, ThemeDefinition, ThemeTargetRegistration } from "../../models";
 export declare class Topics {
     static Theming: {
         new (): {};
@@ -20,15 +18,4 @@ export declare class Topics {
             nodeId: number;
         }>;
     };
-    static ContentDialogHandler: {
-        new (): {};
-        readonly onOpen: MessageBusTopicMediator<{
-            width: number;
-            position: DialogPositions;
-            content: HTMLElement;
-        }>;
-        readonly onClose: MessageBusTopicMediator<{
-            position: DialogPositions;
-        }>;
-    };
 }

package/internal-do-not-import-from-here/ux/models/{ContentDialogStyles.d.ts → SidePanelStyles.d.ts}

@@ -1,5 +1,5 @@
 import { types } from "typestyle";
-export declare const ContentDialogStyles: {
+export declare const SidePanelStyles: {
     overflowHidden?: types.NestedCSSProperties;
     fullHeight?: types.NestedCSSProperties;
     responsiveLayout?: types.NestedCSSProperties;

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

@@ -46,5 +46,5 @@ export * from "./UserPresenceStyles";
 export * from "./AnimatedGifStyles";
 export * from "./EmoticonStyles";
 export * from "./QueryablePropertiesStyles";
-export * from "./ContentDialogStyles";
+export * from "./SidePanelStyles";
 export * from "./SharePointVideoSettingsStyles";

package/internal-do-not-import-from-here/ux/sidepanel/models/IRegistration.d.ts

@@ -1,5 +1,5 @@
 import { SidePanelPosition } from "@omnia/fx/models";
-import { ISidePanelElementRegistration } from "../../../models/ux";
+import { ISidePanelElementRegistration } from "../../../models";
 import { DialogPositions } from "../..";
 export interface SidePanelDialog {
     position: DialogPositions;

package/internal-do-not-import-from-here/ux/theming-v2/ColorManager.d.ts

@@ -1,6 +1,6 @@
 import { ColorDefinition, ColorGroup } from "@omnia/fx-models";
 export declare const ColorManager: () => {
-    getColorDefinition: (color: string, colorToned?: string, isBaseColor?: boolean) => ColorDefinition;
+    getColorDefinition: (color: string, isBaseColorDark: boolean) => ColorDefinition;
     createColorSchema: (color: string, name: string, fixedColor?: boolean, colorBlend?: string) => ColorGroup;
     isDarkColor: (color: any) => boolean;
     addOpacityToColor: (color: any, opacity: any) => any;

package/internal-do-not-import-from-here/ux/theming-v2/ThemeStoreV2.d.ts

@@ -1,5 +1,5 @@
 import { Store } from "@omnia/fx/stores";
-import { TypographyType, ThemeDefinitionV2, ColorSchema, TypographyDefinition } from "../../shared/models";
+import { ThemeDefinitionV2 } from "../../shared/models";
 export declare class ThemeStoreV2 extends Store {
     private currentTheme;
     constructor();
@@ -9,42 +9,19 @@ export declare class ThemeStoreV2 extends Store {
     * Implementation of getters
     */
     getters: {
+        colorSchema: (colorSchemaType: string) => import("@omnia/fx-models").ColorSchema;
+        typography: (typographyType: string) => import("@omnia/fx-models").TypographyType;
+        color: (colorSchemaType: string, colorType: string) => string;
+        colorDefinition: (colorSchemaType: string, colorType: string) => import("@omnia/fx-models").ColorDefinition;
+        complementaryColorType: (colorType: string) => string;
+        complementaryColor: (colorSchemaType: string, colorType: string) => string;
+        complementaryColorDefinition: (colorSchemaType: string, colorType: string) => import("@omnia/fx-models").ColorDefinition;
         currentTheme: () => ThemeDefinitionV2;
-        typography: (name: string) => TypographyType;
-        unstyledTheme: () => {
-            id: import("@omnia/fx-models").Guid;
-            name: string;
-            dark: boolean;
-            primary: ColorSchema;
-            secondary: ColorSchema;
-            accent1: ColorSchema;
-            accent2: ColorSchema;
-            accent3: ColorSchema;
-            neutral: ColorSchema;
-            background: ColorSchema;
-            error: ColorSchema;
-            info: ColorSchema;
-            typography: TypographyDefinition;
-            blueprint: import("../../shared/models/theming/BlueprintDefinition").BlueprintDefinition;
-        };
-        colorSchema: (schema: string) => ColorSchema;
-        color: (schemaName: string, colorType: string) => string;
     };
     /**
      * Implementation of mutations
      */
     mutations: {
-        setTheme: import("@omnia/fx/stores").StoreMutation<(theme: ThemeDefinitionV2) => void, (theme: ThemeDefinitionV2) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        setTheme: import("@omnia/fx/stores").StoreMutation<(themeDefinition: ThemeDefinitionV2) => void, (themeDefinition: ThemeDefinitionV2) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
     };
-    /**
-     * Implementation of actions
-     */
-    actions: {};
-    private clearStylesFromColorSchema;
-    private clearTypings;
-    private createColorStyles;
-    private insertColorStylesToSchema;
-    private insertColorStylesToTheme;
-    private createTypingStyles;
-    private insertTypingStylesToTheme;
 }

package/internal-do-not-import-from-here/ux/theming-v2/styling/themeStyling.d.ts

@@ -1,4 +1,50 @@
+import { ColorStyles } from "@omnia/fx-models";
 import { ThemeStoreV2 } from "../ThemeStoreV2";
+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 ThemeDefinitionTypeResult {
+    primary: ColorTypeResult<ColorStyles>;
+    secondary: ColorTypeResult<ColorStyles>;
+    accent1: ColorTypeResult<ColorStyles>;
+    accent2: ColorTypeResult<ColorStyles>;
+    accent3: ColorTypeResult<ColorStyles>;
+    background: ColorTypeResult<ColorStyles>;
+    neutral: ColorTypeResult<ColorStyles>;
+    info: ColorTypeResult<ColorStyles>;
+    error: ColorTypeResult<ColorStyles>;
+    colorTypeSchema: (colorSchemaType: string) => ColorTypeResult<ColorStyles>;
+}
+export interface TypographyTypesResult {
+    h1: string;
+    h2: string;
+    h3: string;
+    caption: string;
+    link: string;
+    text: string;
+    typographyType: (typographyType: string) => string;
+}
 export declare const useThemeStyling: (injectedThemeStore?: ThemeStoreV2) => {
-    card: (schemaName: string, opacity?: number) => string;
+    colorSchemas: () => ThemeDefinitionTypeResult;
+    colorSchema: (colorSchemaType: string) => any;
+    color: (colorSchemaType: string, colorType: string, opacity?: number) => ColorStyles;
+    cardStylings: (colorSchemaType: string, opacity?: number) => ColorTypeResult<string>;
+    cardStyling: (colorSchemaType: string, colorType: string, opacity?: number) => string;
+    cardImage: string;
+    typographies: () => TypographyTypesResult;
+    typography: (typographyType: string) => any;
+    vuetify: (colorSchemaType: string) => {
+        generalStylings: () => ColorTypeResult<object>;
+        generalStyling: (colorType: string) => object;
+        sliderStylings: () => ColorTypeResult<object>;
+        sliderStyling: (colorType: string) => object;
+    };
 };

package/internal-do-not-import-from-here/ux/theming-v2/themedefinitionpicker/ThemeDefinitionPicker.css.d.ts

@@ -4,5 +4,5 @@ export declare const ThemeDefinitionPickerStyles: {
     itemContainer: (definition: ThemeDefinitionV2) => string;
     IconColumn: string;
     titleColumn: string;
-    colorPreview: (schema: ColorSchema, darkSchema: boolean) => string;
+    colorPreview: (schema: ColorSchema) => string;
 };

package/internal-do-not-import-from-here/ux/theming-v2/themedefinitionpicker/ThemeDefinitionPicker.d.ts

@@ -5,6 +5,8 @@ declare const _default: {
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
             model: Guid;
+            colorSchemaType: string;
+            colorType: string;
             onChange: (theme: ThemeDefinitionV2) => void;
         }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
@@ -22,6 +24,8 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
             model: Guid;
+            colorSchemaType: string;
+            colorType: string;
             onChange: (theme: ThemeDefinitionV2) => void;
         }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -45,6 +49,8 @@ declare const _default: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
         model: Guid;
+        colorSchemaType: string;
+        colorType: string;
         onChange: (theme: ThemeDefinitionV2) => void;
     }>>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
@@ -52,10 +58,14 @@ declare const _default: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
     model: Guid;
+    colorSchemaType: string;
+    colorType: string;
     onChange: (theme: ThemeDefinitionV2) => void;
 }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
         model: Guid;
+        colorSchemaType: string;
+        colorType: string;
         onChange: (theme: ThemeDefinitionV2) => void;
     }>>>;
 };

package/internal-do-not-import-from-here/ux/theming-v2/themeeditor/ThemeEditor.d.ts

@@ -7,6 +7,7 @@ declare const _default: {
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
             themeStoreRegistrationHook: RegisterThemeStore;
+            onCloseThemingEditor: () => void;
         }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -23,6 +24,7 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
             themeStoreRegistrationHook: RegisterThemeStore;
+            onCloseThemingEditor: () => void;
         }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -45,15 +47,18 @@ declare const _default: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
         themeStoreRegistrationHook: RegisterThemeStore;
+        onCloseThemingEditor: () => void;
     }>>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
     themeStoreRegistrationHook: RegisterThemeStore;
+    onCloseThemingEditor: () => void;
 }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
         themeStoreRegistrationHook: RegisterThemeStore;
+        onCloseThemingEditor: () => void;
     }>>>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/theming-v2/themeeditor/components/ThemeViewerStyles.d.ts

@@ -0,0 +1,4 @@
+export declare const ThemeViewerStyles: {
+    card: string;
+    cardWrapper: string;
+};

package/internal-do-not-import-from-here/ux/theming-v2/themes/Blueprints.d.ts

@@ -1,6 +1,6 @@
 import { Guid } from "@omnia/fx-models";
 import { BlueprintDefinition } from "internal/fx/shared/models/theming/BlueprintDefinition";
-export declare class MD2Blueprint implements BlueprintDefinition {
+export declare class MD1Blueprint implements BlueprintDefinition {
     id: Guid;
     card: any;
     image: any;
@@ -8,6 +8,13 @@ export declare class MD2Blueprint implements BlueprintDefinition {
     icon: any;
     constructor();
 }
+export declare class MD2Blueprint implements BlueprintDefinition {
+    id: Guid;
+    card: any;
+    image: any;
+    icon: any;
+    constructor();
+}
 export declare class MD3Blueprint implements BlueprintDefinition {
     id: Guid;
     card: any;

package/internal-do-not-import-from-here/ux/theming-v2/themes/Colors.d.ts

@@ -1,4 +1,3 @@
-import { ColorSchema } from "@omnia/fx-models";
 export declare const SystemColors: {
     Teal: string;
     Purple: string;
@@ -13,82 +12,3 @@ export declare const SystemColors: {
     Black: string;
     Grey: string;
 };
-export declare const ColorSchemas: {
-    Teal: ColorSchema;
-    Purple: {
-        base: import("@omnia/fx-models").ColorDefinition;
-        onBase: import("@omnia/fx-models").ColorDefinition;
-        container: import("@omnia/fx-models").ColorDefinition;
-        onContainer: import("@omnia/fx-models").ColorDefinition;
-    };
-    DarkGreen: {
-        base: import("@omnia/fx-models").ColorDefinition;
-        onBase: import("@omnia/fx-models").ColorDefinition;
-        container: import("@omnia/fx-models").ColorDefinition;
-        onContainer: import("@omnia/fx-models").ColorDefinition;
-    };
-    LightGreen: {
-        base: import("@omnia/fx-models").ColorDefinition;
-        onBase: import("@omnia/fx-models").ColorDefinition;
-        container: import("@omnia/fx-models").ColorDefinition;
-        onContainer: import("@omnia/fx-models").ColorDefinition;
-    };
-    DarkBackground: {
-        base: import("@omnia/fx-models").ColorDefinition;
-        onBase: import("@omnia/fx-models").ColorDefinition;
-        container: import("@omnia/fx-models").ColorDefinition;
-        onContainer: import("@omnia/fx-models").ColorDefinition;
-    };
-    LightBackground: {
-        base: import("@omnia/fx-models").ColorDefinition;
-        onBase: import("@omnia/fx-models").ColorDefinition;
-        container: import("@omnia/fx-models").ColorDefinition;
-        onContainer: import("@omnia/fx-models").ColorDefinition;
-    };
-    DarkPink: {
-        base: import("@omnia/fx-models").ColorDefinition;
-        onBase: import("@omnia/fx-models").ColorDefinition;
-        container: import("@omnia/fx-models").ColorDefinition;
-        onContainer: import("@omnia/fx-models").ColorDefinition;
-    };
-    RedBrown: {
-        base: import("@omnia/fx-models").ColorDefinition;
-        onBase: import("@omnia/fx-models").ColorDefinition;
-        component: import("@omnia/fx-models").ColorDefinition;
-        onContainer: import("@omnia/fx-models").ColorDefinition;
-    };
-    Orange: {
-        base: import("@omnia/fx-models").ColorDefinition;
-        onBase: import("@omnia/fx-models").ColorDefinition;
-        container: import("@omnia/fx-models").ColorDefinition;
-        onContainer: import("@omnia/fx-models").ColorDefinition;
-    };
-    Gold: {
-        base: import("@omnia/fx-models").ColorDefinition;
-        onBase: import("@omnia/fx-models").ColorDefinition;
-        container: import("@omnia/fx-models").ColorDefinition;
-        onContainer: import("@omnia/fx-models").ColorDefinition;
-    };
-    Black: {
-        base: import("@omnia/fx-models").ColorDefinition;
-        onBase: import("@omnia/fx-models").ColorDefinition;
-        container: import("@omnia/fx-models").ColorDefinition;
-        onContainer: import("@omnia/fx-models").ColorDefinition;
-    };
-    Grey: {
-        base: import("@omnia/fx-models").ColorDefinition;
-        onBase: import("@omnia/fx-models").ColorDefinition;
-        container: import("@omnia/fx-models").ColorDefinition;
-        onContainer: import("@omnia/fx-models").ColorDefinition;
-    };
-    LightBlue: {
-        base: import("@omnia/fx-models").ColorDefinition;
-        onBase: import("@omnia/fx-models").ColorDefinition;
-        container: import("@omnia/fx-models").ColorDefinition;
-        onContainer: import("@omnia/fx-models").ColorDefinition;
-    };
-};
-export declare const AppChrome: {
-    Black: import("@omnia/fx-models").ColorDefinition;
-    White: import("@omnia/fx-models").ColorDefinition;
-};

package/internal-do-not-import-from-here/ux/theming-v2/themes/Themes.d.ts

@@ -1,125 +1,6 @@
 import { ColorSchema, ThemeDefinitionV2, TypographyDefinition, Guid } from "@omnia/fx-models";
 import { BlueprintDefinition } from "internal/fx/shared/models/theming/BlueprintDefinition";
-export declare class DarkKnightDefinition implements ThemeDefinitionV2 {
-    dark: boolean;
-    id: Guid;
-    primary: ColorSchema;
-    secondary: ColorSchema;
-    accent1: ColorSchema;
-    accent2: ColorSchema;
-    accent3: ColorSchema;
-    neutral: ColorSchema;
-    background: ColorSchema;
-    error: ColorSchema;
-    info: ColorSchema;
-    typography: TypographyDefinition;
-    blueprint: BlueprintDefinition;
-    name: string;
-    constructor();
-}
-export declare class BlackDefinition implements ThemeDefinitionV2 {
-    dark: boolean;
-    id: Guid;
-    primary: ColorSchema;
-    secondary: ColorSchema;
-    accent1: ColorSchema;
-    accent2: ColorSchema;
-    accent3: ColorSchema;
-    neutral: ColorSchema;
-    background: ColorSchema;
-    error: ColorSchema;
-    info: ColorSchema;
-    typography: TypographyDefinition;
-    blueprint: BlueprintDefinition;
-    name: string;
-    constructor();
-}
-export declare class BumbleBeeDefinition implements ThemeDefinitionV2 {
-    dark: boolean;
-    id: Guid;
-    primary: ColorSchema;
-    secondary: ColorSchema;
-    accent1: ColorSchema;
-    accent2: ColorSchema;
-    accent3: ColorSchema;
-    neutral: ColorSchema;
-    background: ColorSchema;
-    error: ColorSchema;
-    info: ColorSchema;
-    typography: TypographyDefinition;
-    blueprint: BlueprintDefinition;
-    name: string;
-    constructor();
-}
-export declare class CyberPunkDefinition implements ThemeDefinitionV2 {
-    dark: boolean;
-    id: Guid;
-    primary: ColorSchema;
-    secondary: ColorSchema;
-    accent1: ColorSchema;
-    accent2: ColorSchema;
-    accent3: ColorSchema;
-    neutral: ColorSchema;
-    background: ColorSchema;
-    error: ColorSchema;
-    info: ColorSchema;
-    typography: TypographyDefinition;
-    blueprint: BlueprintDefinition;
-    name: string;
-    constructor();
-}
-export declare class CoffeDefinition implements ThemeDefinitionV2 {
-    dark: boolean;
-    id: Guid;
-    primary: ColorSchema;
-    secondary: ColorSchema;
-    accent1: ColorSchema;
-    accent2: ColorSchema;
-    accent3: ColorSchema;
-    neutral: ColorSchema;
-    background: ColorSchema;
-    error: ColorSchema;
-    info: ColorSchema;
-    typography: TypographyDefinition;
-    blueprint: BlueprintDefinition;
-    name: string;
-    constructor();
-}
-export declare class LightThemeDefinition implements ThemeDefinitionV2 {
-    dark: boolean;
-    id: Guid;
-    primary: ColorSchema;
-    secondary: ColorSchema;
-    accent1: ColorSchema;
-    accent2: ColorSchema;
-    accent3: ColorSchema;
-    neutral: ColorSchema;
-    background: ColorSchema;
-    error: ColorSchema;
-    info: ColorSchema;
-    typography: TypographyDefinition;
-    blueprint: BlueprintDefinition;
-    name: string;
-    constructor();
-}
-export declare class DarkThemeDefinition implements ThemeDefinitionV2 {
-    dark: boolean;
-    id: Guid;
-    primary: ColorSchema;
-    secondary: ColorSchema;
-    accent1: ColorSchema;
-    accent2: ColorSchema;
-    accent3: ColorSchema;
-    neutral: ColorSchema;
-    background: ColorSchema;
-    error: ColorSchema;
-    info: ColorSchema;
-    typography: TypographyDefinition;
-    blueprint: BlueprintDefinition;
-    name: string;
-    constructor();
-}
-export declare class CustomTheme implements ThemeDefinitionV2 {
+export declare class ThemeDefinitionInstance implements ThemeDefinitionV2 {
     id: Guid;
     typography: TypographyDefinition;
     primary: ColorSchema;
@@ -134,5 +15,12 @@ export declare class CustomTheme implements ThemeDefinitionV2 {
     dark: boolean;
     blueprint: BlueprintDefinition;
     name: string;
-    constructor(primary: string, secondary: string, accent1: string, accent2: string, accent3: string, neutral: string, background: string, typography: TypographyDefinition, name: string);
+    constructor(primary: string, secondary: string, accent1: string, accent2: string, accent3: string, neutral: string, background: string, info: string, error: string, typography: TypographyDefinition, blueprint: BlueprintDefinition, name: string, dark: boolean, id: Guid);
 }
+export declare const DarkKnightDefinition: () => ThemeDefinitionInstance;
+export declare const BlackDefinition: () => ThemeDefinitionInstance;
+export declare const BumbleBeeDefinition: () => ThemeDefinitionInstance;
+export declare const CyberPunkDefinition: () => ThemeDefinitionInstance;
+export declare const CoffeDefinition: () => ThemeDefinitionInstance;
+export declare const LightThemeDefinition: () => ThemeDefinitionInstance;
+export declare const DarkThemeDefinition: () => ThemeDefinitionInstance;

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

@@ -41,7 +41,7 @@ export interface VelcronRenderContext {
     rootContext: VelcronState;
     currentContext: VelcronState;
     theming?: ReturnType<typeof useVelcronThemingStore>;
-    colorSchemaName?: string;
+    colorSchemaType?: string;
     colorSchema?: ColorSchema;
     actions?: {
         [name: string]: [];

package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronRenderers.d.ts

@@ -14,10 +14,14 @@ export declare class VelcronRenderers {
                 currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
             };
             get: {
-                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;
+                colorSchema: (colorSchemaType: string) => import("@omnia/fx-models").ColorSchema;
+                typography: (typographyType: string) => import("@omnia/fx-models").TypographyType;
+                color: (colorSchemaType: string, colorType: string) => string;
+                colorDefinition: (colorSchemaType: string, colorType: string) => import("@omnia/fx-models").ColorDefinition;
+                complementaryColorType: (colorType: string) => string;
+                complementaryColor: (colorSchemaType: string, colorType: string) => string;
+                complementaryColorDefinition: (colorSchemaType: string, colorType: string) => import("@omnia/fx-models").ColorDefinition;
+                currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
             };
             actions: {
                 setTheme(newTheme: import("@omnia/fx-models").ThemeDefinitionV2): void;

package/internal-do-not-import-from-here/ux/velcron/core/stores/VelcronTheming.d.ts

@@ -1,13 +1,17 @@
-import { ThemeDefinitionV2, TypographyType } from "..";
+import { ThemeDefinitionV2 } from "..";
 export declare const useVelcronThemingStore: (newStateWithName?: string) => {
     state: {
         currentTheme: ThemeDefinitionV2;
     };
     get: {
-        colorSchema: (schema: string) => import("..").ColorSchema;
-        typography: (name: string) => TypographyType;
-        color: (schemaName: string, colorType: string) => string;
-        complementaryColor: (colorType: string) => string;
+        colorSchema: (colorSchemaType: string) => import("..").ColorSchema;
+        typography: (typographyType: string) => import("..").TypographyType;
+        color: (colorSchemaType: string, colorType: string) => string;
+        colorDefinition: (colorSchemaType: string, colorType: string) => import("..").ColorDefinition;
+        complementaryColorType: (colorType: string) => string;
+        complementaryColor: (colorSchemaType: string, colorType: string) => string;
+        complementaryColorDefinition: (colorSchemaType: string, colorType: string) => import("..").ColorDefinition;
+        currentTheme: () => ThemeDefinitionV2;
     };
     actions: {
         setTheme(newTheme: ThemeDefinitionV2): void;