@sheinx/shineout-style 3.2.0-rc.4 → 3.2.0

package/cjs/menu/search.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _theme = _interopRequireWildcard(require("@sheinx/theme"));
+var _wrapperDark;
+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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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); }
+var menuSearchStyle = {
+  wrapper: _defineProperty({}, (0, _theme.getTokenName)('inputBorderRadius'), _theme.default.menuSearchBorderRadius),
+  wrapperDark: (_wrapperDark = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_wrapperDark, (0, _theme.getTokenName)('inputClearColor'), _theme.default.menuSearchDarkClearColor), (0, _theme.getTokenName)('inputHoverClearColor'), _theme.default.menuSearchDarkHoverClearColor), (0, _theme.getTokenName)('inputBorderColor'), _theme.default.menuSearchDarkBackgroundColor), (0, _theme.getTokenName)('inputBackgroundColor'), _theme.default.menuSearchDarkBackgroundColor), (0, _theme.getTokenName)('inputFontColor'), _theme.default.menuSearchDarkFontColor), (0, _theme.getTokenName)('inputPlaceholderFontColor'), _theme.default.menuSearchDarkPlaceholderFontColor), (0, _theme.getTokenName)('inputHoverBorderColor'), _theme.default.menuSearchDarkHoverBorderColor), (0, _theme.getTokenName)('inputHoverBackgroundColor'), _theme.default.menuSearchDarkHoverBackgroundColor), (0, _theme.getTokenName)('inputFocusBorderColor'), _theme.default.menuSearchDarkFocusBorderColor), (0, _theme.getTokenName)('inputFocusBackgroundColor'), _theme.default.menuSearchDarkFocusBackgroundColor), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_wrapperDark, (0, _theme.getTokenName)('inputFocusShadow'), _theme.default.menuSearchDarkFocusShadow), (0, _theme.getTokenName)('inputDisabledBorderColor'), _theme.default.menuSearchDarkBackgroundColor), (0, _theme.getTokenName)('inputDisabledBackgroundColor'), _theme.default.menuSearchDarkBackgroundColor), (0, _theme.getTokenName)('inputDisabledFontColor'), _theme.default.menuSearchDarkFontColor), (0, _theme.getTokenName)('inputDisabledPlaceholderFontColor'), _theme.default.menuSearchDarkPlaceholderFontColor)),
+  wrapperLight: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, (0, _theme.getTokenName)('inputBorderColor'), _theme.default.menuSearchBackgroundColor), (0, _theme.getTokenName)('inputBackgroundColor'), _theme.default.menuSearchBackgroundColor), (0, _theme.getTokenName)('inputHoverBorderColor'), _theme.default.menuSearchHoverBorderColor), (0, _theme.getTokenName)('inputHoverBackgroundColor'), _theme.default.menuSearchHoverBackgroundColor), (0, _theme.getTokenName)('inputDisabledBorderColor'), _theme.default.menuSearchDisabledBackgroundColor), (0, _theme.getTokenName)('inputDisabledBackgroundColor'), _theme.default.menuSearchDisabledBackgroundColor), (0, _theme.getTokenName)('inputClearColor'), _theme.default.menuSearchClearColor), (0, _theme.getTokenName)('inputHoverClearColor'), _theme.default.menuSearchHoverClearColor),
+  wrapperCollapsed: {
+    cursor: 'pointer',
+    width: _theme.default.menuSearchCollpaseSize,
+    height: _theme.default.menuSearchCollpaseSize,
+    lineHeight: 1,
+    '& input': {
+      opacity: 0
+    }
+  },
+  wrapperDisabled: {
+    cursor: 'not-allowed',
+    '&$wrapperDark': {
+      opacity: 0.3
+    }
+  },
+  input: {
+    width: '100%'
+  },
+  search: {
+    width: _theme.default.menuSearchIconSize,
+    height: _theme.default.menuSearchIconSize,
+    cursor: 'pointer',
+    display: 'flex',
+    justifyContent: 'center',
+    marginRight: _theme.default.menuSearchIconMarginX,
+    color: _theme.default.menuSearchIconColor,
+    '$wrapperDisabled &': {
+      color: _theme.default.inputDisabledFontColor,
+      cursor: 'not-allowed'
+    },
+    '$wrapperDark &': {
+      color: _theme.default.menuSearchDarkIconColor
+    },
+    '$wrapperCollapsed &': {
+      marginRight: 0
+    }
+  }
+};
+var _default = exports.default = menuSearchStyle;

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

package/cjs/modal/modal.js

@@ -158,7 +158,7 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
     zIndex: modalIndex,
     top: 0,
     left: 0,
-    // overflow: 'auto',
+    overflow: 'auto',
     wordWrap: 'break-word',
     width: '100%',
     boxSizing: 'border-box',
@@ -322,6 +322,10 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
     display: 'flex',
     marginBottom: _theme.default.modalPanelGap
   },
+  headerEmptyTitle: {
+    marginBottom: 0,
+    height: 0
+  },
   headerIcon: {
     '$wrapper &': {
       marginRight: _theme.default.modalHeaderIconMarginEnd,

package/cjs/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAKpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAgK5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAMpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAiL5C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/popover/popover.js

@@ -6,7 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _theme = _interopRequireDefault(require("@sheinx/theme"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var arrowGap = 10;
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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); }
+var cssvar = '--popover-arrow-gap';
+var hideArrowGap = "var(".concat(cssvar, ", 10px)");
 var arrowMargin = '8px';
 var popoverStyle = {
   wrapper: {
@@ -28,10 +33,17 @@ var popoverStyle = {
       height: '8.4px',
       boxSizing: 'content-box',
       background: 'inherit',
-      borderBottom: 'none'
+      borderBottom: 'none',
+      '&[dir=ltr]': {
+        borderLeftColor: 'transparent'
+      },
+      '&[dir=rtl]': {
+        borderRight: 'transparent'
+      }
     },
+    '&$hideArrow': _defineProperty({}, cssvar, '4px'),
     '&[data-soui-position^="bottom"]': {
-      marginTop: arrowGap - 2,
+      marginTop: "calc(".concat(hideArrowGap, " - 2px)"),
       '& $arrow': {
         top: '0',
         transform: 'translate(0, -50%) rotate(-45deg)',
@@ -40,17 +52,18 @@ var popoverStyle = {
         margin: 'auto'
       },
       '&::after': {
-        top: arrowGap * -1,
+        top: "calc(".concat(hideArrowGap, " * -1)"),
         left: '0',
         right: '0',
         content: '" "',
         display: 'block',
-        height: arrowGap,
+        height: hideArrowGap,
         position: 'absolute'
       }
     },
     '&[data-soui-position^="top"]': {
-      marginTop: (arrowGap - 2) * -1,
+      // marginTop: (arrowGap - 2) * -1,
+      marginTop: "calc((".concat(hideArrowGap, " - 2px) * -1)"),
       '& $arrow': {
         bottom: '0',
         transform: 'translate(0, 50%) rotate(135deg)',
@@ -59,21 +72,25 @@ var popoverStyle = {
         margin: 'auto'
       },
       '&::after': {
-        bottom: arrowGap * -1,
+        // bottom: arrowGap * -1,
+        bottom: "calc(".concat(hideArrowGap, " * -1)"),
         left: '0',
         right: '0',
         content: '" "',
         display: 'block',
-        height: arrowGap,
+        // height: arrowGap,
+        height: hideArrowGap,
         position: 'absolute'
       }
     },
     '&[data-soui-position^="left"]': {
+      // '&[dir=ltr]': { marginLeft: (arrowGap - 2) * -1 },
       '&[dir=ltr]': {
-        marginLeft: (arrowGap - 2) * -1
+        marginLeft: "calc((".concat(hideArrowGap, " - 2px) * -1)")
       },
+      // '&[dir=rtl]': { marginRight: (arrowGap - 2) * -1 },
       '&[dir=rtl]': {
-        marginRight: (arrowGap - 2) * -1
+        marginRight: "calc((".concat(hideArrowGap, " - 2px) * -1)")
       },
       '& $arrow': {
         right: _theme.default.popoverBorderWidth,
@@ -83,21 +100,24 @@ var popoverStyle = {
         margin: 'auto'
       },
       '&::after': {
-        left: arrowGap * -1,
+        // left: arrowGap * -1,
+        left: "calc(".concat(hideArrowGap, " * -1)"),
         top: '0',
         bottom: '0',
         content: '" "',
         display: 'block',
-        width: arrowGap,
+        width: hideArrowGap,
         position: 'absolute'
       }
     },
     '&[data-soui-position^="right"]': {
+      // '&[dir=ltr]': { marginLeft: arrowGap - 2 },
       '&[dir=ltr]': {
-        marginLeft: arrowGap - 2
+        marginLeft: "calc(".concat(hideArrowGap, " - 2px)")
       },
+      // '&[dir=rtl]': { marginRight: arrowGap - 2 },
       '&[dir=rtl]': {
-        marginRight: arrowGap - 2
+        marginRight: "calc(".concat(hideArrowGap, " - 2px)")
       },
       '& $arrow': {
         left: '0',
@@ -107,12 +127,14 @@ var popoverStyle = {
         margin: 'auto'
       },
       '&::after': {
-        left: arrowGap * -1,
+        // left: arrowGap * -1,
+        left: "calc(".concat(hideArrowGap, " * -1)"),
         top: '0',
         bottom: '0',
         content: '" "',
         display: 'block',
-        width: arrowGap,
+        // width: arrowGap,
+        width: hideArrowGap,
         position: 'absolute'
       }
     },
@@ -160,6 +182,7 @@ var popoverStyle = {
     display: 'block'
   },
   arrow: {},
+  hideArrow: {},
   content: {
     position: 'relative',
     zIndex: 2,

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

package/cjs/select/select.js

@@ -239,7 +239,7 @@ var selectStyle = _objectSpread(_objectSpread({
   },
   compressedWrapper: {
     width: 0,
-    overflow: 'hidden'
+    overflow: 'auto'
   },
   controlMouse: {
     '& $optionInner:not($optionDisabled):not($optionActive):hover': {
@@ -384,6 +384,7 @@ var selectStyle = _objectSpread(_objectSpread({
     }
   },
   tag: {
+    flexShrink: 0,
     '&$tag + &$tag': {
       marginLeft: 0
     },
@@ -396,6 +397,10 @@ var selectStyle = _objectSpread(_objectSpread({
       marginRight: 0
     }
   },
+  tagOnly: {
+    flexShrink: 1,
+    minWidth: 42
+  },
   space: {
     marginTop: _theme.default.selectPlaceholderMarginY,
     marginBottom: _theme.default.selectPlaceholderMarginY
@@ -419,7 +424,8 @@ var selectStyle = _objectSpread(_objectSpread({
   },
   virtualList: {
     margin: 0,
-    padding: 0
+    padding: 0,
+    width: '100%'
   },
   option: {
     listStyle: 'none',

package/cjs/slider/slider.js

@@ -158,7 +158,7 @@ var sliderStyle = {
       bottom: '100%',
       '&[dir=ltr]': {
         left: 0,
-        transform: 'translate(-50%, 10px)'
+        transform: 'translate(-50%, -10px)'
       },
       '&[dir=rtl]': {
         right: 0,

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

package/cjs/switch/switch.js

@@ -79,8 +79,12 @@ var switchStyle = _objectSpread(_objectSpread({}, animation), {}, {
     display: 'inline-block',
     padding: "0 ".concat(_theme.default.switchTextPaddingX)
   },
-  wrapperSmall: {},
-  wrapperLarge: {},
+  wrapperSmall: {
+    fontSize: _theme.default.switchSmallFontSize
+  },
+  wrapperLarge: {
+    fontSize: _theme.default.switchLargeFontSize
+  },
   indicator: {
     width: _theme.default.switchCircleSize,
     height: _theme.default.switchCircleSize,
@@ -148,9 +152,23 @@ var switchStyle = _objectSpread(_objectSpread({}, animation), {}, {
     lineHeight: 1,
     paddingLeft: _theme.default.switchCircleSize,
     transition: "padding ".concat(transition),
+    '$wrapperSmall &': {
+      paddingLeft: _theme.default.switchSmallCircleSize
+    },
+    '$wrapperLarge &': {
+      paddingLeft: _theme.default.switchLargeCircleSize
+    },
     '$wrapperChecked &': {
       paddingLeft: 0,
-      paddingRight: _theme.default.switchCircleSize
+      paddingRight: _theme.default.switchCircleSize,
+      '$wrapperSmall&': {
+        paddingLeft: 0,
+        paddingRight: _theme.default.switchSmallCircleSize
+      },
+      '$wrapperLarge&': {
+        paddingLeft: 0,
+        paddingRight: _theme.default.switchLargeCircleSize
+      }
     }
   },
   wrapperDisabled: {

package/cjs/table/table.js

@@ -61,10 +61,10 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
             background: _theme.default.tableCellBorderColor,
             borderLeft: "1px solid ".concat(_theme.default.tableCellBorderColor)
           },
-          '&[dir=ltr]::after': {
+          '[dir=ltr]&::after': {
             right: 0
           },
-          '&[dir=rtl]::after': {
+          '[dir=rtl]&::after': {
             left: 0
           }
         }
@@ -436,7 +436,7 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
   iconWrapper: {
     display: 'inline-block',
     verticalAlign: 'top',
-    lineHeight: '1.85',
+    lineHeight: '1.9',
     height: '14px'
   },
   rowStriped: {

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

package/cjs/tabs/tabs.js

@@ -488,6 +488,12 @@ var tabsStyle = {
         width: '100%',
         alignItems: 'center'
       },
+      '& $next': {
+        marginLeft: _theme.default.tabsNearlyMargin
+      },
+      '& $prev': {
+        marginRight: _theme.default.tabsNearlyMargin
+      },
       '& $next,& $prev': {
         lineHeight: 0,
         padding: "".concat(_theme.default.tabsActionHorizontalPaddingY, " ").concat(_theme.default.tabsActionHorizontalPaddingX)

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

package/cjs/tag/tag.js

@@ -144,7 +144,6 @@ var TagStyle = {
   wrapper: {
     lineHeight: _theme.default.lineHeightDynamic
   },
-  container: {},
   inline: {
     display: 'inline-block',
     flex: 1,
@@ -166,9 +165,6 @@ var TagStyle = {
   small: {
     lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)"),
     padding: "0 ".concat(_theme.default.tagSmallPaddingX),
-    '& $container': {
-      lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)")
-    },
     '& $wrapper': {
       lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)")
     },

package/cjs/textarea/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyDxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CA4F1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyDxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CA6F1C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/textarea/textarea.js

@@ -93,6 +93,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({}, inputBorder), {}, {
   },
   info: {
     position: 'absolute',
+    zIndex: 1000,
     '&[dir=ltr]': {
       right: '0'
     },

package/cjs/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;AA+C9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAuJhD,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;AA+C9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAgLhD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/tooltip/tooltip.js

@@ -66,10 +66,12 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
     boxShadow: _theme.default.tooltipShadow,
     color: _theme.default.tooltipColor,
     wordWrap: 'break-word',
+    pointerEvents: 'none',
     '&[data-soui-type^="light"]': {
       backgroundColor: _theme.default.tooltipLightBackgroundColor,
       color: _theme.default.tooltipLightColor,
-      border: "1px solid ".concat(_theme.default.tooltipLightBorderColor)
+      border: "1px solid ".concat(_theme.default.tooltipLightBorderColor),
+      boxSizing: 'border-box'
     },
     '&[data-soui-type^="primary"]': {
       backgroundColor: _theme.default.tooltipPrimaryBackgroundColor,
@@ -93,21 +95,27 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
       content: '" "',
       display: 'block',
       border: "inherit",
+      borderLeftColor: 'transparent',
       width: '8.4px',
       height: '8.4px',
       boxSizing: 'content-box',
       background: 'inherit',
-      borderBottom: 'none'
+      borderBottomColor: 'transparent'
     },
     '&[data-soui-position^="bottom"]': {
       marginTop: arrowGap - 2,
       '&::before': {
         top: '0',
-        transform: 'translate(0, -50%) rotate(-45deg)',
         left: '0',
         right: '0',
         margin: 'auto'
       },
+      '&[dir=ltr]::before': {
+        transform: 'translate(0, -50%) rotate(-45deg)'
+      },
+      '&[dir=rtl]::before': {
+        transform: 'translate(0, -50%) rotate(45deg)'
+      },
       '&::after': {
         top: arrowGap * -1,
         left: '0',
@@ -127,6 +135,12 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
         right: '0',
         margin: 'auto'
       },
+      '&[dir=ltr]::before': {
+        transform: 'translate(0, 50%) rotate(135deg)'
+      },
+      '&[dir=rtl]::before': {
+        transform: 'translate(0, 50%) rotate(-135deg)'
+      },
       '&::after': {
         bottom: arrowGap * -1,
         left: '0',
@@ -147,11 +161,16 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
       },
       '&::before': {
         right: 0,
-        transform: 'translate(50%, 0) rotate(45deg)',
         top: '0',
         bottom: '0',
         margin: 'auto'
       },
+      '&[dir=ltr]::before': {
+        transform: 'translate(50%, 0) rotate(45deg)'
+      },
+      '&[dir=rtl]::before': {
+        transform: 'translate(50%, 0) rotate(135deg)'
+      },
       '&::after': {
         left: arrowGap * -1,
         top: '0',
@@ -172,11 +191,16 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
       },
       '&::before': {
         left: '0',
-        transform: 'translate(-50%, 0) rotate(-135deg)',
         top: '0',
         bottom: '0',
         margin: 'auto'
       },
+      '&[dir=ltr]::before': {
+        transform: 'translate(-50%, 0) rotate(-135deg)'
+      },
+      '&[dir=rtl]::before': {
+        transform: 'translate(-50%, 0) rotate(-45deg)'
+      },
       '&::after': {
         left: arrowGap * -1,
         top: '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,CAoMtC,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,CAuNtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/tree/tree.js

@@ -121,16 +121,35 @@ var treeStyle = {
     cursor: 'pointer',
     padding: "0 ".concat(_theme.default.treePaddingX),
     borderRadius: _theme.default.treeContentBorderRadius,
+    position: 'relative',
+    '&[data-expanded="true"]::before': {
+      content: '""',
+      position: 'absolute',
+      top: 24,
+      bottom: 0,
+      left: -12,
+      width: 1,
+      background: '#ebebeb'
+    },
+    '&[dir=ltr][data-expanded="true"]::before': {
+      left: -12
+    },
+    '&[dir=rtl][data-expanded="true"]::before': {
+      right: -12
+    },
     '&[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"])': {
+    // '&[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
     }
   },
@@ -148,9 +167,9 @@ var treeStyle = {
     paddingTop: _theme.default.treeTextPaddingY,
     paddingBottom: _theme.default.treeTextPaddingY
   },
-  textDisabled: {
-    color: _theme.default.treeItemDisabledFontColor
-  },
+  // textDisabled: {
+  //   color: Token.treeItemDisabledFontColor,
+  // },
   list: {},
   node: {
     position: 'relative',

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,CA0clD,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,CA+clD,CAAC;AACF,eAAe,eAAe,CAAC"}

package/cjs/tree-select/tree-select.js

@@ -250,7 +250,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
   },
   compressedWrapper: {
     width: 0,
-    overflow: 'hidden'
+    overflow: 'auto'
   },
   controlMouse: {
     '& $optionInner:hover': {
@@ -369,6 +369,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     }
   },
   tag: {
+    flexShrink: 0,
     '&$tag + &$tag': {
       marginLeft: 0
     },
@@ -381,6 +382,10 @@ var treeSelectStyle = _objectSpread(_objectSpread({
       marginRight: 0
     }
   },
+  tagOnly: {
+    flexShrink: 1,
+    minWidth: 42
+  },
   space: {
     marginTop: _theme.default.treeSelectPlaceholderMarginY,
     marginBottom: _theme.default.treeSelectPlaceholderMarginY

package/cjs/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.2.0-rc.4";
+declare const _default: "3.2.0";
 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,wBAA4B"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAuB"}

package/cjs/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '3.2.0-rc.4';
+var _default = exports.default = '3.2.0';

package/esm/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,CAgJ5C,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,CAuJ5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/alert/alert.js

@@ -84,7 +84,7 @@ var alertStyle = {
     width: Token.alertFontSize,
     color: Token.alertCloseFontColor,
     fontSize: Token.alertFontSize,
-    height: Token.lineHeightDynamic,
+    height: Token.alertFontSize,
     flex: '0 0 auto',
     display: 'flex',
     alignItems: 'center',
@@ -94,8 +94,15 @@ var alertStyle = {
       color: Token.alertCloseHoverColor
     }
   },
+  closeWrapper: {
+    width: Token.alertFontSize,
+    height: Token.lineHeightDynamic,
+    display: 'flex',
+    alignItems: 'center'
+  },
   content: {
     flex: '1 1 0',
+    minWidth: 0,
     wordBreak: 'break-all'
   },
   pending: {