@omnia/fx 8.0.258-dev → 8.0.260-dev

package/internal-do-not-import-from-here/ux/oxide/column/Column.d.ts

@@ -1,200 +1,5 @@
-import { Spacing, SpacingValue } from "@omnia/fx-models";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        margin: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        padding: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        alignY: {
-            type: import("vue").PropType<"top" | "center" | "bottom">;
-        };
-        minWidth: {
-            type: import("vue").PropType<string>;
-        };
-        width: {
-            type: import("vue").PropType<string>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        grow: {
-            type: import("vue").PropType<number>;
-        };
-        filled: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, () => 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<Spacing | SpacingValue>;
-        };
-        padding: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        alignY: {
-            type: import("vue").PropType<"top" | "center" | "bottom">;
-        };
-        minWidth: {
-            type: import("vue").PropType<string>;
-        };
-        width: {
-            type: import("vue").PropType<string>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        grow: {
-            type: import("vue").PropType<number>;
-        };
-        filled: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, {
-        container: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        margin: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        padding: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        alignY: {
-            type: import("vue").PropType<"top" | "center" | "bottom">;
-        };
-        minWidth: {
-            type: import("vue").PropType<string>;
-        };
-        width: {
-            type: import("vue").PropType<string>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        grow: {
-            type: import("vue").PropType<number>;
-        };
-        filled: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {
-        container: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    margin: {
-        type: import("vue").PropType<Spacing | SpacingValue>;
-    };
-    padding: {
-        type: import("vue").PropType<Spacing | SpacingValue>;
-    };
-    alignY: {
-        type: import("vue").PropType<"top" | "center" | "bottom">;
-    };
-    minWidth: {
-        type: import("vue").PropType<string>;
-    };
-    width: {
-        type: import("vue").PropType<string>;
-    };
-    toned: {
-        type: import("vue").PropType<boolean>;
-    };
-    grow: {
-        type: import("vue").PropType<number>;
-    };
-    filled: {
-        type: import("vue").PropType<boolean>;
-    };
-    class: {
-        type: import("vue").PropType<String | String[]>;
-        required: boolean;
-    };
-    colorSchemaType: {
-        type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-        required: boolean;
-    };
-    container: {
-        type: BooleanConstructor;
-        required: boolean;
-    };
-    colors: {
-        type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-        required: boolean;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    container: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        container?: boolean;
-        class?: String | String[];
-        width?: string;
-        minWidth?: string;
-        margin?: Spacing | SpacingValue;
-        padding?: Spacing | SpacingValue;
-        filled?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
-        toned?: boolean;
-        alignY?: "top" | "center" | "bottom";
-        grow?: number;
-        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-    }>, never>;
-};
+import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
+import { OVerticalAlignments, Spacing, SpacingValue } from "@omnia/fx-models";
+type ColumnProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"grow", number, false, null, "How the flex grows in relation to other flexes. This is used to set the flex-grow property on the flex."> & DefineProp<"toned", boolean, false, false> & DefineProp<"width", string, false, null, "Sets the width of the column."> & DefineProp<"minWidth", string, false, null, "Sets the min width of the column"> & DefineProp<"alignY", OVerticalAlignments, false, null, "Sets the vertical alignment of the column."> & DefineProp<"padding", Spacing | SpacingValue, false, null, "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value."> & DefineProp<"margin", Spacing | SpacingValue, false, null, "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value.">;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<ColumnProps>) => any;
 export default _default;

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

@@ -1,256 +1,5 @@
-import { Spacing, SpacingValue } from "@omnia/fx-models";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        margin: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        padding: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        xl: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        lg: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        md: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        sm: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        xs: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        cols: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        variant: {
-            type: import("vue").PropType<"grid" | "default">;
-            required: false;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        alignSelf: {
-            type: import("vue").PropType<"auto" | "start" | "center" | "end" | "stretch" | "baseline">;
-        };
-        filled: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, () => 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<Spacing | SpacingValue>;
-        };
-        padding: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        xl: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        lg: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        md: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        sm: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        xs: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        cols: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        variant: {
-            type: import("vue").PropType<"grid" | "default">;
-            required: false;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        alignSelf: {
-            type: import("vue").PropType<"auto" | "start" | "center" | "end" | "stretch" | "baseline">;
-        };
-        filled: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, {
-        container: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        margin: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        padding: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        xl: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        lg: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        md: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        sm: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        xs: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        cols: {
-            type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-        };
-        variant: {
-            type: import("vue").PropType<"grid" | "default">;
-            required: false;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        alignSelf: {
-            type: import("vue").PropType<"auto" | "start" | "center" | "end" | "stretch" | "baseline">;
-        };
-        filled: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {
-        container: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    margin: {
-        type: import("vue").PropType<Spacing | SpacingValue>;
-    };
-    padding: {
-        type: import("vue").PropType<Spacing | SpacingValue>;
-    };
-    xl: {
-        type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-    };
-    lg: {
-        type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-    };
-    md: {
-        type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-    };
-    sm: {
-        type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-    };
-    xs: {
-        type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-    };
-    cols: {
-        type: import("vue").PropType<1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto">;
-    };
-    variant: {
-        type: import("vue").PropType<"grid" | "default">;
-        required: false;
-    };
-    toned: {
-        type: import("vue").PropType<boolean>;
-    };
-    alignSelf: {
-        type: import("vue").PropType<"auto" | "start" | "center" | "end" | "stretch" | "baseline">;
-    };
-    filled: {
-        type: import("vue").PropType<boolean>;
-    };
-    class: {
-        type: import("vue").PropType<String | String[]>;
-        required: boolean;
-    };
-    colorSchemaType: {
-        type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-        required: boolean;
-    };
-    container: {
-        type: BooleanConstructor;
-        required: boolean;
-    };
-    colors: {
-        type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-        required: boolean;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    container: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        xs?: 1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto";
-        xl?: 1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto";
-        container?: boolean;
-        sm?: 1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto";
-        md?: 1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto";
-        lg?: 1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto";
-        class?: String | String[];
-        alignSelf?: "auto" | "start" | "center" | "end" | "stretch" | "baseline";
-        margin?: Spacing | SpacingValue;
-        padding?: Spacing | SpacingValue;
-        filled?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
-        toned?: boolean;
-        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-        variant?: "grid" | "default";
-        cols?: 1 | 8 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | 4 | 12 | 3 | 2 | 5 | 6 | 7 | 9 | 10 | 11 | "10" | "11" | "12" | "auto";
-    }>, never>;
-};
+import { DefinePropTheming, DefineProp } from "@omnia/fx/ux";
+import { OAlignmentTypes, OColValues, OColumnVariants, Spacing, SpacingValue } from "@omnia/fx-models";
+type ColumnGridProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"alignSelf", OAlignmentTypes, false, null, "Applies the align-items css property."> & DefineProp<"toned", boolean, false, false> & DefineProp<"variant", OColumnVariants, false, "default", "Applies a distinct style to the component."> & DefineProp<"cols", OColValues, false, null, "Sets the default number of columns the component extends. Available ptions are: 1->12 and auto."> & DefineProp<"xs", OColValues, false, null, "Changes the number of columns on extra small and greater breakpoints."> & DefineProp<"sm", OColValues, false, null, "Changes the number of columns on small and greater breakpoints."> & DefineProp<"md", OColValues, false, null, "Changes the number of columns on medium and greater breakpoints."> & DefineProp<"lg", OColValues, false, null, "Changes the number of columns on large and greater breakpoints."> & DefineProp<"xl", OColValues, false, null, "Changes the number of columns on extra large and greater breakpoints."> & DefineProp<"padding", Spacing | SpacingValue, false, null, "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value."> & DefineProp<"margin", Spacing | SpacingValue, false, null, "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value.">;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<ColumnGridProps>) => any;
 export default _default;

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

@@ -12,7 +12,7 @@ export type DataTableOptions = {
     itemsPerPage: number;
     sortBy: SortItem[];
 };
-export type DataTablePropsBase<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"expanded", Array<string>, false, null, false, "Whether the item is expanded or not."> & DefineVModel<"sortBy", SortItem[], false, null, false, "Changes which item property (or properties) should be used for sort order."> & DefineProp<"mustSort", boolean, false, false, "If true then one can not disable sorting, it will always switch between ascending and descending."> & DefineProp<"showSelect", boolean, false, false, "Shows a checkbox for each row."> & DefineProp<"itemSelectable", SelectItemKey<T>, false, false, "SProperty on supplied items that indicates whether the item is selectable."> & DefineProp<"height", string | number, false, null, "Sets and explicit height of the tablet."> & DefineProp<"noDataText", string, false, null, "Text shown when no items are provided to the component."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"hover", boolean, false, false, "Property on supplied items that contains its value."> & DefineProp<"search", string, false, null, "Text input used to filter items."> & DefineProp<"searchBy", (keyof T)[] | ((item: T) => string[]), false, null, "Property on supplied items that contains its value to search."> & DefineProp<"showExpand", boolean, false, false, "Shows the expand toggle in default rows."> & DefineProp<"headers", DataTableHeader[], false, typeof defaultHeaders, "An array of objects that each describe a header column."> & DefineVModel<"items", T[], false, typeof emptyArray, false, "An array of strings or objects used for automatically generating children components."> & DefineVModel<"", Array<any>, false, typeof emptyArray, true, "The v-model value of the component. If component supports the multiple prop, this defaults to an empty array."> & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: DataTableOptions) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"update:itemsPerPage", (value: number) => void, "Emits when the items-per-page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
+export type DataTablePropsBase<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"expanded", Array<string>, false, null, true, "Whether the item is expanded or not."> & DefineVModel<"sortBy", SortItem[], false, null, true, "Changes which item property (or properties) should be used for sort order."> & DefineProp<"mustSort", boolean, false, false, "If true then one can not disable sorting, it will always switch between ascending and descending."> & DefineProp<"showSelect", boolean, false, false, "Shows a checkbox for each row."> & DefineProp<"itemSelectable", SelectItemKey<T>, false, false, "SProperty on supplied items that indicates whether the item is selectable."> & DefineProp<"height", string | number, false, null, "Sets and explicit height of the tablet."> & DefineProp<"noDataText", string, false, null, "Text shown when no items are provided to the component."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"hover", boolean, false, false, "Property on supplied items that contains its value."> & DefineProp<"search", string, false, null, "Text input used to filter items."> & DefineProp<"searchBy", (keyof T)[] | ((item: T) => string[]), false, null, "Property on supplied items that contains its value to search."> & DefineProp<"showExpand", boolean, false, false, "Shows the expand toggle in default rows."> & DefineProp<"headers", DataTableHeader[], false, typeof defaultHeaders, "An array of objects that each describe a header column."> & DefineVModel<"items", T[], false, typeof emptyArray, true, "An array of strings or objects used for automatically generating children components."> & DefineVModel<"", Array<any>, false, typeof emptyArray, true, "The v-model value of the component. If component supports the multiple prop, this defaults to an empty array."> & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: DataTableOptions) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"update:itemsPerPage", (value: number) => void, "Emits when the items-per-page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
     item: T;
 }) => void>;
 type DefaultProps = {};

package/internal-do-not-import-from-here/ux/oxide/datepicker/DatePicker.d.ts

@@ -224,9 +224,9 @@ declare const _default: {
         range?: boolean;
         disabled?: boolean;
         elevation?: string | number;
+        modelValue?: Date | Date[];
         "v-model"?: Date | Date[];
         "onUpdate:modelValue"?: (value: Date | Date[]) => any | void;
-        modelValue?: Date | Date[];
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot;
         } & {

package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts

@@ -67,6 +67,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             required: false;
         };
+        modelValue: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
         "v-model": {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -74,10 +78,6 @@ declare const _default: {
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: boolean) => any | void>;
         };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
         class: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
@@ -165,6 +165,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             required: false;
         };
+        modelValue: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
         "v-model": {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -172,10 +176,6 @@ declare const _default: {
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: boolean) => any | void>;
         };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
         class: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
@@ -267,6 +267,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             required: false;
         };
+        modelValue: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
         "v-model": {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -274,10 +278,6 @@ declare const _default: {
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: boolean) => any | void>;
         };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
         class: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
@@ -366,6 +366,10 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
         required: false;
     };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
     "v-model": {
         type: import("vue").PropType<boolean>;
         required: false;
@@ -373,10 +377,6 @@ declare const _default: {
     "onUpdate:modelValue": {
         type: import("vue").PropType<(value: boolean) => any | void>;
     };
-    modelValue: {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
     class: {
         type: import("vue").PropType<String | String[]>;
         required: boolean;
@@ -416,9 +416,9 @@ declare const _default: {
         eager?: boolean;
         colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+        modelValue?: boolean;
         "v-model"?: boolean;
         "onUpdate:modelValue"?: (value: boolean) => any | void;
-        modelValue?: boolean;
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot;
         } & {

package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanels.d.ts

@@ -197,9 +197,9 @@ declare const _default: {
         colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         toned?: boolean;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+        modelValue?: number | number[];
         "v-model"?: number | number[];
         "onUpdate:modelValue"?: (value: number | number[]) => any | void;
-        modelValue?: number | number[];
         variant?: "navigation" | "default" | "section";
         expandAll?: boolean;
     }>, never>;