naive-ui 2.41.1 → 2.43.0

package/lib/input/styles/dark.d.ts

@@ -1,3 +1,140 @@
-import type { InputTheme } from './light';
-declare const inputDark: InputTheme;
+import type { ThemeCommonVars } from '../../_styles/common';
+declare function self(vars: ThemeCommonVars): {
+    fontWeight: string;
+    countTextColorDisabled: string;
+    countTextColor: string;
+    heightTiny: string;
+    heightSmall: string;
+    heightMedium: string;
+    heightLarge: string;
+    fontSizeTiny: string;
+    fontSizeSmall: string;
+    fontSizeMedium: string;
+    fontSizeLarge: string;
+    lineHeight: string;
+    lineHeightTextarea: string;
+    borderRadius: string;
+    iconSize: string;
+    groupLabelColor: string;
+    textColor: string;
+    textColorDisabled: string;
+    textDecorationColor: string;
+    groupLabelTextColor: string;
+    caretColor: string;
+    placeholderColor: string;
+    placeholderColorDisabled: string;
+    color: string;
+    colorDisabled: string;
+    colorFocus: string;
+    groupLabelBorder: string;
+    border: string;
+    borderHover: string;
+    borderDisabled: string;
+    borderFocus: string;
+    boxShadowFocus: string;
+    loadingColor: string;
+    loadingColorWarning: string;
+    borderWarning: string;
+    borderHoverWarning: string;
+    colorFocusWarning: string;
+    borderFocusWarning: string;
+    boxShadowFocusWarning: string;
+    caretColorWarning: string;
+    loadingColorError: string;
+    borderError: string;
+    borderHoverError: string;
+    colorFocusError: string;
+    borderFocusError: string;
+    boxShadowFocusError: string;
+    caretColorError: string;
+    clearColor: string;
+    clearColorHover: string;
+    clearColorPressed: string;
+    iconColor: string;
+    iconColorDisabled: string;
+    iconColorHover: string;
+    iconColorPressed: string;
+    suffixTextColor: string;
+    paddingTiny: string;
+    paddingSmall: string;
+    paddingMedium: string;
+    paddingLarge: string;
+    clearSize: string;
+};
+declare const inputDark: import("../../_mixins").Theme<"Input", {
+    fontWeight: string;
+    countTextColorDisabled: string;
+    countTextColor: string;
+    heightTiny: string;
+    heightSmall: string;
+    heightMedium: string;
+    heightLarge: string;
+    fontSizeTiny: string;
+    fontSizeSmall: string;
+    fontSizeMedium: string;
+    fontSizeLarge: string;
+    lineHeight: string;
+    lineHeightTextarea: string;
+    borderRadius: string;
+    iconSize: string;
+    groupLabelColor: string;
+    textColor: string;
+    textColorDisabled: string;
+    textDecorationColor: string;
+    groupLabelTextColor: string;
+    caretColor: string;
+    placeholderColor: string;
+    placeholderColorDisabled: string;
+    color: string;
+    colorDisabled: string;
+    colorFocus: string;
+    groupLabelBorder: string;
+    border: string;
+    borderHover: string;
+    borderDisabled: string;
+    borderFocus: string;
+    boxShadowFocus: string;
+    loadingColor: string;
+    loadingColorWarning: string;
+    borderWarning: string;
+    borderHoverWarning: string;
+    colorFocusWarning: string;
+    borderFocusWarning: string;
+    boxShadowFocusWarning: string;
+    caretColorWarning: string;
+    loadingColorError: string;
+    borderError: string;
+    borderHoverError: string;
+    colorFocusError: string;
+    borderFocusError: string;
+    boxShadowFocusError: string;
+    caretColorError: string;
+    clearColor: string;
+    clearColorHover: string;
+    clearColorPressed: string;
+    iconColor: string;
+    iconColorDisabled: string;
+    iconColorHover: string;
+    iconColorPressed: string;
+    suffixTextColor: string;
+    paddingTiny: string;
+    paddingSmall: string;
+    paddingMedium: string;
+    paddingLarge: string;
+    clearSize: string;
+}, {
+    Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+        height: string;
+        width: string;
+        borderRadius: string;
+        color: string;
+        colorHover: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
+        railColor: string;
+    }, any>;
+}>;
+export type InputThemeVars = ReturnType<typeof self>;
 export default inputDark;

package/lib/input/styles/dark.js

@@ -4,37 +4,43 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const seemly_1 = require("seemly");
+const styles_1 = require("../../_internal/scrollbar/styles");
+const _mixins_1 = require("../../_mixins");
 const common_1 = require("../../_styles/common");
 const _common_1 = __importDefault(require("./_common"));
-const inputDark = {
+function self(vars) {
+    const { textColor2, textColor3, textColorDisabled, primaryColor, primaryColorHover, inputColor, inputColorDisabled, warningColor, warningColorHover, errorColor, errorColorHover, borderRadius, lineHeight, fontSizeTiny, fontSizeSmall, fontSizeMedium, fontSizeLarge, heightTiny, heightSmall, heightMedium, heightLarge, clearColor, clearColorHover, clearColorPressed, placeholderColor, placeholderColorDisabled, iconColor, iconColorDisabled, iconColorHover, iconColorPressed, fontWeight } = vars;
+    return Object.assign(Object.assign({}, _common_1.default), { fontWeight, countTextColorDisabled: textColorDisabled, countTextColor: textColor3, heightTiny,
+        heightSmall,
+        heightMedium,
+        heightLarge,
+        fontSizeTiny,
+        fontSizeSmall,
+        fontSizeMedium,
+        fontSizeLarge,
+        lineHeight, lineHeightTextarea: lineHeight, borderRadius, iconSize: '16px', groupLabelColor: inputColor, textColor: textColor2, textColorDisabled, textDecorationColor: textColor2, groupLabelTextColor: textColor2, caretColor: primaryColor, placeholderColor,
+        placeholderColorDisabled, color: inputColor, colorDisabled: inputColorDisabled, colorFocus: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.1 }), groupLabelBorder: '1px solid #0000', border: '1px solid #0000', borderHover: `1px solid ${primaryColorHover}`, borderDisabled: '1px solid #0000', borderFocus: `1px solid ${primaryColorHover}`, boxShadowFocus: `0 0 8px 0 ${(0, seemly_1.changeColor)(primaryColor, { alpha: 0.3 })}`, loadingColor: primaryColor, 
+        // warning
+        loadingColorWarning: warningColor, borderWarning: `1px solid ${warningColor}`, borderHoverWarning: `1px solid ${warningColorHover}`, colorFocusWarning: (0, seemly_1.changeColor)(warningColor, { alpha: 0.1 }), borderFocusWarning: `1px solid ${warningColorHover}`, boxShadowFocusWarning: `0 0 8px 0 ${(0, seemly_1.changeColor)(warningColor, {
+            alpha: 0.3
+        })}`, caretColorWarning: warningColor, 
+        // error
+        loadingColorError: errorColor, borderError: `1px solid ${errorColor}`, borderHoverError: `1px solid ${errorColorHover}`, colorFocusError: (0, seemly_1.changeColor)(errorColor, { alpha: 0.1 }), borderFocusError: `1px solid ${errorColorHover}`, boxShadowFocusError: `0 0 8px 0 ${(0, seemly_1.changeColor)(errorColor, {
+            alpha: 0.3
+        })}`, caretColorError: errorColor, clearColor,
+        clearColorHover,
+        clearColorPressed,
+        iconColor,
+        iconColorDisabled,
+        iconColorHover,
+        iconColorPressed, suffixTextColor: textColor2 });
+}
+const inputDark = (0, _mixins_1.createTheme)({
     name: 'Input',
     common: common_1.commonDark,
-    self(vars) {
-        const { textColor2, textColor3, textColorDisabled, primaryColor, primaryColorHover, inputColor, inputColorDisabled, warningColor, warningColorHover, errorColor, errorColorHover, borderRadius, lineHeight, fontSizeTiny, fontSizeSmall, fontSizeMedium, fontSizeLarge, heightTiny, heightSmall, heightMedium, heightLarge, clearColor, clearColorHover, clearColorPressed, placeholderColor, placeholderColorDisabled, iconColor, iconColorDisabled, iconColorHover, iconColorPressed, fontWeight } = vars;
-        return Object.assign(Object.assign({}, _common_1.default), { fontWeight, countTextColorDisabled: textColorDisabled, countTextColor: textColor3, heightTiny,
-            heightSmall,
-            heightMedium,
-            heightLarge,
-            fontSizeTiny,
-            fontSizeSmall,
-            fontSizeMedium,
-            fontSizeLarge,
-            lineHeight, lineHeightTextarea: lineHeight, borderRadius, iconSize: '16px', groupLabelColor: inputColor, textColor: textColor2, textColorDisabled, textDecorationColor: textColor2, groupLabelTextColor: textColor2, caretColor: primaryColor, placeholderColor,
-            placeholderColorDisabled, color: inputColor, colorDisabled: inputColorDisabled, colorFocus: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.1 }), groupLabelBorder: '1px solid #0000', border: '1px solid #0000', borderHover: `1px solid ${primaryColorHover}`, borderDisabled: '1px solid #0000', borderFocus: `1px solid ${primaryColorHover}`, boxShadowFocus: `0 0 8px 0 ${(0, seemly_1.changeColor)(primaryColor, { alpha: 0.3 })}`, loadingColor: primaryColor, 
-            // warning
-            loadingColorWarning: warningColor, borderWarning: `1px solid ${warningColor}`, borderHoverWarning: `1px solid ${warningColorHover}`, colorFocusWarning: (0, seemly_1.changeColor)(warningColor, { alpha: 0.1 }), borderFocusWarning: `1px solid ${warningColorHover}`, boxShadowFocusWarning: `0 0 8px 0 ${(0, seemly_1.changeColor)(warningColor, {
-                alpha: 0.3
-            })}`, caretColorWarning: warningColor, 
-            // error
-            loadingColorError: errorColor, borderError: `1px solid ${errorColor}`, borderHoverError: `1px solid ${errorColorHover}`, colorFocusError: (0, seemly_1.changeColor)(errorColor, { alpha: 0.1 }), borderFocusError: `1px solid ${errorColorHover}`, boxShadowFocusError: `0 0 8px 0 ${(0, seemly_1.changeColor)(errorColor, {
-                alpha: 0.3
-            })}`, caretColorError: errorColor, clearColor,
-            clearColorHover,
-            clearColorPressed,
-            iconColor,
-            iconColorDisabled,
-            iconColorHover,
-            iconColorPressed, suffixTextColor: textColor2 });
-    }
-};
+    peers: {
+        Scrollbar: styles_1.scrollbarDark
+    },
+    self
+});
 exports.default = inputDark;

package/lib/input/styles/light.d.ts

@@ -1,4 +1,3 @@
-import type { Theme } from '../../_mixins';
 import type { ThemeCommonVars } from '../../_styles/common';
 declare function self(vars: ThemeCommonVars): {
     fontWeight: string;
@@ -62,7 +61,81 @@ declare function self(vars: ThemeCommonVars): {
     paddingLarge: string;
     clearSize: string;
 };
+declare const inputLight: import("../../_mixins").Theme<"Input", {
+    fontWeight: string;
+    countTextColorDisabled: string;
+    countTextColor: string;
+    heightTiny: string;
+    heightSmall: string;
+    heightMedium: string;
+    heightLarge: string;
+    fontSizeTiny: string;
+    fontSizeSmall: string;
+    fontSizeMedium: string;
+    fontSizeLarge: string;
+    lineHeight: string;
+    lineHeightTextarea: string;
+    borderRadius: string;
+    iconSize: string;
+    groupLabelColor: string;
+    groupLabelTextColor: string;
+    textColor: string;
+    textColorDisabled: string;
+    textDecorationColor: string;
+    caretColor: string;
+    placeholderColor: string;
+    placeholderColorDisabled: string;
+    color: string;
+    colorDisabled: string;
+    colorFocus: string;
+    groupLabelBorder: string;
+    border: string;
+    borderHover: string;
+    borderDisabled: string;
+    borderFocus: string;
+    boxShadowFocus: string;
+    loadingColor: string;
+    loadingColorWarning: string;
+    borderWarning: string;
+    borderHoverWarning: string;
+    colorFocusWarning: string;
+    borderFocusWarning: string;
+    boxShadowFocusWarning: string;
+    caretColorWarning: string;
+    loadingColorError: string;
+    borderError: string;
+    borderHoverError: string;
+    colorFocusError: string;
+    borderFocusError: string;
+    boxShadowFocusError: string;
+    caretColorError: string;
+    clearColor: string;
+    clearColorHover: string;
+    clearColorPressed: string;
+    iconColor: string;
+    iconColorDisabled: string;
+    iconColorHover: string;
+    iconColorPressed: string;
+    suffixTextColor: string;
+    paddingTiny: string;
+    paddingSmall: string;
+    paddingMedium: string;
+    paddingLarge: string;
+    clearSize: string;
+}, {
+    Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+        height: string;
+        width: string;
+        borderRadius: string;
+        color: string;
+        colorHover: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
+        railColor: string;
+    }, any>;
+}>;
 export type InputThemeVars = ReturnType<typeof self>;
-declare const inputLight: Theme<'Input', InputThemeVars>;
-export default inputLight;
 export type InputTheme = typeof inputLight;
+export default inputLight;

package/lib/input/styles/light.js

@@ -4,6 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const seemly_1 = require("seemly");
+const styles_1 = require("../../_internal/scrollbar/styles");
+const _mixins_1 = require("../../_mixins");
 const common_1 = require("../../_styles/common");
 const _common_1 = __importDefault(require("./_common"));
 function self(vars) {
@@ -33,9 +35,12 @@ function self(vars) {
         iconColorHover,
         iconColorPressed, suffixTextColor: textColor2 });
 }
-const inputLight = {
+const inputLight = (0, _mixins_1.createTheme)({
     name: 'Input',
     common: common_1.commonLight,
+    peers: {
+        Scrollbar: styles_1.scrollbarLight
+    },
     self
-};
+});
 exports.default = inputLight;

package/lib/input-number/src/InputNumber.d.ts

@@ -334,7 +334,20 @@ export declare const inputNumberProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputNumber", {
         iconColorDisabled: string;
@@ -604,7 +617,20 @@ export declare const inputNumberProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputNumber", {
         iconColorDisabled: string;
@@ -874,7 +900,20 @@ export declare const inputNumberProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
 };
 export type InputNumberProps = ExtractPublicPropTypes<typeof inputNumberProps>;
@@ -1216,7 +1255,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputNumber", {
         iconColorDisabled: string;
@@ -1486,7 +1538,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputNumber", {
         iconColorDisabled: string;
@@ -1756,7 +1821,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
 }>, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined, import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
@@ -2104,7 +2182,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 paddingMedium: string;
                 paddingLarge: string;
                 clearSize: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         };
         peerOverrides: {
             Button?: {
@@ -2114,7 +2205,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } | undefined;
             Input?: {
                 peers?: {
-                    [x: string]: any;
+                    Scrollbar?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
+                        color: string;
+                        colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
+                    }, any>> | undefined;
                 } | undefined;
             } | undefined;
         };
@@ -2463,7 +2565,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputNumber", {
         iconColorDisabled: string;
@@ -2733,7 +2848,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputNumber", {
         iconColorDisabled: string;
@@ -3003,7 +3131,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
 }>> & Readonly<{}>, {
     readonly: boolean;

package/lib/input-number/styles/light.d.ts

@@ -271,7 +271,20 @@ declare const inputNumberLight: import("../../_mixins").Theme<"InputNumber", {
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>;
 }>;
 export default inputNumberLight;
 export type InputNumberTheme = typeof inputNumberLight;