@uzum-tech/ui 0.1.2 → 1.0.0

package/es/date-picker/src/DatePicker.js

@@ -14,9 +14,9 @@ import { strictParse } from './utils';
 import { uniCalendarValidation, dualCalendarValidation } from './validation-utils';
 import { datePickerInjectionKey } from './interface';
 import DatetimePanel from './panel/datetime';
-import DatetimerangePanel from './panel/datetimerange';
+import DatetimeRangePanel from './panel/datetimerange';
 import DatePanel from './panel/date';
-import DaterangePanel from './panel/daterange';
+import DateRangePanel from './panel/daterange';
 import MonthRangePanel from './panel/monthrange';
 import style from './styles/index.cssr';
 export const datePickerProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, bordered: {
@@ -577,16 +577,64 @@ export default defineComponent({
             ? useThemeClass('date-picker-trigger', undefined, triggerCssVarsRef, props)
             : undefined;
         const cssVarsRef = computed(() => {
-            const { common: { cubicBezierEaseInOut }, self: { calendarTitleFontSize, calendarDaysFontSize, itemFontSize, itemTextColor, itemColorDisabled, itemColorIncluded, itemColorHover, itemColorActive, itemBorderRadius, itemTextColorDisabled, itemTextColorActive, panelColor, panelTextColor, arrowColor, calendarTitleTextColor, panelActionDividerColor, panelHeaderDividerColor, calendarDaysDividerColor, panelBoxShadow, panelBorderRadius, calendarTitleFontWeight, panelExtraFooterPadding, panelActionPadding, itemWidth, itemHeight, itemSelectedWidth, itemCellWidth, itemCellHeight, itemCurrentColor, scrollItemWidth, scrollItemHeight, scrollItemGap, calendarTitlePadding, calendarTitleHeight, calendarDaysHeight, calendarDaysTextColor, arrowSize, panelHeaderPadding, calendarDividerColor, calendarTitleGridTempateColumns, iconColor, iconColorDisabled, scrollItemBorderRadius, calendarTitleColorHover, monthItemTextColorActive, monthItemColorActive, monthItemColor, monthItemTextColor, monthItemColorHover, monthItemTextColorHover, titleColorActive, itemHeadCellWidth, itemHeadCellHeight } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { 
+            // Item
+            itemColor, itemColorHover, itemColorPressed, itemColorDisabled, itemTextColor, itemTextColorHover, itemTextColorPressed, itemTextColorDisabled, 
+            // Selected
+            itemColorActive, itemColorActiveHover, itemColorActivePressed, itemColorActiveDisabled, itemTextColorActive, itemTextColorActiveHover, itemTextColorActivePressed, itemTextColorActiveDisabled, 
+            // Current
+            itemColorCurrent, itemColorCurrentHover, itemColorCurrentPressed, itemColorCurrentDisabled, itemTextColorCurrent, itemTextColorCurrentHover, itemTextColorCurrentPressed, itemTextColorCurrentDisabled, 
+            // Covered
+            itemColorIncluded, itemColorIncludedHover, itemColorIncludedPressed, itemColorIncludedDisabled, itemTextColorIncluded, itemTextColorIncludedHover, itemTextColorIncludedPressed, itemTextColorIncludedDisabled, 
+            // Excluded
+            itemColorExcluded, itemTextColorExcluded, arrowSize, arrowColor, itemFontSize, itemFontWeight, itemBorderRadius, calendarDaysFontSize, calendarTitleFontSize, monthItemTextColorActive, monthItemColorActive, monthItemColor, monthItemTextColor, monthItemColorHover, monthItemTextColorHover, titleColorActive, panelColor, panelTextColor, calendarTitleTextColor, calendarTitleColorHover, calendarDividerColor, panelActionDividerColor, panelBoxShadow, panelBorderRadius, calendarTitleFontWeight, scrollItemBorderRadius, panelHeaderPadding, calendarTitleHeight, calendarTitlePadding, calendarTitleGridTempateColumns, calendarDaysHeight, panelActionPadding, panelExtraFooterPadding, itemWidth, itemHeight, itemSelectedWidth, itemCellWidth, itemCellHeight, itemHeadCellWidth, itemHeadCellHeight, scrollItemWidth, scrollItemHeight, scrollItemGap } } = themeRef.value;
             return {
                 '--u-bezier': cubicBezierEaseInOut,
                 '--u-panel-border-radius': panelBorderRadius,
                 '--u-panel-color': panelColor,
                 '--u-panel-box-shadow': panelBoxShadow,
                 '--u-panel-text-color': panelTextColor,
+                // Item
+                '--u-item-color': itemColor,
+                '--u-item-color-hover': itemColorHover,
+                '--u-item-color-pressed': itemColorPressed,
+                '--u-item-color-disabled': itemColorDisabled,
+                '--u-item-text-color': itemTextColor,
+                '--u-item-text-color-hover': itemTextColorHover,
+                '--u-item-text-color-pressed': itemTextColorPressed,
+                '--u-item-text-color-disabled': itemTextColorDisabled,
+                // Selected
+                '--u-item-color-active': itemColorActive,
+                '--u-item-color-active-hover': itemColorActiveHover,
+                '--u-item-color-active-pressed': itemColorActivePressed,
+                '--u-item-color-active-disabled': itemColorActiveDisabled,
+                '--u-item-text-color-active': itemTextColorActive,
+                '--u-item-text-color-active-hover': itemTextColorActiveHover,
+                '--u-item-text-color-active-pressed': itemTextColorActivePressed,
+                '--u-item-text-color-active-disabled': itemTextColorActiveDisabled,
+                // Current
+                '--u-item-color-current': itemColorCurrent,
+                '--u-item-color-current-hover': itemColorCurrentHover,
+                '--u-item-color-current-pressed': itemColorCurrentPressed,
+                '--u-item-color-current-disabled': itemColorCurrentDisabled,
+                '--u-item-text-color-current': itemTextColorCurrent,
+                '--u-item-text-color-current-hover': itemTextColorCurrentHover,
+                '--u-item-text-color-current-pressed': itemTextColorCurrentPressed,
+                '--u-item-text-color-current-disabled': itemTextColorCurrentDisabled,
+                // Covered
+                '--u-item-color-included': itemColorIncluded,
+                '--u-item-color-included-hover': itemColorIncludedHover,
+                '--u-item-color-included-pressed': itemColorIncludedPressed,
+                '--u-item-color-included-disabled': itemColorIncludedDisabled,
+                '--u-item-text-color-included': itemTextColorIncluded,
+                '--u-item-text-color-included-hover': itemTextColorIncludedHover,
+                '--u-item-text-color-included-pressed': itemTextColorIncludedPressed,
+                '--u-item-text-color-included-disabled': itemTextColorIncludedDisabled,
+                // Excluded
+                '--u-item-color-excluded': itemColorExcluded,
+                '--u-item-text-color-excluded': itemTextColorExcluded,
                 // panel header
                 '--u-panel-header-padding': panelHeaderPadding,
-                '--u-panel-header-divider-color': panelHeaderDividerColor,
                 // panel calendar
                 '--u-calendar-title-color-hover': calendarTitleColorHover,
                 '--u-calendar-title-height': calendarTitleHeight,
@@ -596,9 +644,7 @@ export default defineComponent({
                 '--u-calendar-title-text-color': calendarTitleTextColor,
                 '--u-calendar-title-grid-template-columns': calendarTitleGridTempateColumns,
                 '--u-calendar-days-height': calendarDaysHeight,
-                '--u-calendar-days-divider-color': calendarDaysDividerColor,
                 '--u-calendar-days-font-size': calendarDaysFontSize,
-                '--u-calendar-days-text-color': calendarDaysTextColor,
                 '--u-calendar-divider-color': calendarDividerColor,
                 '--u-calendar-item-color-active': monthItemColorActive,
                 '--u-calendar-item-text-color-active': monthItemTextColorActive,
@@ -613,20 +659,13 @@ export default defineComponent({
                 '--u-panel-action-divider-color': panelActionDividerColor,
                 // panel item
                 '--u-item-font-size': itemFontSize,
+                '--u-item-font-weight': itemFontWeight,
                 '--u-item-border-radius': itemBorderRadius,
                 '--u-item-width': itemWidth,
                 '--u-item-height': itemHeight,
                 '--u-item-selected-size': itemSelectedWidth,
-                '--u-item-current-color': itemCurrentColor,
                 '--u-item-cell-width': itemCellWidth,
                 '--u-item-cell-height': itemCellHeight,
-                '--u-item-text-color': itemTextColor,
-                '--u-item-color-included': itemColorIncluded,
-                '--u-item-color-disabled': itemColorDisabled,
-                '--u-item-color-hover': itemColorHover,
-                '--u-item-color-active': itemColorActive,
-                '--u-item-text-color-disabled': itemTextColorDisabled,
-                '--u-item-text-color-active': itemTextColorActive,
                 '--u-item-head-cell-width': itemHeadCellWidth,
                 '--u-item-head-cell-height': itemHeadCellHeight,
                 // scroll item
@@ -636,10 +675,7 @@ export default defineComponent({
                 '--u-scroll-item-border-radius': scrollItemBorderRadius,
                 // panel arrow
                 '--u-arrow-size': arrowSize,
-                '--u-arrow-color': arrowColor,
-                // icon in trigger
-                '--u-icon-color': iconColor,
-                '--u-icon-color-disabled': iconColorDisabled
+                '--u-arrow-color': arrowColor
             };
         });
         const themeClassHandle = inlineThemeDisabled
@@ -691,7 +727,7 @@ export default defineComponent({
         };
         const renderPanel = () => {
             const { type } = this;
-            return type === 'datetime' ? (h(DatetimePanel, Object.assign({}, commonPanelProps), $slots)) : type === 'daterange' ? (h(DaterangePanel, Object.assign({}, commonPanelProps, { defaultCalendarStartTime: this.defaultCalendarStartTime, defaultCalendarEndTime: this.defaultCalendarEndTime, bindCalendarMonths: this.bindCalendarMonths }), $slots)) : type === 'datetimerange' ? (h(DatetimerangePanel, Object.assign({}, commonPanelProps, { defaultCalendarStartTime: this.defaultCalendarStartTime, defaultCalendarEndTime: this.defaultCalendarEndTime, bindCalendarMonths: this.bindCalendarMonths }), $slots)) : type === 'month' || type === 'year' || type === 'quarter' ? (h(Fragment, null)) // <PanelMonth {...commonPanelProps} key={type} />
+            return type === 'datetime' ? (h(DatetimePanel, Object.assign({}, commonPanelProps), $slots)) : type === 'daterange' ? (h(DateRangePanel, Object.assign({}, commonPanelProps, { defaultCalendarStartTime: this.defaultCalendarStartTime, defaultCalendarEndTime: this.defaultCalendarEndTime, bindCalendarMonths: this.bindCalendarMonths }), $slots)) : type === 'datetimerange' ? (h(DatetimeRangePanel, Object.assign({}, commonPanelProps, { defaultCalendarStartTime: this.defaultCalendarStartTime, defaultCalendarEndTime: this.defaultCalendarEndTime, bindCalendarMonths: this.bindCalendarMonths }), $slots)) : type === 'month' || type === 'year' || type === 'quarter' ? (h(Fragment, null)) // <PanelMonth {...commonPanelProps} key={type} />
                 : type === 'monthrange' ||
                     type === 'yearrange' ||
                     type === 'quarterrange' ? (h(MonthRangePanel, Object.assign({}, commonPanelProps, { type: type }))) : (h(DatePanel, Object.assign({}, commonPanelProps), $slots));

package/es/date-picker/src/interface.d.ts

@@ -2,7 +2,7 @@ import type { Ref, Slots, UnwrapNestedRefs } from 'vue';
 import { type VirtualListInst } from 'vueuc';
 import type { ULocale, UDateLocale } from '../../locales';
 import type { ScrollbarInst } from '../../_internal';
-import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled } from '../../time-picker/src/interface';
+import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, Size as TimePickerSize } from '../../time-picker/src/interface';
 import type { TimePickerProps } from '../../time-picker/src/TimePicker';
 import type { MergedTheme } from '../../_mixins';
 import type { DatePickerTheme } from '../styles/light';
@@ -54,7 +54,7 @@ export type FirstDayOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 export type DatePickerInjection = {
     mergedClsPrefixRef: Ref<string>;
     mergedThemeRef: Ref<MergedTheme<DatePickerTheme>>;
-    timePickerSizeRef: Ref<'small' | 'medium' | 'large'>;
+    timePickerSizeRef: Ref<TimePickerSize>;
     timePickerPropsRef: Ref<undefined | TimePickerProps | [TimePickerProps, TimePickerProps]>;
     localeRef: Ref<ULocale['DatePicker']>;
     dateLocaleRef: Ref<UDateLocale>;

package/es/date-picker/src/panel/date.d.ts

@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     virtualListContainer: () => HTMLElement;
     virtualListContent: () => HTMLElement;
     handleVirtualListScroll: (e: Event) => void;
-    timePickerSize: import("vue").Ref<"small" | "medium" | "large">;
+    timePickerSize: import("vue").Ref<import("../../..").InputSize>;
     dateInputValue: import("vue").Ref<string>;
     datePickerSlots: Readonly<{
         [name: string]: import("vue").Slot<any> | undefined;
@@ -54,139 +54,163 @@ declare const _default: import("vue").DefineComponent<{
     yearVlRef: import("vue").Ref<import("vueuc").VirtualListInst | null>;
     mergedTheme: import("vue").Ref<{
         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;
+            /**
+             * Date Panel
+             * Update picker value on:
+             * 1. item click
+             * 2. clear click
+             */
             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;
@@ -194,15 +218,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;
@@ -225,7 +244,6 @@ declare const _default: import("vue").DefineComponent<{
             panelActionPadding: string;
             calendarTitlePadding: string;
             calendarTitleHeight: string;
-            arrowSize: string;
             panelHeaderPadding: string;
             calendarDaysHeight: string;
             calendarTitleGridTempateColumns: string;
@@ -252,21 +270,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;
@@ -306,11 +331,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;
@@ -338,7 +359,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
                 colorTertiaryDisalbed: string;
-                waveColorTerniary: string;
+                waveColorTertiary: string;
                 textColorTextTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
@@ -524,6 +545,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;
@@ -535,10 +561,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;
@@ -570,7 +592,7 @@ declare const _default: import("vue").DefineComponent<{
                     colorTertiaryHover: string;
                     colorTertiaryPressed: string;
                     colorTertiaryDisalbed: string;
-                    waveColorTerniary: string;
+                    waveColorTertiary: string;
                     textColorTextTertiary: string;
                     colorQuaternary: string;
                     colorQuaternaryHover: string;
@@ -756,21 +778,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;
@@ -810,11 +839,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", {
@@ -865,7 +890,7 @@ declare const _default: import("vue").DefineComponent<{
                         colorTertiaryHover: string;
                         colorTertiaryPressed: string;
                         colorTertiaryDisalbed: string;
-                        waveColorTerniary: string;
+                        waveColorTertiary: string;
                         textColorTextTertiary: string;
                         colorQuaternary: string;
                         colorQuaternaryHover: string;
@@ -1051,21 +1076,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;
@@ -1105,11 +1137,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;