@sheinx/shineout-style 3.6.0-beta.9 → 3.6.0

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

package/cjs/button/button.js

@@ -218,6 +218,22 @@ var ButtonStyle = {
     },
     '&:active': {
       transition: 'none'
+    },
+    '[data-soui-role="input-group-seperate"] > &': {
+      borderRadius: 0,
+      marginLeft: -1,
+      '&:first-child': {
+        marginLeft: 0,
+        borderTopLeftRadius: _theme.default.buttonBorderRadius,
+        borderBottomLeftRadius: _theme.default.buttonBorderRadius
+      },
+      '&:last-child': {
+        borderTopRightRadius: _theme.default.buttonBorderRadius,
+        borderBottomRightRadius: _theme.default.buttonBorderRadius
+      },
+      '&:hover': {
+        zIndex: 1
+      }
     }
   },
   small: {

package/cjs/carousel/carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["carousel.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;AA8CtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA2O9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["carousel.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;AA8CtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAoR9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/carousel/carousel.js

@@ -289,7 +289,48 @@ var carouselStyle = _objectSpread(_objectSpread({
       }
     }
   },
-  indicatorTypeSlider: {},
+  indicatorTypeBar: {
+    '& $indicator': {
+      position: 'relative',
+      borderRadius: '100px',
+      '&:first-child': {
+        '&:before': {
+          borderRadius: '100px 0 0 100px'
+        }
+      },
+      '&:last-child': {
+        '&:before': {
+          borderRadius: '0 100px 100px 0'
+        }
+      },
+      width: _theme.default.carouselIndicatorBarWidth,
+      height: _theme.default.carouselIndicatorBarHeight
+    },
+    '& $indicator:before': {
+      content: '""',
+      position: 'absolute',
+      zIndex: -1,
+      top: 0,
+      left: 0,
+      width: '100%',
+      height: '100%',
+      background: _theme.default.carouselIndicatorBackgroundColor
+    },
+    '$indicatorLeft& $indicator, $indicatorRight& $indicator': {
+      width: _theme.default.carouselIndicatorBarHeight,
+      height: _theme.default.carouselIndicatorBarWidth,
+      '&:first-child': {
+        '&:before': {
+          borderRadius: '100px 100px 0 0'
+        }
+      },
+      '&:last-child': {
+        '&:before': {
+          borderRadius: '0 0 100px 100px'
+        }
+      }
+    }
+  },
   indicatorArrow: {
     width: _theme.default.carouselIndicatorArrowSize,
     height: _theme.default.carouselIndicatorArrowSize,

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;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA2oBlD,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;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAupBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -352,11 +352,22 @@ var datePickerStyle = _objectSpread(_objectSpread({
   pickerFooter: {
     borderTop: "1px solid ".concat(_theme.default.datePickerPanelHeaderBorderColor),
     display: 'flex',
-    justifyContent: 'space-between'
+    justifyContent: 'space-between',
+    '&[dir=rtl] $pickerFooterConfirm': {
+      'margin-right': 'auto'
+    },
+    '&[dir=ltr] $pickerFooterConfirm': {
+      'margin-left': 'auto'
+    }
   },
   pickerFooterTime: {
     padding: "".concat(_theme.default.datePickerPanelFooterPaddingY, " ").concat(_theme.default.datePickerPanelFooterPaddingX)
   },
+  wrapperSmall: {
+    '& $pickerFooterNow': {
+      padding: "".concat(_theme.default.datePickerSmallPanelFooterNowPaddingY, " ").concat(_theme.default.datePickerSmallPanelFooterNowPaddingX)
+    }
+  },
   pickerFooterNow: {
     padding: "".concat(_theme.default.datePickerPanelFooterPaddingY, " ").concat(_theme.default.datePickerPanelFooterPaddingX),
     '&:only-child': {

package/cjs/descriptions/descriptions.js

@@ -96,6 +96,7 @@ var descriptionsStyle = {
   valueInline: {
     paddingRight: _theme.default.descriptionsLabelPaddingRight,
     textAlign: 'left',
+    wordBreak: 'break-all',
     boxSizing: 'border-box',
     color: _theme.default.descriptionsValueColor
   },
@@ -111,11 +112,10 @@ var descriptionsStyle = {
   },
   inlineHorizontal: {
     '& $item': {
-      display: 'flex',
-      alignItems: 'center'
+      display: 'flex'
     },
     '& $cell': {
-      verticalAlign: 'middle'
+      verticalAlign: 'top'
     },
     '& $row': {
       '&>td': {

package/cjs/inner-title/inner-title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inner-title.d.ts","sourceRoot":"","sources":["inner-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAsEjD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,iBAAiB,CA4FjD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"inner-title.d.ts","sourceRoot":"","sources":["inner-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAsEjD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,iBAAiB,CA6FjD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/inner-title/inner-title.js

@@ -125,7 +125,8 @@ var innerTitle = _objectSpread(_objectSpread({
     pointerEvents: 'none',
     '& $title': {
       position: 'relative',
-      top: 0
+      top: 0,
+      color: _theme.default.inputInnerPlaceFontColor
     },
     '$animation$wrapperOpen & $title': {
       animation: "$movein ".concat(moveTime, " ease-in")

package/cjs/input/input-border.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBAsJE"}
+{"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBAuLE"}

package/cjs/input/input-border.js

@@ -24,6 +24,7 @@ var _default = exports.default = function _default(name) {
     verticalAlign: 'top',
     transition: "border-color .15s ease-in-out,box-shadow .15s ease-in-out;",
     '&:hover': _defineProperty({
+      zIndex: 1,
       borderColor: token.hoverBorderColor
     }, "&:not($".concat(name, "Disabled):not($").concat(name, "Error)"), {
       backgroundColor: token.hoverBackgroundColor
@@ -33,11 +34,34 @@ var _default = exports.default = function _default(name) {
       borderRadius: 0,
       boxShadow: 'none',
       backgroundColor: 'transparent',
-      flex: 1,
+      // flex: 1,
       minWidth: 0
     },
     '[data-soui-role="input-group"] [data-soui-input-border] + &': {
       borderLeftWidth: '1px'
+    },
+    '[data-soui-role="input-group-seperate"] &&&, [data-soui-role="input-group-seperate"] &&&:hover': {
+      borderRadius: 0,
+      flexShrink: 0,
+      width: 'auto',
+      'margin-left': "-1px",
+      '&:first-child': {
+        marginLeft: 0,
+        borderTopLeftRadius: token.borderRadius,
+        borderBottomLeftRadius: token.borderRadius
+      },
+      '&:last-child': {
+        borderTopRightRadius: token.borderRadius,
+        borderBottomRightRadius: token.borderRadius
+      }
+    },
+    '[dir=rtl][data-soui-role="input-group-seperate"] &&&, [dir=rtl][data-soui-role="input-group-seperate"] &&&:hover': {
+      '&:first-child': {
+        borderRadius: "0 ".concat(token.borderRadius, " ").concat(token.borderRadius, " 0")
+      },
+      '&:last-child': {
+        borderRadius: "".concat(token.borderRadius, " 0 0 ").concat(token.borderRadius)
+      }
     }
   }), "".concat(name, "PaddingBox"), _defineProperty(_defineProperty(_defineProperty({
     borderRadius: token.borderRadius
@@ -79,6 +103,12 @@ var _default = exports.default = function _default(name) {
     borderColor: token.focusBorderColor,
     boxShadow: "0 0 0 2px ".concat(token.focusShadow),
     background: token.focusBackgroundColor,
+    '&[data-soui-role="input-group-seperate"]': {
+      boxShadow: 'none'
+    },
+    '[data-soui-role="input-group-seperate"] &': {
+      zIndex: 1
+    },
     '&:hover': {
       borderColor: token.focusBorderColor
     }

package/cjs/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAuNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CA+NvC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/input/input.js

@@ -205,6 +205,13 @@ var input = _objectSpread(_objectSpread(_objectSpread({
       background: 'transparent'
     }
   }, groupSpace(_theme.default.inputPaddingX)),
+  groupSeperate: {
+    border: 'none',
+    '& > b': {
+      border: "1px solid ".concat(_theme.default.inputBorderColor),
+      'margin-left': '-1px'
+    }
+  },
   groupSmall: _objectSpread(_objectSpread({}, groupSmall), groupSpace(_theme.default.inputSmallPaddingX)),
   groupLarge: _objectSpread(_objectSpread({}, groupLarge), groupSpace(_theme.default.inputLargePaddingX))
 }, resetGroup), {}, {

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;AAMpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAiL5C,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;AAUpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CA4K5C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/popover/popover.js

@@ -12,7 +12,10 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 extraArrowGap = 'var(--popover-arrow-gap-extra, 0px)';
 var arrowMargin = '8px';
+var poyfillPos = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, ") * -1)");
+var poyfillHeight = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, "))");
 var popoverStyle = {
   rootClass: {},
   wrapper: {
@@ -52,12 +55,12 @@ var popoverStyle = {
         margin: 'auto'
       },
       '&::after': {
-        top: "calc(".concat(hideArrowGap, " * -1)"),
+        top: poyfillPos,
         left: '0',
         right: '0',
         content: '" "',
         display: 'block',
-        height: hideArrowGap,
+        height: poyfillHeight,
         position: 'absolute'
       }
     },
@@ -73,24 +76,22 @@ var popoverStyle = {
       },
       '&::after': {
         // bottom: arrowGap * -1,
-        bottom: "calc(".concat(hideArrowGap, " * -1)"),
+        bottom: poyfillPos,
         left: '0',
         right: '0',
         content: '" "',
         display: 'block',
         // height: arrowGap,
-        height: hideArrowGap,
+        height: poyfillHeight,
         position: 'absolute'
       }
     },
     '&[data-soui-position^="left"]': {
-      // '&[dir=ltr]': { marginLeft: (arrowGap - 2) * -1 },
       '&[dir=ltr]': {
-        marginLeft: "calc((".concat(hideArrowGap, " - 2px) * -1)")
+        marginRight: "calc((".concat(hideArrowGap, " - 2px))")
       },
-      // '&[dir=rtl]': { marginRight: (arrowGap - 2) * -1 },
       '&[dir=rtl]': {
-        marginRight: "calc((".concat(hideArrowGap, " - 2px) * -1)")
+        marginLeft: "calc((".concat(hideArrowGap, " - 2px))")
       },
       '& $arrow': {
         right: _theme.default.popoverBorderWidth,
@@ -100,22 +101,19 @@ var popoverStyle = {
         margin: 'auto'
       },
       '&::after': {
-        // left: arrowGap * -1,
-        right: "calc(".concat(hideArrowGap, " * -1)"),
+        right: poyfillPos,
         top: '0',
         bottom: '0',
         content: '" "',
         display: 'block',
-        width: hideArrowGap,
+        width: poyfillHeight,
         position: 'absolute'
       }
     },
     '&[data-soui-position^="right"]': {
-      // '&[dir=ltr]': { marginLeft: arrowGap - 2 },
       '&[dir=ltr]': {
         marginLeft: "calc(".concat(hideArrowGap, " - 2px)")
       },
-      // '&[dir=rtl]': { marginRight: arrowGap - 2 },
       '&[dir=rtl]': {
         marginRight: "calc(".concat(hideArrowGap, " - 2px)")
       },
@@ -128,13 +126,13 @@ var popoverStyle = {
       },
       '&::after': {
         // left: arrowGap * -1,
-        left: "calc(".concat(hideArrowGap, " * -1)"),
+        left: poyfillPos,
         top: '0',
         bottom: '0',
         content: '" "',
         display: 'block',
         // width: arrowGap,
-        width: hideArrowGap,
+        width: poyfillHeight,
         position: 'absolute'
       }
     },

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

package/cjs/select/select.js

@@ -281,7 +281,10 @@ var selectStyle = _objectSpread(_objectSpread({
     borderRadius: _theme.default.selectPanelRadius,
     transformOrigin: '0 0',
     border: "1px solid ".concat(_theme.default.selectPanelBorder),
-    cursor: 'initial'
+    cursor: 'initial',
+    '& [data-soui-role="scroll"]': {
+      overscrollBehavior: 'none'
+    }
   },
   pickerSmall: {
     '& $optionInner': {

package/cjs/slider/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAIlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAsS1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAIlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA2S1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/slider/slider.js

@@ -32,12 +32,17 @@ var sliderStyle = {
     cursor: 'pointer',
     borderRadius: '100px',
     height: _theme.default.sliderTrackSize,
-    boxSizing: 'border-box',
+    borderTop: "".concat(_theme.default.sliderScaleMarginY, " solid transparent"),
+    borderBottom: "".concat(_theme.default.sliderScaleMarginY, " solid transparent"),
+    boxSizing: 'content-box',
     backgroundColor: _theme.default.sliderTrackBackgroundColor,
     position: 'relative',
+    backgroundClip: 'content-box',
     '$vertical &': {
       width: _theme.default.sliderTrackSize,
-      height: '100%'
+      height: '100%',
+      borderLeft: "".concat(_theme.default.sliderScaleMarginY, " solid transparent"),
+      borderRight: "".concat(_theme.default.sliderScaleMarginY, " solid transparent")
     },
     '$disabled &': {
       cursor: 'not-allowed'
@@ -257,7 +262,7 @@ var sliderStyle = {
       backgroundColor: _theme.default.sliderScaleLineBackgroundColor
     },
     '$wrapper:not($vertical) &': {
-      marginTop: _theme.default.sliderScaleMarginY,
+      // marginTop: token.sliderScaleMarginY,
       width: 0,
       '&::before': {
         width: '1px',
@@ -271,7 +276,7 @@ var sliderStyle = {
       // '&:last-child $label[dir=rtl]': { transform: 'translate(100%)' },
     },
     '$vertical &': {
-      marginLeft: _theme.default.sliderScaleMarginY,
+      // marginLeft: token.sliderScaleMarginY,
       height: 0,
       '&::before': {
         height: '1px',

package/cjs/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6exC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAojBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/table/table.js

@@ -19,6 +19,7 @@ var resizeIndex = 8;
 var fixedFixedIndex = 10;
 var headerIndex = 12;
 var loadingIndex = 16;
+var shadowWidth = 12;
 var globalStyle = {
   '@global': {
     'body[data-soui-table-selection] *::selection': {
@@ -60,7 +61,6 @@ var tableStyle = _objectSpread(_objectSpread({
             zIndex: cellBaseIndex,
             top: 0,
             bottom: 0,
-            background: _theme.default.tableCellBorderColor,
             borderLeft: "1px solid ".concat(_theme.default.tableCellBorderColor)
           },
           '[dir=ltr]&::after': {
@@ -163,6 +163,7 @@ var tableStyle = _objectSpread(_objectSpread({
     },
     '&::after': {
       position: 'absolute',
+      zIndex: fixedFixedIndex + 3,
       content: '""',
       display: 'block',
       bottom: 0,
@@ -282,16 +283,16 @@ var tableStyle = _objectSpread(_objectSpread({
         position: 'absolute',
         top: 0,
         bottom: -1,
-        width: '5px',
-        pointerEvents: 'none'
+        width: "".concat(shadowWidth, "px"),
+        pointerEvents: 'none',
+        boxShadow: 'inset 8px 0 10px -6px rgba(2,11,24,.1)'
+        // border: 'none',
       },
       '&[dir=ltr]::after': {
-        right: '-5px',
-        background: "linear-gradient(90deg, ".concat(_theme.default.tableFixedShadow, ", transparent)")
+        right: "-".concat(shadowWidth, "px")
       },
       '&[dir=rtl]::after': {
-        left: '-5px',
-        background: "linear-gradient(270deg, ".concat(_theme.default.tableFixedShadow, ",transparent)")
+        left: "-".concat(shadowWidth, "px")
       }
     },
     '& table': {
@@ -315,16 +316,15 @@ var tableStyle = _objectSpread(_objectSpread({
         position: 'absolute',
         top: 0,
         bottom: 0,
-        width: '5px',
-        pointerEvents: 'none'
+        width: "".concat(shadowWidth, "px"),
+        pointerEvents: 'none',
+        boxShadow: 'inset -8px 0 10px -6px rgba(2,11,24,.1)'
       },
       '&[dir=rtl]::before': {
-        right: '-5px',
-        background: "linear-gradient(90deg, ".concat(_theme.default.tableFixedShadow, ", transparent)")
+        right: "-".concat(shadowWidth, "px")
       },
       '&[dir=ltr]::before': {
-        left: '-5px',
-        background: "linear-gradient(270deg, ".concat(_theme.default.tableFixedShadow, ",transparent)")
+        left: "-".concat(shadowWidth, "px")
       }
     },
     '& table': {
@@ -345,6 +345,69 @@ var tableStyle = _objectSpread(_objectSpread({
     display: 'inline-flex',
     alignItems: 'center'
   },
+  hasFilter: {
+    display: 'inline-flex',
+    alignItems: 'center'
+  },
+  filterIconContainer: {
+    '&:hover $filterIcon': {
+      color: _theme.default.tableFilterIconHoverColor
+    }
+  },
+  filterIcon: {
+    width: _theme.default.tableFilterIconSize,
+    height: _theme.default.tableFilterIconSize,
+    color: _theme.default.tableFilterIconColor,
+    '& > svg': {
+      display: 'block'
+    }
+  },
+  filterActive: {
+    '& $filterIcon, &:hover $filterIcon': {
+      color: _theme.default.tableFilterIconActiveColor
+    }
+  },
+  filterContainer: {
+    minWidth: '120px'
+  },
+  filterHeader: {
+    padding: "".concat(_theme.default.tableFilterHeaderPaddingY, " ").concat(_theme.default.tableFilterHeaderPaddingX),
+    '& + $filterBody': {
+      paddingTop: 0
+    }
+  },
+  filterBody: {
+    padding: "".concat(_theme.default.tableFilterBodyPaddingY, " ").concat(_theme.default.tableFilterBodyPaddingX),
+    maxHeight: '300px',
+    overflow: 'auto'
+  },
+  filterFooter: {
+    display: 'flex',
+    justifyContent: 'flex-end',
+    padding: "".concat(_theme.default.tableFilterFooterPaddingY, " ").concat(_theme.default.tableFilterFooterPaddingX),
+    borderTop: "1px solid ".concat(_theme.default.tableFilterFooterBorderColor)
+  },
+  filterInput: {
+    cursor: 'pointer'
+  },
+  filterInputIcon: {
+    color: _theme.default.tableFilterInputIconColor,
+    flexShrink: 0,
+    width: _theme.default.tableFilterInputIconSize,
+    height: _theme.default.tableFilterInputIconSize,
+    marginRight: _theme.default.tableFilterInputIconMarginRight,
+    '& > svg': {
+      display: 'block'
+    }
+  },
+  filterRadio: {
+    display: 'flex',
+    alignItems: 'center',
+    cursor: 'pointer',
+    '& > div': {
+      marginRight: 0
+    }
+  },
   sorterContainer: {
     minWidth: '14px',
     width: '14px',

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

package/cjs/textarea/textarea.js

@@ -112,6 +112,37 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     borderRadius: 0,
     width: '100%',
     boxSizing: 'border-box'
+  },
+  limit: {
+    position: 'absolute',
+    right: 12,
+    bottom: 6,
+    color: _theme.default.textareaLimitFontColor,
+    fontSize: _theme.default.textareaLimitFontSize,
+    '$resize + &': {
+      right: 16
+    }
+  },
+  clear: {
+    position: 'absolute',
+    right: _theme.default.textareaPaddingX,
+    top: _theme.default.textareaPaddingY,
+    cursor: 'pointer',
+    padding: 4,
+    color: _theme.default.textareaClearColor,
+    '&:hover': {
+      color: _theme.default.textareaClearHoverColor
+    },
+    '& > svg': {
+      display: 'block',
+      width: _theme.default.textareaClearSize,
+      height: _theme.default.textareaClearSize
+    }
+  },
+  wrapperWithClear: {
+    '&& $textarea': {
+      paddingRight: "calc(".concat(_theme.default.textareaPaddingX, " * 4)")
+    }
   }
 });
 var _default = exports.default = input;

package/cjs/tooltip/tooltip.js

@@ -117,13 +117,13 @@ var tooltipStyle = _objectSpread(_objectSpread({
     },
     '&[data-soui-position^="left"]': {
       '&[dir=ltr]': {
-        marginLeft: -(arrowGap - 2),
+        marginRight: arrowGap - 2,
         '& $arrow': {
           transform: 'translateX(11px) rotate(90deg)'
         }
       },
       '&[dir=rtl]': {
-        marginRight: -(arrowGap - 2),
+        'margin-right': arrowGap - 2,
         '& $arrow': {
           left: 0,
           transform: 'translateX(11px) rotate(90deg)'
@@ -187,7 +187,7 @@ var tooltipStyle = _objectSpread(_objectSpread({
         width: arrowGap,
         height: '100%',
         top: 0,
-        right: 0,
+        left: 0,
         transform: 'translateX(-100%)'
       }
     }

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,CAgPtC,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,CAkQtC,CAAC;AAEF,eAAe,SAAS,CAAC"}