@sheinx/shineout-style 3.2.0-beta.1 → 3.2.0-beta.2

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,CAkK5C,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: {
@@ -36,8 +41,9 @@ var popoverStyle = {
         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)',
@@ -46,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)',
@@ -65,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,
@@ -89,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',
@@ -113,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'
       }
     },
@@ -166,6 +182,7 @@ var popoverStyle = {
     display: 'block'
   },
   arrow: {},
+  hideArrow: {},
   content: {
     position: 'relative',
     zIndex: 2,

package/cjs/progress/progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["progress.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAkI9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["progress.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAiJ9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/progress/progress.js

@@ -56,10 +56,6 @@ var progressStyle = {
     height: '100%',
     boxSizing: 'border-box',
     borderRadius: 'inherit',
-    '$lineInner &': {
-      display: 'flex',
-      alignItems: 'center'
-    },
     '$wrapperSuccess &': {
       backgroundColor: _theme.default.progressSuccessFrontBackgroundColor
     },
@@ -71,6 +67,22 @@ var progressStyle = {
     },
     '$wrapperDanger &': {
       backgroundColor: _theme.default.progressDangerFrontBackgroundColor
+    },
+    '$lineInner &': {
+      display: 'flex',
+      alignItems: 'center',
+      '$wrapperSuccess&': {
+        backgroundColor: _theme.default.progressLineInnerSuccessFrontBackgroundColor
+      },
+      '$wrapperWarning&': {
+        backgroundColor: _theme.default.progressLineInnerWarningFrontBackgroundColor
+      },
+      '$wrapperInfo&': {
+        backgroundColor: _theme.default.progressLineInnerInfoFrontBackgroundColor
+      },
+      '$wrapperDanger&': {
+        backgroundColor: _theme.default.progressLineInnerDangerFrontBackgroundColor
+      }
     }
   },
   content: {
@@ -80,7 +92,19 @@ var progressStyle = {
     '$lineInner &': {
       marginLeft: 'auto',
       padding: "0 ".concat(_theme.default.progressLineInnerPaddingX),
-      color: _theme.default.progressLineInnerFontColor
+      fontWeight: _theme.default.progressLineFontWeight
+    },
+    '$wrapperSuccess &': {
+      color: _theme.default.progressSuccessInnerFontColor
+    },
+    '$wrapperWarning &': {
+      color: _theme.default.progressWarningInnerFontColor
+    },
+    '$wrapperInfo &': {
+      color: _theme.default.progressInfoInnerFontColor
+    },
+    '$wrapperDanger &': {
+      color: _theme.default.progressDangerInnerFontColor
     },
     '$lineInnerRight &&': {
       // marginLeft: token.progressLineInnerPaddingX,
@@ -97,7 +121,7 @@ var progressStyle = {
     background: _theme.default.progressLineBackgroundColor,
     padding: '3px 8px',
     borderRadius: '2px',
-    color: _theme.default.progressLineColor,
+    color: _theme.default.progressLinePopFontColor,
     boxShadow: '0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05)'
   },
   linePopValue: {},
@@ -138,6 +162,19 @@ var progressStyle = {
     '& $icon': {
       width: '31.25%',
       height: '31.25%'
+    },
+    fontWeight: _theme.default.progressCircleFontWeight,
+    '&$wrapperSuccess $content': {
+      color: _theme.default.progressCircleSuccessFontColor
+    },
+    '&$wrapperWarning $content': {
+      color: _theme.default.progressCircleWarningFontColor
+    },
+    '&$wrapperInfo $content': {
+      color: _theme.default.progressCircleInfoFontColor
+    },
+    '&$wrapperDanger $content': {
+      color: _theme.default.progressCircleDangerFontColor
     }
   },
   circleBg: {

package/cjs/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/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,CA+IxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/tag/tag.js

@@ -63,7 +63,7 @@ var tag = function tag(type) {
         backgroundColor: _theme.default["tag".concat(type, "FillDisabledBackgroundColor")],
         border: "1px solid ".concat(_theme.default["tag".concat(type, "FillDisabledBorderColor")]),
         '& $closeIconWrapper': {
-          fill: _theme.default["tag".concat(type, "FillFontColor")],
+          fill: _theme.default["tag".concat(type, "FillDisabledFontColor")],
           '&:hover': {
             fill: _theme.default["tag".concat(type, "FillFontColor")],
             backgroundColor: 'transparent'
@@ -74,7 +74,7 @@ var tag = function tag(type) {
     // outline 边框风格
     '&$outline': {
       background: '#fff',
-      color: _theme.default["tag".concat(type, "FontColor")],
+      color: _theme.default["tag".concat(type, "OutlineFontColor")],
       border: "1px solid ".concat(_theme.default["tag".concat(type, "OutlineBorderColor")]),
       '& $closeIconWrapper': {
         // hover
@@ -126,6 +126,7 @@ var TagStyle = {
     display: 'inline-flex',
     padding: "0 ".concat(_theme.default.tagPaddingX),
     fontSize: _theme.default.tagFontSize,
+    fontWeight: _theme.default.tagFontWeight,
     borderRadius: _theme.default.tagBorderRadius,
     boxSizing: 'border-box',
     lineHeight: "calc(".concat(_theme.default.tagFontSize, " + 4px)"),
@@ -155,6 +156,7 @@ var TagStyle = {
   large: {
     fontSize: _theme.default.tagLargeFontSize,
     lineHeight: "calc(".concat(_theme.default.tagLargeFontSize, " + 8px)"),
+    fontWeight: _theme.default.tagLargeFontWeight,
     padding: "".concat(_theme.default.tagLargePaddingY, " ").concat(_theme.default.tagLargePaddingX),
     '& $closeIconWrapper': {
       '& svg': {
@@ -166,6 +168,7 @@ var TagStyle = {
   small: {
     lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)"),
     padding: "0 ".concat(_theme.default.tagSmallPaddingX),
+    fontWeight: _theme.default.tagSmallFontWeight,
     '& $container': {
       lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)")
     },

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,CA+KhD,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,6 +66,7 @@ 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,

package/cjs/version.d.ts

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

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-beta.1';
+var _default = exports.default = '3.2.0-beta.2';

package/esm/form/form-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAoGlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CA0GlD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/form/form-item.js

@@ -18,6 +18,8 @@ var formItemStyle = {
     },
     wordWrap: 'break-word',
     width: token.formItemLabelWidth,
+    fontWeight: token.formItemLabelFontWeight,
+    color: token.formItemLabelFontColor,
     padding: "".concat(token.formItemLabelPaddingY, " 0"),
     lineHeight: token.lineHeightDynamic,
     marginRight: token.formItemLabelMarginXEnd,
@@ -45,6 +47,7 @@ var formItemStyle = {
       textAlign: 'start',
       width: 'auto',
       paddingTop: '0',
+      paddingBottom: token.formItemLabelTopPaddingY,
       margin: '0'
     }
   },
@@ -62,7 +65,7 @@ var formItemStyle = {
   wrapperRequired: {
     '& $label::before': {
       marginRight: '4px',
-      color: token.formItemDangerColor,
+      color: token.formItemDangerFontColor,
       content: '"*"',
       fontFamily: 'SimSun',
       position: 'relative',
@@ -85,18 +88,21 @@ var formItemStyle = {
     }
   },
   error: {
-    color: token.formItemDangerColor,
+    color: token.formItemDangerFontColor,
     lineHeight: token.lineHeightDynamic,
     minHeight: token.formItemTipMinHeight,
-    fontSize: token.formItemTipFontSize
+    fontSize: token.formItemDangerFontSize,
+    fontWeight: token.formItemDangerFontWeight
     // flexBasis: '100%',
     // width: 0,
   },
   tip: {
     color: token.formItemTipFontColor,
     fontSize: token.formItemTipFontSize,
+    fontWeight: token.formItemTipFontWeight,
     lineHeight: token.lineHeightDynamic,
     minHeight: token.formItemTipMinHeight,
+    marginTop: token.formItemTipMarginTop,
     width: '100%'
   }
 };

package/esm/image/image.js

@@ -153,16 +153,16 @@ var ImageStyle = _objectSpread(_objectSpread({}, animation), {}, {
   },
   circle: {
     borderRadius: Token.imageCircleBorderRadius,
-    border: "1px solid ".concat(Token.imageCircleBorderColor)
+    border: "1px solid ".concat(Token.imageBorderColor)
   },
   rounded: {
-    borderRadius: Token.imageRoundedBorderRadius,
-    border: "1px solid ".concat(Token.imageRoundedBorderColor)
+    borderRadius: Token.imageBorderRadius,
+    border: "1px solid ".concat(Token.imageBorderColor)
   },
   thumbnail: {
-    borderRadius: Token.imageThumbnailBorderRadius,
+    borderRadius: Token.imageBorderRadius,
     backgroundColor: '#FFFFFF',
-    border: "1px solid ".concat(Token.imageThumbnailBorderColor),
+    border: "1px solid ".concat(Token.imageBorderColor),
     '& $inner': {
       top: 4,
       left: 4,

package/esm/menu/index.d.ts

@@ -1,5 +1,8 @@
 import menuStyle from './menu';
+import menuSearchStyle from './search';
 declare const useMenuStyle: () => import("jss").Classes<keyof import("@sheinx/base").MenuClasses>;
 export { menuStyle, useMenuStyle };
 export default useMenuStyle;
+declare const useMenuSearchStyle: () => import("jss").Classes<keyof import("@sheinx/base").MenuSearchClasses>;
+export { menuSearchStyle, useMenuSearchStyle };
 //# sourceMappingURL=index.d.ts.map

package/esm/menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,QAAQ,CAAC;AAE/B,QAAA,MAAM,YAAY,uEAA4B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AACnC,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,QAAQ,CAAC;AAC/B,OAAO,eAAe,MAAM,UAAU,CAAC;AAEvC,QAAA,MAAM,YAAY,uEAA4B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AACnC,eAAe,YAAY,CAAC;AAE5B,QAAA,MAAM,kBAAkB,6EAAyC,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAC"}

package/esm/menu/index.js

@@ -1,6 +1,9 @@
 "use client";
 import { styled } from "../jss-style";
 import menuStyle from "./menu";
+import menuSearchStyle from "./search";
 var useMenuStyle = styled(menuStyle, 'menu');
 export { menuStyle, useMenuStyle };
-export default useMenuStyle;
+export default useMenuStyle;
+var useMenuSearchStyle = styled(menuSearchStyle, 'menu-search');
+export { menuSearchStyle, useMenuSearchStyle };

package/esm/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAY9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAydtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA8atC,CAAC;AAEF,eAAe,SAAS,CAAC"}