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

package/cjs/tree/tree.js

@@ -10,6 +10,14 @@ var treeStyle = {
   rootClass: {},
   tree: {},
   virtual: {},
+  notTree: {
+    '&$root > $node$leaf': {
+      paddingLeft: 0
+    },
+    '& $content': {
+      marginLeft: 0
+    }
+  },
   line: {
     '& $node': {
       '&[dir=ltr]::before': {
@@ -158,25 +166,27 @@ var treeStyle = {
     flex: 1,
     display: 'flex',
     alignItems: 'center',
-    cursor: 'pointer',
-    padding: "0 ".concat(_theme.default.treePaddingX),
-    borderRadius: _theme.default.treeContentBorderRadius,
+    marginLeft: 4,
+    // 'label&': {
+    //   cursor: 'pointer',
+    //   userSelect: 'none',
+    // },
+
+    // '$iconWrapper + &': {
+    //   marginLeft: 4,
+    // },
+
     '$contentDisabled &': {
       '& $text': {
         color: _theme.default.treeContentDisabledFontColor
       }
     },
     '&[data-active="true"]': {
-      background: _theme.default.treeContentActiveBackgroundColor,
       '& $text': {
+        background: _theme.default.treeContentActiveBackgroundColor,
+        borderRadius: _theme.default.treeContentActiveBorderRadius,
         color: _theme.default.treeContentActiveFontColor
       }
-    },
-    '&:hover:not([data-active="true"])': {
-      background: _theme.default.treeContentHoverBackgroundColor,
-      '& $text': {
-        color: _theme.default.treeContentHoverFontColor
-      }
     }
   },
   checkbox: {
@@ -186,13 +196,22 @@ var treeStyle = {
     }
   },
   text: {
+    flex: 1,
+    minWidth: 0,
     fontSize: _theme.default.treeFontSize,
     lineHeight: _theme.default.lineHeightDynamic,
     color: _theme.default.treeFontColor,
     fontWeight: _theme.default.treeFontWeight,
-    paddingTop: _theme.default.treeTextPaddingY,
-    paddingBottom: _theme.default.treeTextPaddingY,
-    whiteSpace: 'nowrap'
+    padding: "".concat(_theme.default.treeTextPaddingY, " ").concat(_theme.default.treeTextPaddingX),
+    whiteSpace: 'nowrap',
+    borderRadius: _theme.default.treeContentBorderRadius,
+    '$content:not([data-active="true"]) &:hover': {
+      color: _theme.default.treeContentHoverFontColor,
+      background: _theme.default.treeContentHoverBackgroundColor
+    }
+  },
+  textClickable: {
+    cursor: 'pointer'
   },
   // textDisabled: {
   //   color: Token.treeItemDisabledFontColor,

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,CA6elD,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,CAiflD,CAAC;AACF,eAAe,eAAe,CAAC"}

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

@@ -286,7 +286,10 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     transformOrigin: '0 0',
     width: 'max-content',
     maxWidth: '640px',
-    cursor: 'initial'
+    cursor: 'initial',
+    '& $tree': {
+      overscrollBehavior: 'none'
+    }
   },
   iconWrapper: {
     display: 'flex',

package/cjs/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,CAwW1C,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,CAsY1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/upload/upload.js

@@ -24,6 +24,39 @@ var uploadStyle = {
     }
   },
   wrapperDrop: {},
+  draggerWrapper: {
+    display: 'block',
+    width: '100%'
+  },
+  draggerArea: {
+    position: 'relative',
+    padding: 16,
+    width: '100%',
+    height: '100%',
+    textAlign: 'center',
+    backgroundColor: _theme.default.uploadImageHandlerBackgroundColor,
+    borderRadius: _theme.default.uploadImageBorderRadius,
+    cursor: 'pointer',
+    color: _theme.default.uploadImageHandlerFontColor,
+    // after
+    '&:after': {
+      content: '""',
+      position: 'absolute',
+      top: -1,
+      right: -1,
+      bottom: -1,
+      left: -1,
+      borderRadius: _theme.default.uploadImageBorderRadius,
+      border: "1px dashed ".concat(_theme.default.uploadImageHandlerBorderColor),
+      transition: 'border-color 0.3s'
+    },
+    // hover
+    '&:hover': {
+      '&:after': {
+        borderColor: _theme.default.uploadImageHandlerHoverBorderColor
+      }
+    }
+  },
   handler: {
     display: 'inline-block',
     cursor: 'pointer',
@@ -58,7 +91,6 @@ var uploadStyle = {
   },
   result: {
     display: 'flex',
-    alignItems: 'center',
     gap: '8px',
     borderRadius: _theme.default.uploadResultBorderRadius,
     padding: "".concat(_theme.default.uploadResultPaddingY, " ").concat(_theme.default.uploadResultPaddingX),
@@ -71,7 +103,7 @@ var uploadStyle = {
   },
   icon: {
     width: _theme.default.uploadResultIconSize,
-    height: _theme.default.uploadResultIconSize,
+    height: _theme.default.lineHeightDynamic,
     color: _theme.default.uploadResultIconColor,
     display: 'flex',
     alignItems: 'center',
@@ -100,16 +132,14 @@ var uploadStyle = {
   },
   resultTextFooter: {
     display: 'flex',
-    alignItems: 'center',
     gap: _theme.default.uploadResultGap,
     color: _theme.default.uploadResultUploadingIconColor
   },
   resultText: {
     display: 'flex',
-    alignItems: 'center',
-    minWidth: '0',
-    wordBreak: 'break-all',
     flex: 1,
+    minWidth: 0,
+    wordBreak: 'break-all',
     gap: _theme.default.uploadResultGap,
     fontSize: _theme.default.uploadResultFontSize,
     color: _theme.default.uploadResultFontColor,

package/cjs/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.6.0-beta.9";
+declare const _default: "3.6.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,wBAA8B"}
+{"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.6.0-beta.9';
+var _default = exports.default = '3.6.0';

package/esm/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/esm/button/button.js

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

package/esm/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/esm/carousel/carousel.js

@@ -282,7 +282,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: token.carouselIndicatorBarWidth,
+      height: token.carouselIndicatorBarHeight
+    },
+    '& $indicator:before': {
+      content: '""',
+      position: 'absolute',
+      zIndex: -1,
+      top: 0,
+      left: 0,
+      width: '100%',
+      height: '100%',
+      background: token.carouselIndicatorBackgroundColor
+    },
+    '$indicatorLeft& $indicator, $indicatorRight& $indicator': {
+      width: token.carouselIndicatorBarHeight,
+      height: token.carouselIndicatorBarWidth,
+      '&:first-child': {
+        '&:before': {
+          borderRadius: '100px 100px 0 0'
+        }
+      },
+      '&:last-child': {
+        '&:before': {
+          borderRadius: '0 0 100px 100px'
+        }
+      }
+    }
+  },
   indicatorArrow: {
     width: token.carouselIndicatorArrowSize,
     height: token.carouselIndicatorArrowSize,

package/esm/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/esm/date-picker/date-picker.js

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

package/esm/descriptions/descriptions.js

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

package/esm/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/esm/inner-title/inner-title.js

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

package/esm/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/esm/input/input-border.js

@@ -18,6 +18,7 @@ export default (function (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
@@ -27,11 +28,34 @@ export default (function (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
@@ -73,6 +97,12 @@ export default (function (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/esm/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/esm/input/input.js

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

package/esm/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/esm/popover/popover.js

@@ -5,7 +5,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import token from '@sheinx/theme';
 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: {
@@ -45,12 +48,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'
       }
     },
@@ -66,24 +69,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: token.popoverBorderWidth,
@@ -93,22 +94,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)")
       },
@@ -121,13 +119,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/esm/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/esm/select/select.js

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

package/esm/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/esm/slider/slider.js

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

package/esm/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"}