@sheinx/shineout-style 3.2.2-beta.1 → 3.3.0-beta.2

package/cjs/alert/alert.js

@@ -63,11 +63,11 @@ var alertStyle = {
   widthTitle: {
     '& $icon': {
       // marginBottom: Token.alertNearlyMargin,
-      width: 20,
-      height: 24
+      width: _theme.default.alertTitleIconWidth,
+      height: _theme.default.alertTitleIconHeight
     },
     '& $title': {
-      lineHeight: '24px'
+      lineHeight: _theme.default.lineHeightDynamic
     },
     '& $close': {
       marginBottom: _theme.default.alertNearlyMargin,
@@ -160,7 +160,7 @@ var alertStyle = {
     borderColor: 'transparent'
   },
   icon: {
-    width: 16,
+    width: _theme.default.alertIconSize,
     display: 'inline-flex',
     fontSize: _theme.default.alertFontSize,
     height: _theme.default.lineHeightDynamic,

package/cjs/breadcrumb/breadcrumb.d.ts.map

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

package/cjs/breadcrumb/breadcrumb.js

@@ -10,6 +10,7 @@ var breadcrumbStyle = {
   wrapper: {
     lineHeight: _theme.default.lineHeightDynamic,
     fontSize: _theme.default.breadcrumbFontSize,
+    fontWeight: _theme.default.breadcrumbFontWieght,
     display: 'flex',
     alignItems: 'center',
     color: _theme.default.breadcrumbFontColor,
@@ -38,7 +39,13 @@ var breadcrumbStyle = {
   },
   item: {
     display: 'flex',
-    alignItems: 'center'
+    alignItems: 'center',
+    '& a:not(a[class])': {
+      color: _theme.default.breadcrumbDefaultLinkColor,
+      '&:hover': {
+        color: _theme.default.breadcrumbDefaultLinkHoverColor
+      }
+    }
     // '&:not(a) svg': {
     //   color: token.breadcrumbIconBackgroundColor,
     // },

package/cjs/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAmL7C,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CAuW9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAmL7C,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CAgX9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/button/button.js

@@ -207,7 +207,8 @@ var ButtonStyle = {
     padding: "".concat(_theme.default.buttonPaddingY, " ").concat(_theme.default.buttonPaddingX),
     transition: 'all .1s linear',
     fontFamily: 'inherit',
-    height: _theme.default.buttonHeight,
+    // height: Token.buttonHeight,
+
     '& + &': {
       marginLeft: _theme.default.buttonNearlyMargin
     },
@@ -219,7 +220,7 @@ var ButtonStyle = {
     }
   },
   small: {
-    height: _theme.default.buttonSmallHeight,
+    // height: Token.buttonSmallHeight,
     fontWeight: _theme.default.buttonSmallFontWeight,
     fontSize: _theme.default.buttonSmallFontSize,
     padding: "".concat(_theme.default.buttonSmallPaddingY, " ").concat(_theme.default.buttonSmallPaddingX),
@@ -229,7 +230,7 @@ var ButtonStyle = {
     }
   },
   large: {
-    height: _theme.default.buttonLargeHeight,
+    // height: Token.buttonLargeHeight,
     fontWeight: _theme.default.buttonLargeFontWeight,
     fontSize: _theme.default.buttonLargeFontSize,
     padding: "".concat(_theme.default.buttonLargePaddingY, " ").concat(_theme.default.buttonLargePaddingX),
@@ -332,7 +333,16 @@ var ButtonStyle = {
   groupItem: {},
   group: {
     // 2.x 之前非 inline-block
-    display: 'inline-block',
+    display: 'inline-flex',
+    // 处理 dropdown 下的 button
+    '& [data-role="dropdown"]': {
+      '& $button': {
+        height: '100%'
+      },
+      '& [data-role="caret"]': {
+        margin: 0
+      }
+    },
     '& > :first-child$button,& > :first-child $button': {
       '&::before': {
         display: 'none'

package/cjs/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["card.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;AAS9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA6ItC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["card.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;AAU9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAgJtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/card/card.js

@@ -15,7 +15,8 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 var headerCommon = {
   fontSize: _theme.default.cardTitleFontSize,
   lineHeight: _theme.default.lineHeightDynamic,
-  fontWeight: 'bold',
+  color: _theme.default.cardTitleFontColor,
+  fontWeight: _theme.default.cardTitleFontWeight,
   minWidth: 0
 };
 var cardStyle = {
@@ -59,7 +60,7 @@ var cardStyle = {
     borderRadius: _theme.default.cardBorderRadius
   },
   header: {
-    padding: "".concat(_theme.default.cardPaddingY, " ").concat(_theme.default.cardPaddingX),
+    padding: "".concat(_theme.default.cardHeaderPaddingY, " ").concat(_theme.default.cardHeaderPaddingX),
     '$wrapperMoveable &': {
       cursor: 'move'
     },
@@ -110,10 +111,13 @@ var cardStyle = {
     '$wrapperSplit>$header+&, $wrapperSplit>$header+$bodyCollapse>&': {
       borderTop: "1px solid ".concat(_theme.default.cardBorderColor)
     },
-    padding: "".concat(_theme.default.cardPaddingY, " ").concat(_theme.default.cardPaddingX),
+    padding: "".concat(_theme.default.cardBodyPaddingY, " ").concat(_theme.default.cardBodyPaddingX),
     flex: 1,
     minHeight: 0,
     minWidth: 0,
+    color: _theme.default.cardBodyFontColor,
+    fontWeight: _theme.default.cardBodyFontWeight,
+    fontSize: _theme.default.cardBodyFontSize,
     boxSizing: 'border-box'
   },
   bodyCollapse: {},
@@ -121,7 +125,7 @@ var cardStyle = {
     '$wrapperSplit>$body+&, $wrapperSplit>$bodyCollapse+&': {
       borderTop: "1px solid ".concat(_theme.default.cardBorderColor)
     },
-    padding: "".concat(_theme.default.cardPaddingY, " ").concat(_theme.default.cardPaddingX),
+    padding: "".concat(_theme.default.cardFooterPaddingY, " ").concat(_theme.default.cardFooterPaddingX),
     boxSizing: 'border-box'
   },
   resizeX: {

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,CAymBlD,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,CA4mBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -295,6 +295,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
     cursor: 'pointer',
     width: _theme.default.datePickerPanelHeaderIconHotWidth,
     height: _theme.default.datePickerPanelHeaderIconHotWidth,
+    color: _theme.default.datePickerPanelHeaderIconColor,
     borderRadius: '50%',
     '&[dir=rtl]': {
       transform: 'rotate(180deg)'
@@ -318,6 +319,8 @@ var datePickerStyle = _objectSpread(_objectSpread({
   pickerHeaderInfo: {
     cursor: 'pointer',
     borderRadius: '2px',
+    color: _theme.default.datePickerPanelHeaderFontColor,
+    fontWeight: _theme.default.datePickerPanelHeaderFontWeight,
     '&:hover': {
       backgroundColor: _theme.default.datePickerPanelHeaderIconHoverBackgroundColor
     }
@@ -335,7 +338,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
     '& th, & td': {
       boxSizing: 'border-box',
       padding: '0',
-      fontWeight: 'normal'
+      fontWeight: _theme.default.datePickerPanelFontWeight
     },
     '& th': {
       color: _theme.default.datePickerCellHeaderColor,

package/cjs/divider/divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,kBAAkB,GAAG,MAAM,cAAc,CAAC;AAEtD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,kBAAkB,CAgF9C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,kBAAkB,GAAG,MAAM,cAAc,CAAC;AAEtD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,kBAAkB,CAiF9C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/divider/divider.js

@@ -84,6 +84,7 @@ var dividerStyle = {
     display: 'inline-block',
     padding: "0  ".concat(_theme.default.dividerTextPaddingX),
     fontSize: _theme.default.dividerFontSize,
+    fontWeight: _theme.default.dividerFontWeight,
     color: _theme.default.dividerFontColor
   }
 };

package/cjs/empty/empty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["empty.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,CAwB5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["empty.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,CAyB5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/empty/empty.js

@@ -28,6 +28,7 @@ var emptyStyle = {
   description: {
     fontSize: _theme.default.emptyFontSize,
     color: _theme.default.emptyFontColor,
+    fontWeight: _theme.default.emptyFontWeight,
     lineHeight: _theme.default.lineHeightDynamic
   }
 };

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

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

package/cjs/form/form-item.js

@@ -25,6 +25,8 @@ var formItemStyle = {
     },
     wordWrap: 'break-word',
     width: _theme.default.formItemLabelWidth,
+    fontWeight: _theme.default.formItemLabelFontWeight,
+    color: _theme.default.formItemLabelFontColor,
     padding: "".concat(_theme.default.formItemLabelPaddingY, " 0"),
     lineHeight: _theme.default.lineHeightDynamic,
     marginRight: _theme.default.formItemLabelMarginXEnd,
@@ -70,7 +72,7 @@ var formItemStyle = {
   wrapperRequired: {
     '& $label::before': {
       marginRight: '4px',
-      color: _theme.default.formItemDangerColor,
+      color: _theme.default.formItemDangerFontColor,
       content: '"*"',
       fontFamily: 'SimSun',
       position: 'relative',
@@ -93,18 +95,21 @@ var formItemStyle = {
     }
   },
   error: {
-    color: _theme.default.formItemDangerColor,
+    color: _theme.default.formItemDangerFontColor,
     lineHeight: _theme.default.lineHeightDynamic,
     minHeight: _theme.default.formItemTipMinHeight,
-    fontSize: _theme.default.formItemTipFontSize
+    fontSize: _theme.default.formItemDangerFontSize,
+    fontWeight: _theme.default.formItemDangerFontWeight
     // flexBasis: '100%',
     // width: 0,
   },
   tip: {
     color: _theme.default.formItemTipFontColor,
     fontSize: _theme.default.formItemTipFontSize,
+    fontWeight: _theme.default.formItemTipFontWeight,
     lineHeight: _theme.default.lineHeightDynamic,
     minHeight: _theme.default.formItemTipMinHeight,
+    marginTop: _theme.default.formItemTipMarginTop,
     width: '100%'
   }
 };

package/cjs/image/image.js

@@ -160,16 +160,16 @@ var ImageStyle = _objectSpread(_objectSpread({}, animation), {}, {
   },
   circle: {
     borderRadius: _theme.default.imageCircleBorderRadius,
-    border: "1px solid ".concat(_theme.default.imageCircleBorderColor)
+    border: "1px solid ".concat(_theme.default.imageBorderColor)
   },
   rounded: {
-    borderRadius: _theme.default.imageRoundedBorderRadius,
-    border: "1px solid ".concat(_theme.default.imageRoundedBorderColor)
+    borderRadius: _theme.default.imageBorderRadius,
+    border: "1px solid ".concat(_theme.default.imageBorderColor)
   },
   thumbnail: {
-    borderRadius: _theme.default.imageThumbnailBorderRadius,
+    borderRadius: _theme.default.imageBorderRadius,
     backgroundColor: '#FFFFFF',
-    border: "1px solid ".concat(_theme.default.imageThumbnailBorderColor),
+    border: "1px solid ".concat(_theme.default.imageBorderColor),
     '& $inner': {
       top: 4,
       left: 4,

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,

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

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

package/cjs/progress/progress.js

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

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

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

package/cjs/rate/rate.js

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

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

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

package/cjs/select/select.js

@@ -447,6 +447,7 @@ var selectStyle = _objectSpread(_objectSpread({
     overflow: 'hidden',
     textOverflow: 'ellipsis',
     whiteSpace: 'nowrap',
+    height: '100%',
     color: _theme.default.selectOptionFontColor,
     fontSize: _theme.default.selectFontSize,
     lineHeight: _theme.default.lineHeightDynamic,

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;AAsSxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAmc1C,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;AA8RxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA0f1C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/tabs/tabs.js

@@ -183,12 +183,12 @@ var getLineStyle = function getLineStyle() {
         bottom: 0,
         left: 0,
         width: 2
-      })),
-      '& :not([data-soui-state="active"])$tab': {
-        '&:after': {
-          display: 'none'
-        }
-      }
+      }))
+      // '& :not([data-soui-state="active"])$tab': {
+      //   '&:after': {
+      //     display: 'none',
+      //   },
+      // },
     },
     '&[data-soui-position^="right-"][data-soui-shape="line"]': {
       '&[dir=ltr]': _objectSpread({
@@ -214,12 +214,7 @@ var getLineStyle = function getLineStyle() {
         bottom: 0,
         right: 0,
         width: 2
-      })),
-      '& :not([data-soui-state="active"])$tab': {
-        '&:after': {
-          display: 'none'
-        }
-      }
+      }))
     },
     '&[data-soui-position^="top-"][data-soui-shape="line"]': _objectSpread({
       '& $hr': {
@@ -247,7 +242,13 @@ var getLineStyle = function getLineStyle() {
     })), {}, {
       '& :not([data-soui-state="active"])$tab': {
         '&:after': {
-          display: 'none'
+          position: 'absolute',
+          content: '""',
+          top: 0,
+          left: 0,
+          width: '100%',
+          height: 1,
+          background: _theme.default.tabsBorderColor
         }
       }
     })
@@ -307,12 +308,6 @@ var getFillStyle = function getFillStyle() {
             color: _theme.default.tabsActiveFontColor
           }
         },
-        '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $fillInner': {
-          background: _theme.default.tabsExtraFillHoverBackgroundColor
-        },
-        '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):active $fillInner': {
-          background: _theme.default.tabsClickBackgroundColor
-        },
         '&:before': {
           content: '""',
           position: 'absolute',
@@ -455,7 +450,10 @@ var tabsStyle = {
   },
   hr: {
     position: 'absolute',
-    background: _theme.default.tabsBorderColor
+    background: _theme.default.tabsBorderColor,
+    '$headerWrapper[data-soui-shape="line"] &': {
+      background: _theme.default.tabsLineHrBackgroundColor
+    }
   },
   cardHr: {
     // aflter
@@ -664,23 +662,27 @@ var tabsStyle = {
     '$headerWrapper[data-soui-shape="card"] &': {
       '& $tab': {
         position: 'relative',
-        border: "1px solid ".concat(_theme.default.tabsBorderColor),
-        padding: "".concat(_theme.default.tabsTabPaddingY, " ").concat(_theme.default.tabsTabPaddingX),
-        background: _theme.default.tabsBackgroundColor,
+        border: "1px solid ".concat(_theme.default.tabsCardBorderColor),
+        padding: "".concat(_theme.default.tabsCardPaddingY, " ").concat(_theme.default.tabsCardPaddingX),
+        color: _theme.default.tabsCardFontColor,
+        fontSize: _theme.default.tabsCardFontSize,
+        fontWeight: _theme.default.tabsCardFontWeight,
+        background: _theme.default.tabsCardBackgroundColor,
         '&[data-soui-state="active"]': {
-          color: _theme.default.tabsActiveFontColor,
-          background: _theme.default.tabsActiveBackgroundColor,
-          fontWeight: 'bold'
+          color: _theme.default.tabsCardCheckedFontColor,
+          fontSize: _theme.default.tabsCardCheckedFontSize,
+          fontWeight: _theme.default.tabsCardCheckedFontWeight,
+          background: _theme.default.tabsCardCheckedBackgroundColor
         },
         '&[data-soui-state="disabled"]': {
-          color: _theme.default.tabsDisabledFontColor,
+          color: _theme.default.tabsCardDisabledFontColor,
           cursor: 'not-allowed'
         },
         '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover': {
-          background: _theme.default.tabsHoverBackgroundColor
+          background: _theme.default.tabsCardHoverBackgroundColor
         },
         '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):active': {
-          background: _theme.default.tabsClickBackgroundColor
+          background: _theme.default.tabsCardActiveBackgroundColor
         }
       }
     },
@@ -688,17 +690,39 @@ var tabsStyle = {
       '& $tab': {
         position: 'relative',
         padding: "".concat(_theme.default.tabsLinePaddingY, " ").concat(_theme.default.tabsLinePaddingX),
-        // background: '#FFF',
-
+        color: _theme.default.tabsLineFontColor,
+        fontSize: _theme.default.tabsLineFontSize,
+        fontWeight: _theme.default.tabsLineFontWeight,
+        background: _theme.default.tabsLineBackgroundColor,
         '&[data-soui-state="active"]': {
-          color: _theme.default.tabsActiveFontColor,
-          background: _theme.default.tabsActiveBackgroundColor,
-          fontWeight: 'bold'
+          color: _theme.default.tabsLineCheckedFontColor,
+          fontSize: _theme.default.tabsLineCheckedFontSize,
+          background: _theme.default.tabsLineCheckedBackgroundColor,
+          fontWeight: _theme.default.tabsLineCheckedFontWeight,
+          '&:after': {
+            background: _theme.default.tabsLineAfterBackgroundColor
+          }
         },
         '&[data-soui-state="disabled"]': {
-          color: _theme.default.tabsDisabledFontColor,
+          color: _theme.default.tabsLineDisabledFontColor,
           cursor: 'not-allowed'
         },
+        '[data-soui-position^="left-"] &': {
+          '&:after': {
+            width: 1,
+            right: 0,
+            left: 'auto',
+            height: '100%',
+            background: _theme.default.tabsBorderColor
+          }
+        },
+        '[data-soui-position^="right-"] &': {
+          '&:after': {
+            width: 1,
+            height: '100%',
+            background: _theme.default.tabsBorderColor
+          }
+        },
         '&:not([data-soui-state="active"])': {
           '&:after': {
             position: 'absolute',
@@ -711,41 +735,64 @@ var tabsStyle = {
           }
         },
         '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
-          background: _theme.default.tabsHoverBackgroundColor
+          background: _theme.default.tabsLineHoverBackgroundColor
         },
         '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):active $lineInner': {
-          background: _theme.default.tabsClickBackgroundColor
+          background: _theme.default.tabsLineActiveBackgroundColor
         }
       }
     },
     '$headerWrapper[data-soui-shape="dash"] &': {
       '& $tab': {
         padding: "".concat(_theme.default.tabsLinePaddingY, " ").concat(_theme.default.tabsLinePaddingX),
+        color: _theme.default.tabsLineFontColor,
+        fontSize: _theme.default.tabsLineFontSize,
+        fontWeight: _theme.default.tabsLineFontWeight,
+        background: _theme.default.tabsLineBackgroundColor,
         '&[data-soui-state="active"]': {
-          color: _theme.default.tabsActiveFontColor,
-          background: _theme.default.tabsActiveBackgroundColor,
-          fontWeight: 'bold'
+          color: _theme.default.tabsLineCheckedFontColor,
+          fontSize: _theme.default.tabsLineCheckedFontSize,
+          background: _theme.default.tabsLineCheckedBackgroundColor,
+          fontWeight: _theme.default.tabsLineCheckedFontWeight,
+          '&:after': {
+            background: _theme.default.tabsLineAfterBackgroundColor
+          }
         },
         '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
-          background: _theme.default.tabsHoverBackgroundColor
+          background: _theme.default.tabsLineHoverBackgroundColor
         },
         '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):active  $lineInner': {
-          background: _theme.default.tabsClickBackgroundColor
+          background: _theme.default.tabsLineActiveBackgroundColor
         },
         '&[data-soui-state="disabled"]': {
-          color: _theme.default.tabsDisabledFontColor,
+          color: _theme.default.tabsLineDisabledFontColor,
           cursor: 'not-allowed'
         }
       }
     },
     '$headerWrapper[data-soui-shape="fill"] &': {
       '& $tab': {
+        color: _theme.default.tabsFillFontColor,
+        fontSize: _theme.default.tabsFillFontSize,
+        fontWeight: _theme.default.tabsFillFontWeight,
+        background: _theme.default.tabsFillBackgroundColor,
         '&[data-soui-state="active"]': {
-          fontWeight: 'bold'
+          color: _theme.default.tabsFillCheckedFontColor,
+          // fontSize: Token.tabsFillCheckedFontSize,
+          fontWeight: _theme.default.tabsFillCheckedFontWeight,
+          '& $fillInner': {
+            background: _theme.default.tabsFillCheckedBackgroundColor
+          }
         },
         '&[data-soui-state="disabled"]': {
-          color: _theme.default.tabsDisabledFontColor,
+          color: _theme.default.tabsFillDisabledFontColor,
           cursor: 'not-allowed'
+        },
+        '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $fillInner': {
+          background: _theme.default.tabsFillHoverBackgroundColor
+        },
+        '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):active $fillInner': {
+          background: _theme.default.tabsFillActiveBackgroundColor
         }
       }
     },

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