naive-ui 2.41.1 → 2.43.0

package/es/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/es/input/styles/dark.mjs

@@ -1,114 +1,120 @@
 import { changeColor } from 'seemly';
+import { scrollbarDark } from "../../_internal/scrollbar/styles/index.mjs";
+import { createTheme } from "../../_mixins/index.mjs";
 import { commonDark } from "../../_styles/common/index.mjs";
 import commonVariables from "./_common.mjs";
-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({}, commonVariables), {
+    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: 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 ${changeColor(primaryColor, {
+      alpha: 0.3
+    })}`,
+    loadingColor: primaryColor,
+    // warning
+    loadingColorWarning: warningColor,
+    borderWarning: `1px solid ${warningColor}`,
+    borderHoverWarning: `1px solid ${warningColorHover}`,
+    colorFocusWarning: changeColor(warningColor, {
+      alpha: 0.1
+    }),
+    borderFocusWarning: `1px solid ${warningColorHover}`,
+    boxShadowFocusWarning: `0 0 8px 0 ${changeColor(warningColor, {
+      alpha: 0.3
+    })}`,
+    caretColorWarning: warningColor,
+    // error
+    loadingColorError: errorColor,
+    borderError: `1px solid ${errorColor}`,
+    borderHoverError: `1px solid ${errorColorHover}`,
+    colorFocusError: changeColor(errorColor, {
+      alpha: 0.1
+    }),
+    borderFocusError: `1px solid ${errorColorHover}`,
+    boxShadowFocusError: `0 0 8px 0 ${changeColor(errorColor, {
+      alpha: 0.3
+    })}`,
+    caretColorError: errorColor,
+    clearColor,
+    clearColorHover,
+    clearColorPressed,
+    iconColor,
+    iconColorDisabled,
+    iconColorHover,
+    iconColorPressed,
+    suffixTextColor: textColor2
+  });
+}
+const inputDark = createTheme({
   name: 'Input',
   common: 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({}, commonVariables), {
-      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: 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 ${changeColor(primaryColor, {
-        alpha: 0.3
-      })}`,
-      loadingColor: primaryColor,
-      // warning
-      loadingColorWarning: warningColor,
-      borderWarning: `1px solid ${warningColor}`,
-      borderHoverWarning: `1px solid ${warningColorHover}`,
-      colorFocusWarning: changeColor(warningColor, {
-        alpha: 0.1
-      }),
-      borderFocusWarning: `1px solid ${warningColorHover}`,
-      boxShadowFocusWarning: `0 0 8px 0 ${changeColor(warningColor, {
-        alpha: 0.3
-      })}`,
-      caretColorWarning: warningColor,
-      // error
-      loadingColorError: errorColor,
-      borderError: `1px solid ${errorColor}`,
-      borderHoverError: `1px solid ${errorColorHover}`,
-      colorFocusError: changeColor(errorColor, {
-        alpha: 0.1
-      }),
-      borderFocusError: `1px solid ${errorColorHover}`,
-      boxShadowFocusError: `0 0 8px 0 ${changeColor(errorColor, {
-        alpha: 0.3
-      })}`,
-      caretColorError: errorColor,
-      clearColor,
-      clearColorHover,
-      clearColorPressed,
-      iconColor,
-      iconColorDisabled,
-      iconColorHover,
-      iconColorPressed,
-      suffixTextColor: textColor2
-    });
-  }
-};
+  peers: {
+    Scrollbar: scrollbarDark
+  },
+  self
+});
 export default inputDark;

package/es/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/es/input/styles/light.mjs

@@ -1,4 +1,6 @@
 import { changeColor } from 'seemly';
+import { scrollbarLight } from "../../_internal/scrollbar/styles/index.mjs";
+import { createTheme } from "../../_mixins/index.mjs";
 import { commonLight } from "../../_styles/common/index.mjs";
 import commonVariables from "./_common.mjs";
 function self(vars) {
@@ -103,9 +105,12 @@ function self(vars) {
     suffixTextColor: textColor2
   });
 }
-const inputLight = {
+const inputLight = createTheme({
   name: 'Input',
   common: commonLight,
+  peers: {
+    Scrollbar: scrollbarLight
+  },
   self
-};
+});
 export default inputLight;