@vuetify/nightly 4.0.0-dev-20230419.0 → 4.0.0-dev-20230422.0

package/lib/labs/components.d.ts

@@ -1891,6 +1891,7 @@ declare const VDataTable: {
     'onClick:row': PropType<(e: Event, value: {
         item: DataTableItem;
     }) => void>;
+    search: StringConstructor;
     headers: {
         type: PropType<DataTableHeader[] | DataTableHeader[][]>;
         default: () => never[];
@@ -1919,7 +1920,6 @@ declare const VDataTable: {
         default: string;
     };
     returnObject: BooleanConstructor;
-    search: StringConstructor;
 }, vue.ExtractPropTypes<{
     customFilter: PropType<FilterFunction>;
     customKeyFilter: PropType<FilterKeyFunctions>;
@@ -1971,6 +1971,7 @@ declare const VDataTable: {
     'onClick:row': PropType<(e: Event, value: {
         item: DataTableItem;
     }) => void>;
+    search: StringConstructor;
     headers: {
         type: PropType<DataTableHeader[] | DataTableHeader[][]>;
         default: () => never[];
@@ -1999,7 +2000,6 @@ declare const VDataTable: {
         default: string;
     };
     returnObject: BooleanConstructor;
-    search: StringConstructor;
 }>>;
 type VDataTable = InstanceType<typeof VDataTable>;
 
@@ -3635,6 +3635,7 @@ declare const VDataTableServer: {
             itemsPerPage: string | number;
             itemsLength: string | number;
         } & {
+            search?: string | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
             color?: string | undefined;
@@ -3976,6 +3977,7 @@ declare const VDataTableServer: {
             itemsPerPage: string | number;
             itemsLength: string | number;
         } & {
+            search?: string | undefined;
             height?: string | number | undefined;
             width?: string | number | undefined;
             color?: string | undefined;
@@ -4357,6 +4359,7 @@ declare const VDataTableServer: {
         itemsPerPage: string | number;
         itemsLength: string | number;
     } & {
+        search?: string | undefined;
         height?: string | number | undefined;
         width?: string | number | undefined;
         color?: string | undefined;
@@ -4686,6 +4689,7 @@ declare const VDataTableServer: {
     itemsPerPage: string | number;
     itemsLength: string | number;
 } & {
+    search?: string | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
     color?: string | undefined;
@@ -5091,6 +5095,7 @@ declare const VDataTableServer: {
     'onClick:row': vue.PropType<(e: Event, value: {
         item: DataTableItem;
     }) => void>;
+    search: StringConstructor;
     color: StringConstructor;
     loading: (StringConstructor | BooleanConstructor)[];
     loadingText: {
@@ -5172,6 +5177,7 @@ declare const VDataTableServer: {
     'onClick:row': vue.PropType<(e: Event, value: {
         item: DataTableItem;
     }) => void>;
+    search: StringConstructor;
     color: StringConstructor;
     loading: (StringConstructor | BooleanConstructor)[];
     loadingText: {
@@ -5201,7 +5207,10 @@ declare const VDataTableFooter: {
             prevPageLabel: string;
             nextPageLabel: string;
             lastPageLabel: string;
-            itemsPerPageOptions: InternalItem<any>[];
+            itemsPerPageOptions: {
+                title: string;
+                value: number;
+            }[];
         }> & Omit<{
             itemsPerPageText: string;
             pageText: string;
@@ -5214,7 +5223,10 @@ declare const VDataTableFooter: {
             prevPageLabel: string;
             nextPageLabel: string;
             lastPageLabel: string;
-            itemsPerPageOptions: InternalItem<any>[];
+            itemsPerPageOptions: {
+                title: string;
+                value: number;
+            }[];
         } & {} & {
             $children?: {} | vue.VNodeChild | {
                 prepend?: (() => vue.VNodeChild) | undefined;
@@ -5253,7 +5265,10 @@ declare const VDataTableFooter: {
             prevPageLabel: string;
             nextPageLabel: string;
             lastPageLabel: string;
-            itemsPerPageOptions: InternalItem<any>[];
+            itemsPerPageOptions: {
+                title: string;
+                value: number;
+            }[];
         } & {} & {
             $children?: {} | vue.VNodeChild | {
                 prepend?: (() => vue.VNodeChild) | undefined;
@@ -5278,7 +5293,10 @@ declare const VDataTableFooter: {
             prevPageLabel: string;
             nextPageLabel: string;
             lastPageLabel: string;
-            itemsPerPageOptions: InternalItem<any>[];
+            itemsPerPageOptions: {
+                title: string;
+                value: number;
+            }[];
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -5311,7 +5329,10 @@ declare const VDataTableFooter: {
         prevPageLabel: string;
         nextPageLabel: string;
         lastPageLabel: string;
-        itemsPerPageOptions: InternalItem<any>[];
+        itemsPerPageOptions: {
+            title: string;
+            value: number;
+        }[];
     } & {} & {
         $children?: {} | vue.VNodeChild | {
             prepend?: (() => vue.VNodeChild) | undefined;
@@ -5340,7 +5361,10 @@ declare const VDataTableFooter: {
     prevPageLabel: string;
     nextPageLabel: string;
     lastPageLabel: string;
-    itemsPerPageOptions: InternalItem<any>[];
+    itemsPerPageOptions: {
+        title: string;
+        value: number;
+    }[];
 } & {} & {
     $children?: {} | vue.VNodeChild | {
         prepend?: (() => vue.VNodeChild) | undefined;
@@ -5365,7 +5389,10 @@ declare const VDataTableFooter: {
     prevPageLabel: string;
     nextPageLabel: string;
     lastPageLabel: string;
-    itemsPerPageOptions: InternalItem<any>[];
+    itemsPerPageOptions: {
+        title: string;
+        value: number;
+    }[];
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     prevIcon: {
         type: StringConstructor;
@@ -5408,7 +5435,10 @@ declare const VDataTableFooter: {
         default: string;
     };
     itemsPerPageOptions: {
-        type: PropType<InternalItem<any>[]>;
+        type: PropType<{
+            title: string;
+            value: number;
+        }[]>;
         default: () => {
             value: number;
             title: string;
@@ -5457,7 +5487,10 @@ declare const VDataTableFooter: {
         default: string;
     };
     itemsPerPageOptions: {
-        type: PropType<InternalItem<any>[]>;
+        type: PropType<{
+            title: string;
+            value: number;
+        }[]>;
         default: () => {
             value: number;
             title: string;
@@ -5471,12 +5504,12 @@ declare const VSkeletonLoader: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
             loading: boolean;
             loadingText: string;
             boilerplate: boolean;
         }> & Omit<{
-            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
             loading: boolean;
             loadingText: string;
             boilerplate: boolean;
@@ -5517,7 +5550,7 @@ declare const VSkeletonLoader: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
-            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
             loading: boolean;
             loadingText: string;
             boilerplate: boolean;
@@ -5544,7 +5577,7 @@ declare const VSkeletonLoader: {
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
-            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+            type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
             loading: boolean;
             loadingText: string;
             boilerplate: boolean;
@@ -5569,7 +5602,7 @@ declare const VSkeletonLoader: {
         $nextTick: typeof vue.nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
-        type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+        type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
         loading: boolean;
         loadingText: string;
         boilerplate: boolean;
@@ -5600,7 +5633,7 @@ declare const VSkeletonLoader: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
-    type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+    type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
     loading: boolean;
     loadingText: string;
     boilerplate: boolean;
@@ -5627,7 +5660,7 @@ declare const VSkeletonLoader: {
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
-    type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+    type: "button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
     loading: boolean;
     loadingText: string;
     boilerplate: boolean;
@@ -5651,7 +5684,7 @@ declare const VSkeletonLoader: {
         default: string;
     };
     type: {
-        type: PropType<"button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[]>;
+        type: PropType<"button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[]>;
         default: string;
     };
 }, vue.ExtractPropTypes<{
@@ -5674,7 +5707,7 @@ declare const VSkeletonLoader: {
         default: string;
     };
     type: {
-        type: PropType<"button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[]>;
+        type: PropType<"button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | ("button" | "article" | "table" | "image" | "text" | "table-row" | "list-item" | "sentences" | "heading" | "subtitle" | "divider" | "chip" | "actions" | "avatar" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[]>;
         default: string;
     };
 }>>;

package/lib/styles/main.css

@@ -3449,6 +3449,38 @@ html.overflow-y-hidden {
   flex: 1 1 auto !important;
 }
 
+.flex-1-1 {
+  flex: 1 1 auto !important;
+}
+
+.flex-1-0 {
+  flex: 1 0 auto !important;
+}
+
+.flex-0-1 {
+  flex: 0 1 auto !important;
+}
+
+.flex-0-0 {
+  flex: 0 0 auto !important;
+}
+
+.flex-1-1-100 {
+  flex: 1 1 100% !important;
+}
+
+.flex-1-0-100 {
+  flex: 1 0 100% !important;
+}
+
+.flex-0-1-100 {
+  flex: 0 1 100% !important;
+}
+
+.flex-0-0-100 {
+  flex: 0 0 100% !important;
+}
+
 .flex-row {
   flex-direction: row !important;
 }
@@ -6727,6 +6759,30 @@ html.overflow-y-hidden {
   .flex-sm-fill {
     flex: 1 1 auto !important;
   }
+  .flex-sm-1-1 {
+    flex: 1 1 auto !important;
+  }
+  .flex-sm-1-0 {
+    flex: 1 0 auto !important;
+  }
+  .flex-sm-0-1 {
+    flex: 0 1 auto !important;
+  }
+  .flex-sm-0-0 {
+    flex: 0 0 auto !important;
+  }
+  .flex-sm-1-1-100 {
+    flex: 1 1 100% !important;
+  }
+  .flex-sm-1-0-100 {
+    flex: 1 0 100% !important;
+  }
+  .flex-sm-0-1-100 {
+    flex: 0 1 100% !important;
+  }
+  .flex-sm-0-0-100 {
+    flex: 0 0 100% !important;
+  }
   .flex-sm-row {
     flex-direction: row !important;
   }
@@ -8531,6 +8587,30 @@ html.overflow-y-hidden {
   .flex-md-fill {
     flex: 1 1 auto !important;
   }
+  .flex-md-1-1 {
+    flex: 1 1 auto !important;
+  }
+  .flex-md-1-0 {
+    flex: 1 0 auto !important;
+  }
+  .flex-md-0-1 {
+    flex: 0 1 auto !important;
+  }
+  .flex-md-0-0 {
+    flex: 0 0 auto !important;
+  }
+  .flex-md-1-1-100 {
+    flex: 1 1 100% !important;
+  }
+  .flex-md-1-0-100 {
+    flex: 1 0 100% !important;
+  }
+  .flex-md-0-1-100 {
+    flex: 0 1 100% !important;
+  }
+  .flex-md-0-0-100 {
+    flex: 0 0 100% !important;
+  }
   .flex-md-row {
     flex-direction: row !important;
   }
@@ -10335,6 +10415,30 @@ html.overflow-y-hidden {
   .flex-lg-fill {
     flex: 1 1 auto !important;
   }
+  .flex-lg-1-1 {
+    flex: 1 1 auto !important;
+  }
+  .flex-lg-1-0 {
+    flex: 1 0 auto !important;
+  }
+  .flex-lg-0-1 {
+    flex: 0 1 auto !important;
+  }
+  .flex-lg-0-0 {
+    flex: 0 0 auto !important;
+  }
+  .flex-lg-1-1-100 {
+    flex: 1 1 100% !important;
+  }
+  .flex-lg-1-0-100 {
+    flex: 1 0 100% !important;
+  }
+  .flex-lg-0-1-100 {
+    flex: 0 1 100% !important;
+  }
+  .flex-lg-0-0-100 {
+    flex: 0 0 100% !important;
+  }
   .flex-lg-row {
     flex-direction: row !important;
   }
@@ -12139,6 +12243,30 @@ html.overflow-y-hidden {
   .flex-xl-fill {
     flex: 1 1 auto !important;
   }
+  .flex-xl-1-1 {
+    flex: 1 1 auto !important;
+  }
+  .flex-xl-1-0 {
+    flex: 1 0 auto !important;
+  }
+  .flex-xl-0-1 {
+    flex: 0 1 auto !important;
+  }
+  .flex-xl-0-0 {
+    flex: 0 0 auto !important;
+  }
+  .flex-xl-1-1-100 {
+    flex: 1 1 100% !important;
+  }
+  .flex-xl-1-0-100 {
+    flex: 1 0 100% !important;
+  }
+  .flex-xl-0-1-100 {
+    flex: 0 1 100% !important;
+  }
+  .flex-xl-0-0-100 {
+    flex: 0 0 100% !important;
+  }
   .flex-xl-row {
     flex-direction: row !important;
   }
@@ -13943,6 +14071,30 @@ html.overflow-y-hidden {
   .flex-xxl-fill {
     flex: 1 1 auto !important;
   }
+  .flex-xxl-1-1 {
+    flex: 1 1 auto !important;
+  }
+  .flex-xxl-1-0 {
+    flex: 1 0 auto !important;
+  }
+  .flex-xxl-0-1 {
+    flex: 0 1 auto !important;
+  }
+  .flex-xxl-0-0 {
+    flex: 0 0 auto !important;
+  }
+  .flex-xxl-1-1-100 {
+    flex: 1 1 100% !important;
+  }
+  .flex-xxl-1-0-100 {
+    flex: 1 0 100% !important;
+  }
+  .flex-xxl-0-1-100 {
+    flex: 0 1 100% !important;
+  }
+  .flex-xxl-0-0-100 {
+    flex: 0 0 100% !important;
+  }
   .flex-xxl-row {
     flex-direction: row !important;
   }

package/lib/styles/settings/_utilities.scss

@@ -58,7 +58,17 @@ $utilities: () !default;
       "flex": (
         responsive: true,
         property: flex,
-        values: (fill: 1 1 auto)
+        values: (
+          fill: 1 1 auto,
+          '1-1': 1 1 auto,
+          '1-0': 1 0 auto,
+          '0-1': 0 1 auto,
+          '0-0': 0 0 auto,
+          '1-1-100': 1 1 100%,
+          '1-0-100': 1 0 100%,
+          '0-1-100': 0 1 100%,
+          '0-0-100': 0 0 100%
+        )
       ),
       "flex-direction": (
         responsive: true,

package/lib/util/helpers.mjs

@@ -244,6 +244,10 @@ export function padEnd(str, length) {
   let char = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '0';
   return str + char.repeat(Math.max(0, length - str.length));
 }
+export function padStart(str, length) {
+  let char = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '0';
+  return char.repeat(Math.max(0, length - str.length)) + str;
+}
 export function chunk(str) {
   let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
   const chunked = [];