npm - @omnia/fx - Versions diffs - 8.0.74-dev → 8.0.75-dev - Mend

@omnia/fx 8.0.74-dev → 8.0.75-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (286) hide show

package/internal-do-not-import-from-here/ux/oxide/column/ColumnGrid.d.ts CHANGED Viewed

@@ -3,42 +3,66 @@ declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         margin: {
             type: import("vue").PropType<SpacingSettings | SpacingType>;
+        } & {
+            type: import("vue").PropType<SpacingSettings | SpacingType>;
         };
         padding: {
             type: import("vue").PropType<SpacingSettings | SpacingType>;
+        } & {
+            type: import("vue").PropType<SpacingSettings | SpacingType>;
         };
         xl: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         lg: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         md: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         sm: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         xs: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         cols: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         variant: {
             type: import("vue").PropType<"default" | "grid">;
             required: false;
+        } & {
+            type: import("vue").PropType<"default" | "grid">;
+            required: false;
         };
         toned: {
             type: import("vue").PropType<boolean>;
         } & {
             type: import("vue").PropType<boolean>;
         };
+        "align-self": {
+            type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
+        };
         alignSelf: {
             type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
         };
         filled: {
             type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
         };
         class: {
             type: import("vue").PropType<String | String[]>;
@@ -47,47 +71,69 @@ declare const _default: {
         colorSchemaType?: any;
         container?: any;
         colors?: any;
-        blueprintType?: any;
-        blueprint?: any;
     }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         margin: {
             type: import("vue").PropType<SpacingSettings | SpacingType>;
+        } & {
+            type: import("vue").PropType<SpacingSettings | SpacingType>;
         };
         padding: {
             type: import("vue").PropType<SpacingSettings | SpacingType>;
+        } & {
+            type: import("vue").PropType<SpacingSettings | SpacingType>;
         };
         xl: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         lg: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         md: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         sm: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         xs: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         cols: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         variant: {
             type: import("vue").PropType<"default" | "grid">;
             required: false;
+        } & {
+            type: import("vue").PropType<"default" | "grid">;
+            required: false;
         };
         toned: {
             type: import("vue").PropType<boolean>;
         } & {
             type: import("vue").PropType<boolean>;
         };
+        "align-self": {
+            type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
+        };
         alignSelf: {
             type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
         };
         filled: {
             type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
         };
         class: {
             type: import("vue").PropType<String | String[]>;
@@ -96,13 +142,9 @@ declare const _default: {
         colorSchemaType?: any;
         container?: any;
         colors?: any;
-        blueprintType?: any;
-        blueprint?: any;
     }>>, {
         container?: any;
-        blueprint?: any;
         colorSchemaType?: any;
-        blueprintType?: any;
         colors?: any;
     }, true, {}, {}, {
         P: {};
@@ -114,42 +156,66 @@ declare const _default: {
     }, Readonly<import("vue").ExtractPropTypes<{
         margin: {
             type: import("vue").PropType<SpacingSettings | SpacingType>;
+        } & {
+            type: import("vue").PropType<SpacingSettings | SpacingType>;
         };
         padding: {
             type: import("vue").PropType<SpacingSettings | SpacingType>;
+        } & {
+            type: import("vue").PropType<SpacingSettings | SpacingType>;
         };
         xl: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         lg: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         md: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         sm: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         xs: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         cols: {
             type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+        } & {
+            type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
         };
         variant: {
             type: import("vue").PropType<"default" | "grid">;
             required: false;
+        } & {
+            type: import("vue").PropType<"default" | "grid">;
+            required: false;
         };
         toned: {
             type: import("vue").PropType<boolean>;
         } & {
             type: import("vue").PropType<boolean>;
         };
+        "align-self": {
+            type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
+        };
         alignSelf: {
             type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
         };
         filled: {
             type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
         };
         class: {
             type: import("vue").PropType<String | String[]>;
@@ -158,13 +224,9 @@ declare const _default: {
         colorSchemaType?: any;
         container?: any;
         colors?: any;
-        blueprintType?: any;
-        blueprint?: any;
     }>>, () => JSX.Element, {}, {}, {}, {
         container?: any;
-        blueprint?: any;
         colorSchemaType?: any;
-        blueprintType?: any;
         colors?: any;
     }>;
     __isFragment?: never;
@@ -173,42 +235,66 @@ declare const _default: {
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     margin: {
         type: import("vue").PropType<SpacingSettings | SpacingType>;
+    } & {
+        type: import("vue").PropType<SpacingSettings | SpacingType>;
     };
     padding: {
         type: import("vue").PropType<SpacingSettings | SpacingType>;
+    } & {
+        type: import("vue").PropType<SpacingSettings | SpacingType>;
     };
     xl: {
         type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+    } & {
+        type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
     };
     lg: {
         type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+    } & {
+        type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
     };
     md: {
         type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+    } & {
+        type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
     };
     sm: {
         type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+    } & {
+        type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
     };
     xs: {
         type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+    } & {
+        type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
     };
     cols: {
         type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
+    } & {
+        type: import("vue").PropType<1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12">;
     };
     variant: {
         type: import("vue").PropType<"default" | "grid">;
         required: false;
+    } & {
+        type: import("vue").PropType<"default" | "grid">;
+        required: false;
     };
     toned: {
         type: import("vue").PropType<boolean>;
     } & {
         type: import("vue").PropType<boolean>;
     };
+    "align-self": {
+        type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
+    };
     alignSelf: {
         type: import("vue").PropType<"center" | "auto" | "stretch" | "end" | "start" | "baseline">;
     };
     filled: {
         type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
     };
     class: {
         type: import("vue").PropType<String | String[]>;
@@ -217,20 +303,14 @@ declare const _default: {
     colorSchemaType?: any;
     container?: any;
     colors?: any;
-    blueprintType?: any;
-    blueprint?: any;
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     container?: any;
-    blueprint?: any;
     colorSchemaType?: any;
-    blueprintType?: any;
     colors?: any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
-        blueprint?: any;
         colorSchemaType?: any;
-        blueprintType?: any;
         colors?: any;
     } & {
         xs?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12";
@@ -245,6 +325,7 @@ declare const _default: {
         filled?: boolean;
         variant?: "default" | "grid";
         toned?: boolean;
+        "align-self"?: "center" | "auto" | "stretch" | "end" | "start" | "baseline";
         cols?: 1 | 2 | 4 | 8 | 3 | 5 | 6 | 7 | 9 | 10 | 11 | 12 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "10" | "11" | "12";
     }>, never>;
 };

package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.css.d.ts CHANGED Viewed

@@ -63,8 +63,11 @@ declare const _default: {
                         };
                         get: {
                             colorSchema(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background"): import("@omnia/fx-models").ColorSchema;
-                            blueprint(blueprintType: "default" | "variant1" | "variant2" | "variant3" | import("@omnia/fx-models").BlueprintTypes): import("@omnia/fx-models").BlueprintDefinition;
-                            typography(typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes): import("@omnia/fx-models").TypographyTypeDefinition;
+                            blueprint<TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType): TType;
+                            typography(): import("@omnia/fx-models").TypographyBlueprint;
+                            spacing(): import("@omnia/fx-models").SpacingBlueprint;
+                            chrome(): import("@omnia/fx-models").ChromeBlueprint;
+                            component(): import("@omnia/fx-models").ComponentBlueprint;
                             color(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): string;
                             colorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorDefinition;
                             complementaryColorType(colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): import("@omnia/fx-models").ColorTypes;
@@ -114,8 +117,11 @@ declare const _default: {
                         };
                         get: {
                             colorSchema(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background"): import("@omnia/fx-models").ColorSchema;
-                            blueprint(blueprintType: "default" | "variant1" | "variant2" | "variant3" | import("@omnia/fx-models").BlueprintTypes): import("@omnia/fx-models").BlueprintDefinition;
-                            typography(typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes): import("@omnia/fx-models").TypographyTypeDefinition;
+                            blueprint<TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType): TType;
+                            typography(): import("@omnia/fx-models").TypographyBlueprint;
+                            spacing(): import("@omnia/fx-models").SpacingBlueprint;
+                            chrome(): import("@omnia/fx-models").ChromeBlueprint;
+                            component(): import("@omnia/fx-models").ComponentBlueprint;
                             color(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): string;
                             colorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorDefinition;
                             complementaryColorType(colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): import("@omnia/fx-models").ColorTypes;
@@ -165,8 +171,11 @@ declare const _default: {
                         };
                         get: {
                             colorSchema(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background"): import("@omnia/fx-models").ColorSchema;
-                            blueprint(blueprintType: "default" | "variant1" | "variant2" | "variant3" | import("@omnia/fx-models").BlueprintTypes): import("@omnia/fx-models").BlueprintDefinition;
-                            typography(typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes): import("@omnia/fx-models").TypographyTypeDefinition;
+                            blueprint<TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType): TType;
+                            typography(): import("@omnia/fx-models").TypographyBlueprint;
+                            spacing(): import("@omnia/fx-models").SpacingBlueprint;
+                            chrome(): import("@omnia/fx-models").ChromeBlueprint;
+                            component(): import("@omnia/fx-models").ComponentBlueprint;
                             color(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): string;
                             colorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorDefinition;
                             complementaryColorType(colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): import("@omnia/fx-models").ColorTypes;
@@ -209,8 +218,11 @@ declare const _default: {
                 };
                 get: {
                     colorSchema(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background"): import("@omnia/fx-models").ColorSchema;
-                    blueprint(blueprintType: "default" | "variant1" | "variant2" | "variant3" | import("@omnia/fx-models").BlueprintTypes): import("@omnia/fx-models").BlueprintDefinition;
-                    typography(typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes): import("@omnia/fx-models").TypographyTypeDefinition;
+                    blueprint<TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType): TType;
+                    typography(): import("@omnia/fx-models").TypographyBlueprint;
+                    spacing(): import("@omnia/fx-models").SpacingBlueprint;
+                    chrome(): import("@omnia/fx-models").ChromeBlueprint;
+                    component(): import("@omnia/fx-models").ComponentBlueprint;
                     color(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): string;
                     colorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorDefinition;
                     complementaryColorType(colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer"): import("@omnia/fx-models").ColorTypes;
@@ -444,63 +456,9 @@ declare const _default: {
                             };
                         };
                         blueprints: {
-                            default: {
-                                id: {
-                                    equals: {
-                                        guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
-                                    };
-                                    toString: () => string;
-                                    toJSON: () => string;
-                                    valueOf: () => string;
-                                };
-                                name: string;
-                                definitions: {
-                                    type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
-                                }[];
-                            };
-                            variant1: {
-                                id: {
-                                    equals: {
-                                        guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
-                                    };
-                                    toString: () => string;
-                                    toJSON: () => string;
-                                    valueOf: () => string;
-                                };
-                                name: string;
-                                definitions: {
-                                    type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
-                                }[];
-                            };
-                            variant2: {
-                                id: {
-                                    equals: {
-                                        guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
-                                    };
-                                    toString: () => string;
-                                    toJSON: () => string;
-                                    valueOf: () => string;
-                                };
-                                name: string;
-                                definitions: {
-                                    type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
-                                }[];
-                            };
-                            variant3: {
-                                id: {
-                                    equals: {
-                                        guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
-                                    };
-                                    toString: () => string;
-                                    toJSON: () => string;
-                                    valueOf: () => string;
-                                };
-                                name: string;
-                                definitions: {
-                                    type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
-                                }[];
-                            };
-                        };
+                            type: import("@omnia/fx-models").BlueprintType;
+                            name: string;
+                        }[];
                     };
                 };
                 events: {
@@ -532,8 +490,11 @@ declare const _default: {
                 };
                 get: {
                     colorSchema: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background") => import("@omnia/fx-models").ColorSchema;
-                    blueprint: (blueprintType: "default" | "variant1" | "variant2" | "variant3" | import("@omnia/fx-models").BlueprintTypes) => import("@omnia/fx-models").BlueprintDefinition;
-                    typography: (typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes) => import("@omnia/fx-models").TypographyTypeDefinition;
+                    blueprint: <TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType) => TType;
+                    typography: () => import("@omnia/fx-models").TypographyBlueprint;
+                    spacing: () => import("@omnia/fx-models").SpacingBlueprint;
+                    chrome: () => import("@omnia/fx-models").ChromeBlueprint;
+                    component: () => import("@omnia/fx-models").ComponentBlueprint;
                     color: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
                     colorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => ColorDefinition;
                     complementaryColorType: (colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorTypes;