@sheinx/shineout-style 3.1.27 → 3.2.0-beta.2

package/cjs/menu/search.d.ts

@@ -0,0 +1,6 @@
+import { MenuSearchClasses } from '@sheinx/base';
+import { JsStyles } from '../jss-style';
+export type MenuSearchClassType = keyof MenuSearchClasses;
+declare const menuSearchStyle: JsStyles<MenuSearchClassType>;
+export default menuSearchStyle;
+//# sourceMappingURL=search.d.ts.map

package/cjs/menu/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["search.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA6FlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/menu/search.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _theme = _interopRequireWildcard(require("@sheinx/theme"));
+var _wrapperDark;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var menuSearchStyle = {
+  wrapper: _defineProperty({}, (0, _theme.getTokenName)('inputBorderRadius'), _theme.default.menuSearchBorderRadius),
+  wrapperDark: (_wrapperDark = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_wrapperDark, (0, _theme.getTokenName)('inputClearColor'), _theme.default.menuSearchDarkClearColor), (0, _theme.getTokenName)('inputHoverClearColor'), _theme.default.menuSearchDarkHoverClearColor), (0, _theme.getTokenName)('inputBorderColor'), _theme.default.menuSearchDarkBackgroundColor), (0, _theme.getTokenName)('inputBackgroundColor'), _theme.default.menuSearchDarkBackgroundColor), (0, _theme.getTokenName)('inputFontColor'), _theme.default.menuSearchDarkFontColor), (0, _theme.getTokenName)('inputPlaceholderFontColor'), _theme.default.menuSearchDarkPlaceholderFontColor), (0, _theme.getTokenName)('inputHoverBorderColor'), _theme.default.menuSearchDarkHoverBorderColor), (0, _theme.getTokenName)('inputHoverBackgroundColor'), _theme.default.menuSearchDarkHoverBackgroundColor), (0, _theme.getTokenName)('inputFocusBorderColor'), _theme.default.menuSearchDarkFocusBorderColor), (0, _theme.getTokenName)('inputFocusBackgroundColor'), _theme.default.menuSearchDarkFocusBackgroundColor), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_wrapperDark, (0, _theme.getTokenName)('inputFocusShadow'), _theme.default.menuSearchDarkFocusShadow), (0, _theme.getTokenName)('inputDisabledBorderColor'), _theme.default.menuSearchDarkBackgroundColor), (0, _theme.getTokenName)('inputDisabledBackgroundColor'), _theme.default.menuSearchDarkBackgroundColor), (0, _theme.getTokenName)('inputDisabledFontColor'), _theme.default.menuSearchDarkFontColor), (0, _theme.getTokenName)('inputDisabledPlaceholderFontColor'), _theme.default.menuSearchDarkPlaceholderFontColor)),
+  wrapperLight: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, (0, _theme.getTokenName)('inputBorderColor'), _theme.default.menuSearchBackgroundColor), (0, _theme.getTokenName)('inputBackgroundColor'), _theme.default.menuSearchBackgroundColor), (0, _theme.getTokenName)('inputHoverBorderColor'), _theme.default.menuSearchHoverBorderColor), (0, _theme.getTokenName)('inputHoverBackgroundColor'), _theme.default.menuSearchHoverBackgroundColor), (0, _theme.getTokenName)('inputDisabledBorderColor'), _theme.default.menuSearchDisabledBackgroundColor), (0, _theme.getTokenName)('inputDisabledBackgroundColor'), _theme.default.menuSearchDisabledBackgroundColor), (0, _theme.getTokenName)('inputClearColor'), _theme.default.menuSearchClearColor), (0, _theme.getTokenName)('inputHoverClearColor'), _theme.default.menuSearchHoverClearColor),
+  wrapperCollapsed: {
+    borderRadius: '50%',
+    padding: _theme.default.menuSearchPaddingX,
+    cursor: 'pointer',
+    lineHeight: 1,
+    '$wrapperLight&': {
+      background: _theme.default.menuSearchBackgroundColor,
+      border: "1px solid ".concat(_theme.default.menuSearchBackgroundColor),
+      '&:hover': {
+        background: _theme.default.menuSearchHoverBackgroundColor,
+        borderColor: _theme.default.menuSearchHoverBorderColor
+      },
+      '$wrapperDisabled&': {
+        background: _theme.default.menuSearchDisabledBackgroundColor,
+        borderColor: _theme.default.menuSearchDisabledBackgroundColor
+      }
+    },
+    '$wrapperDark&': {
+      background: _theme.default.menuSearchDarkBackgroundColor,
+      border: "1px solid ".concat(_theme.default.menuSearchDarkBackgroundColor),
+      '&:hover': {
+        background: _theme.default.menuSearchDarkHoverBackgroundColor,
+        borderColor: _theme.default.menuSearchDarkHoverBorderColor
+      },
+      '$wrapperDisabled&': {
+        background: _theme.default.menuSearchDarkBackgroundColor,
+        borderColor: _theme.default.menuSearchDarkBackgroundColor,
+        '&$search': {
+          color: _theme.default.menuSearchDarkIconColor
+        }
+      }
+    }
+  },
+  wrapperDisabled: {
+    cursor: 'not-allowed',
+    '&$wrapperDark': {
+      opacity: 0.3
+    }
+  },
+  input: {
+    width: '100%'
+  },
+  search: {
+    width: _theme.default.menuSearchIconSize,
+    height: _theme.default.menuSearchIconSize,
+    cursor: 'pointer',
+    display: 'flex',
+    justifyContent: 'center',
+    marginRight: _theme.default.menuSearchIconMarginX,
+    color: _theme.default.menuSearchIconColor,
+    '$wrapperDisabled &': {
+      color: _theme.default.inputDisabledFontColor,
+      cursor: 'not-allowed'
+    },
+    '$wrapperDark &': {
+      color: _theme.default.menuSearchDarkIconColor
+    },
+    '$wrapperCollapsed &': {
+      marginRight: 0
+    }
+  }
+};
+var _default = exports.default = menuSearchStyle;

package/cjs/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAKpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAiK5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAMpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAiL5C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/popover/popover.js

@@ -6,7 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _theme = _interopRequireDefault(require("@sheinx/theme"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var arrowGap = 10;
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var cssvar = '--popover-arrow-gap';
+var hideArrowGap = "var(".concat(cssvar, ", 10px)");
 var arrowMargin = '8px';
 var popoverStyle = {
   wrapper: {
@@ -36,8 +41,9 @@ var popoverStyle = {
         borderRight: 'transparent'
       }
     },
+    '&$hideArrow': _defineProperty({}, cssvar, '4px'),
     '&[data-soui-position^="bottom"]': {
-      marginTop: arrowGap - 2,
+      marginTop: "calc(".concat(hideArrowGap, " - 2px)"),
       '& $arrow': {
         top: '0',
         transform: 'translate(0, -50%) rotate(-45deg)',
@@ -46,17 +52,18 @@ var popoverStyle = {
         margin: 'auto'
       },
       '&::after': {
-        top: arrowGap * -1,
+        top: "calc(".concat(hideArrowGap, " * -1)"),
         left: '0',
         right: '0',
         content: '" "',
         display: 'block',
-        height: arrowGap,
+        height: hideArrowGap,
         position: 'absolute'
       }
     },
     '&[data-soui-position^="top"]': {
-      marginTop: (arrowGap - 2) * -1,
+      // marginTop: (arrowGap - 2) * -1,
+      marginTop: "calc((".concat(hideArrowGap, " - 2px) * -1)"),
       '& $arrow': {
         bottom: '0',
         transform: 'translate(0, 50%) rotate(135deg)',
@@ -65,21 +72,25 @@ var popoverStyle = {
         margin: 'auto'
       },
       '&::after': {
-        bottom: arrowGap * -1,
+        // bottom: arrowGap * -1,
+        bottom: "calc(".concat(hideArrowGap, " * -1)"),
         left: '0',
         right: '0',
         content: '" "',
         display: 'block',
-        height: arrowGap,
+        // height: arrowGap,
+        height: hideArrowGap,
         position: 'absolute'
       }
     },
     '&[data-soui-position^="left"]': {
+      // '&[dir=ltr]': { marginLeft: (arrowGap - 2) * -1 },
       '&[dir=ltr]': {
-        marginLeft: (arrowGap - 2) * -1
+        marginLeft: "calc((".concat(hideArrowGap, " - 2px) * -1)")
       },
+      // '&[dir=rtl]': { marginRight: (arrowGap - 2) * -1 },
       '&[dir=rtl]': {
-        marginRight: (arrowGap - 2) * -1
+        marginRight: "calc((".concat(hideArrowGap, " - 2px) * -1)")
       },
       '& $arrow': {
         right: _theme.default.popoverBorderWidth,
@@ -89,21 +100,24 @@ var popoverStyle = {
         margin: 'auto'
       },
       '&::after': {
-        left: arrowGap * -1,
+        // left: arrowGap * -1,
+        left: "calc(".concat(hideArrowGap, " * -1)"),
         top: '0',
         bottom: '0',
         content: '" "',
         display: 'block',
-        width: arrowGap,
+        width: hideArrowGap,
         position: 'absolute'
       }
     },
     '&[data-soui-position^="right"]': {
+      // '&[dir=ltr]': { marginLeft: arrowGap - 2 },
       '&[dir=ltr]': {
-        marginLeft: arrowGap - 2
+        marginLeft: "calc(".concat(hideArrowGap, " - 2px)")
       },
+      // '&[dir=rtl]': { marginRight: arrowGap - 2 },
       '&[dir=rtl]': {
-        marginRight: arrowGap - 2
+        marginRight: "calc(".concat(hideArrowGap, " - 2px)")
       },
       '& $arrow': {
         left: '0',
@@ -113,12 +127,14 @@ var popoverStyle = {
         margin: 'auto'
       },
       '&::after': {
-        left: arrowGap * -1,
+        // left: arrowGap * -1,
+        left: "calc(".concat(hideArrowGap, " * -1)"),
         top: '0',
         bottom: '0',
         content: '" "',
         display: 'block',
-        width: arrowGap,
+        // width: arrowGap,
+        width: hideArrowGap,
         position: 'absolute'
       }
     },
@@ -166,10 +182,12 @@ var popoverStyle = {
     display: 'block'
   },
   arrow: {},
+  hideArrow: {},
   content: {
     position: 'relative',
     zIndex: 2,
     fontSize: _theme.default.popoverFontSize,
+    fontWeight: _theme.default.popoverFontWeight,
     color: _theme.default.popoverFontColor,
     background: 'inherit',
     borderRadius: 'inherit'
@@ -187,7 +205,7 @@ var popoverStyle = {
       backgroundColor: 'transparent',
       border: 0,
       padding: 0,
-      marginBottom: _theme.default.popoverConfirmPaddingY
+      marginBottom: _theme.default.popoverConfirmMarginY
     }
   },
   footer: {

package/cjs/progress/progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["progress.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAkI9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["progress.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAiJ9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/progress/progress.js

@@ -56,10 +56,6 @@ var progressStyle = {
     height: '100%',
     boxSizing: 'border-box',
     borderRadius: 'inherit',
-    '$lineInner &': {
-      display: 'flex',
-      alignItems: 'center'
-    },
     '$wrapperSuccess &': {
       backgroundColor: _theme.default.progressSuccessFrontBackgroundColor
     },
@@ -71,6 +67,22 @@ var progressStyle = {
     },
     '$wrapperDanger &': {
       backgroundColor: _theme.default.progressDangerFrontBackgroundColor
+    },
+    '$lineInner &': {
+      display: 'flex',
+      alignItems: 'center',
+      '$wrapperSuccess&': {
+        backgroundColor: _theme.default.progressLineInnerSuccessFrontBackgroundColor
+      },
+      '$wrapperWarning&': {
+        backgroundColor: _theme.default.progressLineInnerWarningFrontBackgroundColor
+      },
+      '$wrapperInfo&': {
+        backgroundColor: _theme.default.progressLineInnerInfoFrontBackgroundColor
+      },
+      '$wrapperDanger&': {
+        backgroundColor: _theme.default.progressLineInnerDangerFrontBackgroundColor
+      }
     }
   },
   content: {
@@ -80,7 +92,19 @@ var progressStyle = {
     '$lineInner &': {
       marginLeft: 'auto',
       padding: "0 ".concat(_theme.default.progressLineInnerPaddingX),
-      color: _theme.default.progressLineInnerFontColor
+      fontWeight: _theme.default.progressLineFontWeight
+    },
+    '$wrapperSuccess &': {
+      color: _theme.default.progressSuccessInnerFontColor
+    },
+    '$wrapperWarning &': {
+      color: _theme.default.progressWarningInnerFontColor
+    },
+    '$wrapperInfo &': {
+      color: _theme.default.progressInfoInnerFontColor
+    },
+    '$wrapperDanger &': {
+      color: _theme.default.progressDangerInnerFontColor
     },
     '$lineInnerRight &&': {
       // marginLeft: token.progressLineInnerPaddingX,
@@ -97,7 +121,7 @@ var progressStyle = {
     background: _theme.default.progressLineBackgroundColor,
     padding: '3px 8px',
     borderRadius: '2px',
-    color: _theme.default.progressLineColor,
+    color: _theme.default.progressLinePopFontColor,
     boxShadow: '0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05)'
   },
   linePopValue: {},
@@ -138,6 +162,19 @@ var progressStyle = {
     '& $icon': {
       width: '31.25%',
       height: '31.25%'
+    },
+    fontWeight: _theme.default.progressCircleFontWeight,
+    '&$wrapperSuccess $content': {
+      color: _theme.default.progressCircleSuccessFontColor
+    },
+    '&$wrapperWarning $content': {
+      color: _theme.default.progressCircleWarningFontColor
+    },
+    '&$wrapperInfo $content': {
+      color: _theme.default.progressCircleInfoFontColor
+    },
+    '&$wrapperDanger $content': {
+      color: _theme.default.progressCircleDangerFontColor
     }
   },
   circleBg: {

package/cjs/rate/rate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAoB9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAmFtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"rate.d.ts","sourceRoot":"","sources":["rate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAoB9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAoFtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/rate/rate.js

@@ -104,8 +104,9 @@ var rateStyle = {
   },
   text: {
     fontSize: _theme.default.rateFontSize,
+    fontWeight: _theme.default.rateFontWeight,
     color: _theme.default.rateFontColor,
-    paddingLeft: 10
+    paddingLeft: _theme.default.rateTextGap
   },
   itemDisabled: {},
   itemAnimation: {

package/cjs/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AA8ClD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAie1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAif1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/select/select.js

@@ -17,27 +17,36 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var inputBorderToken = {
   lineHeight: _theme.default.lineHeightDynamic,
-  borderRadius: _theme.default.selectBorderRadius,
-  fontSize: _theme.default.selectFontSize,
-  smallFontSize: _theme.default.selectSmallFontSize,
-  largeFontSize: _theme.default.selectLargeFontSize,
+  borderRadius: _theme.default.inputBorderRadius,
+  fontSize: _theme.default.inputFontSize,
+  fontWeight: _theme.default.inputFontWeight,
+  smallFontSize: _theme.default.inputSmallFontSize,
+  largeFontSize: _theme.default.inputLargeFontSize,
   paddingY: _theme.default.selectPaddingY,
   smallPaddingY: _theme.default.selectSmallPaddingY,
   largePaddingY: _theme.default.selectLargePaddingY,
   paddingX: _theme.default.selectPaddingX,
   smallPaddingX: _theme.default.selectSmallPaddingX,
   largePaddingX: _theme.default.selectLargePaddingX,
-  borderColor: _theme.default.selectBorderColor,
-  focusBorderColor: _theme.default.selectFocusBorderColor,
-  hoverBorderColor: _theme.default.selectHoverBorderColor,
-  disabledBorderColor: _theme.default.selectDisabledBorderColor,
-  errorBorderColor: _theme.default.selectErrorBorderColor,
-  fontColor: _theme.default.selectFontColor,
-  disabledFontColor: _theme.default.selectDisabledFontColor,
-  backgroundColor: _theme.default.selectBackgroundColor,
-  disabledBackgroundColor: _theme.default.selectDisabledBackgroundColor,
-  focusShadow: _theme.default.selectFocusShadow,
-  errorFocusShadow: _theme.default.selectErrorFocusShadow,
+  borderColor: _theme.default.inputBorderColor,
+  borderWidth: _theme.default.inputBorderWidth,
+  focusBorderColor: _theme.default.inputFocusBorderColor,
+  hoverBorderColor: _theme.default.inputHoverBorderColor,
+  disabledBorderColor: _theme.default.inputDisabledBorderColor,
+  errorBorderColor: _theme.default.inputErrorBorderColor,
+  errorHoverBorderColor: _theme.default.inputErrorHoverBorderColor,
+  errorFocusBorderColor: _theme.default.inputErrorFocusBorderColor,
+  fontColor: _theme.default.inputFontColor,
+  disabledFontColor: _theme.default.inputDisabledFontColor,
+  backgroundColor: _theme.default.inputBackgroundColor,
+  hoverBackgroundColor: _theme.default.inputHoverBackgroundColor,
+  focusBackgroundColor: _theme.default.inputFocusBackgroundColor,
+  disabledBackgroundColor: _theme.default.inputDisabledBackgroundColor,
+  errorBackgroundColor: _theme.default.inputErrorBackgroundColor,
+  errorFocusBackgroundColor: _theme.default.inputErrorFocusBackgroundColor,
+  errorHoverBackgroundColor: _theme.default.inputErrorHoverBackgroundColor,
+  focusShadow: _theme.default.inputFocusShadow,
+  errorFocusShadow: _theme.default.inputErrorFocusShadow,
   innerTitlePaddingY: _theme.default.inputInnerPaddingY,
   innerTitlePaddingX: _theme.default.inputInnerPaddingX,
   smallInnerTitlePaddingY: _theme.default.inputInnerSmallPaddingY,
@@ -98,7 +107,7 @@ var selectStyle = _objectSpread(_objectSpread({
         marginBottom: _theme.default.selectLargePlaceholderMarginY
       }
     },
-    '&:hover': {
+    '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
       cursor: 'pointer',
       '&$clearable:not($wrapperEmpty)': {
         '& $clearIcon': {
@@ -108,7 +117,7 @@ var selectStyle = _objectSpread(_objectSpread({
           display: 'none'
         }
       }
-    },
+    }),
     '&:not($wrapperEmpty):not($wrapperOpen)': {
       '& $clearIcon': {
         display: 'none'
@@ -120,6 +129,9 @@ var selectStyle = _objectSpread(_objectSpread({
   wrapperDisabled: _objectSpread(_objectSpread({}, wrapperDisabled), {}, {
     '& $arrowIcon': {
       color: _theme.default.selectDisabledIconColor
+    },
+    '& $placeholder': {
+      color: _theme.default.selectDisabledPlaceholderColor
     }
   }),
   popover: {}
@@ -333,8 +345,13 @@ var selectStyle = _objectSpread(_objectSpread({
   loading: {
     padding: 10,
     display: 'flex',
-    justifyContent: 'center'
+    justifyContent: 'center',
+    '& > $loadingSpin': {
+      borderColor: _theme.default.selectLoadingSpinColor,
+      borderTopColor: 'transparent'
+    }
   },
+  loadingSpin: {},
   checkedIcon: {
     '&[dir=ltr]': {
       right: 8
@@ -430,10 +447,16 @@ var selectStyle = _objectSpread(_objectSpread({
     overflow: 'hidden',
     textOverflow: 'ellipsis',
     whiteSpace: 'nowrap',
+    color: _theme.default.selectOptionFontColor,
     fontSize: _theme.default.selectFontSize,
     lineHeight: _theme.default.lineHeightDynamic,
+    background: _theme.default.selectOptionBackgroundColor,
     padding: "".concat(_theme.default.selectOptionInnerPaddingY, " ").concat(_theme.default.selectOptionInnerPaddingX),
-    borderRadius: _theme.default.selectOptionInnerBorderRadius
+    borderRadius: _theme.default.selectOptionInnerBorderRadius,
+    // hover
+    '&:not($optionDisabled):not($optionActive):hover': {
+      color: _theme.default.selectOptionHoverFontColor
+    }
   },
   optionHover: {
     // backgroundColor: token.selectOptionHoverBackgroundColor,
@@ -463,14 +486,15 @@ var selectStyle = _objectSpread(_objectSpread({
     fontSize: _theme.default.selectGroupTitleFontSize,
     lineHeight: _theme.default.lineHeightDynamic,
     padding: "".concat(_theme.default.selectGroupTitlePaddingTop, " ").concat(_theme.default.selectGroupTitlePaddingX, " ").concat(_theme.default.selectGroupTitlePaddingBottom, " ").concat(_theme.default.selectGroupTitlePaddingX),
-    color: _theme.default.selectGroupTitleFontColor
+    color: _theme.default.selectGroupTitleFontColor,
+    fontWeight: _theme.default.selectGroupTitleFontWeight
   },
   header: {
     display: 'flex',
     alignItems: 'center',
     boxSizing: 'border-box',
     height: 32,
-    padding: _theme.default.selectHeaderPadding,
+    padding: "".concat(_theme.default.selectHeaderPaddingY, " ").concat(_theme.default.selectHeaderPaddingX),
     borderBottom: "1px solid ".concat(_theme.default.selectHeaderBorderColor),
     marginBottom: 4,
     '& $columnsCheckbox': {
@@ -487,7 +511,7 @@ var selectStyle = _objectSpread(_objectSpread({
     alignItems: 'center',
     padding: "0 ".concat(_theme.default.selectOptionPaddingX),
     '& $optionGroupTitle': {
-      padding: "0 ".concat(_theme.default.selectHeaderPadding),
+      padding: "0 ".concat(_theme.default.selectHeaderPaddingX),
       marginLeft: _theme.default.selectColumnOptionMargin
     }
   },
@@ -504,8 +528,8 @@ var selectStyle = _objectSpread(_objectSpread({
       marginRight: 0
     },
     '&:not($optionDisabled):hover': {
-      background: _theme.default.selectColumnBackgroundColor,
-      borderRadius: _theme.default.selectColumnBorderRadius
+      background: _theme.default.selectOptionHoverBackgroundColor,
+      borderRadius: _theme.default.selectPanelRadius
     }
   },
   columnsRadio: {
@@ -530,7 +554,7 @@ var selectStyle = _objectSpread(_objectSpread({
     }
   },
   empty: {
-    color: _theme.default.selectPlaceholderColor
+    color: _theme.default.selectEmptyFontColor
   }
 });
 var _default = exports.default = selectStyle;

package/cjs/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAiaxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAqbxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/table/table.js

@@ -72,6 +72,8 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
       '& td': {
         background: _theme.default.tableTbodyBackgroundColor,
         color: _theme.default.tableTbodyFontColor,
+        fontSize: _theme.default.tableCellFontSize,
+        fontWeight: _theme.default.tableCellFontWeight,
         '&[data-soui-table-selection]::before': {
           content: '""',
           position: 'absolute',
@@ -87,12 +89,14 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
         verticalAlign: 'middle',
         background: _theme.default.tableTheadBackgroundColor,
         color: _theme.default.tableTheadFontColor,
-        fontWeight: 'bold',
-        boxSizing: 'border-box'
+        boxSizing: 'border-box',
+        fontWeight: _theme.default.tableTheadFontWeight,
+        fontSize: _theme.default.tableTheadFontSize
       },
       '& tfoot td': {
         background: _theme.default.tableTfootBackgroundColor,
-        color: _theme.default.tableTfootFontColor
+        color: _theme.default.tableTfootFontColor,
+        fontWeight: _theme.default.tableTfootFontWeight
       },
       '&bordered tr:last-child td': {
         borderBottom: 'none'
@@ -120,11 +124,27 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
   small: {
     '& th, & td': {
       padding: "".concat(_theme.default.tableSmallCellPaddingY, " ").concat(_theme.default.tableSmallCellPaddingX)
+    },
+    '& table th': {
+      fontSize: _theme.default.tableSmallTheadFontSize,
+      fontWeight: _theme.default.tableSmallTheadFontWeight
+    },
+    '& table td': {
+      fontSize: _theme.default.tableSmallCellFontSize,
+      fontWeight: _theme.default.tableSmallCellFontWeight
     }
   },
   large: {
     '& th, & td': {
       padding: "".concat(_theme.default.tableLargeCellPaddingY, " ").concat(_theme.default.tableLargeCellPaddingX)
+    },
+    '& table th': {
+      fontSize: _theme.default.tableLargeTheadFontSize,
+      fontWeight: _theme.default.tableLargeTheadFontWeight
+    },
+    '& table td': {
+      fontSize: _theme.default.tableLargeCellFontSize,
+      fontWeight: _theme.default.tableLargeCellFontWeight
     }
   },
   bordered: {

package/cjs/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA+I1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA4IxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA+I1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA+IxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/tag/tag.js

@@ -63,7 +63,7 @@ var tag = function tag(type) {
         backgroundColor: _theme.default["tag".concat(type, "FillDisabledBackgroundColor")],
         border: "1px solid ".concat(_theme.default["tag".concat(type, "FillDisabledBorderColor")]),
         '& $closeIconWrapper': {
-          fill: _theme.default["tag".concat(type, "FillFontColor")],
+          fill: _theme.default["tag".concat(type, "FillDisabledFontColor")],
           '&:hover': {
             fill: _theme.default["tag".concat(type, "FillFontColor")],
             backgroundColor: 'transparent'
@@ -74,7 +74,7 @@ var tag = function tag(type) {
     // outline 边框风格
     '&$outline': {
       background: '#fff',
-      color: _theme.default["tag".concat(type, "FontColor")],
+      color: _theme.default["tag".concat(type, "OutlineFontColor")],
       border: "1px solid ".concat(_theme.default["tag".concat(type, "OutlineBorderColor")]),
       '& $closeIconWrapper': {
         // hover
@@ -126,6 +126,7 @@ var TagStyle = {
     display: 'inline-flex',
     padding: "0 ".concat(_theme.default.tagPaddingX),
     fontSize: _theme.default.tagFontSize,
+    fontWeight: _theme.default.tagFontWeight,
     borderRadius: _theme.default.tagBorderRadius,
     boxSizing: 'border-box',
     lineHeight: "calc(".concat(_theme.default.tagFontSize, " + 4px)"),
@@ -155,6 +156,7 @@ var TagStyle = {
   large: {
     fontSize: _theme.default.tagLargeFontSize,
     lineHeight: "calc(".concat(_theme.default.tagLargeFontSize, " + 8px)"),
+    fontWeight: _theme.default.tagLargeFontWeight,
     padding: "".concat(_theme.default.tagLargePaddingY, " ").concat(_theme.default.tagLargePaddingX),
     '& $closeIconWrapper': {
       '& svg': {
@@ -166,6 +168,7 @@ var TagStyle = {
   small: {
     lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)"),
     padding: "0 ".concat(_theme.default.tagSmallPaddingX),
+    fontWeight: _theme.default.tagSmallFontWeight,
     '& $container': {
       lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)")
     },

package/cjs/textarea/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AA6CxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CA6F1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyDxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CA6F1C,CAAC;AAEF,eAAe,KAAK,CAAC"}