@sheinx/shineout-style 3.2.6-beta.0 → 3.3.0-beta.10

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,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

@@ -390,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
@@ -448,6 +448,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/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.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.tabsLineHrBackgroundColor
+          }
+        },
+        '[data-soui-position^="right-"] &': {
+          '&:after': {
+            width: 1,
+            height: '100%',
+            background: _theme.default.tabsLineHrBackgroundColor
+          }
+        },
         '&:not([data-soui-state="active"])': {
           '&:after': {
             position: 'absolute',
@@ -707,45 +731,68 @@ 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': {
-          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'
+          // fontSize: Token.tabsFillCheckedFontSize,
+          '& $fillInner': {
+            color: _theme.default.tabsFillCheckedFontColor,
+            fontWeight: _theme.default.tabsFillCheckedFontWeight,
+            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,CAiJxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/tag/tag.js

@@ -63,7 +63,7 @@ var tag = function tag(type) {
         backgroundColor: _theme.default["tag".concat(type, "FillDisabledBackgroundColor")],
         border: "1px solid ".concat(_theme.default["tag".concat(type, "FillDisabledBorderColor")]),
         '& $closeIconWrapper': {
-          fill: _theme.default["tag".concat(type, "FillFontColor")],
+          fill: _theme.default["tag".concat(type, "FillDisabledFontColor")],
           '&:hover': {
             fill: _theme.default["tag".concat(type, "FillFontColor")],
             backgroundColor: 'transparent'
@@ -73,8 +73,8 @@ var tag = function tag(type) {
     },
     // outline 边框风格
     '&$outline': {
-      background: '#fff',
-      color: _theme.default["tag".concat(type, "FontColor")],
+      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': {
         // hover
@@ -124,8 +124,9 @@ 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,
     boxSizing: 'border-box',
     lineHeight: "calc(".concat(_theme.default.tagFontSize, " + 4px)"),
@@ -154,6 +155,8 @@ var TagStyle = {
   large: {
     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': {
@@ -163,8 +166,14 @@ 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)")
+    },
     '& $wrapper': {
       lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)")
     },

package/cjs/transfer/transfer.d.ts.map

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

package/cjs/transfer/transfer.js

@@ -95,7 +95,7 @@ var TransferStyle = {
     marginLeft: 3,
     '& svg': {
       width: 14,
-      color: _theme.default.transferIconColor
+      color: _theme.default.transferRemoveIconColor
     },
     '&:hover': {
       background: _theme.default.transferIconBackgroundColor
@@ -153,7 +153,9 @@ var TransferStyle = {
     alignItems: 'center',
     boxSizing: 'border-box',
     justifyContent: 'space-between',
-    background: _theme.default.transferHeaderBackgroundColor
+    background: _theme.default.transferHeaderBackgroundColor,
+    borderRadius: "".concat(_theme.default.transferBorderRadius, " ").concat(_theme.default.transferBorderRadius, " 0 0"),
+    borderBottom: "1px solid ".concat(_theme.default.transferHeaderBorderColor)
   },
   spinContainer: {},
   title: {
@@ -163,11 +165,14 @@ var TransferStyle = {
   count: {
     fontSize: _theme.default.transferFontSize
   },
-  list: {},
+  list: {
+    background: _theme.default.transferBackgroundColor
+  },
   footer: {
     height: 48,
     boxSizing: 'border-box',
-    borderTop: "1px solid ".concat(_theme.default.transferBorderColor)
+    borderTop: "1px solid ".concat(_theme.default.transferFooterBorderColor),
+    background: _theme.default.transferFooterBackgroundColor
   },
   item: {
     padding: '1px 4px',
@@ -189,10 +194,12 @@ var TransferStyle = {
     }
   },
   itemWrapper: {
-    borderRadius: _theme.default.transferBorderRadius,
+    borderRadius: _theme.default.transferItemBorderRadius,
     cursor: 'pointer',
+    height: '100%',
     '& $checkbox': {
       width: '100%',
+      height: '100%',
       padding: '5px 8px',
       marginRight: 0
     }

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"}

package/cjs/tree/tree.js

@@ -114,6 +114,17 @@ var treeStyle = {
   inlineContent: {
     display: 'inline-flex'
   },
+  contentDisabled: {
+    '& $content[data-active="true"]': {
+      background: _theme.default.treeContentDisabledBackgroundColor
+    },
+    '& $content:hover:not([data-active="true"])': {
+      background: 'none',
+      '& $text': {
+        color: _theme.default.treeContentDisabledFontColor
+      }
+    }
+  },
   content: {
     flex: 1,
     display: 'flex',
@@ -137,20 +148,22 @@ var treeStyle = {
     '&[dir=rtl][data-expanded="true"]::before': {
       right: -12
     },
+    '$contentDisabled &': {
+      '& $text': {
+        color: _theme.default.treeContentDisabledFontColor
+      }
+    },
     '&[data-active="true"]': {
       background: _theme.default.treeContentActiveBackgroundColor,
       '& $text': {
         color: _theme.default.treeContentActiveFontColor
       }
     },
-    // '&[data-disabled="true"]': {
-    //   cursor: 'not-allowed',
-    // },
-    // '&:hover:not([data-active="true"]):not([data-disabled="true"])': {
-    //   background: Token.treeContentHoverBackgroundColor,
-    // },
     '&:hover:not([data-active="true"])': {
-      background: _theme.default.treeContentHoverBackgroundColor
+      background: _theme.default.treeContentHoverBackgroundColor,
+      '& $text': {
+        color: _theme.default.treeContentHoverFontColor
+      }
     }
   },
   checkbox: {

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,CAgdlD,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,CAydlD,CAAC;AACF,eAAe,eAAe,CAAC"}

package/cjs/tree-select/tree-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; }
@@ -144,6 +146,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
       }
     }
   }),
+  treeWrapper: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, (0, _theme.getTokenName)('treeFontColor'), _theme.default.treeSelectOptionFontColor), (0, _theme.getTokenName)('treeContentHoverFontColor'), _theme.default.treeSelectContentHoverFontColor), (0, _theme.getTokenName)('treeContentHoverBackgroundColor'), _theme.default.treeSelectContentHoverBackgroundColor), (0, _theme.getTokenName)('treeContentActiveBackgroundColor'), _theme.default.treeSelectContentActiveBackgroundColor), (0, _theme.getTokenName)('treeContentActiveFontColor'), _theme.default.treeSelectContentActiveFontColor), (0, _theme.getTokenName)('treeContentDisabledFontColor'), _theme.default.treeSelectContentDisabledFontColor), (0, _theme.getTokenName)('treeContentDisabledBackgroundColor'), _theme.default.treeSelectContentDisabledBackgroundColor),
   wrapperEmpty: {},
   wrapperOpen: {},
   wrapperDisabled: _objectSpread({}, wrapperDisabled)

package/cjs/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.2.6-beta.0";
+declare const _default: "3.3.0-beta.10";
 export default _default;
 //# sourceMappingURL=version.d.ts.map

package/cjs/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA8B"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA+B"}