@sheinx/shineout-style 3.3.0-beta.1 → 3.3.0-beta.10

package/cjs/alert/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAuJ5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CA6J5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/alert/alert.js

@@ -99,6 +99,9 @@ var alertStyle = {
     marginLeft: _theme.default.alertNearlyMargin,
     '&:hover': {
       color: _theme.default.alertCloseHoverColor
+    },
+    '& svg': {
+      width: '100%'
     }
   },
   closeWrapper: {
@@ -166,7 +169,10 @@ var alertStyle = {
     height: _theme.default.lineHeightDynamic,
     flex: '0 0 auto',
     alignItems: 'center',
-    marginRight: _theme.default.alertNearlyMargin
+    marginRight: _theme.default.alertNearlyMargin,
+    '& svg': {
+      width: '100%'
+    }
   }
 };
 var _default = exports.default = alertStyle;

package/cjs/breadcrumb/breadcrumb.js

@@ -10,7 +10,7 @@ var breadcrumbStyle = {
   wrapper: {
     lineHeight: _theme.default.lineHeightDynamic,
     fontSize: _theme.default.breadcrumbFontSize,
-    fontWeight: _theme.default.breadcrumbFontWieght,
+    fontWeight: _theme.default.breadcrumbFontWeight,
     display: 'flex',
     alignItems: 'center',
     color: _theme.default.breadcrumbFontColor,
@@ -85,7 +85,7 @@ var breadcrumbStyle = {
   dropdownItem: {
     lineHeight: _theme.default.lineHeightDynamic,
     fontSize: _theme.default.dropdownListFontSize,
-    fontWeight: _theme.default.breadcrumbFontWieght,
+    fontWeight: _theme.default.breadcrumbFontWeight,
     cursor: 'pointer',
     color: _theme.default.dropdownOptionFontColor,
     borderRadius: _theme.default.dropdownOptionBorderRadius,

package/cjs/button/button.js

@@ -225,8 +225,8 @@ var ButtonStyle = {
     fontSize: _theme.default.buttonSmallFontSize,
     padding: "".concat(_theme.default.buttonSmallPaddingY, " ").concat(_theme.default.buttonSmallPaddingX),
     '&$circle,&$square': {
-      width: 24,
-      height: 24
+      width: _theme.default.buttonSmallCircleSize,
+      height: _theme.default.buttonSmallCircleSize
     }
   },
   large: {
@@ -235,8 +235,8 @@ var ButtonStyle = {
     fontSize: _theme.default.buttonLargeFontSize,
     padding: "".concat(_theme.default.buttonLargePaddingY, " ").concat(_theme.default.buttonLargePaddingX),
     '&$circle,&$square': {
-      width: 40,
-      height: 40
+      width: _theme.default.buttonLargeCircleSize,
+      height: _theme.default.buttonLargeCircleSize
     }
   },
   default: _objectSpread({}, button('Secondary', '')),
@@ -291,14 +291,14 @@ var ButtonStyle = {
     borderRadius: _theme.default.buttonRoundBorderRadius
   },
   circle: {
-    width: "32px",
-    height: "32px",
+    width: _theme.default.buttonCircleSize,
+    height: _theme.default.buttonCircleSize,
     padding: 0,
     borderRadius: _theme.default.buttonCircleBorderRadius
   },
   square: {
-    width: "32px",
-    height: "32px",
+    width: _theme.default.buttonCircleSize,
+    height: _theme.default.buttonCircleSize,
     padding: 0,
     borderRadius: _theme.default.buttonSquareBorderRadius,
     '& $spin': {

package/cjs/card/card.js

@@ -23,7 +23,7 @@ var cardStyle = {
   wrapper: {
     display: 'flex',
     flexDirection: 'column',
-    border: "1px solid ".concat(_theme.default.cardBorderColor),
+    border: "".concat(_theme.default.cardBorderWidth, " solid ").concat(_theme.default.cardBorderColor),
     borderRadius: _theme.default.cardBorderRadius,
     fontSize: _theme.default.cardFontSize,
     lineHeight: _theme.default.lineHeightDynamic,
@@ -37,7 +37,7 @@ var cardStyle = {
   wrapperInAccordion: {
     border: 'none',
     '& + &': {
-      borderTop: "1px solid ".concat(_theme.default.cardBorderColor),
+      borderTop: "".concat(_theme.default.cardBorderWidth, " solid ").concat(_theme.default.cardBorderColor),
       borderTopLeftRadius: 0,
       borderTopRightRadius: 0
     }
@@ -48,7 +48,7 @@ var cardStyle = {
   wrapperHover: {
     transition: 'box-shadow .2s linear',
     '&:hover': {
-      boxShadow: _theme.default.cardShadow
+      boxShadow: _theme.default.cardHoverShadow
     }
   },
   wrapperResizable: {
@@ -56,7 +56,7 @@ var cardStyle = {
   },
   wrapperMoveable: {},
   accordion: {
-    border: "1px solid ".concat(_theme.default.cardBorderColor),
+    border: "".concat(_theme.default.cardBorderWidth, " solid ").concat(_theme.default.cardBorderColor),
     borderRadius: _theme.default.cardBorderRadius
   },
   header: {
@@ -109,7 +109,7 @@ var cardStyle = {
   },
   body: {
     '$wrapperSplit>$header+&, $wrapperSplit>$header+$bodyCollapse>&': {
-      borderTop: "1px solid ".concat(_theme.default.cardBorderColor)
+      borderTop: "".concat(_theme.default.cardBorderWidth, " solid ").concat(_theme.default.cardBodyBorderColor)
     },
     padding: "".concat(_theme.default.cardBodyPaddingY, " ").concat(_theme.default.cardBodyPaddingX),
     flex: 1,
@@ -123,7 +123,7 @@ var cardStyle = {
   bodyCollapse: {},
   footer: {
     '$wrapperSplit>$body+&, $wrapperSplit>$bodyCollapse+&': {
-      borderTop: "1px solid ".concat(_theme.default.cardBorderColor)
+      borderTop: "".concat(_theme.default.cardBorderWidth, " solid ").concat(_theme.default.cardFooterBorderColor)
     },
     padding: "".concat(_theme.default.cardFooterPaddingY, " ").concat(_theme.default.cardFooterPaddingX),
     boxSizing: 'border-box'

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,CAyc9C,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,CAid9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/cascader/cascader.js

@@ -387,6 +387,12 @@ var cascaderStyle = _objectSpread(_objectSpread({
       borderRight: "1px solid ".concat(_theme.default.cascaderListBorderColor)
     }
   },
+  filterList: {
+    display: 'block',
+    '& $list': {
+      width: '100%'
+    }
+  },
   hideTag: {},
   list: {
     paddingTop: 3,
@@ -484,11 +490,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
   optionIcon: {
     position: 'absolute',
     right: 8,
-    top: 9,
+    top: 0,
+    bottom: 0,
     fontSize: _theme.default.cascaderFontSize,
     color: _theme.default.cascaderOptionIconColor,
-    lineHeight: 0,
-    verticalAlign: 'middle',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
     '& svg': {
       verticalAlign: 'middle',
       width: 14

package/cjs/collapse/collapse-item.js

@@ -9,7 +9,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var collapseItemStyle = {
   wrapper: {
     boxSizing: 'border-box',
-    borderBottom: "".concat(_theme.default.collapseWrapperBorderSize, " solid ").concat(_theme.default.collapseWrapperBorderColor),
+    borderBottom: "".concat(_theme.default.collapseWrapperBorderSize, " solid ").concat(_theme.default.collapseHeaderBorderColor),
     '&:last-child': {
       borderBottom: 0
     },
@@ -30,7 +30,7 @@ var collapseItemStyle = {
     overflow: 'hidden',
     gap: _theme.default.collapseHeaderGap,
     fontSize: _theme.default.collapseHeaderFontSize,
-    fontWeight: _theme.default.collapseHeaderWeight,
+    fontWeight: _theme.default.collapseHeaderFontWeight,
     color: _theme.default.collapseHeaderColor,
     padding: "".concat(_theme.default.collapseWrapperPaddingY, " ").concat(_theme.default.collapseWrapperPaddingX)
   },
@@ -105,7 +105,7 @@ var collapseItemStyle = {
   },
   contentMain: {
     color: _theme.default.collapseContentColor,
-    fontWeight: _theme.default.collapseContentWeight,
+    fontWeight: _theme.default.collapseContentFontWeight,
     lineHeight: _theme.default.lineHeightDynamic,
     padding: "".concat(_theme.default.collapseContentPaddingY, " ").concat(_theme.default.collapseContentPaddingRight, " ").concat(_theme.default.collapseContentPaddingY, " ").concat(_theme.default.collapseContentPaddingLeft),
     backgroundColor: _theme.default.collapseContentBackgroundColor,

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,CA4mBlD,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;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAgnBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -660,6 +660,10 @@ var datePickerStyle = _objectSpread(_objectSpread({
       visibility: 'visible'
     }
   },
+  datetimeHide: {
+    opacity: '0',
+    pointerEvents: 'none'
+  },
   quickPicker: {
     padding: "".concat(_theme.default.datePickerQuickPanelPaddingY, " ").concat(_theme.default.datePickerQuickPanelPaddingX),
     display: 'flex',

package/cjs/descriptions/descriptions.js

@@ -139,12 +139,12 @@ var descriptionsStyle = {
       borderBottom: "".concat(_theme.default.descriptionsBorderDefaultSize, " solid ").concat(_theme.default.descriptionsBorderColor)
     },
     '& $label': {
-      padding: "".concat(_theme.default.descriptionsBorderPaddingX, " ").concat(_theme.default.descriptionsBorderPaddingY),
+      padding: "".concat(_theme.default.descriptionsBorderPaddingY, " ").concat(_theme.default.descriptionsBorderPaddingX),
       backgroundColor: _theme.default.descriptionsBackgroundColor,
       borderRight: "".concat(_theme.default.descriptionsBorderDefaultSize, " solid ").concat(_theme.default.descriptionsBorderColor)
     },
     '& $value': {
-      padding: "".concat(_theme.default.descriptionsBorderPaddingX, " ").concat(_theme.default.descriptionsBorderPaddingY),
+      padding: "".concat(_theme.default.descriptionsBorderPaddingY, " ").concat(_theme.default.descriptionsBorderPaddingX),
       borderRight: "".concat(_theme.default.descriptionsBorderDefaultSize, " solid ").concat(_theme.default.descriptionsBorderColor)
     },
     '& $cell': {

package/cjs/dropdown/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,eAAe,CAsL7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,eAAe,CAuL7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/dropdown/dropdown.js

@@ -21,7 +21,7 @@ var dropdown = {
   },
   list: {
     position: 'absolute',
-    fontWeight: 400,
+    fontWeight: _theme.default.dropdownListFontWeight,
     minWidth: '100%',
     zIndex: 1000,
     textAlign: 'left',
@@ -40,12 +40,12 @@ var dropdown = {
   },
   listSmall: {
     fontSize: _theme.default.dropdownListSmallFontSize,
-    borderRadius: _theme.default.dropdownListSmallBorderRadius,
+    borderRadius: _theme.default.dropdownListBorderRadius,
     padding: "".concat(_theme.default.dropdownListSmallPaddingY, " ").concat(_theme.default.dropdownListSmallPaddingX)
   },
   listLarge: {
     fontSize: _theme.default.dropdownListLargeFontSize,
-    borderRadius: _theme.default.dropdownListLargeBorderRadius,
+    borderRadius: _theme.default.dropdownListBorderRadius,
     padding: "".concat(_theme.default.dropdownListLargePaddingY, " ").concat(_theme.default.dropdownListLargePaddingX)
   },
   listHasChildren: {
@@ -168,6 +168,7 @@ var dropdown = {
   optionGroup: {
     padding: "".concat(_theme.default.dropdownOptionGroupPaddingTop, " ").concat(_theme.default.dropdownOptionGroupPaddingX, " ").concat(_theme.default.dropdownOptionGroupPaddingBottom, " ").concat(_theme.default.dropdownOptionGroupPaddingX),
     fontSize: _theme.default.dropdownOptionGroupFontSize,
+    fontWeight: _theme.default.dropdownOptionGroupFontWeight,
     color: _theme.default.dropdownOptionGroupFontColor,
     '$listSmall &': {
       padding: "".concat(_theme.default.dropdownOptionGroupSmallTop, " ").concat(_theme.default.dropdownOptionGroupSmallX, " 0 ").concat(_theme.default.dropdownOptionGroupSmallX)

package/cjs/input/input-border.js

@@ -28,7 +28,7 @@ var _default = exports.default = function _default(name) {
     }, "&:not($".concat(name, "Disabled):not($").concat(name, "Error)"), {
       backgroundColor: token.hoverBackgroundColor
     }),
-    '[data-soui-role="input-group"] &': {
+    '[data-soui-role="input-group"] &&&, [data-soui-role="input-group"] &&&:hover': {
       borderWidth: 0,
       borderRadius: 0,
       boxShadow: 'none',

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,CAyMvC,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,CA8MvC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/input/input.js

@@ -140,9 +140,14 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     backgroundColor: 'transparent',
     boxSizing: 'border-box',
     fontWeight: 'inherit',
+    '$wrapper:not($wrapperDisabled) &::placeholder': {
+      color: _theme.default.inputPlaceholderColor
+    },
+    '$wrapperDisabled &::placeholder': {
+      color: _theme.default.inputDisabledPlaceholderColor
+    },
     '&::placeholder': {
       fontWeight: _theme.default.inputPlaceholderFontWeight,
-      color: _theme.default.inputPlaceholderColor,
       fontSize: 'inherit'
     }
   },

package/cjs/list/list.js

@@ -15,7 +15,7 @@ var listStyle = {
     flexDirection: 'column'
   },
   wrapperBordered: {
-    border: "1px solid ".concat(_theme.default.listBorderColor),
+    border: "".concat(_theme.default.listBorderWidth, " solid ").concat(_theme.default.listBorderColor),
     borderRadius: _theme.default.listBorderRadius
   },
   wrapperSmall: {},
@@ -73,7 +73,7 @@ var listStyle = {
       fontSize: _theme.default.listSmallFontSize
     },
     '$wrapperLarge &': {
-      padding: "".concat(_theme.default.listLargeItemPaddingY, " ").concat(_theme.default.listLargeItemPaddingY),
+      padding: "".concat(_theme.default.listLargeItemPaddingY, " ").concat(_theme.default.listLargeItemPaddingX),
       fontSize: _theme.default.listLargeFontSize
     }
   },

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

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA8ftC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAkgBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/menu/menu.js

@@ -413,7 +413,11 @@ var menuStyle = {
     display: 'inline-flex'
   },
   titleContent: {
-    whiteSpace: 'pre-wrap'
+    whiteSpace: 'pre-wrap',
+    display: 'flex',
+    minWidth: 0,
+    alignItems: 'center',
+    fontWeight: _theme.default.menuItemFontWeight
     // '$wrapperCollpase &': {
     //   transition: `opacity ${animationDuration} ${transitionFunc}`,
     // },

package/cjs/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAsRxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA4RxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/modal/modal.js

@@ -310,7 +310,7 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
     flexDirection: 'column',
     textAlign: 'left',
     minWidth: 0,
-    background: '#fff',
+    background: _theme.default.modalPanelBackground,
     borderRadius: _theme.default.modalPanelRadius,
     padding: "".concat(_theme.default.modalPanelPaddingY, " ").concat(_theme.default.modalPanelPaddingX),
     fontSize: _theme.default.modalPanelFontSize,
@@ -341,8 +341,10 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
     flex: '1',
     minWidth: 0,
     textAlign: 'left',
-    fontWeight: 'bold',
-    fontSize: _theme.default.modalHeaderFontSize
+    color: _theme.default.modalHeaderFontColor,
+    fontWeight: _theme.default.modalHeaderFontWeight,
+    fontSize: _theme.default.modalHeaderFontSize,
+    lineHeight: _theme.default.lineHeightDynamic
   },
   headerClose: {
     marginLeft: _theme.default.modalHeaderCloseMarginXStart,
@@ -371,8 +373,12 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
   },
   body: {
     flex: '1 1 auto',
-    minHeight: '1px'
+    minHeight: '1px',
     // overflow: 'auto',
+    color: _theme.default.modalBodyFontColor,
+    fontSize: _theme.default.modalBodyFontSize,
+    fontWeight: _theme.default.modalBodyFontWeight,
+    lineHeight: _theme.default.lineHeightDynamic
   },
   bodyWithIcon: {
     paddingLeft: "calc(".concat(_theme.default.modalHeaderIconMarginEnd, " + ").concat(_theme.default.modalHeaderIconSize, ")")

package/cjs/pagination/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,KAAK,eAAe,GAAG,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,eAAe,CA0D9C,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,KAAK,eAAe,GAAG,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,eAAe,CAqE9C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/pagination/pagination.js

@@ -13,6 +13,7 @@ var PaginationStyle = {
     alignItems: 'center',
     fontSize: _theme.default.paginationFontSize,
     color: _theme.default.paginationFontColor,
+    fontWeight: _theme.default.paginationFontWeight,
     height: 'fit-content'
   },
   left: {
@@ -39,7 +40,10 @@ var PaginationStyle = {
     display: 'inline-block',
     width: _theme.default.paginationFontSize
   },
-  buttons: {},
+  buttons: {
+    display: 'flex',
+    alignItems: 'center'
+  },
   jumper: {
     display: 'flex',
     alignItems: 'center'
@@ -49,14 +53,21 @@ var PaginationStyle = {
       textAlign: 'center'
     }
   },
-  sizeList: {},
+  sizeList: {
+    display: 'flex',
+    alignItems: 'center'
+  },
   simple: {},
   small: {
+    fontSize: _theme.default.paginationSmallFontSize,
+    fontWeight: _theme.default.paginationSmallFontWeight,
     '& $icon': {
       width: _theme.default.paginationSmallFontSize
     }
   },
   large: {
+    fontSize: _theme.default.paginationLargeFontSize,
+    fontWeight: _theme.default.paginationLargeFontWeight,
     '& $icon': {
       width: _theme.default.paginationLargeFontSize
     }

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

package/cjs/select/select.js

@@ -323,6 +323,7 @@ var selectStyle = _objectSpread(_objectSpread({
     display: 'block',
     overflow: 'hidden',
     textOverflow: 'ellipsis',
+    flex: 1,
     whiteSpace: 'nowrap',
     marginTop: _theme.default.selectPlaceholderMarginY,
     marginBottom: _theme.default.selectPlaceholderMarginY
@@ -389,9 +390,9 @@ var selectStyle = _objectSpread(_objectSpread({
       marginLeft: 0
     },
     maxWidth: '80%',
-    marginRight: 4,
-    marginTop: _theme.default.selectPlaceholderMarginY,
-    marginBottom: _theme.default.selectPlaceholderMarginY,
+    marginRight: _theme.default.selectTagMarginRight,
+    marginTop: _theme.default.selectTagMarginY,
+    marginBottom: _theme.default.selectTagMarginY,
     textWrap: 'nowrap',
     '&$hideTag': {
       marginRight: 0

package/cjs/slider/slider.js

@@ -249,7 +249,7 @@ var sliderStyle = {
     '&::before': {
       content: '""',
       display: 'block',
-      backgroundColor: '#ccc'
+      backgroundColor: _theme.default.sliderScaleLineBackgroundColor
     },
     '$wrapper:not($vertical) &': {
       marginTop: _theme.default.sliderScaleMarginY,

package/cjs/spin/spin.js

@@ -90,7 +90,7 @@ var spinStyle = _objectSpread(_objectSpread({}, _animation.default), {}, {
       bottom: 0,
       height: '100%',
       width: '100%',
-      background: '#FFFFFF',
+      background: _theme.default.spinBackgroundColor,
       opacity: 0.5
     }
   },

package/cjs/steps/steps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAmpBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAspBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/steps/steps.js

@@ -367,7 +367,10 @@ var stepsStyle = {
   iconWrapper: {
     display: 'inline-block',
     textAlign: 'center',
-    borderRadius: '50%'
+    borderRadius: '50%',
+    '& svg': {
+      width: "calc(100% - 12px)"
+    }
   },
   dot: {
     '&$vertical': {

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

package/cjs/switch/switch.js

@@ -100,6 +100,7 @@ var switchStyle = _objectSpread(_objectSpread({}, animation), {}, {
     justifyContent: 'center',
     color: 'red',
     '$wrapperChecked &': {
+      backgroundColor: _theme.default.switchCheckedCircleFill,
       '&[dir=ltr]': {
         right: _theme.default.switchPaddingX,
         left: "calc(100% - ".concat(_theme.default.switchCircleSize, " - ").concat(_theme.default.switchPaddingX, ")")
@@ -141,6 +142,12 @@ var switchStyle = _objectSpread(_objectSpread({}, animation), {}, {
       left: _theme.default.switchLargePaddingX,
       top: _theme.default.switchLargePaddingY
     },
+    '$wrapperDisabled:not($wrapperChecked) &': {
+      backgroundColor: _theme.default.switchDisabledCircleFill
+    },
+    '$wrapperDisabled &': {
+      backgroundColor: _theme.default.switchCheckedDisabledCircleFill
+    },
     borderRadius: '50%',
     position: 'absolute',
     backgroundColor: _theme.default.switchCircleFill,

package/cjs/tabs/tabs.js

@@ -713,14 +713,14 @@ var tabsStyle = {
             right: 0,
             left: 'auto',
             height: '100%',
-            background: _theme.default.tabsBorderColor
+            background: _theme.default.tabsLineHrBackgroundColor
           }
         },
         '[data-soui-position^="right-"] &': {
           '&:after': {
             width: 1,
             height: '100%',
-            background: _theme.default.tabsBorderColor
+            background: _theme.default.tabsLineHrBackgroundColor
           }
         },
         '&:not([data-soui-state="active"])': {
@@ -731,7 +731,7 @@ var tabsStyle = {
             left: 0,
             width: '100%',
             height: 1,
-            background: _theme.default.tabsBorderColor
+            background: _theme.default.tabsLineHrBackgroundColor
           }
         },
         '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
@@ -777,10 +777,10 @@ var tabsStyle = {
         fontWeight: _theme.default.tabsFillFontWeight,
         background: _theme.default.tabsFillBackgroundColor,
         '&[data-soui-state="active"]': {
-          color: _theme.default.tabsFillCheckedFontColor,
           // fontSize: Token.tabsFillCheckedFontSize,
-          fontWeight: _theme.default.tabsFillCheckedFontWeight,
           '& $fillInner': {
+            color: _theme.default.tabsFillCheckedFontColor,
+            fontWeight: _theme.default.tabsFillCheckedFontWeight,
             background: _theme.default.tabsFillCheckedBackgroundColor
           }
         },

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,CA8IxC,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,CAiJxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/tag/tag.js

@@ -73,7 +73,7 @@ var tag = function tag(type) {
     },
     // outline 边框风格
     '&$outline': {
-      background: '#fff',
+      background: _theme.default["tag".concat(type, "OutlineBackgroundColor")],
       color: _theme.default["tag".concat(type, "OutlineFontColor")],
       border: "1px solid ".concat(_theme.default["tag".concat(type, "OutlineBorderColor")]),
       '& $closeIconWrapper': {
@@ -124,7 +124,7 @@ var tag = function tag(type) {
 var TagStyle = {
   tag: {
     display: 'inline-flex',
-    padding: "0 ".concat(_theme.default.tagPaddingX),
+    padding: "".concat(_theme.default.tagPaddingY, " ").concat(_theme.default.tagPaddingX),
     fontSize: _theme.default.tagFontSize,
     fontWeight: _theme.default.tagFontWeight,
     borderRadius: _theme.default.tagBorderRadius,
@@ -156,6 +156,7 @@ var TagStyle = {
     fontSize: _theme.default.tagLargeFontSize,
     lineHeight: "calc(".concat(_theme.default.tagLargeFontSize, " + 8px)"),
     fontWeight: _theme.default.tagLargeFontWeight,
+    borderRadius: _theme.default.tagLargeBorderRadius,
     padding: "".concat(_theme.default.tagLargePaddingY, " ").concat(_theme.default.tagLargePaddingX),
     '& $closeIconWrapper': {
       '& svg': {
@@ -165,9 +166,11 @@ var TagStyle = {
     }
   },
   small: {
+    fontSize: _theme.default.tagSmallFontSize,
     lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)"),
     padding: "0 ".concat(_theme.default.tagSmallPaddingX),
     fontWeight: _theme.default.tagSmallFontWeight,
+    borderRadius: _theme.default.tagSmallBorderRadius,
     '& $container': {
       lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)")
     },

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

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.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;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAuNtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.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;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAqOtC,CAAC;AAEF,eAAe,SAAS,CAAC"}