@omnia/fx 8.0.402-dev → 8.0.403-dev

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

@@ -1,4 +1,10 @@
-import { FillDefinition, guid, ITemplateRegistration, TypographyBlueprint, TextStyleDefinition, TextStyleSizes, TextStyleType, TypographyFontDefinition, IFontBlueprints, TypographyFontRef, BlueprintVariant } from "@omnia/fx-models";
+import { guid, ITemplateRegistration, TypographyBlueprint, TextStyleDefinition, TextStyleSizes, TextStyleType, TypographyFontDefinition, IFontBlueprints, TypographyFontRef, BlueprintVariant, FontAwesomeIcon } from "@omnia/fx-models";
+export interface BreakpointItem {
+    icon: FontAwesomeIcon;
+    title: string;
+    active: boolean;
+    breakpoint: "sm" | "md" | "lg";
+}
 export declare const useTypographyEditorStore: () => {
     state: {
         blueprintRegistration: ITemplateRegistration<TypographyBlueprint>;
@@ -12,8 +18,7 @@ export declare const useTypographyEditorStore: () => {
             size: TextStyleSizes;
             definition: TextStyleDefinition;
         };
-        selectedFill: FillDefinition;
-        selectedFillVariant: BlueprintVariant;
+        selectedBreakpoint: BreakpointItem;
     };
     events: import("@omnia/fx/stores").StoreEvents<{
         blueprintRegistration: ITemplateRegistration<TypographyBlueprint>;
@@ -27,8 +32,7 @@ export declare const useTypographyEditorStore: () => {
             size: TextStyleSizes;
             definition: TextStyleDefinition;
         };
-        selectedFill: FillDefinition;
-        selectedFillVariant: BlueprintVariant;
+        selectedBreakpoint: BreakpointItem;
     }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
         calculate(): {
@@ -59,7 +63,23 @@ export declare const useTypographyEditorStore: () => {
                 scale: (type: "sm" | "md" | "lg") => number;
             };
         };
-        definitionType: () => import("@omnia/fx-models").VariantBlueprints<FillDefinition> | import("@omnia/fx-models").VariantBlueprints<TextStyleDefinition> | {
+        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> | {
             xl: TextStyleDefinition;
             l: TextStyleDefinition;
             m: TextStyleDefinition;
@@ -98,6 +118,14 @@ export declare const useTypographyEditorStore: () => {
         editScaleBlade: guid;
         settingsBlade: guid;
     };
+    rules: {
+        breakpoint: {
+            isActive: (size: "lg" | "md" | "sm") => boolean;
+        };
+    };
+    dataTypes: {
+        breakpoints: BreakpointItem[];
+    };
 } & {
     dispose?: () => void;
 };

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

@@ -18,7 +18,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> & DefineEmit<"click:add", () => true> & DefineEmit<"click:addFill", () => true>> & {
     "onClick:add"?: () => any;
-    "onClick:select"?: (typography: "title" | "text" | "navigation" | "label" | "variants" | "fills", size: TextStyleSizes) => any;
+    "onClick:select"?: (typography: "title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale", size: TextStyleSizes) => any;
     "onClick:selectFill"?: (variant: BlueprintVariant) => any;
     "onClick:addFill"?: () => any;
 } & {

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

@@ -14,11 +14,8 @@ declare const _default: {
         sampleText: {
             type: import("vue").PropType<string>;
         };
-        forceCustomSize: {
-            type: import("vue").PropType<boolean>;
-        };
-        enableName: {
-            type: import("vue").PropType<boolean>;
+        textStyleType: {
+            type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale">;
         };
         variant: {
             type: import("vue").PropType<EditorVariant>;
@@ -112,11 +109,8 @@ declare const _default: {
         sampleText: {
             type: import("vue").PropType<string>;
         };
-        forceCustomSize: {
-            type: import("vue").PropType<boolean>;
-        };
-        enableName: {
-            type: import("vue").PropType<boolean>;
+        textStyleType: {
+            type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale">;
         };
         variant: {
             type: import("vue").PropType<EditorVariant>;
@@ -205,11 +199,8 @@ declare const _default: {
     sampleText: {
         type: import("vue").PropType<string>;
     };
-    forceCustomSize: {
-        type: import("vue").PropType<boolean>;
-    };
-    enableName: {
-        type: import("vue").PropType<boolean>;
+    textStyleType: {
+        type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale">;
     };
     variant: {
         type: import("vue").PropType<EditorVariant>;
@@ -358,8 +349,7 @@ declare const _default: {
         "v-model"?: TextStyleDefinition;
         sampleText?: string;
         toolbarCallback?: (value: () => VNodeChild) => void;
-        enableName?: boolean;
-        forceCustomSize?: boolean;
+        textStyleType?: "title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale";
     }>, "onClick:confirm"> & {
         "onClick:confirm"?: (model: TextStyleDefinition) => any;
     };

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", size: TextStyleSizes) => any;
+    "onClick:select"?: (typography: "title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale", size: TextStyleSizes) => any;
     "onClick:selectFill"?: (variant: BlueprintVariant) => any;
 } & {
     "v-slots"?: {} & Omit<{

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

@@ -0,0 +1,63 @@
+import { FontAwesomeIcon, TextStyleBreakPoint, TextStyleDefinition } from "@omnia/fx-models";
+export interface BreakpointItem {
+    icon: FontAwesomeIcon;
+    title: string;
+    active: boolean;
+    breakpoint: "sm" | "md" | "lg";
+}
+export declare const useTypographyEditorStore: () => {
+    state: {
+        internalModel: TextStyleDefinition;
+        breakpoint: {
+            large: TextStyleBreakPoint;
+            medium: TextStyleBreakPoint;
+            small: TextStyleBreakPoint;
+        };
+        selectedBreakpoint: BreakpointItem;
+        settings: {
+            textStyleType: "title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale";
+        };
+    };
+    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        set: () => {
+            fontSize: (value: number) => void;
+            lineHeight: (value: number) => void;
+            fontWeight: (value: number) => void;
+            letterSpacing: (value: number) => void;
+        };
+        breakPoint: () => {
+            selected: {
+                enable: (value: boolean) => void;
+                set: {
+                    custom: (value: boolean) => void;
+                };
+            };
+            clean: (key: string) => void;
+            ensure: (key: string) => void;
+        };
+        initState: (model: TextStyleDefinition) => void;
+    }>;
+    get: {
+        selection: {
+            breakpoint: {
+                readonly definition: TextStyleBreakPoint;
+            };
+        };
+    };
+    rules: {
+        readonly showEnableBreakpoint: boolean;
+        show: {
+            readonly customSizeSwitch: boolean;
+            readonly name: boolean;
+            readonly upperCaseAndItalicSettings: boolean;
+            readonly fontSizeAndLineHeight: boolean;
+            readonly letterSpacing: boolean;
+            readonly fontWeight: boolean;
+        };
+    };
+    dataTypes: {
+        breakpoints: BreakpointItem[];
+    };
+} & {
+    dispose?: () => void;
+};

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

@@ -1,113 +1,137 @@
-import { FillDefinition, TypographyBlueprint, TextStyleDefinition, TypographyFontRef, guid } from "@omnia/fx-models";
+import { TypographyBlueprint, guid } from "@omnia/fx-models";
 export declare class DefaultDocTypographyBlueprints implements TypographyBlueprint {
     id: guid;
     name: string;
     constructor();
 }
 export declare class DocumentationTypography implements TypographyBlueprint {
-    font?: TypographyFontRef;
-    fills?: {
-        variant1?: FillDefinition;
-        variant2?: FillDefinition;
-        variant3?: FillDefinition;
-    };
-    variant: {
-        one: TextStyleDefinition;
-        two: TextStyleDefinition;
-        three: TextStyleDefinition;
-        four: TextStyleDefinition;
+    font: {
+        cdn: "https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap";
+        family: "shadows into light";
     };
     name: string;
     id: guid;
+    typeScale: {
+        baseFontSize: {
+            lg: number;
+            md: number;
+            sm: number;
+        };
+        scale: {
+            lg: number;
+            md: number;
+            sm: number;
+        };
+        lineHeightMultiplier: {
+            lg: number;
+            md: number;
+            sm: number;
+        };
+        styles: {
+            s1: any;
+            s2: any;
+            s3: any;
+            s4: any;
+            s5: any;
+            s6: any;
+            s7: any;
+            s8: any;
+            s9: any;
+            s10: any;
+        };
+    };
     title: {
         xl: {
+            scale: number;
             lg: {
-                size: number;
-                lineHeight: number;
                 weight: number;
             };
         };
         l: {
+            scale: number;
             lg: {
-                size: number;
-                lineHeight: number;
                 weight: number;
             };
         };
         m: {
+            scale: number;
             lg: {
-                size: number;
-                lineHeight: number;
                 weight: number;
             };
         };
         s: {
+            scale: number;
             lg: {
-                size: number;
-                lineHeight: number;
                 weight: number;
             };
         };
         xs: {
+            scale: number;
             lg: {
-                size: number;
-                lineHeight: number;
                 weight: number;
             };
         };
     };
     text: {
+        xl: {
+            scale: number;
+            lg: {
+                weight: number;
+            };
+        };
         l: {
+            scale: number;
             lg: {
-                size: number;
-                lineHeight: number;
                 weight: number;
             };
         };
         m: {
+            scale: number;
             lg: {
-                size: number;
-                lineHeight: number;
                 weight: number;
             };
         };
         s: {
+            scale: number;
             lg: {
-                size: number;
-                lineHeight: number;
                 weight: number;
             };
         };
         xs: {
+            scale: number;
             lg: {
-                size: number;
-                lineHeight: number;
                 weight: number;
             };
         };
     };
-    navigation: {
+    label: {
+        xl: {
+            scale: number;
+            lg: {
+                weight: number;
+            };
+        };
         l: {
+            scale: number;
             lg: {
-                size: number;
-                lineHeight: number;
                 weight: number;
             };
         };
         m: {
+            scale: number;
             lg: {
-                size: number;
-                lineHeight: number;
                 weight: number;
             };
         };
-    };
-    link: {
-        m: {
-            decoration: string;
+        s: {
+            scale: number;
+            lg: {
+                weight: number;
+            };
+        };
+        xs: {
+            scale: number;
             lg: {
-                size: number;
-                lineHeight: number;
                 weight: number;
             };
         };

package/internal-do-not-import-from-here/ux/aurora/styling/UseStyling.d.ts

@@ -41,7 +41,7 @@ export declare function useThemeStyling(): {
         typeStylex: typeof TypographyStyling.typographyTypeStylex;
         stylex: typeof TypographyStyling.typographyStylex;
         fontStyling: typeof import("./styles/Typography").fontStyling;
-        typeStyling: (typographyType: import("@omnia/fx-models").TextStyleTypes, size: import("@omnia/fx-models").TextStyleSize, blueprint: import("@omnia/fx-models").TypographyBlueprint) => {
+        typeStyling: (typographyType: import("@omnia/fx-models").TextStyleTypes | import("@omnia/fx-models").TextStyleType, size: import("@omnia/fx-models").TextStyleSize | import("@omnia/fx-models").TextStyleSizes, blueprint: import("@omnia/fx-models").TypographyBlueprint) => {
             baseStyles: {
                 fontFamily: string;
                 fontSize: string;

package/internal-do-not-import-from-here/ux/aurora/styling/styles/Typography.d.ts

@@ -1,4 +1,4 @@
-import { TypographyBlueprint, TextStyleSize, TextStyleTypes, TextStyleValue } from "@omnia/fx-models";
+import { TypographyBlueprint, TextStyleSize, TextStyleSizes, TextStyleTypes, TextStyleValue, TextStyleType } from "@omnia/fx-models";
 import { MediaQuery } from "typestyle/lib/types";
 import { useTypographyBlueprintStore } from "../../store";
 export declare namespace TypographyStyling {
@@ -70,7 +70,7 @@ export interface TypographyTypesResult {
     typographyType: (typographyType: string) => string;
 }
 declare function typographyStylingByValue(value: TextStyleValue, blueprint: TypographyBlueprint): string;
-declare function typographyTypeStyling(typographyType: TextStyleTypes, size: TextStyleSize, blueprint: TypographyBlueprint): {
+declare function typographyTypeStyling(typographyType: TextStyleTypes | TextStyleType, size: TextStyleSize | TextStyleSizes, blueprint: TypographyBlueprint): {
     baseStyles: {
         fontFamily: string;
         fontSize: string;

package/internal-do-not-import-from-here/ux/datetimezonerenderer/DateTimeZoneRenderer.d.ts

@@ -2,7 +2,7 @@ import { DateTimeZone } from "@omnia/fx/models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
+            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
         };
         showTimeZone: {
             type: import("vue").PropType<boolean>;
@@ -33,7 +33,7 @@ declare const _default: {
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
+            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
         };
         showTimeZone: {
             type: import("vue").PropType<boolean>;
@@ -61,7 +61,7 @@ declare const _default: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
+        type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
     };
     showTimeZone: {
         type: import("vue").PropType<boolean>;
@@ -87,7 +87,7 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         label?: string;
         variant?: "time" | "date" | "date-time";
-        size?: "l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
+        size?: "l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10";
         value?: DateTimeZone<string>;
         dateFormat?: string;
         showTimeZone?: boolean;

package/internal-do-not-import-from-here/ux/markdown/MarkdownEditor.d.ts

@@ -12,10 +12,10 @@ declare const _default: {
             type: import("vue").PropType<TextBlueprint>;
         };
         size: {
-            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
+            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
         };
         typography: {
-            type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | TextStyleTypes>;
+            type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale" | TextStyleTypes>;
         };
         placeholder: {
             type: import("vue").PropType<string>;
@@ -130,10 +130,10 @@ declare const _default: {
             type: import("vue").PropType<TextBlueprint>;
         };
         size: {
-            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
+            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
         };
         typography: {
-            type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | TextStyleTypes>;
+            type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale" | TextStyleTypes>;
         };
         placeholder: {
             type: import("vue").PropType<string>;
@@ -245,10 +245,10 @@ declare const _default: {
         type: import("vue").PropType<TextBlueprint>;
     };
     size: {
-        type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
+        type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
     };
     typography: {
-        type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | TextStyleTypes>;
+        type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale" | TextStyleTypes>;
     };
     placeholder: {
         type: import("vue").PropType<string>;
@@ -408,10 +408,10 @@ declare const _default: {
                 };
             }>;
         };
-        typography?: "title" | "text" | "navigation" | "label" | "variants" | "fills" | TextStyleTypes;
+        typography?: "title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale" | TextStyleTypes;
         blueprint?: TextBlueprint;
         container?: boolean;
-        size?: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
+        size?: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10";
         colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         plugins?: [object];
         hideToolbar?: boolean;

package/internal-do-not-import-from-here/ux/markdown/MarkdownRenderer.d.ts

@@ -5,10 +5,10 @@ declare const _default: {
             type: import("vue").PropType<TextBlueprint>;
         };
         size: {
-            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
+            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
         };
         typography: {
-            type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | TextStyleTypes>;
+            type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale" | TextStyleTypes>;
         };
         toned: {
             type: import("vue").PropType<boolean>;
@@ -29,10 +29,10 @@ declare const _default: {
             type: import("vue").PropType<TextBlueprint>;
         };
         size: {
-            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
+            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
         };
         typography: {
-            type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | TextStyleTypes>;
+            type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale" | TextStyleTypes>;
         };
         toned: {
             type: import("vue").PropType<boolean>;
@@ -50,10 +50,10 @@ declare const _default: {
         type: import("vue").PropType<TextBlueprint>;
     };
     size: {
-        type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
+        type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
     };
     typography: {
-        type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | TextStyleTypes>;
+        type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale" | TextStyleTypes>;
     };
     toned: {
         type: import("vue").PropType<boolean>;
@@ -66,9 +66,9 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{
         value: string;
     } & {
-        typography?: "title" | "text" | "navigation" | "label" | "variants" | "fills" | TextStyleTypes;
+        typography?: "title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale" | TextStyleTypes;
         blueprint?: TextBlueprint;
-        size?: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
+        size?: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10";
         toned?: boolean;
     }>, never>;
 };

package/internal-do-not-import-from-here/ux/oxide/panel/store/PanelStore.d.ts

@@ -3,7 +3,7 @@ export declare const usePanelStore: () => {
     get: {
         typography: {
             readonly type: TextStyleTypes;
-            readonly size: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
+            readonly size: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10";
             readonly toned: boolean;
         };
         readonly margin: Spacing | SpacingValue;
@@ -16,7 +16,7 @@ export declare const usePanelStore: () => {
             padding: SpacingValue | Spacing;
             margin: SpacingValue | Spacing;
             title: string;
-            titleSize: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
+            titleSize: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10";
             toned: boolean;
         };
     };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.402-dev",
+  "version": "8.0.403-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": "Omnia Digital Workplace AB",
   "dependencies": {
-    "@omnia/fx-models": "8.0.402-dev",
+    "@omnia/fx-models": "8.0.403-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",