@omnia/fx 8.0.403-dev → 8.0.405-dev

package/internal-do-not-import-from-here/core/utils/Utils.d.ts

@@ -1,4 +1,4 @@
-import { TimePeriodSettings, TenantRegionalSettings, IIcon } from "../../models";
+import { TimePeriodSettings, TenantRegionalSettings, IIcon, FirstDayOfWeeks } from "../../models";
 export declare namespace Utils {
     function asyncForEach<T>(array: Array<T>, callback: (item: T, index?: number, items?: Array<T>) => Promise<void>): Promise<void>;
     function isPromise(val: any): boolean;
@@ -126,6 +126,7 @@ export declare namespace Utils {
     function getFileType(fileName: string): string;
     function isImageFormatSupportForMediaPicker(fileName: string): boolean;
     function formatDateTime(regionalSettings: TenantRegionalSettings, date?: Date | string): string;
+    function getVuetifyFirstDayOfWeek(value: FirstDayOfWeeks): 0 | 1;
     function removeClaimPrefixFromLoginName(loginName: string): string;
     /**
      * Get profile url for online and other environment like sharepoint server
@@ -154,4 +155,5 @@ export declare namespace Utils {
      * @returns
      */
     function getQueryStringFromCurrentUrl(name: string): string;
+    function convertStringToArray(object: any): any;
 }

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

@@ -1,68 +1 @@
-import { defineFactory, MessageBusExposeOnlySubscription, SetupFactoryContext } from "../core";
-import { IMessageBusSubscriptionHandler, IMessageBusTopicPublishSubscriber, InstanceLifetimes } from "@omnia/fx-models";
-type MutateFn<T> = (value: T | ((prev: T) => T)) => void;
-export type StoreEvents<TState extends object, TEvents extends Record<string, IMessageBusTopicPublishSubscriber<any>> = {}> = {
-    [K in keyof TState as `onMutated${Capitalize<string & K>}`]: MessageBusExposeOnlySubscription<TState[K]>;
-} & TEvents;
-type MapActionOnDispatching<T extends Function> = T extends (...args: infer U) => any ? (...args: U) => void : never;
-type MapActionOnDispatched<T extends Function> = T extends (...args: infer U) => Promise<infer Y> | infer Y ? (result: Y, ...args: U) => void : never;
-type MapActionOnFailure<T extends Function> = T extends (...args: infer U) => any ? (failureReason: any, ...args: U) => void : never;
-export type StoreReturnDefineAction<TAction extends {
-    [key: string]: any;
-}> = {
-    onDispatching: {
-        [k in keyof TAction]: {
-            subscribe(fn: MapActionOnDispatching<TAction[k]>): IMessageBusSubscriptionHandler;
-        };
-    };
-    onDispatched: {
-        [k in keyof TAction]: {
-            subscribe(fn: MapActionOnDispatched<TAction[k]>): IMessageBusSubscriptionHandler;
-        };
-    };
-    onFailure: {
-        [k in keyof TAction]: {
-            subscribe(fn: MapActionOnFailure<TAction[k]>): IMessageBusSubscriptionHandler;
-        };
-    };
-} & TAction;
-export interface SetupStoreContext extends SetupFactoryContext {
-    defineState<TState extends object, TEvents extends Record<string, IMessageBusTopicPublishSubscriber<any>> = Record<string, IMessageBusTopicPublishSubscriber<any>>>(state: TState): {
-        state: TState;
-        events: StoreEvents<TState, TEvents>;
-        mutate: {
-            [K in keyof TState]: MutateFn<TState[K]>;
-        };
-    };
-    defineActions<TActions extends {
-        [key: string]: any;
-    }>(actions: TActions): StoreReturnDefineAction<TActions>;
-}
-export interface IReturnSetupStore<TState, TGetters, TActions extends {
-    [key: string]: Function;
-}, TEvents> {
-    state?: TState;
-    get?: TGetters;
-    actions?: StoreReturnDefineAction<TActions>;
-    events?: TEvents;
-    name?: string;
-}
-export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
-    [key: string]: any;
-}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>>(name: string, setup: (ctx: SetupStoreContext) => InferReturnSetup, lifetime?: InstanceLifetimes): ReturnType<typeof defineFactory<InferReturnSetup>>;
-export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
-    [key: string]: any;
-}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1>(name: string, setup: (ctx: SetupStoreContext, param1: T1) => InferReturnSetup, lifetime?: InstanceLifetimes): ReturnType<typeof defineFactory<InferReturnSetup, T1>>;
-export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
-    [key: string]: any;
-}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1, T2>(name: string, setup: (ctx: SetupStoreContext, param1: T1, param2: T2) => InferReturnSetup, lifetime?: InstanceLifetimes): ReturnType<typeof defineFactory<InferReturnSetup, T1, T2>>;
-export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
-    [key: string]: any;
-}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1, T2, T3>(name: string, setup: (ctx: SetupStoreContext, param1: T1, param2: T2, param3: T3, lifetime?: InstanceLifetimes) => InferReturnSetup): ReturnType<typeof defineFactory<InferReturnSetup, T1, T2, T3>>;
-export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
-    [key: string]: any;
-}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1, T2, T3, T4>(name: string, setup: (ctx: SetupStoreContext, param1: T1, param2: T2, param3: T3, param4: T4, lifetime?: InstanceLifetimes) => InferReturnSetup): ReturnType<typeof defineFactory<InferReturnSetup, T1, T2, T3, T4>>;
-export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
-    [key: string]: any;
-}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1, T2, T3, T4, T5>(name: string, setup: (ctx: SetupStoreContext, param1: T1, param2: T2, param3: T3, param4: T4, param5: T5) => InferReturnSetup, lifetime?: InstanceLifetimes): ReturnType<typeof defineFactory<InferReturnSetup, T1, T2, T3, T4, T5>>;
-export {};
+export { defineStore, type IReturnSetupStore, type SetupStoreContext, type StoreEvents, type StoreReturnDefineAction } from "@omnia/fx-models/internal-do-not-import-from-here/shared";

package/internal-do-not-import-from-here/ux/admin/usermanagement/loc/localize.d.ts

@@ -177,7 +177,7 @@ export declare namespace UserManagementLocalization {
                 General: string;
                 Authentication: string;
                 Onboarding: string;
-                RefreshTokens: string;
+                UserProfileCompletion: string;
             };
             AuthenticationBlades: {
                 ExternalProviders: string;

package/internal-do-not-import-from-here/ux/admin/usermanagement/userproperties/GDPRBlade.d.ts

@@ -0,0 +1,6 @@
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/aurora/admin/blades/typography/blades/SelectBreakpointBlade.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {}>, never>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/aurora/admin/blades/typography/store/TypographyEditorStore.d.ts

@@ -1,85 +1,110 @@
-import { guid, ITemplateRegistration, TypographyBlueprint, TextStyleDefinition, TextStyleSizes, TextStyleType, TypographyFontDefinition, IFontBlueprints, TypographyFontRef, BlueprintVariant, FontAwesomeIcon } from "@omnia/fx-models";
+import { guid, ITemplateRegistration, TypographyBlueprint, TextStyleDefinition, TextStyleSizes, TextStyleType, TypographyFontDefinition, IFontBlueprints, TypographyFontRef, BlueprintVariant, FontAwesomeIcon, TextStyleBreakpointType } from "@omnia/fx-models";
 export interface BreakpointItem {
     icon: FontAwesomeIcon;
     title: string;
-    active: boolean;
-    breakpoint: "sm" | "md" | "lg";
+    subTitle: string;
+    scale: TextStyleBreakpointType;
 }
+type StyleVariant = "system-styles" | "custom-styles" | "type-scale";
 export declare const useTypographyEditorStore: () => {
     state: {
         blueprintRegistration: ITemplateRegistration<TypographyBlueprint>;
         availableFonts: ITemplateRegistration<IFontBlueprints>;
         blueprint: TypographyBlueprint;
         editMode: boolean;
-        editingType: TextStyleType;
-        styleEditVariant: "system-styles" | "custom-styles";
-        selectedTypography: {
+        editing: {
             type: TextStyleType;
-            size: TextStyleSizes;
-            definition: TextStyleDefinition;
+            styleVariant: StyleVariant;
+        };
+        selected: {
+            textStyle: {
+                type: TextStyleType;
+                size: TextStyleSizes;
+                definition: TextStyleDefinition;
+                typeScaleDefinition: TextStyleDefinition;
+            };
+            breakpoint: BreakpointItem;
         };
-        selectedBreakpoint: BreakpointItem;
     };
     events: import("@omnia/fx/stores").StoreEvents<{
         blueprintRegistration: ITemplateRegistration<TypographyBlueprint>;
         availableFonts: ITemplateRegistration<IFontBlueprints>;
         blueprint: TypographyBlueprint;
         editMode: boolean;
-        editingType: TextStyleType;
-        styleEditVariant: "system-styles" | "custom-styles";
-        selectedTypography: {
+        editing: {
             type: TextStyleType;
-            size: TextStyleSizes;
-            definition: TextStyleDefinition;
+            styleVariant: StyleVariant;
+        };
+        selected: {
+            textStyle: {
+                type: TextStyleType;
+                size: TextStyleSizes;
+                definition: TextStyleDefinition;
+                typeScaleDefinition: TextStyleDefinition;
+            };
+            breakpoint: BreakpointItem;
         };
-        selectedBreakpoint: BreakpointItem;
     }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        styles(): {
+            edit: (type: StyleVariant) => void;
+        };
+        typeScale(): {
+            update: {
+                scale(value: number): void;
+                baseFontSize(value: number): void;
+                lineHeightMultiplier(value: number): void;
+            };
+            ativateBreakpoint(value: boolean): void;
+        };
         calculate(): {
             editingDefinitionFromBaseStyles(): void;
             baseScale(): void;
         };
-        setSelectedDefinition(type: TextStyleType, size: TextStyleSizes): void;
-        addVariant(variantType: TextStyleType): BlueprintVariant;
-        deleteEditingVariant(): void;
-        updateSelectedDefinition(): void;
-        editBlueprints(blueprints: ITemplateRegistration<TypographyBlueprint>): void;
-        addBlueprints(): void;
-        copyBlueprint(blueprint: TypographyBlueprint): void;
-        setFont(font: {
-            family: string;
-            cdn?: string;
-            manifestId?: guid;
-        }): void;
-        setFontForTypoType(font: TypographyFontDefinition): void;
-        setFontForTypoTypeSize(font: TypographyFontDefinition): void;
-        saveTenantAvailableFont(): Promise<boolean>;
-        save(): Promise<boolean>;
-        delete(): Promise<boolean>;
+        breakpoint(): {
+            setSelected(breakpoint: TextStyleBreakpointType): void;
+            activate(value: boolean): void;
+        };
+        variants(): {
+            add(variantType: TextStyleType): BlueprintVariant;
+            delete(): void;
+        };
+        definition(): {
+            updateSelected(): void;
+            setSelected(type: TextStyleType, size: TextStyleSizes): void;
+        };
+        blueprints(): {
+            edit(blueprints: ITemplateRegistration<TypographyBlueprint>): void;
+            add(): void;
+            copy(blueprint: TypographyBlueprint): void;
+        };
+        font(): {
+            set: {
+                font(font: {
+                    family: string;
+                    cdn?: string;
+                    manifestId?: guid;
+                }): void;
+                fontForTypoType(font: TypographyFontDefinition): void;
+                fontForTypoTypeSize(font: TypographyFontDefinition): void;
+            };
+        };
+        save(): {
+            registration(): Promise<boolean>;
+            tenantAvailableFont(): Promise<boolean>;
+        };
+        deleteRegistration(): Promise<boolean>;
     }>;
     get: {
-        scaleSettings: {
-            values: {
-                scale: (type: "sm" | "md" | "lg") => number;
+        textStyleName: (textStyleType: TextStyleType, size: TextStyleSizes) => string;
+        typeScale: {
+            active: {
+                readonly scale: number;
+                readonly baseFontSize: number;
+                readonly lineHeight: number;
             };
         };
-        definitionType: () => import("@omnia/fx-models").VariantBlueprints<import("@omnia/fx-models").FillDefinition> | {
-            baseFontSize?: import("@omnia/fx-models").BaseScaleBreakpoint;
-            scale?: import("@omnia/fx-models").BaseScaleBreakpoint;
-            lineHeightMultiplier?: import("@omnia/fx-models").BaseScaleBreakpoint;
-            styles: {
-                s1: TextStyleDefinition;
-                s2: TextStyleDefinition;
-                s3: TextStyleDefinition;
-                s4: TextStyleDefinition;
-                s5: TextStyleDefinition;
-                s6: TextStyleDefinition;
-                s7: TextStyleDefinition;
-                s8: TextStyleDefinition;
-                s9: TextStyleDefinition;
-                s10: TextStyleDefinition;
-            };
-        } | import("@omnia/fx-models").VariantBlueprints<TextStyleDefinition> | {
+        definitionType: () => import("@omnia/fx-models").VariantBlueprints<TextStyleDefinition> | {
             xl: TextStyleDefinition;
             l: TextStyleDefinition;
             m: TextStyleDefinition;
@@ -87,28 +112,35 @@ export declare const useTypographyEditorStore: () => {
             xs: TextStyleDefinition;
             font?: TypographyFontRef;
         } | {
-            xl?: TextStyleDefinition;
+            xl: TextStyleDefinition;
             l: TextStyleDefinition;
             m: TextStyleDefinition;
             s: TextStyleDefinition;
             xs: TextStyleDefinition;
             font?: TypographyFontRef;
         } | {
-            xl?: TextStyleDefinition;
-            l?: TextStyleDefinition;
+            xl: TextStyleDefinition;
+            l: TextStyleDefinition;
             m: TextStyleDefinition;
-            s?: TextStyleDefinition;
-            xs?: TextStyleDefinition;
+            s: TextStyleDefinition;
+            xs: TextStyleDefinition;
             font?: TypographyFontRef;
         } | {
             xl?: TextStyleDefinition;
-            l?: TextStyleDefinition;
+            l: TextStyleDefinition;
+            m: TextStyleDefinition;
+            s: TextStyleDefinition;
+            xs: TextStyleDefinition;
+            font?: TypographyFontRef;
+        } | {
+            xl: TextStyleDefinition;
+            l: TextStyleDefinition;
             m: TextStyleDefinition;
-            s?: TextStyleDefinition;
-            xs?: TextStyleDefinition;
+            s: TextStyleDefinition;
+            xs: TextStyleDefinition;
             font?: TypographyFontRef;
         };
-        selectedTypoSizeFont: () => string;
+        selectedTextStyleSizeFont: () => string;
     };
     bladeId: {
         startBlade: guid;
@@ -117,10 +149,14 @@ export declare const useTypographyEditorStore: () => {
         editStylesBlade: guid;
         editScaleBlade: guid;
         settingsBlade: guid;
+        breakpointBlade: guid;
     };
     rules: {
         breakpoint: {
-            isActive: (size: "lg" | "md" | "sm") => boolean;
+            readonly showStatus: boolean;
+            isActive: (size: TextStyleBreakpointType) => boolean;
+            readonly showEnableDisable: boolean;
+            readonly isEnabled: boolean;
         };
     };
     dataTypes: {
@@ -129,3 +165,4 @@ export declare const useTypographyEditorStore: () => {
 } & {
     dispose?: () => void;
 };
+export {};

package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/store/TextStylePickerStore.d.ts

@@ -22,7 +22,6 @@ export declare const useTextStylePickerStore: () => {
         titleStyles: ThemedTextStyleValue[];
         textStyles: ThemedTextStyleValue[];
         variantStyles: ThemedTextStyleValue[];
-        navigationStyles: ThemedTextStyleValue[];
     };
 } & {
     dispose?: () => void;

package/internal-do-not-import-from-here/ux/aurora/components/typography/{TypographyEditor.d.ts → TextStyleEditor.d.ts}

@@ -1,4 +1,4 @@
-import { TextStyleDefinition } from "@omnia/fx-models";
+import { TextStyleDefinition, TypographyBlueprint, TextStyleBreakpointType, TextStyleSizes } from "@omnia/fx-models";
 import { VNodeChild } from "vue";
 type EditorVariant = "default" | "dialog" | "blade-inline";
 declare const _default: {
@@ -14,8 +14,17 @@ declare const _default: {
         sampleText: {
             type: import("vue").PropType<string>;
         };
+        breakpoint: {
+            type: import("vue").PropType<TextStyleBreakpointType>;
+        };
+        textStyleSize: {
+            type: import("vue").PropType<TextStyleSizes>;
+        };
         textStyleType: {
-            type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale">;
+            type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
+        };
+        blueprint: {
+            type: import("vue").PropType<TypographyBlueprint>;
         };
         variant: {
             type: import("vue").PropType<EditorVariant>;
@@ -86,11 +95,7 @@ declare const _default: {
                 };
             }>;
         };
-    }>> & {
-        "onClick:confirm"?: (model: TextStyleDefinition) => any;
-    }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "click:confirm": (model: TextStyleDefinition) => true;
-    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -109,8 +114,17 @@ declare const _default: {
         sampleText: {
             type: import("vue").PropType<string>;
         };
+        breakpoint: {
+            type: import("vue").PropType<TextStyleBreakpointType>;
+        };
+        textStyleSize: {
+            type: import("vue").PropType<TextStyleSizes>;
+        };
         textStyleType: {
-            type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale">;
+            type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
+        };
+        blueprint: {
+            type: import("vue").PropType<TypographyBlueprint>;
         };
         variant: {
             type: import("vue").PropType<EditorVariant>;
@@ -181,9 +195,7 @@ declare const _default: {
                 };
             }>;
         };
-    }>> & {
-        "onClick:confirm"?: (model: TextStyleDefinition) => any;
-    }, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
+    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -199,8 +211,17 @@ declare const _default: {
     sampleText: {
         type: import("vue").PropType<string>;
     };
+    breakpoint: {
+        type: import("vue").PropType<TextStyleBreakpointType>;
+    };
+    textStyleSize: {
+        type: import("vue").PropType<TextStyleSizes>;
+    };
     textStyleType: {
-        type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale">;
+        type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
+    };
+    blueprint: {
+        type: import("vue").PropType<TypographyBlueprint>;
     };
     variant: {
         type: import("vue").PropType<EditorVariant>;
@@ -271,11 +292,7 @@ declare const _default: {
             };
         }>;
     };
-}>> & {
-    "onClick:confirm"?: (model: TextStyleDefinition) => any;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "click:confirm": (model: TextStyleDefinition) => true;
-}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         name?: {
             [x: `onUpdate:${string}`]: {
@@ -338,6 +355,7 @@ declare const _default: {
                 };
             }>;
         };
+        blueprint?: TypographyBlueprint;
         variant?: EditorVariant;
         modelValue?: TextStyleDefinition;
         "v-slots"?: {
@@ -349,9 +367,9 @@ declare const _default: {
         "v-model"?: TextStyleDefinition;
         sampleText?: string;
         toolbarCallback?: (value: () => VNodeChild) => void;
-        textStyleType?: "title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale";
-    }>, "onClick:confirm"> & {
-        "onClick:confirm"?: (model: TextStyleDefinition) => any;
-    };
+        textStyleType?: "display" | "headline" | "title" | "text" | "label" | "variants";
+        textStyleSize?: TextStyleSizes;
+        breakpoint?: TextStyleBreakpointType;
+    }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/typography/TypographyBlueprintsViewer.d.ts

@@ -1,7 +1,7 @@
-import { BlueprintVariant, ThemeContextType, TypographyBlueprint, TextStyleSizes, TextStyleType } from "@omnia/fx-models";
+import { BlueprintVariant, ThemeContextType, TypographyBlueprint, TextStyleSizes, TextStyleType, TextStyleBreakpointType } from "@omnia/fx-models";
 import { DefineEmit } from "@omnia/fx/ux";
+import { ViewTypes } from "./store/TypographyViewerStore";
 type Variant = "list" | "picker";
-type ViewTypes = "type-scale" | "system-styles" | "custom-styles";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     blueprint?: TypographyBlueprint;
 } & {
@@ -12,18 +12,20 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     variant?: Variant;
 } & {
     viewtype?: ViewTypes;
+} & {
+    breakpoint?: TextStyleBreakpointType;
 } & {
     editable?: boolean;
 } & {
     themeType?: ThemeContextType;
 } & DefineEmit<"click:select", (typography: TextStyleType, size: TextStyleSizes) => true> & DefineEmit<"click:selectFill", (variant: BlueprintVariant) => true> & DefineEmit<"click:add", () => true> & DefineEmit<"click:addFill", () => true>> & {
     "onClick:add"?: () => any;
-    "onClick:select"?: (typography: "title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale", size: TextStyleSizes) => any;
+    "onClick:select"?: (typography: "display" | "headline" | "title" | "text" | "label" | "variants", size: TextStyleSizes) => any;
     "onClick:selectFill"?: (variant: BlueprintVariant) => any;
     "onClick:addFill"?: () => any;
 } & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "variant" | "editable" | "toned" | "themeType" | "emit:click:add" | "emit:click:select" | "sampleText" | "viewtype" | "emit:click:selectFill" | "emit:click:addFill"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "variant" | "editable" | "toned" | "themeType" | "emit:click:add" | "emit:click:select" | "sampleText" | "breakpoint" | "viewtype" | "emit:click:selectFill" | "emit:click:addFill"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/typography/components/TypographyFillRenderer.d.ts

@@ -9,7 +9,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
 } & {
     themeType?: ThemeContextType;
 } & DefineEmit<"click:select", (typography: TextStyleType, size: TextStyleSizes) => true> & DefineEmit<"click:selectFill", (variant: BlueprintVariant) => true>> & {
-    "onClick:select"?: (typography: "title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale", size: TextStyleSizes) => any;
+    "onClick:select"?: (typography: "display" | "headline" | "title" | "text" | "label" | "variants", size: TextStyleSizes) => any;
     "onClick:selectFill"?: (variant: BlueprintVariant) => any;
 } & {
     "v-slots"?: {} & Omit<{

package/internal-do-not-import-from-here/ux/aurora/components/typography/store/TextStyleEditorStore.d.ts

@@ -0,0 +1,53 @@
+import { FontAwesomeIcon, TextStyleBreakPoint, TextStyleDefinition, TextStyleType, TypographyBlueprint, TextStyleBreakpointType, TextStyleSizes } from "@omnia/fx-models";
+export interface BreakpointItem {
+    icon: FontAwesomeIcon;
+    title: string;
+    active: boolean;
+    breakpoint: TextStyleBreakpointType;
+}
+export declare const useTextStyleEditorStore: () => {
+    state: {
+        internalModel: TextStyleDefinition;
+        blueprint: TypographyBlueprint;
+        textStyleType: "display" | "headline" | "title" | "text" | "label" | "variants";
+        textStyleSize: TextStyleSizes;
+        breakpoint: TextStyleBreakpointType;
+    };
+    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        set: () => {
+            fontSize: {
+                activateCustom: (value: boolean) => void;
+                value(value: number): void;
+            };
+            lineHeight: {
+                readonly calculate: void;
+                activateCustom: (value: boolean) => void;
+                value(value: number): void;
+                multiplier: (value: number) => void;
+            };
+            fontWeight: (value: number) => void;
+            letterSpacing: (value: number) => void;
+        };
+        cleanBreakpoint: () => void;
+        ensureBreakpoint: () => void;
+        initState: (model: TextStyleDefinition, textStyleType: TextStyleType, breakpoint: TextStyleBreakpointType, blueprint: TypographyBlueprint, textStyleSize: TextStyleSizes) => void;
+    }>;
+    get: {
+        typeScale: {
+            readonly lineHeightMultiplier: number;
+            readonly defaultTextStyle: TextStyleBreakPoint;
+        };
+        readonly textDefinition: TextStyleBreakPoint;
+    };
+    rules: {
+        show: {
+            readonly name: boolean;
+            readonly upperCaseAndItalicSettings: boolean;
+        };
+    };
+    dataTypes: {
+        breakpoints: BreakpointItem[];
+    };
+} & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/aurora/components/typography/store/TypographyViewerStore.d.ts

@@ -0,0 +1,45 @@
+import { TextStyleDefinition, TextStyleSizes, TextStyleType, TypographyBlueprint, TextStyleBreakpointType } from "@omnia/fx-models";
+export type ViewTypes = "type-scale" | "system-styles" | "custom-styles";
+export declare const useTypographyViewerStore: () => {
+    state: {
+        blueprint: TypographyBlueprint;
+        viewType: ViewTypes;
+        breakPoint: TextStyleBreakpointType;
+        sampleText: string;
+    };
+    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        initState: (blueprint: TypographyBlueprint, viewType: ViewTypes, breakPoint: TextStyleBreakpointType, sampleText: string) => void;
+    }>;
+    get: {
+        typeScale: {
+            definition: {
+                bySize: (size: any) => {
+                    textStyleDefinition: TextStyleDefinition;
+                    fontSize: number;
+                    lineHeight: number;
+                };
+                fontSize: (definition: TextStyleDefinition) => number;
+                lineHeight: (definition: TextStyleDefinition) => number;
+            };
+        };
+        textStyleName: (textStyle: TextStyleType, size: TextStyleSizes) => string;
+        fontSizeDisplayFormat: (fontCss: string) => string;
+        sampleText: (typography: TextStyleType, size: TextStyleSizes) => string;
+        typeStyling: (textStyleTpe: TextStyleType, size: TextStyleSizes) => any;
+    };
+    rules: {
+        typeScale: {
+            isBaseSize: (size: number) => size is 4;
+            isSizeUsed(size: number): boolean;
+        };
+        breakpoint: {
+            readonly isCustomBreakpoint: boolean;
+        };
+        variants: {
+            isPlaceholder: (size: string) => boolean;
+        };
+        canStyleBeDisplayed: (textStyleType: TextStyleType, size: TextStyleSizes, isVariants: boolean) => boolean;
+    };
+} & {
+    dispose?: () => void;
+};