@sheinx/shineout-style 3.5.8-beta.12 → 3.5.8-beta.14

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,CAye9C,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+f9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/cascader/cascader.js

@@ -118,6 +118,9 @@ var cascaderStyle = _objectSpread(_objectSpread({
         marginTop: _theme.default.cascaderLargePlaceholderMarginY,
         marginBottom: _theme.default.cascaderLargePlaceholderMarginY
       },
+      '& $arrowIcon': {
+        width: _theme.default.cascaderLargeFontSize
+      },
       '& $optionInner': {
         // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
         paddingTop: _theme.default.cascaderLargeOptionInnerPaddingY,
@@ -130,7 +133,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
       }
     },
     // hover
-    '&:hover': {
+    '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
       '& $clearIcon': {
         display: 'inline-block'
       },
@@ -142,6 +145,9 @@ var cascaderStyle = _objectSpread(_objectSpread({
           display: 'none'
         }
       }
+    }),
+    '&:has($pickerWrapperShow)': {
+      borderColor: _theme.default.cascaderFocusBorderColor
     },
     // not wrapperFocus
     '&:not($wrapperFocus)': {
@@ -316,6 +322,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
     borderRadius: _theme.default.cascaderPanelRadius,
     transformOrigin: '0 0'
   },
+  pickerWrapperShow: {},
   iconWrapper: {
     display: 'flex',
     alignItems: 'center',
@@ -342,8 +349,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
     transition: 'transform 0.3s'
   },
   arrowIconOpen: {
-    transform: 'rotate(180deg)',
-    color: _theme.default.cascaderHoverBorderColor
+    color: _theme.default.cascaderHoverBorderColor,
+    '&:not($compressedIcon)': {
+      transform: 'rotate(180deg)'
+    }
   },
   ellipsis: {
     display: 'block',
@@ -402,8 +411,12 @@ var cascaderStyle = _objectSpread(_objectSpread({
   },
   hideTag: {},
   list: {
-    display: 'inline-block',
-    overflow: 'auto'
+    display: 'inline-block'
+  },
+  listSimple: {
+    overflow: 'auto',
+    paddingTop: _theme.default.cascaderListPaddingY,
+    paddingBottom: _theme.default.cascaderListPaddingY
   },
   tag: {
     flexShrink: 0,
@@ -441,8 +454,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
     visibility: 'hidden'
   },
   moreWrapper: {
-    width: 248,
-    height: 72,
+    // width: 248,
+    // height: 72,
+    maxWidth: 400,
+    maxHeight: 160,
     overflow: 'auto',
     padding: "".concat(_theme.default.cascaderMorePaddingY, " ").concat(_theme.default.cascaderMorePaddingX)
   },
@@ -455,18 +470,21 @@ var cascaderStyle = _objectSpread(_objectSpread({
     lineHeight: _theme.default.lineHeightDynamic,
     minWidth: 64,
     padding: "".concat(_theme.default.cascaderOptionPaddingY, " ").concat(_theme.default.cascaderOptionPaddingX),
-    '&:not($optionDisabled)': {
-      cursor: 'pointer'
+    '&:not($optionDisabled):not($activeOption)': {
+      cursor: 'pointer',
+      '&:hover': {
+        '& $optionInner': {
+          color: _theme.default.cascaderOptionHoverFontColor,
+          backgroundColor: _theme.default.cascaderOptionHoverBackgroundColor
+        }
+      },
+      '&:hover $optionInner:active, & $optionInner:active': {
+        color: _theme.default.cascaderOptionHoverFontColor,
+        backgroundColor: "".concat(_theme.default.cascaderOptionFocusBackgroundColor)
+      }
     },
     '& $optionCheckbox': {
       marginRight: 8
-    },
-    // hover
-    '&:not($optionDisabled):hover': {
-      '& $optionInner': {
-        color: _theme.default.cascaderOptionHoverFontColor,
-        backgroundColor: _theme.default.cascaderOptionHoverBackgroundColor
-      }
     }
   },
   filterOption: {
@@ -488,7 +506,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
   activeOption: {
     '& $optionInner': {
       color: _theme.default.cascaderOptionActiveColor,
-      backgroundColor: _theme.default.cascaderOptionActiveBackgroundColor
+      backgroundColor: _theme.default.cascaderOptionActiveBackgroundColor,
+      '& $optionIcon': {
+        color: _theme.default.cascaderOptionActiveColor
+      }
     }
   },
   optionCheckbox: {},

package/cjs/checkbox/checkbox.d.ts.map

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

package/cjs/checkbox/checkbox.js

@@ -141,7 +141,8 @@ var checkboxStyle = {
   groupBlock: {
     '& $wrapper': {
       display: 'flex',
-      marginBottom: _theme.default.checkboxBlockGap
+      marginBottom: _theme.default.checkboxBlockGap,
+      marginRight: 0
     }
   }
 };

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;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAsoBlD,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;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA0oBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -58,6 +58,8 @@ var inputBorder = (0, _inputBorder.default)('wrapper', inputBorderToken);
 var wrapper = inputBorder.wrapper,
   wrapperDisabled = inputBorder.wrapperDisabled,
   resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
+var leftCircleBackground = "radial-gradient(circle closest-side, ".concat(_theme.default.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to right, transparent 0%,transparent 50%, ").concat(_theme.default.datePickerCellRangeBackgroundColor, " 50%, ").concat(_theme.default.datePickerCellRangeBackgroundColor, " 100%)\n");
+var rightCircleBackground = "radial-gradient(circle closest-side, ".concat(_theme.default.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to left, transparent 0%,transparent 50%, ").concat(_theme.default.datePickerCellRangeBackgroundColor, " 50%, ").concat(_theme.default.datePickerCellRangeBackgroundColor, " 100%)\n");
 var datePickerStyle = _objectSpread(_objectSpread({
   rootClass: {},
   wrapper: _objectSpread({
@@ -442,7 +444,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
         backgroundColor: _theme.default.datePickerCellActiveHoverBackgroundColor
       }
     },
-    '&$pickerCellActive$pickerCellInRange:not($pickerCellDisabled):hover $pickerCellContent': {
+    '&$pickerCellActive$pickerCellInRange:not($pickerCellDisabled):not($pickerCellInRangeStart):not($pickerCellInRangeEnd):hover $pickerCellContent': {
       backgroundColor: _theme.default.datePickerCellActiveHoverBackgroundColor
     }
   },
@@ -490,21 +492,25 @@ var datePickerStyle = _objectSpread(_objectSpread({
   pickerCellInRangeStart: {
     '&[dir=ltr] > $pickerCellContent': {
       borderTopLeftRadius: _theme.default.datePickerCellHeight,
-      borderBottomLeftRadius: _theme.default.datePickerCellHeight
+      borderBottomLeftRadius: _theme.default.datePickerCellHeight,
+      background: leftCircleBackground
     },
     '&[dir=rtl] > $pickerCellContent': {
       borderTopRightRadius: _theme.default.datePickerCellHeight,
-      borderBottomRightRadius: _theme.default.datePickerCellHeight
+      borderBottomRightRadius: _theme.default.datePickerCellHeight,
+      background: rightCircleBackground
     }
   },
   pickerCellInRangeEnd: {
     '&[dir=ltr] > $pickerCellContent': {
       borderTopRightRadius: _theme.default.datePickerCellHeight,
-      borderBottomRightRadius: _theme.default.datePickerCellHeight
+      borderBottomRightRadius: _theme.default.datePickerCellHeight,
+      background: rightCircleBackground
     },
     '&[dir=rtl] > $pickerCellContent': {
       borderTopLeftRadius: _theme.default.datePickerCellHeight,
-      borderBottomLeftRadius: _theme.default.datePickerCellHeight
+      borderBottomLeftRadius: _theme.default.datePickerCellHeight,
+      background: leftCircleBackground
     }
   },
   pickerCellDisabled: {

package/cjs/form/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,QAAQ,CAAC,MAAM,WAAW,CAarC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,QAAQ,CAAC,MAAM,WAAW,CAgBrC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/form/form.js

@@ -17,6 +17,9 @@ var form = {
     },
     '& > [data-soui-input-border]': {
       marginRight: _theme.default.formItemMarginXEnd
+    },
+    '& > button[type="submit"], & > button[type="reset"]': {
+      verticalAlign: 'top'
     }
   }
 };

package/cjs/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CA+MvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAuNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/input/input.js

@@ -237,6 +237,13 @@ var input = _objectSpread(_objectSpread(_objectSpread({
         width: 14,
         transform: 'rotate(-90deg)'
       }
+    },
+    '$wrapperDisabled & > span': {
+      color: _theme.default.inputDisabledFontColor,
+      borderColor: _theme.default.inputDisabledBorderColor,
+      '&:first-child': {
+        borderColor: _theme.default.inputDisabledBorderColor
+      }
     }
   },
   passwordToggle: {

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;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CA2J5C,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;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAiK5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/radio/radio.js

@@ -25,7 +25,10 @@ var radioStyle = {
     alignItems: 'center',
     cursor: 'pointer',
     boxSizing: 'border-box',
-    marginRight: _theme.default.radioGap
+    marginRight: _theme.default.radioGap,
+    '&:last-child': {
+      marginRight: 0
+    }
   },
   wrapperSmall: {},
   wrapperLarge: {},
@@ -146,7 +149,10 @@ var radioStyle = {
     '& $wrapper': {
       display: 'flex',
       marginBottom: _theme.default.radioBlockGap,
-      marginRight: 0
+      marginRight: 0,
+      '&:last-child': {
+        marginBottom: 0
+      }
     }
   },
   groupButton: {

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,CA4gB1C,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,CA6gB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/select/select.js

@@ -106,6 +106,9 @@ var selectStyle = _objectSpread(_objectSpread({
       '& $placeholder,$ellipsis,$space,input': {
         marginTop: _theme.default.selectLargePlaceholderMarginY,
         marginBottom: _theme.default.selectLargePlaceholderMarginY
+      },
+      '& $arrowIcon': {
+        width: _theme.default.selectLargeFontSize
       }
     },
     '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
@@ -305,7 +308,8 @@ var selectStyle = _objectSpread(_objectSpread({
   iconWrapper: {
     display: 'flex',
     alignItems: 'center',
-    justifyContent: 'center'
+    justifyContent: 'center',
+    marginLeft: _theme.default.selectIconMarginLeft
   },
   clearable: {},
   clearIcon: {
@@ -381,10 +385,7 @@ var selectStyle = _objectSpread(_objectSpread({
   },
   moreIcon: {},
   hideTag: {},
-  list: {
-    paddingTop: 3,
-    paddingBottom: 3
-  },
+  list: {},
   tree: {
     padding: 4,
     overflow: 'auto'
@@ -436,7 +437,7 @@ var selectStyle = _objectSpread(_objectSpread({
     maxWidth: 400,
     maxHeight: 160,
     overflow: 'auto',
-    padding: _theme.default.selectMorePadding,
+    padding: "".concat(_theme.default.selectMorePaddingY, " ").concat(_theme.default.selectMorePaddingX),
     '&:hover': {
       '& $clearIcon': {
         display: 'inline-block'

package/cjs/slider/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAyR1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAIlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAsS1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/slider/slider.js

@@ -6,6 +6,7 @@ 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 verticalLabelMargin = 4;
 var sliderStyle = {
   rootClass: {},
   wrapper: {
@@ -37,6 +38,9 @@ var sliderStyle = {
     '$vertical &': {
       width: _theme.default.sliderTrackSize,
       height: '100%'
+    },
+    '$disabled &': {
+      cursor: 'not-allowed'
     }
   },
   trackInner: {
@@ -159,11 +163,11 @@ var sliderStyle = {
       bottom: '100%',
       '&[dir=ltr]': {
         left: 0,
-        transform: 'translate(-50%, -10px)'
+        transform: 'translate(-50%, -14px)'
       },
       '&[dir=rtl]': {
         right: 0,
-        transform: 'translate(50%, -10px)'
+        transform: 'translate(50%, -14px)'
       }
     },
     '$vertical &': {
@@ -171,11 +175,11 @@ var sliderStyle = {
       padding: '1px 4px',
       '&[dir=ltr]': {
         left: '100%',
-        transform: 'translate(10px, 50%)'
+        transform: 'translate(14px, 50%)'
       },
       '&[dir=rtl]': {
         right: '100%',
-        transform: 'translate(-10px, 50%)'
+        transform: 'translate(-14px, 50%)'
       }
     }
   },
@@ -184,11 +188,11 @@ var sliderStyle = {
       bottom: '100%',
       '&[dir=ltr]': {
         right: 0,
-        transform: 'translate(50%, -10px)'
+        transform: 'translate(50%, -14px)'
       },
       '&[dir=rtl]': {
         left: 0,
-        transform: 'translate(-50%, -10px)'
+        transform: 'translate(-50%, -14px)'
       }
     },
     '$vertical &': {
@@ -196,11 +200,11 @@ var sliderStyle = {
       padding: '1px 4px',
       '&[dir=ltr]': {
         left: '100%',
-        transform: 'translate(10px, -50%)'
+        transform: 'translate(14px, -50%)'
       },
       '&[dir=rtl]': {
         right: '100%',
-        transform: 'translate(-10px, -50%)'
+        transform: 'translate(-14px, -50%)'
       }
     }
   },
@@ -260,6 +264,11 @@ var sliderStyle = {
         height: _theme.default.sliderScaleLineSize,
         transform: 'translateX(-50%)'
       }
+      // 为了让首尾刻度不超出轨道
+      // '&:first-child $label[dir=ltr]': { transform: 'translate(0%)' },
+      // '&:first-child $label[dir=rtl]': { transform: 'translate(0%)' },
+      // '&:last-child $label[dir=ltr]': { transform: 'translate(-100%)' },
+      // '&:last-child $label[dir=rtl]': { transform: 'translate(100%)' },
     },
     '$vertical &': {
       marginLeft: _theme.default.sliderScaleMarginY,
@@ -269,6 +278,11 @@ var sliderStyle = {
         width: _theme.default.sliderScaleLineSize,
         transform: 'translateY(-50%)'
       }
+      // 为了让首尾刻度不超出轨道
+      // '&:first-child $label[dir=ltr]': { transform: `translate(${verticalLabelMargin}px, -100%)` },
+      // '&:first-child $label[dir=rtl]': { transform: `translate(-${verticalLabelMargin}px, -100%)` },
+      // '&:last-child $label[dir=ltr]': { transform: `translate(${verticalLabelMargin}px, 0)` },
+      // '&:last-child $label[dir=rtl]': { transform: `translate(-${verticalLabelMargin}px, 0)` },
     }
   },
   label: {
@@ -290,11 +304,11 @@ var sliderStyle = {
       lineHeight: 1,
       '&[dir=ltr]': {
         left: '100%',
-        transform: 'translate(4px, -50%)'
+        transform: "translate(".concat(verticalLabelMargin, "px, -50%)")
       },
       '&[dir=rtl]': {
         right: '100%',
-        transform: 'translate(-4px, -50%)'
+        transform: "translate(-".concat(verticalLabelMargin, "px, -50%)")
       }
     }
   }

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,CA8K9C,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,CAwL9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/switch/switch.js

@@ -52,10 +52,6 @@ var switchStyle = _objectSpread(_objectSpread({
       backgroundColor: _theme.default.switchCheckedDisabledBackgroundColor,
       color: _theme.default.switchCheckedDisabledFontColor
     },
-    // '$wrapperChecked$wrapperLoading&': {
-    //   backgroundColor: token.switchCheckedLoadingBackgroundColor,
-    //   color: token.switchCheckedLoadingFontColor,
-    // },
     height: "calc( ".concat(_theme.default.switchCircleSize, " + ").concat(_theme.default.switchPaddingY, " * 2 )"),
     padding: "".concat(_theme.default.switchPaddingY, " ").concat(_theme.default.switchPaddingX),
     minWidth: _theme.default.switchWidth,
@@ -66,27 +62,35 @@ var switchStyle = _objectSpread(_objectSpread({
       padding: "".concat(_theme.default.switchSmallPaddingY, " ").concat(_theme.default.switchSmallPaddingX),
       minWidth: _theme.default.switchSmallWidth,
       borderRadius: "calc( ".concat(_theme.default.switchSmallCircleSize, " / 2 + ").concat(_theme.default.switchSmallPaddingY, " )"),
-      fonSize: _theme.default.switchSmallFontSize
+      fontSize: _theme.default.switchSmallFontSize
     },
     '$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, " )"),
-      fonSize: _theme.default.switchLargeFontSize
+      fontSize: _theme.default.switchLargeFontSize
     }
   },
   wrapperChecked: {},
   textPadding: {
-    display: 'inline-block',
-    padding: "0 ".concat(_theme.default.switchTextPaddingX)
-  },
-  wrapperSmall: {
-    fontSize: _theme.default.switchSmallFontSize
-  },
-  wrapperLarge: {
-    fontSize: _theme.default.switchLargeFontSize
+    paddingLeft: _theme.default.switchTextPaddingRight,
+    paddingRight: _theme.default.switchTextPaddingLeft,
+    '$wrapperChecked &': {
+      paddingLeft: _theme.default.switchTextPaddingLeft,
+      paddingRight: _theme.default.switchTextPaddingRight
+    },
+    '$wrapperSmall &': {
+      paddingLeft: _theme.default.switchSmallTextPaddingRight,
+      paddingRight: _theme.default.switchSmallTextPaddingLeft
+    },
+    '$wrapperSmall$wrapperChecked &': {
+      paddingLeft: _theme.default.switchSmallTextPaddingLeft,
+      paddingRight: _theme.default.switchSmallTextPaddingRight
+    }
   },
+  wrapperSmall: {},
+  wrapperLarge: {},
   indicator: {
     width: _theme.default.switchCircleSize,
     height: _theme.default.switchCircleSize,
@@ -100,7 +104,6 @@ var switchStyle = _objectSpread(_objectSpread({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
-    color: 'red',
     '$wrapperChecked &': {
       backgroundColor: _theme.default.switchCheckedCircleFill,
       '&[dir=ltr]': {
@@ -144,8 +147,8 @@ var switchStyle = _objectSpread(_objectSpread({
       left: _theme.default.switchLargePaddingX,
       top: _theme.default.switchLargePaddingY
     },
-    '$wrapperDisabled:not($wrapperChecked) &': {
-      backgroundColor: _theme.default.switchDisabledCircleFill
+    '$wrapperDisabled$wrapperChecked &': {
+      backgroundColor: _theme.default.switchDisabledCircleCheckedFill
     },
     '$wrapperDisabled &': {
       backgroundColor: _theme.default.switchCheckedDisabledCircleFill
@@ -153,12 +156,10 @@ var switchStyle = _objectSpread(_objectSpread({
     borderRadius: '50%',
     position: 'absolute',
     backgroundColor: _theme.default.switchCircleFill,
-    boxShadow: _theme.default.switchCircleShadow,
+    // boxShadow: token.switchCircleShadow,
     transition: "left ".concat(transition, ", right ").concat(transition)
   },
   content: {
-    display: 'inline',
-    lineHeight: 1,
     paddingLeft: _theme.default.switchCircleSize,
     transition: "padding ".concat(transition),
     '$wrapperSmall &': {
@@ -185,18 +186,20 @@ var switchStyle = _objectSpread(_objectSpread({
   },
   loading: {
     position: 'absolute',
-    top: '12%',
-    left: '12%',
-    right: '12%',
-    bottom: '12%',
-    borderRadius: '50%',
-    border: '1px solid',
-    borderColor: _theme.default.switchDisabledBackgroundColor,
-    borderTopColor: 'transparent',
+    color: _theme.default.switchLoadingCircleFill,
+    inset: '2px',
     animation: "$ring 1s ease-in-out infinite",
+    '$wrapperLarge &': {
+      inset: '3px'
+    },
+    '$wrapperSmall &': {
+      inset: '1px'
+    },
+    '& > svg': {
+      display: 'block'
+    },
     '$wrapperChecked &': {
-      borderColor: _theme.default.switchCheckedDisabledBackgroundColor,
-      borderTopColor: 'transparent'
+      color: _theme.default.switchCheckedLoadingCircleFill
     }
   }
 });

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,CA4exC,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,CA6exC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/table/table.js

@@ -214,7 +214,7 @@ var tableStyle = _objectSpread(_objectSpread({
     background: _theme.default.tableTfootBackgroundColor
   },
   emptyWrapper: {
-    minHeight: '150px',
+    minHeight: '170px',
     width: '100%',
     height: '100%',
     position: 'sticky',
@@ -223,7 +223,8 @@ var tableStyle = _objectSpread(_objectSpread({
     right: 0,
     justifyContent: 'center',
     display: 'flex',
-    alignItems: 'center'
+    alignItems: 'center',
+    borderBottom: "1px solid ".concat(_theme.default.tableCellBorderColor)
   },
   scrollY: {
     '&$headWrapper, &$footWrapper': _objectSpread({

package/cjs/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAwQxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA4f1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAwQxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA0f1C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/tabs/tabs.js

@@ -48,7 +48,7 @@ var getCardStyle = function getCardStyle() {
       },
       '&[dir=ltr]': _objectSpread({
         '& $cardHr': {
-          '&:after': {
+          '&:before': {
             right: 0,
             left: 'auto',
             width: '1px',
@@ -70,7 +70,7 @@ var getCardStyle = function getCardStyle() {
         background: '#FFFFFF'
       })), {}, {
         '& $cardHr': {
-          '&:after': {
+          '&:before': {
             left: 0,
             width: 1,
             height: '100%'
@@ -89,7 +89,7 @@ var getCardStyle = function getCardStyle() {
       },
       '&[dir=ltr]': _objectSpread({
         '& $cardHr': {
-          '&:after': {
+          '&:before': {
             left: 0,
             width: 1,
             height: '100%'
@@ -104,7 +104,7 @@ var getCardStyle = function getCardStyle() {
       })),
       '&[dir=rtl]': _objectSpread({
         '& $cardHr': {
-          '&:after': {
+          '&:before': {
             right: 0,
             width: 1,
             height: '100%'
@@ -144,7 +144,7 @@ var getCardStyle = function getCardStyle() {
         width: '100%'
       },
       '& $cardHr': {
-        '&:after': {
+        '&:before': {
           top: 0,
           bottom: 'auto'
         }
@@ -392,15 +392,13 @@ var tabsStyle = {
     }
   },
   cardHr: {
-    // aflter
-    '&:after': {
+    '&:before': {
       position: 'absolute',
       content: '""',
       bottom: 0,
       left: 0,
       width: '100%',
       height: 1,
-      zIndex: -1,
       background: _theme.default.tabsBorderColor
     }
   },

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,CAiJxC,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;AAgJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAiJxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/tag/tag.js

@@ -29,7 +29,8 @@ var tag = function tag(type) {
       },
       '&[data-soui-type="dark"]': {
         '&$disabled': {
-          backgroundColor: _theme.default.tagDefaultFillBackgroundColor
+          backgroundColor: _theme.default.tagDefaultFillBackgroundColor,
+          borderColor: _theme.default.tagDefaultFillBorderColor
         }
       },
       '&$disabled': {

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;AAyDxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CAsD1C,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,CAyD1C,CAAC;AAEF,eAAe,KAAK,CAAC"}