@sheinx/shineout-style 3.9.4-beta.11 → 3.9.4-beta.13

package/cjs/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA8gB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA+gB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/cascader/cascader.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _theme = _interopRequireDefault(require("@sheinx/theme"));
+var _theme = _interopRequireWildcard(require("@sheinx/theme"));
 var _inputBorder = _interopRequireDefault(require("../input/input-border"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -419,7 +421,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
     paddingTop: _theme.default.cascaderListPaddingY,
     paddingBottom: _theme.default.cascaderListPaddingY
   },
-  tag: {
+  tag: _defineProperty(_defineProperty({
     flexShrink: 0,
     '&$tag + &$tag': {
       marginLeft: 0
@@ -428,11 +430,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
     marginRight: _theme.default.cascaderTagMarginRight,
     marginTop: _theme.default.cascaderTagMarginY,
     marginBottom: _theme.default.cascaderTagMarginY,
-    textWrap: 'nowrap',
-    '&$hideTag': {
-      marginRight: 0
-    }
-  },
+    textWrap: 'nowrap'
+  }, (0, _theme.getTokenName)('tagDefaultLineBase'), _theme.default.inputFontSize), '&$hideTag', {
+    marginRight: 0
+  }),
   tagOnly: {
     flexShrink: 1,
     minWidth: 42

package/cjs/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAupBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA+pBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/date-picker/date-picker.js

@@ -307,10 +307,15 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     alignItems: 'center',
     justifyContent: 'center',
     cursor: 'pointer',
-    width: _theme.default.datePickerPanelHeaderIconHotWidth,
-    height: _theme.default.datePickerPanelHeaderIconHotWidth,
+    width: "calc(".concat(_theme.default.datePickerPanelHeaderFontSize, " + 8px)"),
+    height: "calc(".concat(_theme.default.datePickerPanelHeaderFontSize, " + 8px)"),
     color: _theme.default.datePickerPanelHeaderIconColor,
     borderRadius: '50%',
+    '$pickerHeaderRight:has(&), $pickerHeaderLeft:has(&)': {
+      display: 'flex',
+      alignItems: 'center',
+      height: _theme.default.datePickerPanelHeaderIconHotWidth
+    },
     '&[dir=rtl]': {
       transform: 'rotate(180deg)'
     },
@@ -363,6 +368,9 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     borderTop: "1px solid ".concat(_theme.default.datePickerPanelHeaderBorderColor),
     display: 'flex',
     justifyContent: 'space-between',
+    '&:empty': {
+      display: 'none'
+    },
     '&[dir=rtl] $pickerFooterConfirm': {
       'margin-right': 'auto'
     },

package/cjs/modal/modal.js

@@ -352,8 +352,8 @@ var modalStyle = _objectSpread(_objectSpread({
   headerClose: {
     marginLeft: _theme.default.modalHeaderCloseMarginXStart,
     marginTop: _theme.default.modalHeaderCloseTop,
-    width: _theme.default.modalHeaderCloseSize,
-    height: _theme.default.modalHeaderCloseSize,
+    width: _theme.default.modalHeaderFontSize,
+    height: _theme.default.modalHeaderFontSize,
     cursor: 'pointer',
     display: 'block',
     color: _theme.default.modalHeaderCloseColor,

package/cjs/radio/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAyK5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CA4K5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/radio/radio.js

@@ -27,6 +27,9 @@ var radioStyle = _objectSpread(_objectSpread({}, _common.animations), {}, {
     },
     'button&': {
       padding: "".concat(_theme.default.radioButtonPaddingY, " ").concat(_theme.default.radioButtonPaddingX)
+    },
+    'button[data-soui-outline]&:not($wrapperChecked):not($wrapperDisabled):not(:hover)': {
+      borderColor: _theme.default.radioButtonBorderColor
     }
   },
   wrapperSmall: {

package/cjs/rate/rate.js

@@ -45,8 +45,8 @@ var rateStyle = _objectSpread(_objectSpread({}, animation), {}, {
     display: 'flex',
     boxSizing: 'border-box',
     alignItems: 'center',
-    width: _theme.default.rateSize,
-    fontSize: _theme.default.rateSize,
+    width: "calc(".concat(_theme.default.rateFontSize, " + 10px)"),
+    fontSize: "calc(".concat(_theme.default.rateFontSize, " + 10px)"),
     lineHeight: 1,
     '&:not($itemDisabled):hover': {
       cursor: 'pointer',

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;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA+hB1C,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,CAgiB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/select/select.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _theme = _interopRequireDefault(require("@sheinx/theme"));
+var _theme = _interopRequireWildcard(require("@sheinx/theme"));
 var _inputBorder = _interopRequireDefault(require("../input/input-border"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -411,7 +413,7 @@ var selectStyle = _objectSpread(_objectSpread({
       }
     }
   },
-  tag: {
+  tag: _defineProperty(_defineProperty({
     flexShrink: 0,
     '&$tag + &$tag': {
       marginLeft: 0
@@ -420,11 +422,10 @@ var selectStyle = _objectSpread(_objectSpread({
     marginRight: _theme.default.selectTagMarginRight,
     marginTop: _theme.default.selectTagMarginY,
     marginBottom: _theme.default.selectTagMarginY,
-    textWrap: 'nowrap',
-    '&$hideTag': {
-      marginRight: 0
-    }
-  },
+    textWrap: 'nowrap'
+  }, (0, _theme.getTokenName)('tagDefaultLineBase'), _theme.default.inputFontSize), '&$hideTag', {
+    marginRight: 0
+  }),
   tagOnly: {
     flexShrink: 1,
     minWidth: 42

package/cjs/switch/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CA4L9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CA6L9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/switch/switch.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _theme = _interopRequireDefault(require("@sheinx/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _theme = _interopRequireWildcard(require("@sheinx/theme"));
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -26,7 +27,7 @@ var transition = '.2s cubic-bezier(.34,.69,.1,1)';
 var switchStyle = _objectSpread(_objectSpread({
   rootClass: {}
 }, animation), {}, {
-  wrapper: {
+  wrapper: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     '[data-soui-role="form-control"] >  &': {
       margin: '5px 0'
     },
@@ -51,30 +52,23 @@ var switchStyle = _objectSpread(_objectSpread({
     '$wrapperChecked$wrapperDisabled&': {
       backgroundColor: _theme.default.switchCheckedDisabledBackgroundColor,
       color: _theme.default.switchCheckedDisabledFontColor
-    },
-    height: "calc( ".concat(_theme.default.switchCircleSize, " + ").concat(_theme.default.switchPaddingY, " * 2 )"),
-    padding: "".concat(_theme.default.switchPaddingY, " ").concat(_theme.default.switchPaddingX),
-    minWidth: _theme.default.switchWidth,
-    borderRadius: "calc( ".concat(_theme.default.switchCircleSize, " / 2 + ").concat(_theme.default.switchPaddingY, " )"),
-    fontSize: _theme.default.switchFontSize,
-    '$wrapperSmall&': {
-      height: "calc( ".concat(_theme.default.switchSmallCircleSize, " + ").concat(_theme.default.switchSmallPaddingY, " * 2 )"),
-      padding: "".concat(_theme.default.switchSmallPaddingY, " ").concat(_theme.default.switchSmallPaddingX),
-      minWidth: _theme.default.switchSmallWidth,
-      borderRadius: "calc( ".concat(_theme.default.switchSmallCircleSize, " / 2 + ").concat(_theme.default.switchSmallPaddingY, " )"),
-      fontSize: _theme.default.switchSmallFontSize,
-      '[data-soui-role="form-control"] > &': {
-        marginTop: 8
-      }
-    },
-    '$wrapperLarge&': {
-      height: "calc( ".concat(_theme.default.switchLargeCircleSize, " + ").concat(_theme.default.switchLargePaddingY, " * 2 )"),
-      padding: "".concat(_theme.default.switchLargePaddingY, " ").concat(_theme.default.switchLargePaddingX),
-      minWidth: _theme.default.switchLargeWidth,
-      borderRadius: "calc( ".concat(_theme.default.switchLargeCircleSize, " / 2 + ").concat(_theme.default.switchLargePaddingY, " )"),
-      fontSize: _theme.default.switchLargeFontSize
     }
-  },
+  }, (0, _theme.getTokenName)('switchCircleSize'), "calc(".concat(_theme.default.switchFontSize, " + 4px)")), "height", "calc( ".concat(_theme.default.switchCircleSize, " + ").concat(_theme.default.switchPaddingY, " * 2 )")), "padding", "".concat(_theme.default.switchPaddingY, " ").concat(_theme.default.switchPaddingX)), "minWidth", _theme.default.switchWidth), "borderRadius", "calc( ".concat(_theme.default.switchCircleSize, " / 2 + ").concat(_theme.default.switchPaddingY, " )")), "fontSize", _theme.default.switchFontSize), '$wrapperSmall&', {
+    height: "calc( ".concat(_theme.default.switchSmallCircleSize, " + ").concat(_theme.default.switchSmallPaddingY, " * 2 )"),
+    padding: "".concat(_theme.default.switchSmallPaddingY, " ").concat(_theme.default.switchSmallPaddingX),
+    minWidth: _theme.default.switchSmallWidth,
+    borderRadius: "calc( ".concat(_theme.default.switchSmallCircleSize, " / 2 + ").concat(_theme.default.switchSmallPaddingY, " )"),
+    fontSize: _theme.default.switchSmallFontSize,
+    '[data-soui-role="form-control"] > &': {
+      marginTop: 8
+    }
+  }), '$wrapperLarge&', {
+    height: "calc( ".concat(_theme.default.switchLargeCircleSize, " + ").concat(_theme.default.switchLargePaddingY, " * 2 )"),
+    padding: "".concat(_theme.default.switchLargePaddingY, " ").concat(_theme.default.switchLargePaddingX),
+    minWidth: _theme.default.switchLargeWidth,
+    borderRadius: "calc( ".concat(_theme.default.switchLargeCircleSize, " / 2 + ").concat(_theme.default.switchLargePaddingY, " )"),
+    fontSize: _theme.default.switchLargeFontSize
+  }),
   wrapperChecked: {},
   textPadding: {
     paddingLeft: _theme.default.switchTextPaddingRight,

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;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA4oBxC,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;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6oBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/table/table.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _theme = _interopRequireDefault(require("@sheinx/theme"));
+var _theme = _interopRequireWildcard(require("@sheinx/theme"));
 var _mixin = require("../mixin");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -403,11 +404,9 @@ var tableStyle = _objectSpread(_objectSpread({
       marginInlineEnd: -5
     }
   },
-  filterIconContainer: {
-    '&:hover $filterIcon': {
-      color: _theme.default.tableFilterIconHoverColor
-    }
-  },
+  filterIconContainer: _defineProperty(_defineProperty({}, (0, _theme.getTokenName)('buttonSmallCircleSize'), "calc(".concat(_theme.default.tableFilterIconSize, " + 8px)")), '&:hover $filterIcon', {
+    color: _theme.default.tableFilterIconHoverColor
+  }),
   filterIcon: {
     width: _theme.default.tableFilterIconSize,
     height: _theme.default.tableFilterIconSize,

package/cjs/tabs/tabs.js

@@ -739,8 +739,8 @@ var tabsStyle = {
     alignItems: 'center',
     justifyContent: 'center',
     borderRadius: '50%',
-    width: 22,
-    height: 22
+    width: "calc(".concat(_theme.default.tabsArrowFontSize, " + 8px)"),
+    height: "calc(".concat(_theme.default.tabsArrowFontSize, " + 8px)")
   },
   bordered: {},
   card: {},

package/cjs/transfer/transfer.js

@@ -22,7 +22,7 @@ var TransferStyle = {
   small: {
     '& $operations': {
       '& svg': {
-        width: 12
+        width: _theme.default.transferSmallFontSize
       }
     },
     '& $header': {
@@ -32,7 +32,7 @@ var TransferStyle = {
       fontSize: _theme.default.transferSmallFontSize
     },
     '& $close': {
-      width: 20
+      width: "calc(".concat(_theme.default.transferSmallFontSize, " + 8px)")
     },
     '& $left, & $right': {
       padding: 0
@@ -88,19 +88,19 @@ var TransferStyle = {
     lineHeight: _theme.default.lineHeightDynamic
   },
   removeAll: {
-    width: 24,
-    height: 24,
+    width: "calc(".concat(_theme.default.transferFontSize, " + 8px)"),
+    height: "calc(".concat(_theme.default.transferFontSize, " + 8px)"),
     borderRadius: '50%',
-    minWidth: 24,
+    minWidth: "calc(".concat(_theme.default.transferFontSize, " + 8px)"),
     fontSize: _theme.default.transferFontSize,
-    lineHeight: '14px',
+    lineHeight: "calc(".concat(_theme.default.transferFontSize, " + 8px)"),
     cursor: 'pointer',
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
     marginLeft: 3,
     '& svg': {
-      width: 14,
+      width: _theme.default.transferFontSize,
       color: _theme.default.transferRemoveIconColor
     },
     '&:hover': {
@@ -108,12 +108,12 @@ var TransferStyle = {
     }
   },
   close: {
-    width: 22,
-    height: 22,
+    width: "calc(".concat(_theme.default.transferFontSize, " + 8px)"),
+    height: "calc(".concat(_theme.default.transferFontSize, " + 8px)"),
     flexShrink: 0,
     borderRadius: '50%',
-    minWidth: 12,
-    fontSize: 12,
+    minWidth: "calc(".concat(_theme.default.transferFontSize, " + 8px)"),
+    fontSize: _theme.default.transferFontSize,
     cursor: 'pointer',
     color: _theme.default.transferIconColor,
     lineHeight: "calc(".concat(_theme.default.lineHeightDynamic, " + 2px)"),
@@ -122,7 +122,7 @@ var TransferStyle = {
     alignItems: 'center',
     justifyContent: 'center',
     '& svg': {
-      width: 12
+      width: _theme.default.transferFontSize
     },
     '&:hover': {
       background: _theme.default.transferIconBackgroundColor
@@ -135,7 +135,7 @@ var TransferStyle = {
     justifyContent: 'center',
     flexDirection: 'column',
     '& svg': {
-      width: 14
+      width: _theme.default.transferFontSize
     }
   },
   inputWrapper: {
@@ -143,8 +143,8 @@ var TransferStyle = {
   },
   input: {
     '& > div > svg': {
-      width: 14,
-      minWidth: 14,
+      width: _theme.default.transferFontSize,
+      minWidth: _theme.default.transferFontSize,
       color: _theme.default.transferIconColor
     }
   },

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

@@ -1 +1 @@
-{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAmgBlD,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAogBlD,CAAC;AACF,eAAe,eAAe,CAAC"}

package/cjs/tree-select/tree-select.js

@@ -393,7 +393,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
       }
     }
   },
-  tag: {
+  tag: _defineProperty(_defineProperty({
     flexShrink: 0,
     '&$tag + &$tag': {
       marginLeft: 0
@@ -402,11 +402,10 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     marginRight: _theme.default.treeSelectTagMarginRight,
     marginTop: _theme.default.treeSelectTagMarginY,
     marginBottom: _theme.default.treeSelectTagMarginY,
-    textWrap: 'nowrap',
-    '&$hideTag': {
-      marginRight: 0
-    }
-  },
+    textWrap: 'nowrap'
+  }, (0, _theme.getTokenName)('tagDefaultLineBase'), _theme.default.inputFontSize), '&$hideTag', {
+    marginRight: 0
+  }),
   tagOnly: {
     flexShrink: 1,
     minWidth: 42

package/cjs/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.9.4-beta.11";
+declare const _default: "3.9.4-beta.13";
 export default _default;
 //# sourceMappingURL=version.d.ts.map

package/cjs/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '3.9.4-beta.11';
+var _default = exports.default = '3.9.4-beta.13';

package/esm/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA8gB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA+gB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/cascader/cascader.js

@@ -6,7 +6,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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; }
-import token from '@sheinx/theme';
+import token, { getTokenName } from '@sheinx/theme';
 import border from "../input/input-border";
 var inputBorderToken = {
   lineHeight: token.lineHeightDynamic,
@@ -412,7 +412,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
     paddingTop: token.cascaderListPaddingY,
     paddingBottom: token.cascaderListPaddingY
   },
-  tag: {
+  tag: _defineProperty(_defineProperty({
     flexShrink: 0,
     '&$tag + &$tag': {
       marginLeft: 0
@@ -421,11 +421,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
     marginRight: token.cascaderTagMarginRight,
     marginTop: token.cascaderTagMarginY,
     marginBottom: token.cascaderTagMarginY,
-    textWrap: 'nowrap',
-    '&$hideTag': {
-      marginRight: 0
-    }
-  },
+    textWrap: 'nowrap'
+  }, getTokenName('tagDefaultLineBase'), token.inputFontSize), '&$hideTag', {
+    marginRight: 0
+  }),
   tagOnly: {
     flexShrink: 1,
     minWidth: 42

package/esm/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAupBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA+pBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/date-picker/date-picker.js

@@ -300,10 +300,15 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     alignItems: 'center',
     justifyContent: 'center',
     cursor: 'pointer',
-    width: token.datePickerPanelHeaderIconHotWidth,
-    height: token.datePickerPanelHeaderIconHotWidth,
+    width: "calc(".concat(token.datePickerPanelHeaderFontSize, " + 8px)"),
+    height: "calc(".concat(token.datePickerPanelHeaderFontSize, " + 8px)"),
     color: token.datePickerPanelHeaderIconColor,
     borderRadius: '50%',
+    '$pickerHeaderRight:has(&), $pickerHeaderLeft:has(&)': {
+      display: 'flex',
+      alignItems: 'center',
+      height: token.datePickerPanelHeaderIconHotWidth
+    },
     '&[dir=rtl]': {
       transform: 'rotate(180deg)'
     },
@@ -356,6 +361,9 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     borderTop: "1px solid ".concat(token.datePickerPanelHeaderBorderColor),
     display: 'flex',
     justifyContent: 'space-between',
+    '&:empty': {
+      display: 'none'
+    },
     '&[dir=rtl] $pickerFooterConfirm': {
       'margin-right': 'auto'
     },

package/esm/modal/modal.js

@@ -345,8 +345,8 @@ var modalStyle = _objectSpread(_objectSpread({
   headerClose: {
     marginLeft: token.modalHeaderCloseMarginXStart,
     marginTop: token.modalHeaderCloseTop,
-    width: token.modalHeaderCloseSize,
-    height: token.modalHeaderCloseSize,
+    width: token.modalHeaderFontSize,
+    height: token.modalHeaderFontSize,
     cursor: 'pointer',
     display: 'block',
     color: token.modalHeaderCloseColor,

package/esm/radio/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAyK5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CA4K5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/radio/radio.js

@@ -20,6 +20,9 @@ var radioStyle = _objectSpread(_objectSpread({}, animations), {}, {
     },
     'button&': {
       padding: "".concat(token.radioButtonPaddingY, " ").concat(token.radioButtonPaddingX)
+    },
+    'button[data-soui-outline]&:not($wrapperChecked):not($wrapperDisabled):not(:hover)': {
+      borderColor: token.radioButtonBorderColor
     }
   },
   wrapperSmall: {

package/esm/rate/rate.js

@@ -38,8 +38,8 @@ var rateStyle = _objectSpread(_objectSpread({}, animation), {}, {
     display: 'flex',
     boxSizing: 'border-box',
     alignItems: 'center',
-    width: token.rateSize,
-    fontSize: token.rateSize,
+    width: "calc(".concat(token.rateFontSize, " + 10px)"),
+    fontSize: "calc(".concat(token.rateFontSize, " + 10px)"),
     lineHeight: 1,
     '&:not($itemDisabled):hover': {
       cursor: 'pointer',

package/esm/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;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA+hB1C,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,CAgiB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/select/select.js

@@ -6,7 +6,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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; }
-import token from '@sheinx/theme';
+import token, { getTokenName } from '@sheinx/theme';
 import border from "../input/input-border";
 var inputBorderToken = {
   lineHeight: token.lineHeightDynamic,
@@ -404,7 +404,7 @@ var selectStyle = _objectSpread(_objectSpread({
       }
     }
   },
-  tag: {
+  tag: _defineProperty(_defineProperty({
     flexShrink: 0,
     '&$tag + &$tag': {
       marginLeft: 0
@@ -413,11 +413,10 @@ var selectStyle = _objectSpread(_objectSpread({
     marginRight: token.selectTagMarginRight,
     marginTop: token.selectTagMarginY,
     marginBottom: token.selectTagMarginY,
-    textWrap: 'nowrap',
-    '&$hideTag': {
-      marginRight: 0
-    }
-  },
+    textWrap: 'nowrap'
+  }, getTokenName('tagDefaultLineBase'), token.inputFontSize), '&$hideTag', {
+    marginRight: 0
+  }),
   tagOnly: {
     flexShrink: 1,
     minWidth: 42

package/esm/switch/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CA4L9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CA6L9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/switch/switch.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
-import token from '@sheinx/theme';
+import token, { getTokenName } from '@sheinx/theme';
 var animation = {
   '@keyframes ring': {
     '0%': {
@@ -19,7 +19,7 @@ var transition = '.2s cubic-bezier(.34,.69,.1,1)';
 var switchStyle = _objectSpread(_objectSpread({
   rootClass: {}
 }, animation), {}, {
-  wrapper: {
+  wrapper: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     '[data-soui-role="form-control"] >  &': {
       margin: '5px 0'
     },
@@ -44,30 +44,23 @@ var switchStyle = _objectSpread(_objectSpread({
     '$wrapperChecked$wrapperDisabled&': {
       backgroundColor: token.switchCheckedDisabledBackgroundColor,
       color: token.switchCheckedDisabledFontColor
-    },
-    height: "calc( ".concat(token.switchCircleSize, " + ").concat(token.switchPaddingY, " * 2 )"),
-    padding: "".concat(token.switchPaddingY, " ").concat(token.switchPaddingX),
-    minWidth: token.switchWidth,
-    borderRadius: "calc( ".concat(token.switchCircleSize, " / 2 + ").concat(token.switchPaddingY, " )"),
-    fontSize: token.switchFontSize,
-    '$wrapperSmall&': {
-      height: "calc( ".concat(token.switchSmallCircleSize, " + ").concat(token.switchSmallPaddingY, " * 2 )"),
-      padding: "".concat(token.switchSmallPaddingY, " ").concat(token.switchSmallPaddingX),
-      minWidth: token.switchSmallWidth,
-      borderRadius: "calc( ".concat(token.switchSmallCircleSize, " / 2 + ").concat(token.switchSmallPaddingY, " )"),
-      fontSize: token.switchSmallFontSize,
-      '[data-soui-role="form-control"] > &': {
-        marginTop: 8
-      }
-    },
-    '$wrapperLarge&': {
-      height: "calc( ".concat(token.switchLargeCircleSize, " + ").concat(token.switchLargePaddingY, " * 2 )"),
-      padding: "".concat(token.switchLargePaddingY, " ").concat(token.switchLargePaddingX),
-      minWidth: token.switchLargeWidth,
-      borderRadius: "calc( ".concat(token.switchLargeCircleSize, " / 2 + ").concat(token.switchLargePaddingY, " )"),
-      fontSize: token.switchLargeFontSize
     }
-  },
+  }, getTokenName('switchCircleSize'), "calc(".concat(token.switchFontSize, " + 4px)")), "height", "calc( ".concat(token.switchCircleSize, " + ").concat(token.switchPaddingY, " * 2 )")), "padding", "".concat(token.switchPaddingY, " ").concat(token.switchPaddingX)), "minWidth", token.switchWidth), "borderRadius", "calc( ".concat(token.switchCircleSize, " / 2 + ").concat(token.switchPaddingY, " )")), "fontSize", token.switchFontSize), '$wrapperSmall&', {
+    height: "calc( ".concat(token.switchSmallCircleSize, " + ").concat(token.switchSmallPaddingY, " * 2 )"),
+    padding: "".concat(token.switchSmallPaddingY, " ").concat(token.switchSmallPaddingX),
+    minWidth: token.switchSmallWidth,
+    borderRadius: "calc( ".concat(token.switchSmallCircleSize, " / 2 + ").concat(token.switchSmallPaddingY, " )"),
+    fontSize: token.switchSmallFontSize,
+    '[data-soui-role="form-control"] > &': {
+      marginTop: 8
+    }
+  }), '$wrapperLarge&', {
+    height: "calc( ".concat(token.switchLargeCircleSize, " + ").concat(token.switchLargePaddingY, " * 2 )"),
+    padding: "".concat(token.switchLargePaddingY, " ").concat(token.switchLargePaddingX),
+    minWidth: token.switchLargeWidth,
+    borderRadius: "calc( ".concat(token.switchLargeCircleSize, " / 2 + ").concat(token.switchLargePaddingY, " )"),
+    fontSize: token.switchLargeFontSize
+  }),
   wrapperChecked: {},
   textPadding: {
     paddingLeft: token.switchTextPaddingRight,

package/esm/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;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA4oBxC,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;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6oBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/table/table.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
-import token from '@sheinx/theme';
+import token, { getTokenName } from '@sheinx/theme';
 import { customScrollBar } from "../mixin";
 var cellBaseIndex = 4;
 var fixedIndex = 6;
@@ -396,11 +396,9 @@ var tableStyle = _objectSpread(_objectSpread({
       marginInlineEnd: -5
     }
   },
-  filterIconContainer: {
-    '&:hover $filterIcon': {
-      color: token.tableFilterIconHoverColor
-    }
-  },
+  filterIconContainer: _defineProperty(_defineProperty({}, getTokenName('buttonSmallCircleSize'), "calc(".concat(token.tableFilterIconSize, " + 8px)")), '&:hover $filterIcon', {
+    color: token.tableFilterIconHoverColor
+  }),
   filterIcon: {
     width: token.tableFilterIconSize,
     height: token.tableFilterIconSize,

package/esm/tabs/tabs.js

@@ -732,8 +732,8 @@ var tabsStyle = {
     alignItems: 'center',
     justifyContent: 'center',
     borderRadius: '50%',
-    width: 22,
-    height: 22
+    width: "calc(".concat(Token.tabsArrowFontSize, " + 8px)"),
+    height: "calc(".concat(Token.tabsArrowFontSize, " + 8px)")
   },
   bordered: {},
   card: {},

package/esm/transfer/transfer.js

@@ -15,7 +15,7 @@ var TransferStyle = {
   small: {
     '& $operations': {
       '& svg': {
-        width: 12
+        width: Token.transferSmallFontSize
       }
     },
     '& $header': {
@@ -25,7 +25,7 @@ var TransferStyle = {
       fontSize: Token.transferSmallFontSize
     },
     '& $close': {
-      width: 20
+      width: "calc(".concat(Token.transferSmallFontSize, " + 8px)")
     },
     '& $left, & $right': {
       padding: 0
@@ -81,19 +81,19 @@ var TransferStyle = {
     lineHeight: Token.lineHeightDynamic
   },
   removeAll: {
-    width: 24,
-    height: 24,
+    width: "calc(".concat(Token.transferFontSize, " + 8px)"),
+    height: "calc(".concat(Token.transferFontSize, " + 8px)"),
     borderRadius: '50%',
-    minWidth: 24,
+    minWidth: "calc(".concat(Token.transferFontSize, " + 8px)"),
     fontSize: Token.transferFontSize,
-    lineHeight: '14px',
+    lineHeight: "calc(".concat(Token.transferFontSize, " + 8px)"),
     cursor: 'pointer',
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
     marginLeft: 3,
     '& svg': {
-      width: 14,
+      width: Token.transferFontSize,
       color: Token.transferRemoveIconColor
     },
     '&:hover': {
@@ -101,12 +101,12 @@ var TransferStyle = {
     }
   },
   close: {
-    width: 22,
-    height: 22,
+    width: "calc(".concat(Token.transferFontSize, " + 8px)"),
+    height: "calc(".concat(Token.transferFontSize, " + 8px)"),
     flexShrink: 0,
     borderRadius: '50%',
-    minWidth: 12,
-    fontSize: 12,
+    minWidth: "calc(".concat(Token.transferFontSize, " + 8px)"),
+    fontSize: Token.transferFontSize,
     cursor: 'pointer',
     color: Token.transferIconColor,
     lineHeight: "calc(".concat(Token.lineHeightDynamic, " + 2px)"),
@@ -115,7 +115,7 @@ var TransferStyle = {
     alignItems: 'center',
     justifyContent: 'center',
     '& svg': {
-      width: 12
+      width: Token.transferFontSize
     },
     '&:hover': {
       background: Token.transferIconBackgroundColor
@@ -128,7 +128,7 @@ var TransferStyle = {
     justifyContent: 'center',
     flexDirection: 'column',
     '& svg': {
-      width: 14
+      width: Token.transferFontSize
     }
   },
   inputWrapper: {
@@ -136,8 +136,8 @@ var TransferStyle = {
   },
   input: {
     '& > div > svg': {
-      width: 14,
-      minWidth: 14,
+      width: Token.transferFontSize,
+      minWidth: Token.transferFontSize,
       color: Token.transferIconColor
     }
   },

package/esm/tree-select/tree-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAmgBlD,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAogBlD,CAAC;AACF,eAAe,eAAe,CAAC"}

package/esm/tree-select/tree-select.js

@@ -384,7 +384,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
       }
     }
   },
-  tag: {
+  tag: _defineProperty(_defineProperty({
     flexShrink: 0,
     '&$tag + &$tag': {
       marginLeft: 0
@@ -393,11 +393,10 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     marginRight: token.treeSelectTagMarginRight,
     marginTop: token.treeSelectTagMarginY,
     marginBottom: token.treeSelectTagMarginY,
-    textWrap: 'nowrap',
-    '&$hideTag': {
-      marginRight: 0
-    }
-  },
+    textWrap: 'nowrap'
+  }, getTokenName('tagDefaultLineBase'), token.inputFontSize), '&$hideTag', {
+    marginRight: 0
+  }),
   tagOnly: {
     flexShrink: 1,
     minWidth: 42

package/esm/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.9.4-beta.11";
+declare const _default: "3.9.4-beta.13";
 export default _default;
 //# sourceMappingURL=version.d.ts.map

package/esm/version.js

@@ -1 +1 @@
-export default '3.9.4-beta.11';
+export default '3.9.4-beta.13';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/shineout-style",
-  "version": "3.9.4-beta.11",
+  "version": "3.9.4-beta.13",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -17,8 +17,8 @@
   "dependencies": {
     "jss": "10.9.2",
     "react-jss": "10.9.2",
-    "@sheinx/theme": "3.9.4-beta.11",
-    "@sheinx/base": "3.9.4-beta.11"
+    "@sheinx/theme": "3.9.4-beta.13",
+    "@sheinx/base": "3.9.4-beta.13"
   },
   "peerDependencies": {
     "core-js": ">=3"