@uzum-tech/ui 1.3.0 → 1.4.0

package/lib/data-table/src/utils.js

@@ -1,10 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isColumnSorting = exports.createNextSorter = exports.isColumnFilterable = exports.isColumnResizable = exports.isColumnSortable = exports.shouldUseArrayInSingleMode = exports.createRowClassName = exports.createCustomWidthStyle = exports.clampValueFollowCSSRules = exports.getFlagOfOrder = exports.createShallowClonedObject = exports.getColKey = exports.getStringColWidth = exports.getNumberColWidth = exports.EXPAND_COL_WIDTH = exports.SELECTION_COL_WIDTH = void 0;
+exports.REGEX = exports.EXPAND_COL_WIDTH = exports.SELECTION_COL_WIDTH = void 0;
+exports.getNumberColWidth = getNumberColWidth;
+exports.getStringColWidth = getStringColWidth;
+exports.getColKey = getColKey;
+exports.createShallowClonedObject = createShallowClonedObject;
+exports.getFlagOfOrder = getFlagOfOrder;
+exports.clampValueFollowCSSRules = clampValueFollowCSSRules;
+exports.createCustomWidthStyle = createCustomWidthStyle;
+exports.createRowClassName = createRowClassName;
+exports.shouldUseArrayInSingleMode = shouldUseArrayInSingleMode;
+exports.isColumnSortable = isColumnSortable;
+exports.isColumnResizable = isColumnResizable;
+exports.isColumnFilterable = isColumnFilterable;
+exports.createNextSorter = createNextSorter;
+exports.isColumnSorting = isColumnSorting;
 const seemly_1 = require("seemly");
 const _utils_1 = require("../../_utils");
 exports.SELECTION_COL_WIDTH = 40;
 exports.EXPAND_COL_WIDTH = 40;
+exports.REGEX = {
+    ONLY_DIGITS: /\D/g,
+    ONLY_NUMERIC_AND_DOT: /[^\d.]/g
+};
 function getNumberColWidth(col) {
     if (col.type === 'selection') {
         return col.width === undefined ? exports.SELECTION_COL_WIDTH : (0, seemly_1.depx)(col.width);
@@ -19,7 +37,6 @@ function getNumberColWidth(col) {
     }
     return col.width;
 }
-exports.getNumberColWidth = getNumberColWidth;
 function getStringColWidth(col) {
     var _a, _b;
     if (col.type === 'selection') {
@@ -33,7 +50,6 @@ function getStringColWidth(col) {
     }
     return (0, _utils_1.formatLength)(col.width);
 }
-exports.getStringColWidth = getStringColWidth;
 function getColKey(col) {
     if (col.type === 'selection')
         return '__n_selection__';
@@ -41,7 +57,6 @@ function getColKey(col) {
         return '__n_expand__';
     return col.key;
 }
-exports.getColKey = getColKey;
 function createShallowClonedObject(object) {
     if (!object)
         return object;
@@ -50,7 +65,6 @@ function createShallowClonedObject(object) {
     }
     return object;
 }
-exports.createShallowClonedObject = createShallowClonedObject;
 function getFlagOfOrder(order) {
     if (order === 'ascend')
         return 1;
@@ -58,7 +72,6 @@ function getFlagOfOrder(order) {
         return -1;
     return 0;
 }
-exports.getFlagOfOrder = getFlagOfOrder;
 // priority: min-width > max-width > width
 function clampValueFollowCSSRules(value, min, max) {
     if (max !== undefined) {
@@ -69,7 +82,6 @@ function clampValueFollowCSSRules(value, min, max) {
     }
     return value;
 }
-exports.clampValueFollowCSSRules = clampValueFollowCSSRules;
 function createCustomWidthStyle(column, resizedWidth) {
     if (resizedWidth !== undefined) {
         return {
@@ -86,13 +98,11 @@ function createCustomWidthStyle(column, resizedWidth) {
         maxWidth: (0, _utils_1.formatLength)(maxWidth)
     };
 }
-exports.createCustomWidthStyle = createCustomWidthStyle;
 function createRowClassName(row, index, rowClassName) {
     if (typeof rowClassName === 'function')
         return rowClassName(row, index);
     return rowClassName || '';
 }
-exports.createRowClassName = createRowClassName;
 // for compatibility
 // If column.filterOptionValues or column.defaultFilterOptionValues is set, use
 // array value
@@ -101,25 +111,21 @@ function shouldUseArrayInSingleMode(column) {
         (column.filterOptionValue === undefined &&
             column.defaultFilterOptionValues !== undefined));
 }
-exports.shouldUseArrayInSingleMode = shouldUseArrayInSingleMode;
 function isColumnSortable(column) {
     if ('children' in column)
         return false;
     return !!column.sorter;
 }
-exports.isColumnSortable = isColumnSortable;
 function isColumnResizable(column) {
     if ('children' in column && !!column.children.length)
         return false;
     return !!column.resizable;
 }
-exports.isColumnResizable = isColumnResizable;
 function isColumnFilterable(column) {
     if ('children' in column)
         return false;
     return (!!column.filter && (!!column.filterOptions || !!column.renderFilterMenu));
 }
-exports.isColumnFilterable = isColumnFilterable;
 function getNextOrderOf(order) {
     if (!order)
         return 'descend';
@@ -141,8 +147,6 @@ function createNextSorter(column, currentSortState) {
         return Object.assign(Object.assign({}, currentSortState), { order: getNextOrderOf(currentSortState.order) });
     }
 }
-exports.createNextSorter = createNextSorter;
 function isColumnSorting(column, mergedSortState) {
     return (mergedSortState.find((state) => state.columnKey === column.key && state.order) !== undefined);
 }
-exports.isColumnSorting = isColumnSorting;

package/lib/data-table/styles/light.d.ts

@@ -35,6 +35,9 @@ export declare const self: (vars: ThemeCommonVars) => {
     tdTextColor: string;
     thTextColor: string;
     thFontWeight: string;
+    thSubColor: string;
+    thSubFontWeight: string;
+    thSubFontSize: string;
     thButtonColorHover: string;
     thIconColor: string;
     thIconColorActive: string;
@@ -93,6 +96,9 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
     tdTextColor: string;
     thTextColor: string;
     thFontWeight: string;
+    thSubColor: string;
+    thSubFontWeight: string;
+    thSubFontSize: string;
     thButtonColorHover: string;
     thIconColor: string;
     thIconColorActive: string;
@@ -671,12 +677,18 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
                     iconSizeMedium: string;
                     iconSizeLarge: string;
                     iconSizeHuge: string;
-                    fontSizeSmall: string;
-                    fontSizeMedium: string;
-                    fontSizeLarge: string;
-                    fontSizeHuge: string;
-                    textColor: string;
+                    titleFontSizeSmall: string;
+                    titleFontSizeMedium: string;
+                    titleFontSizeLarge: string;
+                    titleFontSizeHuge: string;
+                    descriptionFontSizeSmall: string;
+                    descriptionFontSizeMedium: string;
+                    descriptionFontSizeLarge: string;
+                    descriptionFontSizeHuge: string;
+                    titleColor: string;
+                    descriptionColor: string;
                     iconColor: string;
+                    iconBgColor: string;
                     extraTextColor: string;
                 }, any>;
             }>;
@@ -804,12 +816,18 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
                     iconSizeMedium: string;
                     iconSizeLarge: string;
                     iconSizeHuge: string;
-                    fontSizeSmall: string;
-                    fontSizeMedium: string;
-                    fontSizeLarge: string;
-                    fontSizeHuge: string;
-                    textColor: string;
+                    titleFontSizeSmall: string;
+                    titleFontSizeMedium: string;
+                    titleFontSizeLarge: string;
+                    titleFontSizeHuge: string;
+                    descriptionFontSizeSmall: string;
+                    descriptionFontSizeMedium: string;
+                    descriptionFontSizeLarge: string;
+                    descriptionFontSizeHuge: string;
+                    titleColor: string;
+                    descriptionColor: string;
                     iconColor: string;
+                    iconBgColor: string;
                     extraTextColor: string;
                 }, any>;
             }>;
@@ -824,12 +842,18 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
         iconSizeMedium: string;
         iconSizeLarge: string;
         iconSizeHuge: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
-        fontSizeLarge: string;
-        fontSizeHuge: string;
-        textColor: string;
+        titleFontSizeSmall: string;
+        titleFontSizeMedium: string;
+        titleFontSizeLarge: string;
+        titleFontSizeHuge: string;
+        descriptionFontSizeSmall: string;
+        descriptionFontSizeMedium: string;
+        descriptionFontSizeLarge: string;
+        descriptionFontSizeHuge: string;
+        titleColor: string;
+        descriptionColor: string;
         iconColor: string;
+        iconBgColor: string;
         extraTextColor: string;
     }, any>;
     Popover: import("../../_mixins").Theme<"Popover", {

package/lib/data-table/styles/light.js

@@ -13,7 +13,7 @@ const styles_9 = require("../../dropdown/styles");
 const common_1 = require("../../_styles/common");
 const _mixins_1 = require("../../_mixins");
 const self = (vars) => {
-    const { borderRadius, opacityDisabled, elementsQuaternary, lineHeightBodyLarge, fontBodyMedium, fontBodyLarge, elementsTertiary, containerPrimary, textPrimary, textSecondary, fontWeightBold, elementsPrimary, brandPrimary500, shadowDepth, iconLarge } = vars;
+    const { borderRadius, opacityDisabled, elementsQuaternary, lineHeightBodyLarge, fontBodySmall, fontBodyMedium, fontBodyLarge, elementsTertiary, containerPrimary, textPrimary, textSecondary, fontWeightBold, elementsPrimary, brandPrimary500, fontWeight, shadowDepth, iconLarge } = vars;
     return {
         thPaddingSmall: '8px',
         thPaddingMedium: '8px 16px',
@@ -50,6 +50,9 @@ const self = (vars) => {
         tdTextColor: textPrimary,
         thTextColor: textSecondary,
         thFontWeight: fontWeightBold,
+        thSubColor: textSecondary,
+        thSubFontWeight: fontWeight,
+        thSubFontSize: fontBodySmall,
         thButtonColorHover: elementsTertiary,
         thIconColor: elementsPrimary,
         thIconColorActive: brandPrimary500,

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

@@ -5,10 +5,10 @@ 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';
+import type { OnUpdateValue, Value, IsDateDisabled, IsTimeDisabled, Shortcuts, FirstDayOfWeek, DefaultTime, FormattedValue, OnUpdateFormattedValue, OnConfirm } from './interface';
 export declare const datePickerProps: {
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly bordered: {
@@ -43,7 +43,7 @@ export declare const datePickerProps: {
     readonly format: StringConstructor;
     readonly dateFormat: StringConstructor;
     readonly timeFormat: StringConstructor;
-    readonly actions: PropType<("clear" | "confirm" | "now")[] | null>;
+    readonly actions: PropType<Array<"clear" | "confirm" | "now"> | null>;
     readonly shortcuts: PropType<Shortcuts>;
     readonly defaultShortcuts: BooleanConstructor;
     readonly isDateDisabled: PropType<IsDateDisabled>;
@@ -60,7 +60,7 @@ export declare const datePickerProps: {
     readonly status: PropType<FormValidationStatus>;
     readonly timePickerProps: PropType<TimePickerProps | [TimePickerProps, TimePickerProps]>;
     readonly onClear: PropType<() => void>;
-    readonly onConfirm: PropType<OnUpdateValue>;
+    readonly onConfirm: PropType<OnConfirm>;
     readonly defaultCalendarStartTime: NumberConstructor;
     readonly defaultCalendarEndTime: NumberConstructor;
     readonly bindCalendarMonths: BooleanConstructor;
@@ -2109,7 +2109,7 @@ export type DatePickerSetupProps = ExtractPropTypes<typeof datePickerProps>;
 export type DatePickerProps = ExtractPublicPropTypes<typeof datePickerProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly bordered: {
@@ -2144,7 +2144,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly format: StringConstructor;
     readonly dateFormat: StringConstructor;
     readonly timeFormat: StringConstructor;
-    readonly actions: PropType<("clear" | "confirm" | "now")[] | null>;
+    readonly actions: PropType<Array<"clear" | "confirm" | "now"> | null>;
     readonly shortcuts: PropType<Shortcuts>;
     readonly defaultShortcuts: BooleanConstructor;
     readonly isDateDisabled: PropType<IsDateDisabled>;
@@ -2161,7 +2161,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly status: PropType<FormValidationStatus>;
     readonly timePickerProps: PropType<TimePickerProps | [TimePickerProps, TimePickerProps]>;
     readonly onClear: PropType<() => void>;
-    readonly onConfirm: PropType<OnUpdateValue>;
+    readonly onConfirm: PropType<OnConfirm>;
     readonly defaultCalendarStartTime: NumberConstructor;
     readonly defaultCalendarEndTime: NumberConstructor;
     readonly bindCalendarMonths: BooleanConstructor;
@@ -4313,7 +4313,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" | "tiny" | "huge">;
+    mergedSize: import("vue").ComputedRef<"small" | "tiny" | "medium" | "large" | "huge">;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     localizedPlacehoder: import("vue").ComputedRef<string>;
     isValueInvalid: import("vue").ComputedRef<boolean>;
@@ -4337,118 +4337,7 @@ declare const _default: import("vue").DefineComponent<{
     handlePanelConfirm: () => void;
     getDefaultShortcuts: () => Shortcuts;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: 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;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: 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";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             itemColor: string;
             itemColorHover: string;
@@ -5520,7 +5409,7 @@ declare const _default: import("vue").DefineComponent<{
     blur: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly bordered: {
@@ -5555,7 +5444,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly format: StringConstructor;
     readonly dateFormat: StringConstructor;
     readonly timeFormat: StringConstructor;
-    readonly actions: PropType<("clear" | "confirm" | "now")[] | null>;
+    readonly actions: PropType<Array<"clear" | "confirm" | "now"> | null>;
     readonly shortcuts: PropType<Shortcuts>;
     readonly defaultShortcuts: BooleanConstructor;
     readonly isDateDisabled: PropType<IsDateDisabled>;
@@ -5572,7 +5461,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly status: PropType<FormValidationStatus>;
     readonly timePickerProps: PropType<TimePickerProps | [TimePickerProps, TimePickerProps]>;
     readonly onClear: PropType<() => void>;
-    readonly onConfirm: PropType<OnUpdateValue>;
+    readonly onConfirm: PropType<OnConfirm>;
     readonly defaultCalendarStartTime: NumberConstructor;
     readonly defaultCalendarEndTime: NumberConstructor;
     readonly bindCalendarMonths: BooleanConstructor;
@@ -7618,10 +7507,10 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }>>, {
     readonly type: DatePickerType;
-    readonly show: boolean | undefined;
     readonly disabled: boolean | undefined;
-    readonly to: string | boolean | HTMLElement;
     readonly bordered: boolean | undefined;
+    readonly to: string | boolean | HTMLElement;
+    readonly show: boolean | undefined;
     readonly placement: FollowerPlacement;
     readonly clearable: boolean;
     readonly inputReadonly: boolean;

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

@@ -12,12 +12,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => string[];
     };
     readonly active: BooleanConstructor;
-    /**
-     * Date Panel
-     * Update picker value on:
-     * 1. item click
-     * 2. clear click
-     */
     readonly dateFormat: StringConstructor;
     readonly type: import("vue").PropType<DatePickerType>;
     readonly timeFormat: {
@@ -61,124 +55,13 @@ declare const _default: import("vue").DefineComponent<{
         [name: string]: import("vue").Slot<any> | undefined;
     }>;
     handleQuickMonthClick: (dateItem: import("../utils").MonthItem | import("../utils").YearItem | import("../utils").QuarterItem, updatePanelValue: (value: number) => void) => void;
-    justifyColumnsScrollState: (value?: number | undefined) => void;
+    justifyColumnsScrollState: (value?: number) => void;
     calendarValue: import("vue").Ref<number>;
     onUpdateCalendarValue: (value: number) => void;
     yearScrollbarRef: import("vue").Ref<import("../../../_internal").ScrollbarInst | null>;
     yearVlRef: import("vue").Ref<import("vueuc").VirtualListInst | null>;
     mergedTheme: import("vue").Ref<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: 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;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: 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";
-        };
+        common: import("../../..").ThemeCommonVars;
         self: {
             itemColor: string;
             itemColorHover: string;
@@ -1190,7 +1073,7 @@ declare const _default: import("vue").DefineComponent<{
         startMonthPlaceholder: string;
         endMonthPlaceholder: string;
         monthBeforeYear: boolean;
-        firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 6 | 5;
+        firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
         today: string;
     }>;
     doConfirm: () => void;
@@ -1205,7 +1088,7 @@ declare const _default: import("vue").DefineComponent<{
     cachePendingValue: () => void;
     clearPendingValue: () => void;
     restorePendingValue: () => void;
-    getShortcutValue: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => number | [number, number] | readonly [number, number];
+    getShortcutValue: (shortcut: import("../interface").Shortcuts[string]) => number | [number, number] | readonly [number, number];
     handleShortcutMouseleave: () => void;
     showMonthYearPanel: import("vue").Ref<boolean>;
     handleOpenQuickSelectMonthPanel: () => void;
@@ -1231,20 +1114,14 @@ declare const _default: import("vue").DefineComponent<{
     prevMonth: () => void;
     handleNowClick: () => void;
     handleConfirmClick: () => void;
-    handleSingleShortcutMouseenter: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
-    handleSingleShortcutClick: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
+    handleSingleShortcutMouseenter: (shortcut: import("../interface").Shortcuts[string]) => void;
+    handleSingleShortcutClick: (shortcut: import("../interface").Shortcuts[string]) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly actions: {
         readonly type: import("vue").PropType<string[]>;
         readonly default: () => string[];
     };
     readonly active: BooleanConstructor;
-    /**
-     * Date Panel
-     * Update picker value on:
-     * 1. item click
-     * 2. clear click
-     */
     readonly dateFormat: StringConstructor;
     readonly type: import("vue").PropType<DatePickerType>;
     readonly timeFormat: {