@uzum-tech/ui 0.1.2 → 1.0.1

package/lib/date-picker/src/DatePicker.d.ts

@@ -2,6 +2,7 @@ import { type PropType, type ExtractPropTypes, type Ref } from 'vue';
 import { type FollowerPlacement } from 'vueuc';
 import type { TimePickerProps } from '../../time-picker/src/TimePicker';
 import type { FormValidationStatus } from '../../form/src/interface';
+import type { InputSize } from '../../input';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import { type DatePickerType } from './config';
 import type { OnUpdateValue, Value, IsDateDisabled, IsTimeDisabled, Shortcuts, FirstDayOfWeek, DefaultTime, FormattedValue, OnUpdateFormattedValue } from './interface';
@@ -29,7 +30,7 @@ export declare const datePickerProps: {
     };
     readonly value: PropType<Value | null>;
     readonly formattedValue: PropType<FormattedValue | null>;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<InputSize>;
     readonly type: {
         readonly type: PropType<DatePickerType>;
         readonly default: "date";
@@ -73,18 +74,47 @@ export declare const datePickerProps: {
     readonly onBlur: PropType<(e: FocusEvent) => void>;
     readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"DatePicker", {
-        itemFontSize: string;
-        calendarDaysFontSize: string;
-        calendarTitleFontSize: string;
+        itemColor: string;
+        itemColorHover: string;
+        itemColorPressed: string;
+        itemColorDisabled: string;
         itemTextColor: string;
+        itemTextColorHover: string;
+        itemTextColorPressed: string;
         itemTextColorDisabled: string;
+        itemColorActive: string;
+        itemColorActiveHover: string;
+        itemColorActivePressed: string;
+        itemColorActiveDisabled: string;
         itemTextColorActive: string;
+        itemTextColorActiveHover: string;
+        itemTextColorActivePressed: string;
+        itemTextColorActiveDisabled: string;
+        itemColorCurrent: string;
+        itemColorCurrentHover: string;
+        itemColorCurrentPressed: string;
+        itemColorCurrentDisabled: string;
         itemTextColorCurrent: string;
-        itemCurrentColor: string;
+        itemTextColorCurrentHover: string;
+        itemTextColorCurrentPressed: string;
+        itemTextColorCurrentDisabled: string;
         itemColorIncluded: string;
-        itemColorHover: string;
-        itemColorDisabled: string;
-        itemColorActive: string;
+        itemColorIncludedHover: string;
+        itemColorIncludedPressed: string;
+        itemColorIncludedDisabled: string;
+        itemTextColorIncluded: string;
+        itemTextColorIncludedHover: string;
+        itemTextColorIncludedPressed: string;
+        itemTextColorIncludedDisabled: string;
+        itemColorExcluded: string;
+        itemTextColorExcluded: string;
+        arrowSize: string;
+        arrowColor: string;
+        itemFontSize: string;
+        itemFontWeight: string;
+        itemBorderRadius: string;
+        calendarDaysFontSize: string;
+        calendarTitleFontSize: string;
         monthItemTextColorActive: string;
         monthItemColorActive: string;
         monthItemColor: string;
@@ -92,15 +122,10 @@ export declare const datePickerProps: {
         monthItemColorHover: string;
         monthItemTextColorHover: string;
         titleColorActive: string;
-        itemBorderRadius: string;
         panelColor: string;
         panelTextColor: string;
-        arrowColor: string;
         calendarTitleTextColor: string;
         calendarTitleColorHover: string;
-        calendarDaysTextColor: string;
-        panelHeaderDividerColor: string;
-        calendarDaysDividerColor: string;
         calendarDividerColor: string;
         panelActionDividerColor: string;
         panelBoxShadow: string;
@@ -123,7 +148,6 @@ export declare const datePickerProps: {
         panelActionPadding: string;
         calendarTitlePadding: string;
         calendarTitleHeight: string;
-        arrowSize: string;
         panelHeaderPadding: string;
         calendarDaysHeight: string;
         calendarTitleGridTempateColumns: string;
@@ -149,21 +173,28 @@ export declare const datePickerProps: {
         calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
             countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
+            heightHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
             lineHeight: string;
             lineHeightTextarea: string;
             borderRadius: string;
             iconSize: string;
-            groupLabelColor: string;
             groupLabelTextColor: string;
             textColor: string;
             textColorDisabled: string;
@@ -203,11 +234,7 @@ export declare const datePickerProps: {
             iconColorHover: string;
             iconColorPressed: string;
             suffixTextColor: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            clearSize: string;
+            selectionColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -235,7 +262,7 @@ export declare const datePickerProps: {
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -421,6 +448,11 @@ export declare const datePickerProps: {
             rippleDuration: string;
         }, any>;
         TimePicker: import("../../_mixins").Theme<"TimePicker", {
+            itemFontSize: string;
+            itemFontWeight: string;
+            itemHeight: string;
+            itemWidth: string;
+            panelActionPadding: string;
             panelColor: string;
             panelBoxShadow: string;
             panelDividerColor: string;
@@ -432,10 +464,6 @@ export declare const datePickerProps: {
             borderRadius: string;
             iconColor: string;
             iconColorDisabled: string;
-            itemFontSize: string;
-            itemHeight: string;
-            itemWidth: string;
-            panelActionPadding: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
@@ -467,7 +495,7 @@ export declare const datePickerProps: {
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -653,21 +681,28 @@ export declare const datePickerProps: {
                 rippleDuration: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingHuge: string;
+                clearSize: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
                 heightMedium: string;
                 heightLarge: string;
+                heightHuge: string;
                 fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
+                fontSizeHuge: string;
                 lineHeight: string;
                 lineHeightTextarea: string;
                 borderRadius: string;
                 iconSize: string;
-                groupLabelColor: string;
                 groupLabelTextColor: string;
                 textColor: string;
                 textColorDisabled: string;
@@ -707,11 +742,7 @@ export declare const datePickerProps: {
                 iconColorHover: string;
                 iconColorPressed: string;
                 suffixTextColor: string;
-                paddingTiny: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                clearSize: string;
+                selectionColor: string;
             }, any>;
         }>;
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
@@ -720,18 +751,47 @@ export declare const datePickerProps: {
         }, any>;
     }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"DatePicker", {
-        itemFontSize: string;
-        calendarDaysFontSize: string;
-        calendarTitleFontSize: string;
+        itemColor: string;
+        itemColorHover: string;
+        itemColorPressed: string;
+        itemColorDisabled: string;
         itemTextColor: string;
+        itemTextColorHover: string;
+        itemTextColorPressed: string;
         itemTextColorDisabled: string;
+        itemColorActive: string;
+        itemColorActiveHover: string;
+        itemColorActivePressed: string;
+        itemColorActiveDisabled: string;
         itemTextColorActive: string;
+        itemTextColorActiveHover: string;
+        itemTextColorActivePressed: string;
+        itemTextColorActiveDisabled: string;
+        itemColorCurrent: string;
+        itemColorCurrentHover: string;
+        itemColorCurrentPressed: string;
+        itemColorCurrentDisabled: string;
         itemTextColorCurrent: string;
-        itemCurrentColor: string;
+        itemTextColorCurrentHover: string;
+        itemTextColorCurrentPressed: string;
+        itemTextColorCurrentDisabled: string;
         itemColorIncluded: string;
-        itemColorHover: string;
-        itemColorDisabled: string;
-        itemColorActive: string;
+        itemColorIncludedHover: string;
+        itemColorIncludedPressed: string;
+        itemColorIncludedDisabled: string;
+        itemTextColorIncluded: string;
+        itemTextColorIncludedHover: string;
+        itemTextColorIncludedPressed: string;
+        itemTextColorIncludedDisabled: string;
+        itemColorExcluded: string;
+        itemTextColorExcluded: string;
+        arrowSize: string;
+        arrowColor: string;
+        itemFontSize: string;
+        itemFontWeight: string;
+        itemBorderRadius: string;
+        calendarDaysFontSize: string;
+        calendarTitleFontSize: string;
         monthItemTextColorActive: string;
         monthItemColorActive: string;
         monthItemColor: string;
@@ -739,15 +799,10 @@ export declare const datePickerProps: {
         monthItemColorHover: string;
         monthItemTextColorHover: string;
         titleColorActive: string;
-        itemBorderRadius: string;
         panelColor: string;
         panelTextColor: string;
-        arrowColor: string;
         calendarTitleTextColor: string;
         calendarTitleColorHover: string;
-        calendarDaysTextColor: string;
-        panelHeaderDividerColor: string;
-        calendarDaysDividerColor: string;
         calendarDividerColor: string;
         panelActionDividerColor: string;
         panelBoxShadow: string;
@@ -770,7 +825,6 @@ export declare const datePickerProps: {
         panelActionPadding: string;
         calendarTitlePadding: string;
         calendarTitleHeight: string;
-        arrowSize: string;
         panelHeaderPadding: string;
         calendarDaysHeight: string;
         calendarTitleGridTempateColumns: string;
@@ -796,21 +850,28 @@ export declare const datePickerProps: {
         calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
             countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
+            heightHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
             lineHeight: string;
             lineHeightTextarea: string;
             borderRadius: string;
             iconSize: string;
-            groupLabelColor: string;
             groupLabelTextColor: string;
             textColor: string;
             textColorDisabled: string;
@@ -850,11 +911,7 @@ export declare const datePickerProps: {
             iconColorHover: string;
             iconColorPressed: string;
             suffixTextColor: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            clearSize: string;
+            selectionColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -882,7 +939,7 @@ export declare const datePickerProps: {
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -1068,6 +1125,11 @@ export declare const datePickerProps: {
             rippleDuration: string;
         }, any>;
         TimePicker: import("../../_mixins").Theme<"TimePicker", {
+            itemFontSize: string;
+            itemFontWeight: string;
+            itemHeight: string;
+            itemWidth: string;
+            panelActionPadding: string;
             panelColor: string;
             panelBoxShadow: string;
             panelDividerColor: string;
@@ -1079,10 +1141,6 @@ export declare const datePickerProps: {
             borderRadius: string;
             iconColor: string;
             iconColorDisabled: string;
-            itemFontSize: string;
-            itemHeight: string;
-            itemWidth: string;
-            panelActionPadding: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
@@ -1114,7 +1172,7 @@ export declare const datePickerProps: {
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -1300,21 +1358,28 @@ export declare const datePickerProps: {
                 rippleDuration: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingHuge: string;
+                clearSize: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
                 heightMedium: string;
                 heightLarge: string;
+                heightHuge: string;
                 fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
+                fontSizeHuge: string;
                 lineHeight: string;
                 lineHeightTextarea: string;
                 borderRadius: string;
                 iconSize: string;
-                groupLabelColor: string;
                 groupLabelTextColor: string;
                 textColor: string;
                 textColorDisabled: string;
@@ -1354,11 +1419,7 @@ export declare const datePickerProps: {
                 iconColorHover: string;
                 iconColorPressed: string;
                 suffixTextColor: string;
-                paddingTiny: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                clearSize: string;
+                selectionColor: string;
             }, any>;
         }>;
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
@@ -1367,18 +1428,47 @@ export declare const datePickerProps: {
         }, any>;
     }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"DatePicker", {
-        itemFontSize: string;
-        calendarDaysFontSize: string;
-        calendarTitleFontSize: string;
+        itemColor: string;
+        itemColorHover: string;
+        itemColorPressed: string;
+        itemColorDisabled: string;
         itemTextColor: string;
+        itemTextColorHover: string;
+        itemTextColorPressed: string;
         itemTextColorDisabled: string;
+        itemColorActive: string;
+        itemColorActiveHover: string;
+        itemColorActivePressed: string;
+        itemColorActiveDisabled: string;
         itemTextColorActive: string;
+        itemTextColorActiveHover: string;
+        itemTextColorActivePressed: string;
+        itemTextColorActiveDisabled: string;
+        itemColorCurrent: string;
+        itemColorCurrentHover: string;
+        itemColorCurrentPressed: string;
+        itemColorCurrentDisabled: string;
         itemTextColorCurrent: string;
-        itemCurrentColor: string;
+        itemTextColorCurrentHover: string;
+        itemTextColorCurrentPressed: string;
+        itemTextColorCurrentDisabled: string;
         itemColorIncluded: string;
-        itemColorHover: string;
-        itemColorDisabled: string;
-        itemColorActive: string;
+        itemColorIncludedHover: string;
+        itemColorIncludedPressed: string;
+        itemColorIncludedDisabled: string;
+        itemTextColorIncluded: string;
+        itemTextColorIncludedHover: string;
+        itemTextColorIncludedPressed: string;
+        itemTextColorIncludedDisabled: string;
+        itemColorExcluded: string;
+        itemTextColorExcluded: string;
+        arrowSize: string;
+        arrowColor: string;
+        itemFontSize: string;
+        itemFontWeight: string;
+        itemBorderRadius: string;
+        calendarDaysFontSize: string;
+        calendarTitleFontSize: string;
         monthItemTextColorActive: string;
         monthItemColorActive: string;
         monthItemColor: string;
@@ -1386,15 +1476,10 @@ export declare const datePickerProps: {
         monthItemColorHover: string;
         monthItemTextColorHover: string;
         titleColorActive: string;
-        itemBorderRadius: string;
         panelColor: string;
         panelTextColor: string;
-        arrowColor: string;
         calendarTitleTextColor: string;
         calendarTitleColorHover: string;
-        calendarDaysTextColor: string;
-        panelHeaderDividerColor: string;
-        calendarDaysDividerColor: string;
         calendarDividerColor: string;
         panelActionDividerColor: string;
         panelBoxShadow: string;
@@ -1417,7 +1502,6 @@ export declare const datePickerProps: {
         panelActionPadding: string;
         calendarTitlePadding: string;
         calendarTitleHeight: string;
-        arrowSize: string;
         panelHeaderPadding: string;
         calendarDaysHeight: string;
         calendarTitleGridTempateColumns: string;
@@ -1443,21 +1527,28 @@ export declare const datePickerProps: {
         calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
             countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
+            heightHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
             lineHeight: string;
             lineHeightTextarea: string;
             borderRadius: string;
             iconSize: string;
-            groupLabelColor: string;
             groupLabelTextColor: string;
             textColor: string;
             textColorDisabled: string;
@@ -1497,11 +1588,7 @@ export declare const datePickerProps: {
             iconColorHover: string;
             iconColorPressed: string;
             suffixTextColor: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            clearSize: string;
+            selectionColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -1529,7 +1616,7 @@ export declare const datePickerProps: {
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -1715,6 +1802,11 @@ export declare const datePickerProps: {
             rippleDuration: string;
         }, any>;
         TimePicker: import("../../_mixins").Theme<"TimePicker", {
+            itemFontSize: string;
+            itemFontWeight: string;
+            itemHeight: string;
+            itemWidth: string;
+            panelActionPadding: string;
             panelColor: string;
             panelBoxShadow: string;
             panelDividerColor: string;
@@ -1726,10 +1818,6 @@ export declare const datePickerProps: {
             borderRadius: string;
             iconColor: string;
             iconColorDisabled: string;
-            itemFontSize: string;
-            itemHeight: string;
-            itemWidth: string;
-            panelActionPadding: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
@@ -1761,7 +1849,7 @@ export declare const datePickerProps: {
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -1947,21 +2035,28 @@ export declare const datePickerProps: {
                 rippleDuration: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingHuge: string;
+                clearSize: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
                 heightMedium: string;
                 heightLarge: string;
+                heightHuge: string;
                 fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
+                fontSizeHuge: string;
                 lineHeight: string;
                 lineHeightTextarea: string;
                 borderRadius: string;
                 iconSize: string;
-                groupLabelColor: string;
                 groupLabelTextColor: string;
                 textColor: string;
                 textColorDisabled: string;
@@ -2001,11 +2096,7 @@ export declare const datePickerProps: {
                 iconColorHover: string;
                 iconColorPressed: string;
                 suffixTextColor: string;
-                paddingTiny: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                clearSize: string;
+                selectionColor: string;
             }, any>;
         }>;
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
@@ -2040,7 +2131,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly value: PropType<Value | null>;
     readonly formattedValue: PropType<FormattedValue | null>;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<InputSize>;
     readonly type: {
         readonly type: PropType<DatePickerType>;
         readonly default: "date";
@@ -2084,18 +2175,47 @@ declare const _default: import("vue").DefineComponent<{
     readonly onBlur: PropType<(e: FocusEvent) => void>;
     readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"DatePicker", {
-        itemFontSize: string;
-        calendarDaysFontSize: string;
-        calendarTitleFontSize: string;
+        itemColor: string;
+        itemColorHover: string;
+        itemColorPressed: string;
+        itemColorDisabled: string;
         itemTextColor: string;
+        itemTextColorHover: string;
+        itemTextColorPressed: string;
         itemTextColorDisabled: string;
+        itemColorActive: string;
+        itemColorActiveHover: string;
+        itemColorActivePressed: string;
+        itemColorActiveDisabled: string;
         itemTextColorActive: string;
+        itemTextColorActiveHover: string;
+        itemTextColorActivePressed: string;
+        itemTextColorActiveDisabled: string;
+        itemColorCurrent: string;
+        itemColorCurrentHover: string;
+        itemColorCurrentPressed: string;
+        itemColorCurrentDisabled: string;
         itemTextColorCurrent: string;
-        itemCurrentColor: string;
+        itemTextColorCurrentHover: string;
+        itemTextColorCurrentPressed: string;
+        itemTextColorCurrentDisabled: string;
         itemColorIncluded: string;
-        itemColorHover: string;
-        itemColorDisabled: string;
-        itemColorActive: string;
+        itemColorIncludedHover: string;
+        itemColorIncludedPressed: string;
+        itemColorIncludedDisabled: string;
+        itemTextColorIncluded: string;
+        itemTextColorIncludedHover: string;
+        itemTextColorIncludedPressed: string;
+        itemTextColorIncludedDisabled: string;
+        itemColorExcluded: string;
+        itemTextColorExcluded: string;
+        arrowSize: string;
+        arrowColor: string;
+        itemFontSize: string;
+        itemFontWeight: string;
+        itemBorderRadius: string;
+        calendarDaysFontSize: string;
+        calendarTitleFontSize: string;
         monthItemTextColorActive: string;
         monthItemColorActive: string;
         monthItemColor: string;
@@ -2103,15 +2223,10 @@ declare const _default: import("vue").DefineComponent<{
         monthItemColorHover: string;
         monthItemTextColorHover: string;
         titleColorActive: string;
-        itemBorderRadius: string;
         panelColor: string;
         panelTextColor: string;
-        arrowColor: string;
         calendarTitleTextColor: string;
         calendarTitleColorHover: string;
-        calendarDaysTextColor: string;
-        panelHeaderDividerColor: string;
-        calendarDaysDividerColor: string;
         calendarDividerColor: string;
         panelActionDividerColor: string;
         panelBoxShadow: string;
@@ -2134,7 +2249,6 @@ declare const _default: import("vue").DefineComponent<{
         panelActionPadding: string;
         calendarTitlePadding: string;
         calendarTitleHeight: string;
-        arrowSize: string;
         panelHeaderPadding: string;
         calendarDaysHeight: string;
         calendarTitleGridTempateColumns: string;
@@ -2160,21 +2274,28 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
             countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
+            heightHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
             lineHeight: string;
             lineHeightTextarea: string;
             borderRadius: string;
             iconSize: string;
-            groupLabelColor: string;
             groupLabelTextColor: string;
             textColor: string;
             textColorDisabled: string;
@@ -2214,11 +2335,7 @@ declare const _default: import("vue").DefineComponent<{
             iconColorHover: string;
             iconColorPressed: string;
             suffixTextColor: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            clearSize: string;
+            selectionColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -2246,7 +2363,7 @@ declare const _default: import("vue").DefineComponent<{
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -2432,6 +2549,11 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         TimePicker: import("../../_mixins").Theme<"TimePicker", {
+            itemFontSize: string;
+            itemFontWeight: string;
+            itemHeight: string;
+            itemWidth: string;
+            panelActionPadding: string;
             panelColor: string;
             panelBoxShadow: string;
             panelDividerColor: string;
@@ -2443,10 +2565,6 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             iconColor: string;
             iconColorDisabled: string;
-            itemFontSize: string;
-            itemHeight: string;
-            itemWidth: string;
-            panelActionPadding: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
@@ -2478,7 +2596,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -2664,21 +2782,28 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingHuge: string;
+                clearSize: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
                 heightMedium: string;
                 heightLarge: string;
+                heightHuge: string;
                 fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
+                fontSizeHuge: string;
                 lineHeight: string;
                 lineHeightTextarea: string;
                 borderRadius: string;
                 iconSize: string;
-                groupLabelColor: string;
                 groupLabelTextColor: string;
                 textColor: string;
                 textColorDisabled: string;
@@ -2718,11 +2843,7 @@ declare const _default: import("vue").DefineComponent<{
                 iconColorHover: string;
                 iconColorPressed: string;
                 suffixTextColor: string;
-                paddingTiny: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                clearSize: string;
+                selectionColor: string;
             }, any>;
         }>;
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
@@ -2731,18 +2852,47 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"DatePicker", {
-        itemFontSize: string;
-        calendarDaysFontSize: string;
-        calendarTitleFontSize: string;
+        itemColor: string;
+        itemColorHover: string;
+        itemColorPressed: string;
+        itemColorDisabled: string;
         itemTextColor: string;
+        itemTextColorHover: string;
+        itemTextColorPressed: string;
         itemTextColorDisabled: string;
+        itemColorActive: string;
+        itemColorActiveHover: string;
+        itemColorActivePressed: string;
+        itemColorActiveDisabled: string;
         itemTextColorActive: string;
+        itemTextColorActiveHover: string;
+        itemTextColorActivePressed: string;
+        itemTextColorActiveDisabled: string;
+        itemColorCurrent: string;
+        itemColorCurrentHover: string;
+        itemColorCurrentPressed: string;
+        itemColorCurrentDisabled: string;
         itemTextColorCurrent: string;
-        itemCurrentColor: string;
+        itemTextColorCurrentHover: string;
+        itemTextColorCurrentPressed: string;
+        itemTextColorCurrentDisabled: string;
         itemColorIncluded: string;
-        itemColorHover: string;
-        itemColorDisabled: string;
-        itemColorActive: string;
+        itemColorIncludedHover: string;
+        itemColorIncludedPressed: string;
+        itemColorIncludedDisabled: string;
+        itemTextColorIncluded: string;
+        itemTextColorIncludedHover: string;
+        itemTextColorIncludedPressed: string;
+        itemTextColorIncludedDisabled: string;
+        itemColorExcluded: string;
+        itemTextColorExcluded: string;
+        arrowSize: string;
+        arrowColor: string;
+        itemFontSize: string;
+        itemFontWeight: string;
+        itemBorderRadius: string;
+        calendarDaysFontSize: string;
+        calendarTitleFontSize: string;
         monthItemTextColorActive: string;
         monthItemColorActive: string;
         monthItemColor: string;
@@ -2750,15 +2900,10 @@ declare const _default: import("vue").DefineComponent<{
         monthItemColorHover: string;
         monthItemTextColorHover: string;
         titleColorActive: string;
-        itemBorderRadius: string;
         panelColor: string;
         panelTextColor: string;
-        arrowColor: string;
         calendarTitleTextColor: string;
         calendarTitleColorHover: string;
-        calendarDaysTextColor: string;
-        panelHeaderDividerColor: string;
-        calendarDaysDividerColor: string;
         calendarDividerColor: string;
         panelActionDividerColor: string;
         panelBoxShadow: string;
@@ -2781,7 +2926,6 @@ declare const _default: import("vue").DefineComponent<{
         panelActionPadding: string;
         calendarTitlePadding: string;
         calendarTitleHeight: string;
-        arrowSize: string;
         panelHeaderPadding: string;
         calendarDaysHeight: string;
         calendarTitleGridTempateColumns: string;
@@ -2807,21 +2951,28 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
             countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
+            heightHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
             lineHeight: string;
             lineHeightTextarea: string;
             borderRadius: string;
             iconSize: string;
-            groupLabelColor: string;
             groupLabelTextColor: string;
             textColor: string;
             textColorDisabled: string;
@@ -2861,11 +3012,7 @@ declare const _default: import("vue").DefineComponent<{
             iconColorHover: string;
             iconColorPressed: string;
             suffixTextColor: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            clearSize: string;
+            selectionColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -2893,7 +3040,7 @@ declare const _default: import("vue").DefineComponent<{
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -3079,6 +3226,11 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         TimePicker: import("../../_mixins").Theme<"TimePicker", {
+            itemFontSize: string;
+            itemFontWeight: string;
+            itemHeight: string;
+            itemWidth: string;
+            panelActionPadding: string;
             panelColor: string;
             panelBoxShadow: string;
             panelDividerColor: string;
@@ -3090,10 +3242,6 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             iconColor: string;
             iconColorDisabled: string;
-            itemFontSize: string;
-            itemHeight: string;
-            itemWidth: string;
-            panelActionPadding: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
@@ -3125,7 +3273,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -3311,21 +3459,28 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingHuge: string;
+                clearSize: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
                 heightMedium: string;
                 heightLarge: string;
+                heightHuge: string;
                 fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
+                fontSizeHuge: string;
                 lineHeight: string;
                 lineHeightTextarea: string;
                 borderRadius: string;
                 iconSize: string;
-                groupLabelColor: string;
                 groupLabelTextColor: string;
                 textColor: string;
                 textColorDisabled: string;
@@ -3365,11 +3520,7 @@ declare const _default: import("vue").DefineComponent<{
                 iconColorHover: string;
                 iconColorPressed: string;
                 suffixTextColor: string;
-                paddingTiny: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                clearSize: string;
+                selectionColor: string;
             }, any>;
         }>;
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
@@ -3378,18 +3529,47 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"DatePicker", {
-        itemFontSize: string;
-        calendarDaysFontSize: string;
-        calendarTitleFontSize: string;
+        itemColor: string;
+        itemColorHover: string;
+        itemColorPressed: string;
+        itemColorDisabled: string;
         itemTextColor: string;
+        itemTextColorHover: string;
+        itemTextColorPressed: string;
         itemTextColorDisabled: string;
+        itemColorActive: string;
+        itemColorActiveHover: string;
+        itemColorActivePressed: string;
+        itemColorActiveDisabled: string;
         itemTextColorActive: string;
+        itemTextColorActiveHover: string;
+        itemTextColorActivePressed: string;
+        itemTextColorActiveDisabled: string;
+        itemColorCurrent: string;
+        itemColorCurrentHover: string;
+        itemColorCurrentPressed: string;
+        itemColorCurrentDisabled: string;
         itemTextColorCurrent: string;
-        itemCurrentColor: string;
+        itemTextColorCurrentHover: string;
+        itemTextColorCurrentPressed: string;
+        itemTextColorCurrentDisabled: string;
         itemColorIncluded: string;
-        itemColorHover: string;
-        itemColorDisabled: string;
-        itemColorActive: string;
+        itemColorIncludedHover: string;
+        itemColorIncludedPressed: string;
+        itemColorIncludedDisabled: string;
+        itemTextColorIncluded: string;
+        itemTextColorIncludedHover: string;
+        itemTextColorIncludedPressed: string;
+        itemTextColorIncludedDisabled: string;
+        itemColorExcluded: string;
+        itemTextColorExcluded: string;
+        arrowSize: string;
+        arrowColor: string;
+        itemFontSize: string;
+        itemFontWeight: string;
+        itemBorderRadius: string;
+        calendarDaysFontSize: string;
+        calendarTitleFontSize: string;
         monthItemTextColorActive: string;
         monthItemColorActive: string;
         monthItemColor: string;
@@ -3397,15 +3577,10 @@ declare const _default: import("vue").DefineComponent<{
         monthItemColorHover: string;
         monthItemTextColorHover: string;
         titleColorActive: string;
-        itemBorderRadius: string;
         panelColor: string;
         panelTextColor: string;
-        arrowColor: string;
         calendarTitleTextColor: string;
         calendarTitleColorHover: string;
-        calendarDaysTextColor: string;
-        panelHeaderDividerColor: string;
-        calendarDaysDividerColor: string;
         calendarDividerColor: string;
         panelActionDividerColor: string;
         panelBoxShadow: string;
@@ -3428,7 +3603,6 @@ declare const _default: import("vue").DefineComponent<{
         panelActionPadding: string;
         calendarTitlePadding: string;
         calendarTitleHeight: string;
-        arrowSize: string;
         panelHeaderPadding: string;
         calendarDaysHeight: string;
         calendarTitleGridTempateColumns: string;
@@ -3454,21 +3628,28 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
             countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
+            heightHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
             lineHeight: string;
             lineHeightTextarea: string;
             borderRadius: string;
             iconSize: string;
-            groupLabelColor: string;
             groupLabelTextColor: string;
             textColor: string;
             textColorDisabled: string;
@@ -3508,11 +3689,7 @@ declare const _default: import("vue").DefineComponent<{
             iconColorHover: string;
             iconColorPressed: string;
             suffixTextColor: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            clearSize: string;
+            selectionColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -3540,7 +3717,7 @@ declare const _default: import("vue").DefineComponent<{
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -3726,6 +3903,11 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         TimePicker: import("../../_mixins").Theme<"TimePicker", {
+            itemFontSize: string;
+            itemFontWeight: string;
+            itemHeight: string;
+            itemWidth: string;
+            panelActionPadding: string;
             panelColor: string;
             panelBoxShadow: string;
             panelDividerColor: string;
@@ -3737,10 +3919,6 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             iconColor: string;
             iconColorDisabled: string;
-            itemFontSize: string;
-            itemHeight: string;
-            itemWidth: string;
-            panelActionPadding: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
@@ -3772,7 +3950,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -3958,21 +4136,28 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingHuge: string;
+                clearSize: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
                 heightMedium: string;
                 heightLarge: string;
+                heightHuge: string;
                 fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
+                fontSizeHuge: string;
                 lineHeight: string;
                 lineHeightTextarea: string;
                 borderRadius: string;
                 iconSize: string;
-                groupLabelColor: string;
                 groupLabelTextColor: string;
                 textColor: string;
                 textColorDisabled: string;
@@ -4012,11 +4197,7 @@ declare const _default: import("vue").DefineComponent<{
                 iconColorHover: string;
                 iconColorPressed: string;
                 suffixTextColor: string;
-                paddingTiny: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                clearSize: string;
+                selectionColor: string;
             }, any>;
         }>;
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
@@ -4131,7 +4312,7 @@ declare const _default: import("vue").DefineComponent<{
     isRange: import("vue").ComputedRef<boolean>;
     localizedStartPlaceholder: import("vue").ComputedRef<string>;
     localizedEndPlaceholder: import("vue").ComputedRef<string>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny" | "huge">;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     localizedPlacehoder: import("vue").ComputedRef<string>;
     isValueInvalid: import("vue").ComputedRef<boolean>;
@@ -4156,139 +4337,157 @@ declare const _default: import("vue").DefineComponent<{
     getDefaultShortcuts: () => Shortcuts;
     mergedTheme: import("vue").ComputedRef<{
         common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            tertiaryColor: string;
-            tertiaryColorHover: string;
-            tertiaryColorActive: string;
-            tertiaryColorSuppl: string;
-            tertiaryElements: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textTertiary: string;
-            boxShadowHover: string;
-            boxShadowFocus: string;
-            boxShadowHoverChecked: string;
-            boxShadowFocusChecked: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            borderTagColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
             scrollbarColor: string;
             scrollbarColorHover: string;
             scrollbarWidth: string;
             scrollbarHeight: string;
             scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            avatarTextColor: string;
-            avatarIconColor: string;
-            invertedColor: string;
-            tooltipColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
             opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
+            brandPrimary50: string;
+            brandPrimary100: string;
+            brandPrimary200: string;
+            brandPrimary300: string;
+            brandPrimary400: string;
+            brandPrimary500: string;
+            brandPrimary550: string;
+            brandPrimary600: string;
+            brandSecondary500: string;
+            brandSecondary300: string;
+            brandSecondary600: string;
+            brandTertiary500: string;
+            brandTertiary300: string;
+            brandTertiary600: string;
+            brandQuaternary500: string;
+            brandQuaternary300: string;
+            brandQuaternary600: string;
+            brandQuinary500: string;
+            brandQuinary300: string;
+            brandQuinary600: string;
+            brandQuinary100: string;
+            surfacePrimary: string;
+            surfaceSecondary: string;
+            containerPrimary: string;
+            containerSecondary: string;
+            textPrimary: string;
+            textSecondary: string;
+            textTertiary: string;
+            textQuaternary: string;
+            textBrand: string;
+            elementsPrimary: string;
+            elementsSecondary: string;
+            elementsTertiary: string;
+            elementsQuaternary: string;
+            elementsQuinary: string;
+            elementsDarkQuinary: string;
+            elementsSenary: string;
+            elementsOnContainer: string;
+            transparencyPrimary: string;
+            transparencySecondary: string;
+            transparencyTertiary: string;
+            transparencyQuinary: string;
+            transparencyModal: string;
+            staticBlack: string;
+            staticDarkGrey: string;
+            staticWhite: string;
+            staticRed: string;
+            staticOrange: string;
+            staticGreen: string;
+            staticErrorAccent: string;
+            shadowDepth2: string;
             fontFamily: string;
             fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
             cubicBezierEaseInOut: string;
             cubicBezierEaseOut: string;
             cubicBezierEaseIn: string;
-            borderWidth: number;
-            borderTagWidth: number;
+            borderRadiusLarge: string;
             borderRadius: string;
+            borderRadiusMedium: string;
             borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
+            borderRadiusTiny: string;
             heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
             heightHuge: string;
+            fontDisplayLarge: string;
+            fontDisplaySmall: string;
+            fontHeadingLarge: string;
+            fontHeadingMedium: string;
+            fontHeadingSmall: string;
+            fontTitleLarge: string;
+            fontTitleMedium: string;
+            fontTitleSmall: string;
+            fontBodyLarge: string;
+            fontBodyMedium: string;
+            fontBodySmall: string;
+            lineHeightDisplayLarge: string;
+            lineHeightDisplaySmall: string;
+            lineHeightHeadingLarge: string;
+            lineHeightHeadingMedium: string;
+            lineHeightHeadingSmall: string;
+            lineHeightTitleLarge: string;
+            lineHeightTitleMedium: string;
+            lineHeightTitleSmall: string;
+            lineHeightBodyLarge: string;
+            lineHeightBodyMedium: string;
+            lineHeightBodySmall: string;
+            fontWeight: string;
+            fontWeightStrong: string;
+            fontWeightBold: string;
+            iconSmall: string;
+            iconMedium: string;
+            iconLarge: string;
+            iconHuge: string;
+            closeSmall: string;
+            closeMedium: string;
+            closeLarge: string;
+            closeHuge: string;
+            closeBorderRadius: string;
             name: "common";
         };
         self: {
-            itemFontSize: string;
-            calendarDaysFontSize: string;
-            calendarTitleFontSize: string;
+            itemColor: string;
+            itemColorHover: string;
+            itemColorPressed: string;
+            itemColorDisabled: string;
             itemTextColor: string;
+            itemTextColorHover: string;
+            itemTextColorPressed: string;
             itemTextColorDisabled: string;
+            itemColorActive: string;
+            itemColorActiveHover: string;
+            itemColorActivePressed: string;
+            itemColorActiveDisabled: string;
             itemTextColorActive: string;
+            itemTextColorActiveHover: string;
+            itemTextColorActivePressed: string;
+            itemTextColorActiveDisabled: string;
+            itemColorCurrent: string;
+            itemColorCurrentHover: string;
+            itemColorCurrentPressed: string;
+            itemColorCurrentDisabled: string;
             itemTextColorCurrent: string;
-            itemCurrentColor: string;
+            itemTextColorCurrentHover: string;
+            itemTextColorCurrentPressed: string;
+            itemTextColorCurrentDisabled: string;
             itemColorIncluded: string;
-            itemColorHover: string;
-            itemColorDisabled: string;
-            itemColorActive: string;
+            itemColorIncludedHover: string;
+            itemColorIncludedPressed: string;
+            itemColorIncludedDisabled: string;
+            itemTextColorIncluded: string;
+            itemTextColorIncludedHover: string;
+            itemTextColorIncludedPressed: string;
+            itemTextColorIncludedDisabled: string;
+            itemColorExcluded: string;
+            itemTextColorExcluded: string;
+            arrowSize: string;
+            arrowColor: string;
+            itemFontSize: string;
+            itemFontWeight: string;
+            itemBorderRadius: string;
+            calendarDaysFontSize: string;
+            calendarTitleFontSize: string;
             monthItemTextColorActive: string;
             monthItemColorActive: string;
             monthItemColor: string;
@@ -4296,15 +4495,10 @@ declare const _default: import("vue").DefineComponent<{
             monthItemColorHover: string;
             monthItemTextColorHover: string;
             titleColorActive: string;
-            itemBorderRadius: string;
             panelColor: string;
             panelTextColor: string;
-            arrowColor: string;
             calendarTitleTextColor: string;
             calendarTitleColorHover: string;
-            calendarDaysTextColor: string;
-            panelHeaderDividerColor: string;
-            calendarDaysDividerColor: string;
             calendarDividerColor: string;
             panelActionDividerColor: string;
             panelBoxShadow: string;
@@ -4327,7 +4521,6 @@ declare const _default: import("vue").DefineComponent<{
             panelActionPadding: string;
             calendarTitlePadding: string;
             calendarTitleHeight: string;
-            arrowSize: string;
             panelHeaderPadding: string;
             calendarDaysHeight: string;
             calendarTitleGridTempateColumns: string;
@@ -4354,21 +4547,28 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Input: import("../../_mixins").Theme<"Input", {
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingHuge: string;
+                clearSize: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
                 heightMedium: string;
                 heightLarge: string;
+                heightHuge: string;
                 fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
+                fontSizeHuge: string;
                 lineHeight: string;
                 lineHeightTextarea: string;
                 borderRadius: string;
                 iconSize: string;
-                groupLabelColor: string;
                 groupLabelTextColor: string;
                 textColor: string;
                 textColorDisabled: string;
@@ -4408,11 +4608,7 @@ declare const _default: import("vue").DefineComponent<{
                 iconColorHover: string;
                 iconColorPressed: string;
                 suffixTextColor: string;
-                paddingTiny: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                clearSize: string;
+                selectionColor: string;
             }, any>;
             Button: import("../../_mixins").Theme<"Button", {
                 heightTiny: string;
@@ -4440,7 +4636,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -4626,6 +4822,11 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>;
             TimePicker: import("../../_mixins").Theme<"TimePicker", {
+                itemFontSize: string;
+                itemFontWeight: string;
+                itemHeight: string;
+                itemWidth: string;
+                panelActionPadding: string;
                 panelColor: string;
                 panelBoxShadow: string;
                 panelDividerColor: string;
@@ -4637,10 +4838,6 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 iconColor: string;
                 iconColorDisabled: string;
-                itemFontSize: string;
-                itemHeight: string;
-                itemWidth: string;
-                panelActionPadding: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                     color: string;
@@ -4672,7 +4869,7 @@ declare const _default: import("vue").DefineComponent<{
                     colorTertiaryHover: string;
                     colorTertiaryPressed: string;
                     colorTertiaryDisalbed: string;
-                    waveColorTerniary: string;
+                    waveColorTertiary: string;
                     textColorTextTertiary: string;
                     colorQuaternary: string;
                     colorQuaternaryHover: string;
@@ -4858,21 +5055,28 @@ declare const _default: import("vue").DefineComponent<{
                     rippleDuration: string;
                 }, any>;
                 Input: import("../../_mixins").Theme<"Input", {
+                    paddingTiny: string;
+                    paddingSmall: string;
+                    paddingMedium: string;
+                    paddingLarge: string;
+                    paddingHuge: string;
+                    clearSize: string;
                     countTextColorDisabled: string;
                     countTextColor: string;
                     heightTiny: string;
                     heightSmall: string;
                     heightMedium: string;
                     heightLarge: string;
+                    heightHuge: string;
                     fontSizeTiny: string;
                     fontSizeSmall: string;
                     fontSizeMedium: string;
                     fontSizeLarge: string;
+                    fontSizeHuge: string;
                     lineHeight: string;
                     lineHeightTextarea: string;
                     borderRadius: string;
                     iconSize: string;
-                    groupLabelColor: string;
                     groupLabelTextColor: string;
                     textColor: string;
                     textColorDisabled: string;
@@ -4912,11 +5116,7 @@ declare const _default: import("vue").DefineComponent<{
                     iconColorHover: string;
                     iconColorPressed: string;
                     suffixTextColor: string;
-                    paddingTiny: string;
-                    paddingSmall: string;
-                    paddingMedium: string;
-                    paddingLarge: string;
-                    clearSize: string;
+                    selectionColor: string;
                 }, any>;
             }>;
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
@@ -4967,7 +5167,7 @@ declare const _default: import("vue").DefineComponent<{
                         colorTertiaryHover: string;
                         colorTertiaryPressed: string;
                         colorTertiaryDisalbed: string;
-                        waveColorTerniary: string;
+                        waveColorTertiary: string;
                         textColorTextTertiary: string;
                         colorQuaternary: string;
                         colorQuaternaryHover: string;
@@ -5153,21 +5353,28 @@ declare const _default: import("vue").DefineComponent<{
                         rippleDuration: string;
                     }, any>> | undefined;
                     Input?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
+                        paddingTiny: string;
+                        paddingSmall: string;
+                        paddingMedium: string;
+                        paddingLarge: string;
+                        paddingHuge: string;
+                        clearSize: string;
                         countTextColorDisabled: string;
                         countTextColor: string;
                         heightTiny: string;
                         heightSmall: string;
                         heightMedium: string;
                         heightLarge: string;
+                        heightHuge: string;
                         fontSizeTiny: string;
                         fontSizeSmall: string;
                         fontSizeMedium: string;
                         fontSizeLarge: string;
+                        fontSizeHuge: string;
                         lineHeight: string;
                         lineHeightTextarea: string;
                         borderRadius: string;
                         iconSize: string;
-                        groupLabelColor: string;
                         groupLabelTextColor: string;
                         textColor: string;
                         textColorDisabled: string;
@@ -5207,11 +5414,7 @@ declare const _default: import("vue").DefineComponent<{
                         iconColorHover: string;
                         iconColorPressed: string;
                         suffixTextColor: string;
-                        paddingTiny: string;
-                        paddingSmall: string;
-                        paddingMedium: string;
-                        paddingLarge: string;
-                        clearSize: string;
+                        selectionColor: string;
                     }, any>> | undefined;
                 } | undefined;
             } | undefined;
@@ -5236,8 +5439,41 @@ declare const _default: import("vue").DefineComponent<{
         '--u-panel-color': string;
         '--u-panel-box-shadow': string;
         '--u-panel-text-color': string;
+        '--u-item-color': string;
+        '--u-item-color-hover': string;
+        '--u-item-color-pressed': string;
+        '--u-item-color-disabled': string;
+        '--u-item-text-color': string;
+        '--u-item-text-color-hover': string;
+        '--u-item-text-color-pressed': string;
+        '--u-item-text-color-disabled': string;
+        '--u-item-color-active': string;
+        '--u-item-color-active-hover': string;
+        '--u-item-color-active-pressed': string;
+        '--u-item-color-active-disabled': string;
+        '--u-item-text-color-active': string;
+        '--u-item-text-color-active-hover': string;
+        '--u-item-text-color-active-pressed': string;
+        '--u-item-text-color-active-disabled': string;
+        '--u-item-color-current': string;
+        '--u-item-color-current-hover': string;
+        '--u-item-color-current-pressed': string;
+        '--u-item-color-current-disabled': string;
+        '--u-item-text-color-current': string;
+        '--u-item-text-color-current-hover': string;
+        '--u-item-text-color-current-pressed': string;
+        '--u-item-text-color-current-disabled': string;
+        '--u-item-color-included': string;
+        '--u-item-color-included-hover': string;
+        '--u-item-color-included-pressed': string;
+        '--u-item-color-included-disabled': string;
+        '--u-item-text-color-included': string;
+        '--u-item-text-color-included-hover': string;
+        '--u-item-text-color-included-pressed': string;
+        '--u-item-text-color-included-disabled': string;
+        '--u-item-color-excluded': string;
+        '--u-item-text-color-excluded': string;
         '--u-panel-header-padding': string;
-        '--u-panel-header-divider-color': string;
         '--u-calendar-title-color-hover': string;
         '--u-calendar-title-height': string;
         '--u-calendar-title-padding': string;
@@ -5246,9 +5482,7 @@ declare const _default: import("vue").DefineComponent<{
         '--u-calendar-title-text-color': string;
         '--u-calendar-title-grid-template-columns': string;
         '--u-calendar-days-height': string;
-        '--u-calendar-days-divider-color': string;
         '--u-calendar-days-font-size': string;
-        '--u-calendar-days-text-color': string;
         '--u-calendar-divider-color': string;
         '--u-calendar-item-color-active': string;
         '--u-calendar-item-text-color-active': string;
@@ -5261,20 +5495,13 @@ declare const _default: import("vue").DefineComponent<{
         '--u-panel-extra-footer-padding': string;
         '--u-panel-action-divider-color': string;
         '--u-item-font-size': string;
+        '--u-item-font-weight': string;
         '--u-item-border-radius': string;
         '--u-item-width': string;
         '--u-item-height': string;
         '--u-item-selected-size': string;
-        '--u-item-current-color': string;
         '--u-item-cell-width': string;
         '--u-item-cell-height': string;
-        '--u-item-text-color': string;
-        '--u-item-color-included': string;
-        '--u-item-color-disabled': string;
-        '--u-item-color-hover': string;
-        '--u-item-color-active': string;
-        '--u-item-text-color-disabled': string;
-        '--u-item-text-color-active': string;
         '--u-item-head-cell-width': string;
         '--u-item-head-cell-height': string;
         '--u-scroll-item-width': string;
@@ -5283,8 +5510,6 @@ declare const _default: import("vue").DefineComponent<{
         '--u-scroll-item-border-radius': string;
         '--u-arrow-size': string;
         '--u-arrow-color': string;
-        '--u-icon-color': string;
-        '--u-icon-color-disabled': string;
     }> | undefined;
     themeClass: Ref<string> | undefined;
     onRender: (() => void) | undefined;
@@ -5314,7 +5539,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly value: PropType<Value | null>;
     readonly formattedValue: PropType<FormattedValue | null>;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<InputSize>;
     readonly type: {
         readonly type: PropType<DatePickerType>;
         readonly default: "date";
@@ -5358,18 +5583,47 @@ declare const _default: import("vue").DefineComponent<{
     readonly onBlur: PropType<(e: FocusEvent) => void>;
     readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"DatePicker", {
-        itemFontSize: string;
-        calendarDaysFontSize: string;
-        calendarTitleFontSize: string;
+        itemColor: string;
+        itemColorHover: string;
+        itemColorPressed: string;
+        itemColorDisabled: string;
         itemTextColor: string;
+        itemTextColorHover: string;
+        itemTextColorPressed: string;
         itemTextColorDisabled: string;
+        itemColorActive: string;
+        itemColorActiveHover: string;
+        itemColorActivePressed: string;
+        itemColorActiveDisabled: string;
         itemTextColorActive: string;
+        itemTextColorActiveHover: string;
+        itemTextColorActivePressed: string;
+        itemTextColorActiveDisabled: string;
+        itemColorCurrent: string;
+        itemColorCurrentHover: string;
+        itemColorCurrentPressed: string;
+        itemColorCurrentDisabled: string;
         itemTextColorCurrent: string;
-        itemCurrentColor: string;
+        itemTextColorCurrentHover: string;
+        itemTextColorCurrentPressed: string;
+        itemTextColorCurrentDisabled: string;
         itemColorIncluded: string;
-        itemColorHover: string;
-        itemColorDisabled: string;
-        itemColorActive: string;
+        itemColorIncludedHover: string;
+        itemColorIncludedPressed: string;
+        itemColorIncludedDisabled: string;
+        itemTextColorIncluded: string;
+        itemTextColorIncludedHover: string;
+        itemTextColorIncludedPressed: string;
+        itemTextColorIncludedDisabled: string;
+        itemColorExcluded: string;
+        itemTextColorExcluded: string;
+        arrowSize: string;
+        arrowColor: string;
+        itemFontSize: string;
+        itemFontWeight: string;
+        itemBorderRadius: string;
+        calendarDaysFontSize: string;
+        calendarTitleFontSize: string;
         monthItemTextColorActive: string;
         monthItemColorActive: string;
         monthItemColor: string;
@@ -5377,15 +5631,10 @@ declare const _default: import("vue").DefineComponent<{
         monthItemColorHover: string;
         monthItemTextColorHover: string;
         titleColorActive: string;
-        itemBorderRadius: string;
         panelColor: string;
         panelTextColor: string;
-        arrowColor: string;
         calendarTitleTextColor: string;
         calendarTitleColorHover: string;
-        calendarDaysTextColor: string;
-        panelHeaderDividerColor: string;
-        calendarDaysDividerColor: string;
         calendarDividerColor: string;
         panelActionDividerColor: string;
         panelBoxShadow: string;
@@ -5408,7 +5657,6 @@ declare const _default: import("vue").DefineComponent<{
         panelActionPadding: string;
         calendarTitlePadding: string;
         calendarTitleHeight: string;
-        arrowSize: string;
         panelHeaderPadding: string;
         calendarDaysHeight: string;
         calendarTitleGridTempateColumns: string;
@@ -5434,21 +5682,28 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
             countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
+            heightHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
             lineHeight: string;
             lineHeightTextarea: string;
             borderRadius: string;
             iconSize: string;
-            groupLabelColor: string;
             groupLabelTextColor: string;
             textColor: string;
             textColorDisabled: string;
@@ -5488,11 +5743,7 @@ declare const _default: import("vue").DefineComponent<{
             iconColorHover: string;
             iconColorPressed: string;
             suffixTextColor: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            clearSize: string;
+            selectionColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -5520,7 +5771,7 @@ declare const _default: import("vue").DefineComponent<{
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -5706,6 +5957,11 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         TimePicker: import("../../_mixins").Theme<"TimePicker", {
+            itemFontSize: string;
+            itemFontWeight: string;
+            itemHeight: string;
+            itemWidth: string;
+            panelActionPadding: string;
             panelColor: string;
             panelBoxShadow: string;
             panelDividerColor: string;
@@ -5717,10 +5973,6 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             iconColor: string;
             iconColorDisabled: string;
-            itemFontSize: string;
-            itemHeight: string;
-            itemWidth: string;
-            panelActionPadding: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
@@ -5752,7 +6004,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -5938,21 +6190,28 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingHuge: string;
+                clearSize: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
                 heightMedium: string;
                 heightLarge: string;
+                heightHuge: string;
                 fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
+                fontSizeHuge: string;
                 lineHeight: string;
                 lineHeightTextarea: string;
                 borderRadius: string;
                 iconSize: string;
-                groupLabelColor: string;
                 groupLabelTextColor: string;
                 textColor: string;
                 textColorDisabled: string;
@@ -5992,11 +6251,7 @@ declare const _default: import("vue").DefineComponent<{
                 iconColorHover: string;
                 iconColorPressed: string;
                 suffixTextColor: string;
-                paddingTiny: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                clearSize: string;
+                selectionColor: string;
             }, any>;
         }>;
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
@@ -6005,18 +6260,47 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"DatePicker", {
-        itemFontSize: string;
-        calendarDaysFontSize: string;
-        calendarTitleFontSize: string;
+        itemColor: string;
+        itemColorHover: string;
+        itemColorPressed: string;
+        itemColorDisabled: string;
         itemTextColor: string;
+        itemTextColorHover: string;
+        itemTextColorPressed: string;
         itemTextColorDisabled: string;
+        itemColorActive: string;
+        itemColorActiveHover: string;
+        itemColorActivePressed: string;
+        itemColorActiveDisabled: string;
         itemTextColorActive: string;
+        itemTextColorActiveHover: string;
+        itemTextColorActivePressed: string;
+        itemTextColorActiveDisabled: string;
+        itemColorCurrent: string;
+        itemColorCurrentHover: string;
+        itemColorCurrentPressed: string;
+        itemColorCurrentDisabled: string;
         itemTextColorCurrent: string;
-        itemCurrentColor: string;
+        itemTextColorCurrentHover: string;
+        itemTextColorCurrentPressed: string;
+        itemTextColorCurrentDisabled: string;
         itemColorIncluded: string;
-        itemColorHover: string;
-        itemColorDisabled: string;
-        itemColorActive: string;
+        itemColorIncludedHover: string;
+        itemColorIncludedPressed: string;
+        itemColorIncludedDisabled: string;
+        itemTextColorIncluded: string;
+        itemTextColorIncludedHover: string;
+        itemTextColorIncludedPressed: string;
+        itemTextColorIncludedDisabled: string;
+        itemColorExcluded: string;
+        itemTextColorExcluded: string;
+        arrowSize: string;
+        arrowColor: string;
+        itemFontSize: string;
+        itemFontWeight: string;
+        itemBorderRadius: string;
+        calendarDaysFontSize: string;
+        calendarTitleFontSize: string;
         monthItemTextColorActive: string;
         monthItemColorActive: string;
         monthItemColor: string;
@@ -6024,15 +6308,10 @@ declare const _default: import("vue").DefineComponent<{
         monthItemColorHover: string;
         monthItemTextColorHover: string;
         titleColorActive: string;
-        itemBorderRadius: string;
         panelColor: string;
         panelTextColor: string;
-        arrowColor: string;
         calendarTitleTextColor: string;
         calendarTitleColorHover: string;
-        calendarDaysTextColor: string;
-        panelHeaderDividerColor: string;
-        calendarDaysDividerColor: string;
         calendarDividerColor: string;
         panelActionDividerColor: string;
         panelBoxShadow: string;
@@ -6055,7 +6334,6 @@ declare const _default: import("vue").DefineComponent<{
         panelActionPadding: string;
         calendarTitlePadding: string;
         calendarTitleHeight: string;
-        arrowSize: string;
         panelHeaderPadding: string;
         calendarDaysHeight: string;
         calendarTitleGridTempateColumns: string;
@@ -6081,21 +6359,28 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
             countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
+            heightHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
             lineHeight: string;
             lineHeightTextarea: string;
             borderRadius: string;
             iconSize: string;
-            groupLabelColor: string;
             groupLabelTextColor: string;
             textColor: string;
             textColorDisabled: string;
@@ -6135,11 +6420,7 @@ declare const _default: import("vue").DefineComponent<{
             iconColorHover: string;
             iconColorPressed: string;
             suffixTextColor: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            clearSize: string;
+            selectionColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -6167,7 +6448,7 @@ declare const _default: import("vue").DefineComponent<{
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -6353,6 +6634,11 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         TimePicker: import("../../_mixins").Theme<"TimePicker", {
+            itemFontSize: string;
+            itemFontWeight: string;
+            itemHeight: string;
+            itemWidth: string;
+            panelActionPadding: string;
             panelColor: string;
             panelBoxShadow: string;
             panelDividerColor: string;
@@ -6364,10 +6650,6 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             iconColor: string;
             iconColorDisabled: string;
-            itemFontSize: string;
-            itemHeight: string;
-            itemWidth: string;
-            panelActionPadding: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
@@ -6399,7 +6681,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -6585,21 +6867,28 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingHuge: string;
+                clearSize: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
                 heightMedium: string;
                 heightLarge: string;
+                heightHuge: string;
                 fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
+                fontSizeHuge: string;
                 lineHeight: string;
                 lineHeightTextarea: string;
                 borderRadius: string;
                 iconSize: string;
-                groupLabelColor: string;
                 groupLabelTextColor: string;
                 textColor: string;
                 textColorDisabled: string;
@@ -6639,11 +6928,7 @@ declare const _default: import("vue").DefineComponent<{
                 iconColorHover: string;
                 iconColorPressed: string;
                 suffixTextColor: string;
-                paddingTiny: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                clearSize: string;
+                selectionColor: string;
             }, any>;
         }>;
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
@@ -6652,18 +6937,47 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"DatePicker", {
-        itemFontSize: string;
-        calendarDaysFontSize: string;
-        calendarTitleFontSize: string;
+        itemColor: string;
+        itemColorHover: string;
+        itemColorPressed: string;
+        itemColorDisabled: string;
         itemTextColor: string;
+        itemTextColorHover: string;
+        itemTextColorPressed: string;
         itemTextColorDisabled: string;
+        itemColorActive: string;
+        itemColorActiveHover: string;
+        itemColorActivePressed: string;
+        itemColorActiveDisabled: string;
         itemTextColorActive: string;
+        itemTextColorActiveHover: string;
+        itemTextColorActivePressed: string;
+        itemTextColorActiveDisabled: string;
+        itemColorCurrent: string;
+        itemColorCurrentHover: string;
+        itemColorCurrentPressed: string;
+        itemColorCurrentDisabled: string;
         itemTextColorCurrent: string;
-        itemCurrentColor: string;
+        itemTextColorCurrentHover: string;
+        itemTextColorCurrentPressed: string;
+        itemTextColorCurrentDisabled: string;
         itemColorIncluded: string;
-        itemColorHover: string;
-        itemColorDisabled: string;
-        itemColorActive: string;
+        itemColorIncludedHover: string;
+        itemColorIncludedPressed: string;
+        itemColorIncludedDisabled: string;
+        itemTextColorIncluded: string;
+        itemTextColorIncludedHover: string;
+        itemTextColorIncludedPressed: string;
+        itemTextColorIncludedDisabled: string;
+        itemColorExcluded: string;
+        itemTextColorExcluded: string;
+        arrowSize: string;
+        arrowColor: string;
+        itemFontSize: string;
+        itemFontWeight: string;
+        itemBorderRadius: string;
+        calendarDaysFontSize: string;
+        calendarTitleFontSize: string;
         monthItemTextColorActive: string;
         monthItemColorActive: string;
         monthItemColor: string;
@@ -6671,15 +6985,10 @@ declare const _default: import("vue").DefineComponent<{
         monthItemColorHover: string;
         monthItemTextColorHover: string;
         titleColorActive: string;
-        itemBorderRadius: string;
         panelColor: string;
         panelTextColor: string;
-        arrowColor: string;
         calendarTitleTextColor: string;
         calendarTitleColorHover: string;
-        calendarDaysTextColor: string;
-        panelHeaderDividerColor: string;
-        calendarDaysDividerColor: string;
         calendarDividerColor: string;
         panelActionDividerColor: string;
         panelBoxShadow: string;
@@ -6702,7 +7011,6 @@ declare const _default: import("vue").DefineComponent<{
         panelActionPadding: string;
         calendarTitlePadding: string;
         calendarTitleHeight: string;
-        arrowSize: string;
         panelHeaderPadding: string;
         calendarDaysHeight: string;
         calendarTitleGridTempateColumns: string;
@@ -6728,21 +7036,28 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            paddingTiny: string;
+            paddingSmall: string;
+            paddingMedium: string;
+            paddingLarge: string;
+            paddingHuge: string;
+            clearSize: string;
             countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
+            heightHuge: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
+            fontSizeHuge: string;
             lineHeight: string;
             lineHeightTextarea: string;
             borderRadius: string;
             iconSize: string;
-            groupLabelColor: string;
             groupLabelTextColor: string;
             textColor: string;
             textColorDisabled: string;
@@ -6782,11 +7097,7 @@ declare const _default: import("vue").DefineComponent<{
             iconColorHover: string;
             iconColorPressed: string;
             suffixTextColor: string;
-            paddingTiny: string;
-            paddingSmall: string;
-            paddingMedium: string;
-            paddingLarge: string;
-            clearSize: string;
+            selectionColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -6814,7 +7125,7 @@ declare const _default: import("vue").DefineComponent<{
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
             colorTertiaryDisalbed: string;
-            waveColorTerniary: string;
+            waveColorTertiary: string;
             textColorTextTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
@@ -7000,6 +7311,11 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
         TimePicker: import("../../_mixins").Theme<"TimePicker", {
+            itemFontSize: string;
+            itemFontWeight: string;
+            itemHeight: string;
+            itemWidth: string;
+            panelActionPadding: string;
             panelColor: string;
             panelBoxShadow: string;
             panelDividerColor: string;
@@ -7011,10 +7327,6 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             iconColor: string;
             iconColorDisabled: string;
-            itemFontSize: string;
-            itemHeight: string;
-            itemWidth: string;
-            panelActionPadding: string;
         }, {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
                 color: string;
@@ -7046,7 +7358,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -7232,21 +7544,28 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingHuge: string;
+                clearSize: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
                 heightSmall: string;
                 heightMedium: string;
                 heightLarge: string;
+                heightHuge: string;
                 fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
+                fontSizeHuge: string;
                 lineHeight: string;
                 lineHeightTextarea: string;
                 borderRadius: string;
                 iconSize: string;
-                groupLabelColor: string;
                 groupLabelTextColor: string;
                 textColor: string;
                 textColorDisabled: string;
@@ -7286,11 +7605,7 @@ declare const _default: import("vue").DefineComponent<{
                 iconColorHover: string;
                 iconColorPressed: string;
                 suffixTextColor: string;
-                paddingTiny: string;
-                paddingSmall: string;
-                paddingMedium: string;
-                paddingLarge: string;
-                clearSize: string;
+                selectionColor: string;
             }, any>;
         }>;
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {