@omnia/fx 7.0.499-dev → 7.0.500-dev

package/internal-do-not-import-from-here/wctypings.d.ts

@@ -21,9 +21,6 @@ import wc1476702e8f24468d9185322be5931c54 from './ux/app/management/tabs/shared/
 import wc8e21d658d6f84d70870d29805b27df86 from './ux/appprovisioning/appshowinpubliclistingsinput/AppShowInPublicListingsInput';
 import wce4889269c6ad440da65f3acdf5bb6152 from './ux/authsetup/AuthSetup';
 import wc5dfa7b609aed43ffab03dad33c65b2da from './ux/commandpalette/CommandPalette';
-import wc4723b5b26f5744beb18b5175c1e93f78 from './ux/compositiontests/CompositionBlockCurrent';
-import wcffba07baa14d4e27882ad9ecffe145c7 from './ux/compositiontests/CompositionBlockFuture';
-import wc37e48f1ac2b447bf8388f67dd53b9815 from './ux/compositiontests/TestInjectComponent';
 import wc90e26d3a6e3e4bf9bd1ce81c6735eda2 from './ux/datetimezonepicker/DateTimeZonePicker';
 import wcd3d05fa7bb114ecab1c16f714641b678 from './ux/datetimezonerenderer/DateTimeZoneRenderer';
 import wc3ff00f2d8a4c48a4ae0cff23fc0127ac from './ux/dialog/Dialog';
@@ -117,7 +114,9 @@ import wc30289e2b58ff48b0aabb3cb3732c3038 from './ux/usertypelayout/UserTypeLayo
 import wc5b26d2a399c041f3beae9c1115d6e8d8 from './ux/usertypelayout/UserTypeLayoutBladeBuilder';
 import wc80bd5b0978ea40439001d3d409236382 from './ux/velcron/blocks/VelcronBlock';
 import wce8526e8ed3f74e848e0dd747fd4d376d from './ux/velcron/blocks/VelcronBlockSettings';
-import wc1266389c28034034921b897f788f302d from './ux/velcron/editor/components/pickers/ColorPicker';
+import wc327aebb7d6ce4565bf119cf67e121d1a from './ux/velcron/editor/components/pickers/colorpicker/ColorPicker';
+import wc1266389c28034034921b897f788f302d from './ux/velcron/editor/components/pickers/ColorSchemaPicker/ColorSchemaPicker';
+import wc8420a0b507e14a288c2d895471739f1d from './ux/velcron/editor/components/pickers/typographypicker/TypographyPicker';
 import wcc75ffd4cf2f14b6685c5c2d894fdf00f from './ux/velcron/editor/VelcronEditor';
 import wc3dd4d94bcc254f9fac2100a3ff84dc7e from './ux/velcron/renderer/VelcronRenderer';
 import wcba03fc7e6921468289c0a0ffe0cf942e from './ux/versionedlayout/renderer/VersionedLayoutRenderer';
@@ -150,9 +149,6 @@ declare global {
             "omfx-app-show-in-public-listings-input": base.CombinedTsxComponentAttrs<typeof wc8e21d658d6f84d70870d29805b27df86.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-authsetup": base.CombinedTsxComponentAttrs<typeof wce4889269c6ad440da65f3acdf5bb6152.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-command-palette": base.CombinedTsxComponentAttrs<typeof wc5dfa7b609aed43ffab03dad33c65b2da.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
-            "omfx-composition-block-current": base.CombinedTsxComponentAttrs<typeof wc4723b5b26f5744beb18b5175c1e93f78.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
-            "omfx-composition-block-future": base.CombinedTsxComponentAttrs<typeof wcffba07baa14d4e27882ad9ecffe145c7.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
-            "omfx-composition-inject-component": base.CombinedTsxComponentAttrs<typeof wc37e48f1ac2b447bf8388f67dd53b9815.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-date-time-zone-picker": base.CombinedTsxComponentAttrs<typeof wc90e26d3a6e3e4bf9bd1ce81c6735eda2.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-date-time-zone-renderer": base.CombinedTsxComponentAttrs<typeof wcd3d05fa7bb114ecab1c16f714641b678.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-dialog": base.CombinedTsxComponentAttrs<typeof wc3ff00f2d8a4c48a4ae0cff23fc0127ac.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
@@ -246,7 +242,9 @@ declare global {
             "omfx-usertype-layout-blade-builder": base.CombinedTsxComponentAttrs<typeof wc5b26d2a399c041f3beae9c1115d6e8d8.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-velcron-block": base.CombinedTsxComponentAttrs<typeof wc80bd5b0978ea40439001d3d409236382.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-velcron-block-settings": base.CombinedTsxComponentAttrs<typeof wce8526e8ed3f74e848e0dd747fd4d376d.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
-            "omnia-color-picker": base.CombinedTsxComponentAttrs<typeof wc1266389c28034034921b897f788f302d.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
+            "omfx-color-picker-schema": base.CombinedTsxComponentAttrs<typeof wc327aebb7d6ce4565bf119cf67e121d1a.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
+            "omfx-color-schema-picker": base.CombinedTsxComponentAttrs<typeof wc1266389c28034034921b897f788f302d.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
+            "omfx-typography-picker-schema": base.CombinedTsxComponentAttrs<typeof wc8420a0b507e14a288c2d895471739f1d.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-velcron-editor": base.CombinedTsxComponentAttrs<typeof wcc75ffd4cf2f14b6685c5c2d894fdf00f.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-velcron-renderer": base.CombinedTsxComponentAttrs<typeof wc3dd4d94bcc254f9fac2100a3ff84dc7e.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-versioned-layout-renderer": base.CombinedTsxComponentAttrs<typeof wcba03fc7e6921468289c0a0ffe0cf942e.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "7.0.499-dev",
+  "version": "7.0.500-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
   ],
   "author": "Precio Fishbone",
   "dependencies": {
-    "@omnia/fx-models": "7.0.499-dev",
+    "@omnia/fx-models": "7.0.500-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.10.7",

package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/ColorPicker.css.d.ts

@@ -1,6 +0,0 @@
-declare const _default: {
-    container: {
-        fontSize: number;
-    };
-};
-export default _default;

package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/ColorPicker.d.ts

@@ -1,48 +0,0 @@
-interface ColorPickerData {
-}
-declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
-    required: boolean;
-    data: ColorPickerData | {
-        title: string;
-    };
-    styles: {
-        container: {
-            fontSize: number;
-        };
-    };
-}, "required">, any, any, any>> & {
-    propsDefinition: import("vue-tsx-support").PropsForOutside<{
-        required: boolean;
-        data: ColorPickerData | {
-            title: string;
-        };
-        styles: {
-            container: {
-                fontSize: number;
-            };
-        };
-    }, "required">;
-}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
-    required: boolean;
-    data: ColorPickerData | {
-        title: string;
-    };
-    styles: {
-        container: {
-            fontSize: number;
-        };
-    };
-}, "required">, any, any, any>> & {
-    propsDefinition: import("vue-tsx-support").PropsForOutside<{
-        required: boolean;
-        data: ColorPickerData | {
-            title: string;
-        };
-        styles: {
-            container: {
-                fontSize: number;
-            };
-        };
-    }, "required">;
-});
-export default _default;

package/internal-do-not-import-from-here/ux/velcron/theming/ThemeStore.d.ts

@@ -1,23 +0,0 @@
-import { Store } from "@omnia/fx/stores";
-import { ThemeDefinition } from "./model/ThemeDefinition";
-export declare class ThemeStore extends Store {
-    private currentTheme;
-    constructor();
-    onActivated(): void;
-    onDisposing(): void;
-    /**
-    * Implementation of getters
-    */
-    getters: {
-        currentTheme: () => import("@omnia/fx/stores").StoreState<ThemeDefinition>;
-        getColorSchema(name: string): any;
-    };
-    /**
-     * Implementation of mutations
-     */
-    mutations: {};
-    /**
-     * Implementation of actions
-     */
-    actions: {};
-}

package/internal-do-not-import-from-here/ux/velcron/theming/model/ThemeDefinition.d.ts

@@ -1,47 +0,0 @@
-export interface ColorDefinition {
-    dark: boolean;
-    color: string;
-    colorToned: string;
-}
-export interface ColorSchema {
-    name: string;
-    base: ColorDefinition;
-    onBase: ColorDefinition;
-    container: ColorDefinition;
-    onContainer: ColorDefinition;
-}
-export interface ColorGroup {
-    dark: ColorSchema;
-    light: ColorSchema;
-}
-export interface ThemeDefinition {
-    id: string;
-    dark: boolean;
-    primary: ColorSchema;
-    secondary: ColorSchema;
-    tertiary: ColorSchema;
-    neutral: ColorSchema;
-    background: ColorSchema;
-    error: ColorSchema;
-    additional: Array<ColorSchema>;
-}
-export declare const ColorSchemaNames: {
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    neutral: string;
-    background: string;
-    error: string;
-    additional: string;
-};
-export declare enum DefinitionTypes {
-    light = 1,
-    dark = 2,
-    highContrast = 3
-}
-export interface DefinitionGroup extends ThemeDefinition {
-    changeDefinitionType(definitionType: DefinitionTypes): any;
-    getVuetifyTheme(): any;
-    darkDefinition: ThemeDefinition;
-    lightDefinition: ThemeDefinition;
-}

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

@@ -1,94 +0,0 @@
-import { ColorSchema } from "../model/ThemeDefinition";
-export declare const SystemColors: {
-    Teal: string;
-    Purple: string;
-    DarkGreen: string;
-    LightGreen: string;
-    DarkBackground: string;
-    LightBackround: string;
-    DarkPink: string;
-    RedBrown: string;
-    Orange: string;
-    Gold: string;
-    Black: string;
-    Grey: string;
-};
-export declare const ColorSchemas: {
-    Teal: ColorSchema;
-    Purple: {
-        base: import("../model/ThemeDefinition").ColorDefinition;
-        onBase: import("../model/ThemeDefinition").ColorDefinition;
-        container: import("../model/ThemeDefinition").ColorDefinition;
-        onContainer: import("../model/ThemeDefinition").ColorDefinition;
-    };
-    DarkGreen: {
-        base: import("../model/ThemeDefinition").ColorDefinition;
-        onBase: import("../model/ThemeDefinition").ColorDefinition;
-        container: import("../model/ThemeDefinition").ColorDefinition;
-        onContainer: import("../model/ThemeDefinition").ColorDefinition;
-    };
-    LightGreen: {
-        base: import("../model/ThemeDefinition").ColorDefinition;
-        onBase: import("../model/ThemeDefinition").ColorDefinition;
-        container: import("../model/ThemeDefinition").ColorDefinition;
-        onContainer: import("../model/ThemeDefinition").ColorDefinition;
-    };
-    DarkBackground: {
-        base: import("../model/ThemeDefinition").ColorDefinition;
-        onBase: import("../model/ThemeDefinition").ColorDefinition;
-        container: import("../model/ThemeDefinition").ColorDefinition;
-        onContainer: import("../model/ThemeDefinition").ColorDefinition;
-    };
-    LightBackground: {
-        base: import("../model/ThemeDefinition").ColorDefinition;
-        onBase: import("../model/ThemeDefinition").ColorDefinition;
-        container: import("../model/ThemeDefinition").ColorDefinition;
-        onContainer: import("../model/ThemeDefinition").ColorDefinition;
-    };
-    DarkPink: {
-        base: import("../model/ThemeDefinition").ColorDefinition;
-        onBase: import("../model/ThemeDefinition").ColorDefinition;
-        container: import("../model/ThemeDefinition").ColorDefinition;
-        onContainer: import("../model/ThemeDefinition").ColorDefinition;
-    };
-    RedBrown: {
-        base: import("../model/ThemeDefinition").ColorDefinition;
-        onBase: import("../model/ThemeDefinition").ColorDefinition;
-        component: import("../model/ThemeDefinition").ColorDefinition;
-        onContainer: import("../model/ThemeDefinition").ColorDefinition;
-    };
-    Orange: {
-        base: import("../model/ThemeDefinition").ColorDefinition;
-        onBase: import("../model/ThemeDefinition").ColorDefinition;
-        container: import("../model/ThemeDefinition").ColorDefinition;
-        onContainer: import("../model/ThemeDefinition").ColorDefinition;
-    };
-    Gold: {
-        base: import("../model/ThemeDefinition").ColorDefinition;
-        onBase: import("../model/ThemeDefinition").ColorDefinition;
-        container: import("../model/ThemeDefinition").ColorDefinition;
-        onContainer: import("../model/ThemeDefinition").ColorDefinition;
-    };
-    Black: {
-        base: import("../model/ThemeDefinition").ColorDefinition;
-        onBase: import("../model/ThemeDefinition").ColorDefinition;
-        container: import("../model/ThemeDefinition").ColorDefinition;
-        onContainer: import("../model/ThemeDefinition").ColorDefinition;
-    };
-    Grey: {
-        base: import("../model/ThemeDefinition").ColorDefinition;
-        onBase: import("../model/ThemeDefinition").ColorDefinition;
-        container: import("../model/ThemeDefinition").ColorDefinition;
-        onContainer: import("../model/ThemeDefinition").ColorDefinition;
-    };
-    LightBlue: {
-        base: import("../model/ThemeDefinition").ColorDefinition;
-        onBase: import("../model/ThemeDefinition").ColorDefinition;
-        container: import("../model/ThemeDefinition").ColorDefinition;
-        onContainer: import("../model/ThemeDefinition").ColorDefinition;
-    };
-};
-export declare const AppChrome: {
-    Black: import("../model/ThemeDefinition").ColorDefinition;
-    White: import("../model/ThemeDefinition").ColorDefinition;
-};

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

@@ -1,99 +0,0 @@
-import { ColorSchema, DefinitionGroup, DefinitionTypes, ThemeDefinition } from "../model/ThemeDefinition";
-export declare class OmniaThemeInstance implements DefinitionGroup, ThemeDefinition {
-    darkDefinition: ThemeDefinition;
-    lightDefinition: ThemeDefinition;
-    currentDefinition: ThemeDefinition;
-    dark: boolean;
-    constructor(lightDefinition: ThemeDefinition, darkDefintion: ThemeDefinition);
-    get id(): string;
-    get primary(): ColorSchema;
-    get secondary(): ColorSchema;
-    get tertiary(): ColorSchema;
-    get neutral(): ColorSchema;
-    get background(): ColorSchema;
-    get error(): ColorSchema;
-    get additional(): Array<ColorSchema>;
-    changeDefinitionType(definitionType: DefinitionTypes): void;
-    protected getVuetifyThemeFromDefinition(themeDefinition: ThemeDefinition): {
-        dark: boolean;
-        colors: {
-            background: string;
-            "on-background": string;
-            surface: string;
-            "on-surface": string;
-            primary: string;
-            "on-primary": string;
-            secondary: string;
-            "on-secondary": string;
-            tertiary: string;
-            "on-tertiary": string;
-            error: string;
-            "on-error": string;
-            info: string;
-            "on-info": string;
-            success: string;
-            "on-success": string;
-            warning: string;
-            "on-warning": string;
-        };
-    };
-    getVuetifyTheme(): {
-        dark: boolean;
-        colors: {
-            background: string;
-            "on-background": string;
-            surface: string;
-            "on-surface": string;
-            primary: string;
-            "on-primary": string;
-            secondary: string;
-            "on-secondary": string;
-            tertiary: string;
-            "on-tertiary": string;
-            error: string;
-            "on-error": string;
-            info: string;
-            "on-info": string;
-            success: string;
-            "on-success": string;
-            warning: string;
-            "on-warning": string;
-        };
-    };
-}
-export declare class LightThemeDefinition implements ThemeDefinition {
-    dark: boolean;
-    id: string;
-    primary: ColorSchema;
-    secondary: ColorSchema;
-    tertiary: ColorSchema;
-    neutral: ColorSchema;
-    background: ColorSchema;
-    error: ColorSchema;
-    additional: ColorSchema[];
-    constructor();
-}
-export declare class DarkThemeDefinition implements ThemeDefinition {
-    dark: boolean;
-    id: string;
-    primary: ColorSchema;
-    secondary: ColorSchema;
-    tertiary: ColorSchema;
-    neutral: ColorSchema;
-    background: ColorSchema;
-    error: ColorSchema;
-    additional: ColorSchema[];
-    constructor();
-}
-export declare class CustomTheme implements ThemeDefinition {
-    id: string;
-    primary: ColorSchema;
-    secondary: ColorSchema;
-    tertiary: ColorSchema;
-    neutral: ColorSchema;
-    background: ColorSchema;
-    error: ColorSchema;
-    additional: ColorSchema[];
-    dark: boolean;
-    constructor(primary: string, secondary: string, tertiary: string, neutral: string, background: string);
-}