@sheinx/shineout-style 3.7.5 → 3.8.0-beta.2

package/esm/select/select.js

@@ -51,12 +51,6 @@ var inputBorder = border('wrapper', inputBorderToken);
 var wrapper = inputBorder.wrapper,
   wrapperDisabled = inputBorder.wrapperDisabled,
   resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
-var selectTagHeightCssvar = "--select-tag-height";
-var selectSmallTagHeightCssvar = "--select-small-tag-height";
-var selectLargeTagHeightCssvar = "--select-large-tag-height";
-var selectTagHeight = "var(".concat(selectTagHeightCssvar, ")");
-var selectSmallTagHeight = "var(".concat(selectSmallTagHeightCssvar, ")");
-var selectLargeTagHeight = "var(".concat(selectLargeTagHeightCssvar, ")");
 var selectStyle = _objectSpread(_objectSpread({
   rootClass: {},
   wrapper: _objectSpread(_objectSpread({
@@ -65,76 +59,68 @@ var selectStyle = _objectSpread(_objectSpread({
     width: '100%',
     outline: 'none',
     cursor: 'pointer'
-  }, wrapper), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, selectTagHeightCssvar, token.selectTagHeight), selectSmallTagHeightCssvar, token.selectSmallTagHeight), selectLargeTagHeightCssvar, token.selectLargeTagHeight), '&$wrapperInnerTitle', {
-    '& $placeholder,$ellipsis,$space,input': {
-      marginTop: 0,
-      marginBottom: 0
-    },
-    '& $tag': {
-      marginTop: 0,
-      marginBottom: token.selectInnerTitleMarginY,
-      paddingTop: 0,
-      paddingBottom: 0,
-      height: selectTagHeight,
-      border: 'none',
-      '&  *': {
-        lineHeight: selectTagHeight
+  }, wrapper), {}, {
+    '&$wrapperInnerTitle': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
+      },
+      '& $tag': {
+        marginTop: 0,
+        paddingTop: 0,
+        paddingBottom: 0,
+        height: token.lineHeightDynamic,
+        border: 'none',
+        '&  *': {
+          lineHeight: token.lineHeightDynamic
+        }
+      },
+      '&$wrapperSmall $tag': {
+        height: 18,
+        marginBottom: 2,
+        '&$tag  *': {
+          lineHeight: '18px'
+        }
       }
     },
-    '&$wrapperSmall $tag': {
-      height: selectSmallTagHeight,
-      marginBottom: 2,
-      '&$tag  *': {
-        lineHeight: selectSmallTagHeight
+    '&$wrapperSmall': {
+      '& $tag': {
+        height: 18,
+        lineHeight: '16px',
+        marginTop: 1,
+        marginBottom: 1
+      },
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
       }
     },
-    '&$wrapperLarge $tag': {
-      height: selectLargeTagHeight,
-      marginBottom: 2,
-      '&$tag  *': {
-        lineHeight: selectLargeTagHeight
+    '&$wrapperLarge': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: token.selectLargePlaceholderMarginY,
+        marginBottom: token.selectLargePlaceholderMarginY
+      },
+      '& $arrowIcon': {
+        width: token.selectLargeFontSize
       }
-    }
-  }), '&$wrapperSmall', {
-    '& $tag': {
-      height: selectSmallTagHeight,
-      lineHeight: '16px',
-      marginTop: 1,
-      marginBottom: 1
     },
-    '& $placeholder,$ellipsis,$space,input': {
-      marginTop: 0,
-      marginBottom: 0
-    }
-  }), '&$wrapperLarge', {
-    '& $tag': {
-      height: selectLargeTagHeight,
-      '&  *': {
-        lineHeight: selectLargeTagHeight
+    '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
+      cursor: 'pointer',
+      '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
+        '& $clearIcon': {
+          display: 'block'
+        },
+        '& $arrowIcon': {
+          display: 'none'
+        }
       }
-    },
-    '& $placeholder,$ellipsis,$space,input': {
-      marginTop: token.selectLargePlaceholderMarginY,
-      marginBottom: token.selectLargePlaceholderMarginY
-    },
-    '& $arrowIcon': {
-      width: token.selectLargeFontSize
-    }
-  }), '&:hover', _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
-    cursor: 'pointer',
-    '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
+    }),
+    '&:not($wrapperEmpty):not($wrapperOpen)': {
       '& $clearIcon': {
-        display: 'block'
-      },
-      '& $arrowIcon': {
         display: 'none'
       }
     }
-  })), '&:not($wrapperEmpty):not($wrapperOpen)', {
-    '& $clearIcon': {
-      display: 'none'
-    }
-  })),
+  }),
   wrapperEmpty: {},
   wrapperOpen: {},
   wrapperDisabled: _objectSpread(_objectSpread({}, wrapperDisabled), {}, {
@@ -263,9 +249,6 @@ var selectStyle = _objectSpread(_objectSpread({
   },
   compressedWrapper: {
     width: 0,
-    overflow: 'hidden'
-  },
-  compressedBoundWrapper: {
     overflow: 'auto'
   },
   controlMouse: {

package/esm/skeleton/skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAU9C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA0F9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["skeleton.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAU9C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA0F9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/skeleton/skeleton.js

@@ -4,6 +4,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// import token from '@sheinx/theme';
+
 import token from '@sheinx/theme';
 var animation = {
   '@keyframes skeleton-animation': {
@@ -22,7 +24,7 @@ var skeletonStyle = _objectSpread(_objectSpread({}, animation), {}, {
   },
   animation: {
     '& $textItem, & $image, & $buttonItem': {
-      backgroundImage: "linear-gradient(90deg, ".concat(token.skeletonAnimationFromColor, " 25%, ").concat(token.skeletonAnimationToColor, " 37%, ").concat(token.skeletonAnimationFromColor, " 63%)"),
+      background: "linear-gradient(90deg, ".concat(token.skeletonAnimationFromColor, " 25%, ").concat(token.skeletonAnimationToColor, " 37%, ").concat(token.skeletonAnimationFromColor, " 63%)"),
       backgroundSize: '400% 100%',
       animation: '$skeleton-animation 1.4s ease infinite'
     }

package/esm/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;AAkJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA4MxC,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;AAkJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA2MxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/tag/tag.js

@@ -201,8 +201,7 @@ var TagStyle = {
     alignItems: 'center',
     display: 'inline-flex',
     cursor: 'pointer',
-    height: Token.lineHeightDynamic,
-    maxHeight: '100%'
+    height: Token.lineHeightDynamic
   },
   closeIconWrapper: {
     display: 'inline-flex',

package/esm/tooltip/tooltip.d.ts

@@ -1,5 +1,55 @@
 import { JsStyles } from '../jss-style';
 import { TooltipClasses } from '@sheinx/base';
+export declare const tooltipAnimation: {
+    '@keyframes fadeIn': {
+        '0%': {
+            opacity: number;
+        };
+        '100%': {
+            opacity: number;
+        };
+    };
+    '@keyframes moveRight': {
+        '0%': {
+            transformOrigin: string;
+            transform: string;
+        };
+        '100%': {
+            transformOrigin: string;
+            transform: string;
+        };
+    };
+    '@keyframes moveLeft': {
+        '0%': {
+            transformOrigin: string;
+            transform: string;
+        };
+        '100%': {
+            transformOrigin: string;
+            transform: string;
+        };
+    };
+    '@keyframes moveTop': {
+        '0%': {
+            transformOrigin: string;
+            transform: string;
+        };
+        '100%': {
+            transformOrigin: string;
+            transform: string;
+        };
+    };
+    '@keyframes moveBottom': {
+        '0%': {
+            transformOrigin: string;
+            transform: string;
+        };
+        '100%': {
+            transformOrigin: string;
+            transform: string;
+        };
+    };
+};
 declare const tooltipStyle: JsStyles<keyof TooltipClasses>;
 export default tooltipStyle;
 //# sourceMappingURL=tooltip.d.ts.map

package/esm/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAqD9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAkOhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAK9C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiD5B,CAAC;AACF,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAkOhD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/tooltip/tooltip.js

@@ -7,7 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import token from '@sheinx/theme';
 var arrowGap = 12;
 var arrowHeight = 8;
-var animation = {
+export var tooltipAnimation = {
   '@keyframes fadeIn': {
     '0%': {
       opacity: 0
@@ -18,46 +18,48 @@ var animation = {
   },
   '@keyframes moveRight': {
     '0%': {
-      marginLeft: '0'
+      transformOrigin: 'left center',
+      transform: "var(--soui-popup-transform) scale(0.5)"
     },
     '100%': {
-      marginLeft: '9px'
+      transformOrigin: 'left center',
+      transform: "var(--soui-popup-transform) scale(1)"
     }
   },
   '@keyframes moveLeft': {
     '0%': {
-      opacity: 0,
-      marginRight: '0'
+      transformOrigin: 'right center',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
     },
     '100%': {
-      opacity: 1,
-      marginRight: '10px'
+      transformOrigin: 'right center',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
     }
   },
   '@keyframes moveTop': {
     '0%': {
-      opacity: 0,
-      marginTop: '0'
+      transformOrigin: 'center bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
     },
     '100%': {
-      opacity: 1,
-      marginTop: -10
+      transformOrigin: 'center bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
     }
   },
   '@keyframes moveBottom': {
     '0%': {
-      opacity: 0,
-      marginTop: '0'
+      transformOrigin: 'center top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
     },
     '100%': {
-      opacity: 1,
-      marginTop: 10
+      transformOrigin: 'center top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
     }
   }
 };
 var tooltipStyle = _objectSpread(_objectSpread({
   rootClass: {}
-}, animation), {}, {
+}, tooltipAnimation), {}, {
   wrapper: {
     display: 'none',
     cursor: 'pointer',
@@ -217,7 +219,7 @@ var tooltipStyle = _objectSpread(_objectSpread({
       position: 'absolute'
     },
     '&[data-soui-position^="bottom"]': {
-      animation: '$fadeIn .3s ease, $moveBottom .3s cubic-bezier(.71,1.7,.77,1.24);',
+      animation: '$fadeIn 200ms ease, $moveBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1)',
       '&::after': {
         width: '100%',
         height: arrowGap,
@@ -226,7 +228,7 @@ var tooltipStyle = _objectSpread(_objectSpread({
       }
     },
     '&[data-soui-position^="top"]': {
-      animation: '$fadeIn .3s ease, $moveTop .3s cubic-bezier(.71,1.7,.77,1.24);',
+      animation: '$fadeIn 200ms ease, $moveTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);',
       '&::after': {
         width: '100%',
         height: arrowGap,
@@ -235,7 +237,7 @@ var tooltipStyle = _objectSpread(_objectSpread({
       }
     },
     '&[data-soui-position^="left"]': {
-      animation: '$fadeIn .3s ease, $moveLeft .3s cubic-bezier(.71,1.7,.77,1.24);',
+      animation: '$fadeIn 200ms ease, $moveLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1);',
       '&::after': {
         width: arrowGap,
         height: '100%',
@@ -245,7 +247,7 @@ var tooltipStyle = _objectSpread(_objectSpread({
       }
     },
     '&[data-soui-position^="right"]': {
-      animation: '$fadeIn .3s ease, $moveRight .3s cubic-bezier(.71,1.7,.77,1.24);',
+      animation: '$fadeIn 200ms ease, $moveRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1);',
       '&::after': {
         width: arrowGap,
         height: '100%',

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

@@ -1 +1 @@
-{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAmhBlD,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,CA2flD,CAAC;AACF,eAAe,eAAe,CAAC"}

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

@@ -51,12 +51,6 @@ var inputBorder = border('wrapper', inputBorderToken);
 var wrapper = inputBorder.wrapper,
   wrapperDisabled = inputBorder.wrapperDisabled,
   resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
-var selectTagHeightCssvar = "--select-tag-height";
-var selectSmallTagHeightCssvar = "--select-small-tag-height";
-var selectLargeTagHeightCssvar = "--select-large-tag-height";
-var selectTagHeight = "var(".concat(selectTagHeightCssvar, ")");
-var selectSmallTagHeight = "var(".concat(selectSmallTagHeightCssvar, ")");
-var selectLargeTagHeight = "var(".concat(selectLargeTagHeightCssvar, ")");
 var treeSelectStyle = _objectSpread(_objectSpread({
   rootClass: {},
   wrapper: _objectSpread(_objectSpread({
@@ -65,96 +59,88 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     width: '100%',
     outline: 'none',
     cursor: 'pointer'
-  }, wrapper), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, selectTagHeightCssvar, token.selectTagHeight), selectSmallTagHeightCssvar, token.selectSmallTagHeight), selectLargeTagHeightCssvar, token.selectLargeTagHeight), '&$wrapperInnerTitle', {
-    '& $placeholder,$ellipsis,$space,input': {
-      marginTop: 0,
-      marginBottom: 0
-    },
-    '& $tag': {
-      marginTop: 0,
-      marginBottom: token.selectInnerTitleMarginY,
-      paddingTop: 0,
-      paddingBottom: 0,
-      height: selectTagHeight,
-      border: 'none',
-      '&  *': {
-        lineHeight: selectTagHeight
+  }, wrapper), {}, {
+    '&$wrapperInnerTitle': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
+      },
+      '& $tag': {
+        marginTop: 0,
+        paddingTop: 0,
+        paddingBottom: 0,
+        height: token.lineHeightDynamic,
+        border: 'none',
+        '&  *': {
+          lineHeight: token.lineHeightDynamic
+        }
+      },
+      '&$wrapperSmall $tag': {
+        height: 18,
+        marginBottom: 2,
+        '&$tag  *': {
+          lineHeight: '18px'
+        }
       }
     },
-    '&$wrapperSmall $tag': {
-      height: selectSmallTagHeight,
-      marginBottom: 2,
-      '&$tag  *': {
-        lineHeight: selectSmallTagHeight
+    '&$wrapperSmall': {
+      '& $tag': {
+        height: 18,
+        lineHeight: '16px',
+        marginTop: 1,
+        marginBottom: 1
+      },
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
+      },
+      '& $optionInner': {
+        paddingTop: token.treeSelectSmallOptionInnerPaddingY,
+        paddingBottom: token.treeSelectSmallOptionInnerPaddingY,
+        paddingLeft: token.treeSelectSmallOptionInnerPaddingX,
+        // padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
+        fontSize: token.treeSelectSmallFontSize
+      },
+      '& $clearIcon': {
+        right: token.treeSelectSmallPaddingX
       }
     },
-    '&$wrapperLarge $tag': {
-      height: selectLargeTagHeight,
-      marginBottom: 2,
-      '&$tag  *': {
-        lineHeight: selectLargeTagHeight
+    '&$wrapperLarge': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: token.treeSelectLargePlaceholderMarginY,
+        marginBottom: token.treeSelectLargePlaceholderMarginY
+      },
+      '& $optionInner': {
+        // padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
+        paddingTop: token.treeSelectLargeOptionInnerPaddingY,
+        paddingBottom: token.treeSelectLargeOptionInnerPaddingY,
+        paddingLeft: token.treeSelectLargeOptionInnerPaddingX,
+        fontSize: token.treeSelectLargeFontSize
+      },
+      '& $arrowIcon': {
+        width: token.treeSelectLargeFontSize
+      },
+      '& $clearIcon': {
+        right: token.treeSelectLargePaddingX
       }
-    }
-  }), '&$wrapperSmall', {
-    '& $tag': {
-      height: selectSmallTagHeight,
-      lineHeight: '16px',
-      marginTop: 1,
-      marginBottom: 1
-    },
-    '& $placeholder,$ellipsis,$space,input': {
-      marginTop: 0,
-      marginBottom: 0
     },
-    '& $optionInner': {
-      paddingTop: token.treeSelectSmallOptionInnerPaddingY,
-      paddingBottom: token.treeSelectSmallOptionInnerPaddingY,
-      paddingLeft: token.treeSelectSmallOptionInnerPaddingX,
-      // padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
-      fontSize: token.treeSelectSmallFontSize
-    },
-    '& $clearIcon': {
-      right: token.treeSelectSmallPaddingX
-    }
-  }), '&$wrapperLarge', {
-    '& $tag': {
-      height: selectLargeTagHeight,
-      '&  *': {
-        lineHeight: selectLargeTagHeight
+    '&:hover': {
+      cursor: 'pointer',
+      '&$clearable:not($wrapperEmpty)': {
+        '& $clearIcon': {
+          display: 'block'
+        },
+        '& $arrowIcon': {
+          display: 'none'
+        }
       }
     },
-    '& $placeholder,$ellipsis,$space,input': {
-      marginTop: token.treeSelectLargePlaceholderMarginY,
-      marginBottom: token.treeSelectLargePlaceholderMarginY
-    },
-    '& $optionInner': {
-      // padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
-      paddingTop: token.treeSelectLargeOptionInnerPaddingY,
-      paddingBottom: token.treeSelectLargeOptionInnerPaddingY,
-      paddingLeft: token.treeSelectLargeOptionInnerPaddingX,
-      fontSize: token.treeSelectLargeFontSize
-    },
-    '& $arrowIcon': {
-      width: token.treeSelectLargeFontSize
-    },
-    '& $clearIcon': {
-      right: token.treeSelectLargePaddingX
-    }
-  }), '&:hover', {
-    cursor: 'pointer',
-    '&$clearable:not($wrapperEmpty)': {
+    '&:not($wrapperEmpty):not($wrapperOpen)': {
       '& $clearIcon': {
-        display: 'block'
-      },
-      '& $arrowIcon': {
         display: 'none'
       }
     }
-  }), '&:not($wrapperEmpty):not($wrapperOpen)', {
-    '& $clearIcon': {
-      display: 'none'
-    }
-  })),
+  }),
   treeWrapper: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, getTokenName('treeFontColor'), token.treeSelectOptionFontColor), getTokenName('treeContentHoverFontColor'), token.treeSelectContentHoverFontColor), getTokenName('treeContentHoverBackgroundColor'), token.treeSelectContentHoverBackgroundColor), getTokenName('treeContentActiveBackgroundColor'), token.treeSelectContentActiveBackgroundColor), getTokenName('treeContentActiveFontColor'), token.treeSelectContentActiveFontColor), getTokenName('treeContentDisabledFontColor'), token.treeSelectContentDisabledFontColor), getTokenName('treeContentDisabledBackgroundColor'), token.treeSelectContentDisabledBackgroundColor),
   wrapperEmpty: {},
   wrapperOpen: {},
@@ -263,9 +249,6 @@ var treeSelectStyle = _objectSpread(_objectSpread({
   },
   compressedWrapper: {
     width: 0,
-    overflow: 'hidden'
-  },
-  compressedBoundWrapper: {
     overflow: 'auto'
   },
   controlMouse: {
@@ -493,9 +476,6 @@ var treeSelectStyle = _objectSpread(_objectSpread({
       color: token.treeSelectOptionDisabledColor,
       backgroundColor: token.treeSelectOptionDisabledBackgroundColor
     },
-    '&&:not([data-active="true"]) > [data-role="text"]': {
-      backgroundColor: token.treeSelectContentDisabledBackgroundColor
-    },
     '&&:not([data-active="true"]) > [data-role="text"]:hover': {
       backgroundColor: token.treeSelectContentDisabledHoverBackgroundColor
     }

package/esm/upload/upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAoZ1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAgZ1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/upload/upload.js

@@ -61,11 +61,7 @@ var uploadStyle = {
       border: "1px dashed ".concat(token.uploadImageHandlerBorderColor),
       backgroundColor: token.uploadImageHandlerBackgroundColor,
       color: token.uploadImageHandlerFontColor,
-      '&:hover, &:hover': {
-        borderColor: token.uploadImageHandlerHoverBorderColor,
-        color: token.uploadImageHandlerHoverFontColor
-      },
-      '&:hover, &:hover svg': {
+      '&:hover, &:hover *': {
         borderColor: token.uploadImageHandlerHoverBorderColor,
         color: token.uploadImageHandlerHoverFontColor
       },
@@ -186,7 +182,7 @@ var uploadStyle = {
       borderColor: token.uploadImageHandlerHoverBorderColor,
       color: token.uploadImageHandlerHoverFontColor
     },
-    '$wrapper:not($wrapperDisabled) &:hover svg': {
+    '$wrapper:not($wrapperDisabled) &:hover *': {
       color: "".concat(token.uploadImageHandlerHoverFontColor, " !important")
     },
     '$wrapper:not($wrapperDisabled) &:active, $wrapper:not($wrapperDisabled) &:active *': {

package/esm/version.d.ts

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

package/esm/version.d.ts.map

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

package/esm/version.js

@@ -1 +1 @@
-export default '3.7.5';
+export default '3.8.0-beta.2';

package/package.json

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