@omnia/fx 8.0.127-dev → 8.0.128-dev

package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.d.ts

@@ -383,12 +383,12 @@ declare const _default: {
         vertical?: boolean;
         contentClass?: string | string[];
         grow?: boolean;
+        toned?: boolean;
         blueprint?: TabsBlueprint;
         "v-model"?: number;
         "onUpdate:modelValue"?: (value: number) => any;
         modelValue?: number;
         variant?: "navigation" | "default" | "header" | "toolbar" | "settings";
-        toned?: boolean;
         scrolling?: string;
         stacked?: boolean;
         "content-class"?: string | string[];

package/internal-do-not-import-from-here/ux/oxide/text/Text.d.ts

@@ -264,11 +264,11 @@ declare const _default: {
         typography?: "title" | "text" | "navigation" | TypographyTypes;
         class?: String | String[];
         size?: "xs" | "s" | "m" | "l" | "xl" | TypographySizes;
-        blueprint?: TextBlueprint;
+        colorType?: "base" | "onBase" | "container" | "onContainer" | ColorTypes;
         toned?: boolean;
+        blueprint?: TextBlueprint;
         typographyValue?: TypographyValue;
         "typography-value"?: TypographyValue;
-        colorType?: "base" | "onBase" | "container" | "onContainer" | ColorTypes;
         "color-type"?: "base" | "onBase" | "container" | "onContainer" | ColorTypes;
         truncateLines?: number;
         "truncate-lines"?: number;

package/internal-do-not-import-from-here/ux/oxide/textarea/TextArea.d.ts

@@ -507,6 +507,7 @@ declare const _default: {
         rows?: number;
         placeholder?: string;
         readonly?: boolean;
+        toned?: boolean;
         "v-model"?: string;
         "onUpdate:modelValue"?: (value: string) => any;
         modelValue?: string;
@@ -514,7 +515,6 @@ declare const _default: {
             default?: import("../../DefineVueTypings").Slot<any[]>;
         } & VTextAreaSlots;
         autofocus?: boolean;
-        toned?: boolean;
         rules?: ValidationRule[];
         hint?: string;
         persistentHint?: boolean;

package/internal-do-not-import-from-here/ux/oxide/textfield/TextField.d.ts

@@ -564,6 +564,7 @@ declare const _default: {
         errorMessages?: string | string[];
         placeholder?: string;
         readonly?: boolean;
+        toned?: boolean;
         "v-model"?: string | number | WritableComputedRef<string>;
         "onUpdate:modelValue"?: (value: string | number | WritableComputedRef<string>) => any;
         modelValue?: string | number | WritableComputedRef<string>;
@@ -573,7 +574,6 @@ declare const _default: {
         prefix?: string;
         autofocus?: boolean;
         variant?: "search" | "link" | "default" | "media" | "find-slim";
-        toned?: boolean;
         loading?: boolean;
         rules?: ValidationRule[];
         hint?: string;

package/internal-do-not-import-from-here/ux/oxide/toolbar/Toolbar.d.ts

@@ -280,6 +280,7 @@ declare const _default: {
         icon?: IIcon;
         class?: String | String[];
         closeButton?: boolean;
+        toned?: boolean;
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot<any[]>;
         } & {
@@ -290,7 +291,6 @@ declare const _default: {
         subTitle?: string;
         "sub-title"?: string;
         divider?: boolean;
-        toned?: boolean;
         "close-button"?: boolean;
         backButton?: boolean;
         "back-button"?: boolean;

package/internal-do-not-import-from-here/ux/theming-v2/designkits/core/BlueprintsTemplates.d.ts

@@ -1,5 +1,6 @@
-import { ChromeBlueprints, ComponentBlueprints, SpacingBlueprints } from "@omnia/fx-models";
+import { ChromeBlueprints, ComponentBlueprints, SpacingBlueprints, TypographyBlueprints } from "@omnia/fx-models";
 import { DefaultInnerSpacing, DefaultLayoutSpacing, PreviewInnerSpacing } from "./SpacingBlueprint";
+import { DefaultTypography, FunkyTypography, PreviewMiniTypography, PreviewTypography } from "./TypographyBlueprints";
 declare class ChromeBlueprintsTemplate implements ChromeBlueprints {
     type: "chrome";
     name: any;
@@ -56,6 +57,30 @@ declare class ComponentBlueprintsTemplate implements ComponentBlueprints {
     };
     constructor();
 }
+export declare class DefaultTypographyBlueprint implements TypographyBlueprints {
+    type: "typography";
+    name: string;
+    primary: DefaultTypography;
+    constructor();
+}
+export declare class FunkyTypographyBlueprint implements TypographyBlueprints {
+    type: "typography";
+    name: string;
+    primary: FunkyTypography;
+    constructor();
+}
+export declare class PreviewTypographyBlueprint implements TypographyBlueprints {
+    type: "typography";
+    name: string;
+    primary: PreviewTypography;
+    constructor();
+}
+export declare class PreviewMiniTypographyBlueprint implements TypographyBlueprints {
+    type: "typography";
+    name: string;
+    primary: PreviewMiniTypography;
+    constructor();
+}
 export declare const BlueprintsTemplates: {
     chrome: {
         default: () => ChromeBlueprintsTemplate;
@@ -67,5 +92,11 @@ export declare const BlueprintsTemplates: {
         default: () => DefaultSpacingBlueprintTemplate;
         preview: () => PreviewSPacingBlueprintTemplate;
     };
+    typography: {
+        default: () => DefaultTypographyBlueprint;
+        funky: () => FunkyTypographyBlueprint;
+        preview: () => PreviewTypographyBlueprint;
+        previewMini: () => PreviewMiniTypographyBlueprint;
+    };
 };
 export {};

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

@@ -0,0 +1,7 @@
+import { ColorDefinition } from "@omnia/fx-models";
+export declare function useColorManager(): {
+    getColorDefinition: (color: string, isBaseColorDark: boolean) => ColorDefinition;
+    isDarkColor: (color: any) => boolean;
+    addOpacityToColor: (color: any, opacity: any) => any;
+    isValidColor: (color: string) => boolean;
+};

package/internal-do-not-import-from-here/ux/theming-v2/designkits/core/ColorSchemaManager.d.ts

@@ -0,0 +1,12 @@
+import { TonalPalette } from "@material/material-color-utilities";
+import { ColorSchema } from "@omnia/fx-models";
+interface ColorGroup {
+    dark: ColorSchema;
+    light: ColorSchema;
+}
+export declare function useColorSchemaManager(): {
+    createColorSchema: (color: string, name: string, fixedColor?: boolean, colorBlend?: string) => ColorGroup;
+    getColorPalette: (color: string) => TonalPalette;
+    hexFromArgb: (argb: number) => string;
+};
+export {};

package/internal-do-not-import-from-here/ux/theming-v2/designkits/core/ThemeDefinitionInstance.d.ts

@@ -1,9 +1,28 @@
-import { Blueprints, ColorSchema, ColorSchemas, Guid, ThemeDefinitionV2 } from "@omnia/fx-models";
+import { Blueprints, ChromeBlueprints, ColorSchema, ColorSchemas, ComponentBlueprints, Guid, SpacingBlueprints, ThemeDefinitionV2, TypographyBlueprints } from "@omnia/fx-models";
 export declare class ThemeDefinitionInstance implements ThemeDefinitionV2 {
     id: Guid;
     colors: ColorSchemas;
     blueprints: Blueprints[];
     dark: boolean;
     name: string;
-    constructor(primary: string | ColorSchema, secondary: string | ColorSchema, accent1: string | ColorSchema, accent2: string | ColorSchema, accent3: string | ColorSchema, neutral: string | ColorSchema, background: string | ColorSchema, info: string | ColorSchema, error: string | ColorSchema, name: string, dark: boolean, id: Guid, blueprints: Blueprints[]);
+    typography: TypographyBlueprints;
+    spacing: SpacingBlueprints;
+    chrome: ChromeBlueprints;
+    components: ComponentBlueprints;
+    constructor(colors: {
+        primary: string | ColorSchema;
+        secondary: string | ColorSchema;
+        accent1: string | ColorSchema;
+        accent2: string | ColorSchema;
+        accent3: string | ColorSchema;
+        neutral: string | ColorSchema;
+        background: string | ColorSchema;
+        info: string | ColorSchema;
+        error: string | ColorSchema;
+    }, name: string, id: Guid, blueprints: {
+        typography: TypographyBlueprints;
+        spacing: SpacingBlueprints;
+        chrome: ChromeBlueprints;
+        components: ComponentBlueprints;
+    });
 }

package/internal-do-not-import-from-here/ux/theming-v2/designkits/core/ThemeRegistrations.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,8 +1,104 @@
-import { TypographyBlueprints } from "@omnia/fx-models";
-import { DocumentationTypography } from "./DefinitionsTypography";
-export declare class DefaultTypographyBlueprint implements TypographyBlueprints {
+import { Guid, TypographyBlueprint, TypographyBlueprints } from "@omnia/fx-models";
+export declare class DefaultDocTypographyBlueprints implements TypographyBlueprints {
     type: "typography";
     name: string;
     primary: DocumentationTypography;
     constructor();
 }
+export declare class DocumentationTypography implements TypographyBlueprint {
+    name: string;
+    id: Guid;
+    title: {
+        xl: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        l: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        s: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        xs: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    text: {
+        l: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        s: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        xs: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    navigation: {
+        l: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    link: {
+        m: {
+            decoration: string;
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+}

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

@@ -1,8 +1,164 @@
-import { TypographyBlueprints } from "@omnia/fx-models";
-import { EditorTypography } from "./DefinitionsTypography";
-export declare class DefaultTypographyBlueprint implements TypographyBlueprints {
+import { Guid, TypographyBlueprint, TypographyBlueprints } from "@omnia/fx-models";
+export declare class DefaultEditorTypographyBlueprints implements TypographyBlueprints {
     type: "typography";
     name: string;
     primary: EditorTypography;
     constructor();
 }
+export declare class EditorTypography implements TypographyBlueprint {
+    name: "Davids editor typooos";
+    font: {
+        id: Guid;
+        family: string;
+        cdn: string;
+    };
+    title: {
+        xl: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        l: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        s: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        xs: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    text: {
+        xl: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        l: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        s: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        xs: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    navigation: {
+        xl: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        l: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        s: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        xs: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    link: {
+        xl: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        l: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            decoration: string;
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        s: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        xs: {
+            lg: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+}

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

@@ -1,4 +1,4 @@
-import { BorderStylingDefinition, ButtonBlueprint, ChromeBlueprint, ChromeBlueprints, ComponentBlueprints, FillDefinition, SpacingBlueprints, SpacingDefinition, TabsBlueprint } from "@omnia/fx-models";
+import { BorderStylingDefinition, ButtonBlueprint, ChromeBlueprint, ChromeBlueprints, ComponentBlueprints, FillDefinition, SpacingBlueprints, SpacingDefinition, TabsBlueprint, TypographyBlueprints } from "@omnia/fx-models";
 export declare const useBlueprintTemplatesStore: () => {
     state: {
         fills: FillDefinition[];
@@ -10,6 +10,7 @@ export declare const useBlueprintTemplatesStore: () => {
         component: ComponentBlueprints[];
         spacings: SpacingBlueprints[];
         spacing: SpacingDefinition[];
+        typographies: TypographyBlueprints[];
     };
     events: {
         onMutatedFills: import("@omnia/fx").MessageBusExposeOnlySubscription<FillDefinition[]>;
@@ -21,6 +22,7 @@ export declare const useBlueprintTemplatesStore: () => {
         onMutatedComponent: import("@omnia/fx").MessageBusExposeOnlySubscription<ComponentBlueprints[]>;
         onMutatedSpacings: import("@omnia/fx").MessageBusExposeOnlySubscription<SpacingBlueprints[]>;
         onMutatedSpacing: import("@omnia/fx").MessageBusExposeOnlySubscription<SpacingDefinition[]>;
+        onMutatedTypographies: import("@omnia/fx").MessageBusExposeOnlySubscription<TypographyBlueprints[]>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
     actions: {
         onDispatching: {
@@ -51,6 +53,9 @@ export declare const useBlueprintTemplatesStore: () => {
             addComponentBlueprints: {
                 subscribe(fn: (blueprint: ComponentBlueprints) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            addTypographyBlueprints: {
+                subscribe(fn: (blueprints: TypographyBlueprints) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
         };
         onDispatched: {
             addSpacingDefinition: {
@@ -80,6 +85,9 @@ export declare const useBlueprintTemplatesStore: () => {
             addComponentBlueprints: {
                 subscribe(fn: (result: void, blueprint: ComponentBlueprints) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            addTypographyBlueprints: {
+                subscribe(fn: (result: void, blueprints: TypographyBlueprints) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
         };
         onFailure: {
             addSpacingDefinition: {
@@ -109,6 +117,9 @@ export declare const useBlueprintTemplatesStore: () => {
             addComponentBlueprints: {
                 subscribe(fn: (failureReason: any, blueprint: ComponentBlueprints) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            addTypographyBlueprints: {
+                subscribe(fn: (failureReason: any, blueprints: TypographyBlueprints) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
         };
     } & {
         addSpacingDefinition(spacing: SpacingDefinition): void;
@@ -120,6 +131,7 @@ export declare const useBlueprintTemplatesStore: () => {
         addChromeBlueprint(blueprint: ChromeBlueprint): void;
         addChromeBlueprints(blueprint: ChromeBlueprints): void;
         addComponentBlueprints(blueprint: ComponentBlueprints): void;
+        addTypographyBlueprints(blueprints: TypographyBlueprints): void;
     };
     get: {};
 };