@sheinx/shineout-style 3.3.0-beta.8 → 3.3.0

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

package/cjs/alert/alert.js

@@ -99,6 +99,9 @@ var alertStyle = {
     marginLeft: _theme.default.alertNearlyMargin,
     '&:hover': {
       color: _theme.default.alertCloseHoverColor
+    },
+    '& svg': {
+      width: '100%'
     }
   },
   closeWrapper: {
@@ -166,7 +169,10 @@ var alertStyle = {
     height: _theme.default.lineHeightDynamic,
     flex: '0 0 auto',
     alignItems: 'center',
-    marginRight: _theme.default.alertNearlyMargin
+    marginRight: _theme.default.alertNearlyMargin,
+    '& svg': {
+      width: '100%'
+    }
   }
 };
 var _default = exports.default = alertStyle;

package/cjs/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA2c9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAid9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/cascader/cascader.js

@@ -387,6 +387,12 @@ var cascaderStyle = _objectSpread(_objectSpread({
       borderRight: "1px solid ".concat(_theme.default.cascaderListBorderColor)
     }
   },
+  filterList: {
+    display: 'block',
+    '& $list': {
+      width: '100%'
+    }
+  },
   hideTag: {},
   list: {
     paddingTop: 3,

package/cjs/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;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAkgBtC,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,CA0gBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/menu/menu.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _theme = _interopRequireDefault(require("@sheinx/theme"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var animationDuration = '.25s';
-var collpaseWidth = _theme.default.menuCollpaseWidth;
+var collapseWidth = _theme.default.menuCollapseWidth;
 var transitionFunc = 'ease-out';
 var menuStyle = {
   wrapper: {
@@ -23,8 +23,8 @@ var menuStyle = {
   wrapperDark: {
     backgroundColor: _theme.default.menuDarkItemBackgroundColor
   },
-  wrapperCollpase: {
-    width: "".concat(collpaseWidth, "!important"),
+  wrapperCollapse: {
+    width: "".concat(collapseWidth, "!important"),
     '& $title': {
       paddingLeft: '0'
     },
@@ -32,7 +32,7 @@ var menuStyle = {
       opacity: 0
     },
     '& $titleIcon': {
-      width: "".concat(collpaseWidth, "!important"),
+      width: "".concat(collapseWidth, "!important"),
       flexShrink: 0,
       justifyContent: 'center'
     },
@@ -219,7 +219,7 @@ var menuStyle = {
           color: _theme.default.menuItemActiveDisabledFontColor
         }
       },
-      '[data-soui-theme=dark][data-soui-mode=inline] &::before, [data-soui-theme=dark][data-soui-mode=vertical] &::before': {
+      '[data-soui-theme=dark] &::before': {
         content: '""',
         position: 'absolute',
         left: 0,
@@ -228,25 +228,33 @@ var menuStyle = {
         width: '3px',
         backgroundColor: _theme.default.menuDarkItemActiveBackgroundColor
       },
-      '$wrapperCollpase[data-soui-theme=light] $root > &': {
-        color: _theme.default.menuItemCollpaseActiveFontColor,
-        backgroundColor: _theme.default.menuItemCollpaseActiveBackgroundColor,
+      '[data-soui-theme=dark][data-soui-mode=horizontal] $root &::before': {
+        left: 0,
+        right: 0,
+        bottom: 0,
+        top: 'auto',
+        width: 'auto',
+        height: '3px'
+      },
+      '$wrapperCollapse[data-soui-theme=light] $root > &': {
+        color: _theme.default.menuItemCollapseActiveFontColor,
+        backgroundColor: _theme.default.menuItemCollapseActiveBackgroundColor,
         '& $icon': {
-          color: _theme.default.menuItemCollpaseActiveFontColor
+          color: _theme.default.menuItemCollapseActiveFontColor
         }
       },
-      '$wrapperCollpase[data-soui-theme=dark] $root > &': {
-        color: _theme.default.menuDarkItemCollpaseActiveFontColor,
-        backgroundColor: _theme.default.menuDarkItemCollpaseActiveBackgroundColor,
+      '$wrapperCollapse[data-soui-theme=dark] $root > &': {
+        color: _theme.default.menuDarkItemCollapseActiveFontColor,
+        backgroundColor: _theme.default.menuDarkItemCollapseActiveBackgroundColor,
         '& $icon': {
-          color: _theme.default.menuDarkItemCollpaseActiveFontColor
+          color: _theme.default.menuDarkItemCollapseActiveFontColor
         }
       },
-      '$wrapperCollpase $root > &::before': {
+      '$wrapperCollapse $root > &::before': {
         display: 'none'
       }
 
-      // '[data-soui-theme=light][data-soui-mode=vertical]:not($wrapperCollpase) &': {
+      // '[data-soui-theme=light][data-soui-mode=vertical]:not($wrapperCollapse) &': {
       //   '&::before': {
       //     display: 'block',
       //     content: '""',
@@ -275,31 +283,31 @@ var menuStyle = {
           color: _theme.default.menuItemActiveDisabledFontColor
         }
       },
-      '$wrapperCollpase[data-soui-theme=light] $root > &': {
-        color: _theme.default.menuItemCollpaseActiveFontColor,
-        backgroundColor: _theme.default.menuItemCollpaseActiveBackgroundColor,
+      '$wrapperCollapse[data-soui-theme=light] $root > &': {
+        color: _theme.default.menuItemCollapseActiveFontColor,
+        backgroundColor: _theme.default.menuItemCollapseActiveBackgroundColor,
         '& $icon': {
-          color: _theme.default.menuItemCollpaseActiveFontColor
+          color: _theme.default.menuItemCollapseActiveFontColor
         }
       },
-      '$wrapperCollpase[data-soui-theme=dark] $root > &': {
-        color: _theme.default.menuDarkItemCollpaseActiveFontColor,
-        backgroundColor: _theme.default.menuDarkItemCollpaseActiveBackgroundColor,
+      '$wrapperCollapse[data-soui-theme=dark] $root > &': {
+        color: _theme.default.menuDarkItemCollapseActiveFontColor,
+        backgroundColor: _theme.default.menuDarkItemCollapseActiveBackgroundColor,
         '& $icon': {
-          color: _theme.default.menuDarkItemCollpaseActiveFontColor
+          color: _theme.default.menuDarkItemCollapseActiveFontColor
         }
       },
-      '$wrapperCollpase $root > &::before': {
+      '$wrapperCollapse $root > &::before': {
         display: 'none'
       },
-      '[data-soui-theme=dark]:not($wrapperCollpase) &': {
+      '[data-soui-theme=dark]:not($wrapperCollapse) &': {
         color: _theme.default.menuDarkItemActiveFontColor,
         backgroundColor: _theme.default.menuDarkItemActiveBackgroundColor,
         '& $icon': {
           color: _theme.default.menuDarkItemActiveFontColor
         }
       },
-      '[data-soui-theme=dark]$wrapperCollpase &': {
+      '[data-soui-theme=dark]$wrapperCollapse &': {
         '&::before': {
           content: '""',
           position: 'absolute',
@@ -363,7 +371,7 @@ var menuStyle = {
     '$wrapperDark &': {
       color: _theme.default.menuDarkFontColor
     },
-    '$wrapperCollpase &': {
+    '$wrapperCollapse &': {
       paddingLeft: '0',
       paddingRight: '0',
       display: 'flex',
@@ -418,7 +426,7 @@ var menuStyle = {
     minWidth: 0,
     alignItems: 'center',
     fontWeight: _theme.default.menuItemFontWeight
-    // '$wrapperCollpase &': {
+    // '$wrapperCollapse &': {
     //   transition: `opacity ${animationDuration} ${transitionFunc}`,
     // },
     // opacity: 1,

package/cjs/menu/search.js

@@ -18,8 +18,8 @@ var menuSearchStyle = {
   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,
+    width: _theme.default.menuSearchCollapseSize,
+    height: _theme.default.menuSearchCollapseSize,
     lineHeight: 1,
     '& input': {
       opacity: 0

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

package/cjs/modal/modal.js

@@ -322,10 +322,6 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
     display: 'flex',
     marginBottom: _theme.default.modalPanelGap
   },
-  headerEmptyTitle: {
-    marginBottom: 0,
-    height: 0
-  },
   headerIcon: {
     '$wrapper &': {
       marginRight: _theme.default.modalHeaderIconMarginEnd,
@@ -337,6 +333,9 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
       alignItems: 'center'
     }
   },
+  emptyIcon: {
+    position: 'absolute'
+  },
   headerTitle: {
     flex: '1',
     minWidth: 0,
@@ -371,6 +370,16 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
       })
     }
   },
+  emptyClose: {
+    position: 'absolute',
+    top: 12,
+    right: 12,
+    marginTop: 0,
+    '$wrapperDrawer &': {
+      top: 4,
+      right: 4
+    }
+  },
   body: {
     flex: '1 1 auto',
     minHeight: '1px',

package/cjs/steps/steps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAmpBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAsrBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/steps/steps.js

@@ -16,13 +16,31 @@ var stepsStyle = {
     }
   },
   click: {
-    '& $icon': {
+    '& $icon:not($process)': {
       cursor: 'pointer'
     },
+    '& $title': {
+      transition: 'color ease 0.3s'
+    },
     '&$arrow': {
       '& $step': {
         cursor: 'pointer'
       }
+    },
+    '&$default': {
+      '& $step:not($process)': {
+        cursor: 'pointer'
+      },
+      '& $step$wait:hover': {
+        '& $title,$description': {
+          color: _theme.default.stepsWaitHoverFontColor
+        }
+      },
+      '& $step$finish:hover': {
+        '& $title,$description': {
+          color: _theme.default.stepsFinishHoverFontColor
+        }
+      }
     }
   },
   small: {
@@ -367,12 +385,29 @@ var stepsStyle = {
   iconWrapper: {
     display: 'inline-block',
     textAlign: 'center',
-    borderRadius: '50%'
+    borderRadius: '50%',
+    '& svg': {
+      width: "calc(100% - 12px)"
+    }
   },
   dot: {
     '&$vertical': {
       '& $step': {
-        overflow: 'visible'
+        overflow: 'visible',
+        '& $dot': {
+          display: 'flex',
+          '& $content': {
+            flex: 1,
+            lineHeight: 1,
+            overflow: 'hidden',
+            '& $title': {
+              width: '100%',
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+              whiteSpace: 'nowrap'
+            }
+          }
+        }
       },
       '& $title': {
         marginTop: 0

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,CAqbxC,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;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6bxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/table/table.js

@@ -97,9 +97,6 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
         background: _theme.default.tableTfootBackgroundColor,
         color: _theme.default.tableTfootFontColor,
         fontWeight: _theme.default.tableTfootFontWeight
-      },
-      '&bordered tr:last-child td': {
-        borderBottom: 'none'
       }
     }
   },
@@ -150,6 +147,17 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
   bordered: {
     border: "1px solid ".concat(_theme.default.tableCellBorderColor),
     borderBottom: 'none',
+    borderTop: 'none',
+    '&::before': {
+      position: 'absolute',
+      zIndex: 7,
+      content: '""',
+      display: 'block',
+      top: 0,
+      left: 0,
+      right: 0,
+      borderTop: "1px solid ".concat(_theme.default.tableCellBorderColor)
+    },
     '&::after': {
       position: 'absolute',
       content: '""',

package/cjs/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.3.0-beta.8";
+declare const _default: "3.3.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.3.0-beta.8';
+var _default = exports.default = '3.3.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,CAuJ5C,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,CA6J5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/alert/alert.js

@@ -92,6 +92,9 @@ var alertStyle = {
     marginLeft: Token.alertNearlyMargin,
     '&:hover': {
       color: Token.alertCloseHoverColor
+    },
+    '& svg': {
+      width: '100%'
     }
   },
   closeWrapper: {
@@ -159,7 +162,10 @@ var alertStyle = {
     height: Token.lineHeightDynamic,
     flex: '0 0 auto',
     alignItems: 'center',
-    marginRight: Token.alertNearlyMargin
+    marginRight: Token.alertNearlyMargin,
+    '& svg': {
+      width: '100%'
+    }
   }
 };
 export default alertStyle;

package/esm/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA2c9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAid9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/cascader/cascader.js

@@ -380,6 +380,12 @@ var cascaderStyle = _objectSpread(_objectSpread({
       borderRight: "1px solid ".concat(token.cascaderListBorderColor)
     }
   },
+  filterList: {
+    display: 'block',
+    '& $list': {
+      width: '100%'
+    }
+  },
   hideTag: {},
   list: {
     paddingTop: 3,

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;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAkgBtC,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,CA0gBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/menu/menu.js

@@ -1,6 +1,6 @@
 import token from '@sheinx/theme';
 var animationDuration = '.25s';
-var collpaseWidth = token.menuCollpaseWidth;
+var collapseWidth = token.menuCollapseWidth;
 var transitionFunc = 'ease-out';
 var menuStyle = {
   wrapper: {
@@ -16,8 +16,8 @@ var menuStyle = {
   wrapperDark: {
     backgroundColor: token.menuDarkItemBackgroundColor
   },
-  wrapperCollpase: {
-    width: "".concat(collpaseWidth, "!important"),
+  wrapperCollapse: {
+    width: "".concat(collapseWidth, "!important"),
     '& $title': {
       paddingLeft: '0'
     },
@@ -25,7 +25,7 @@ var menuStyle = {
       opacity: 0
     },
     '& $titleIcon': {
-      width: "".concat(collpaseWidth, "!important"),
+      width: "".concat(collapseWidth, "!important"),
       flexShrink: 0,
       justifyContent: 'center'
     },
@@ -212,7 +212,7 @@ var menuStyle = {
           color: token.menuItemActiveDisabledFontColor
         }
       },
-      '[data-soui-theme=dark][data-soui-mode=inline] &::before, [data-soui-theme=dark][data-soui-mode=vertical] &::before': {
+      '[data-soui-theme=dark] &::before': {
         content: '""',
         position: 'absolute',
         left: 0,
@@ -221,25 +221,33 @@ var menuStyle = {
         width: '3px',
         backgroundColor: token.menuDarkItemActiveBackgroundColor
       },
-      '$wrapperCollpase[data-soui-theme=light] $root > &': {
-        color: token.menuItemCollpaseActiveFontColor,
-        backgroundColor: token.menuItemCollpaseActiveBackgroundColor,
+      '[data-soui-theme=dark][data-soui-mode=horizontal] $root &::before': {
+        left: 0,
+        right: 0,
+        bottom: 0,
+        top: 'auto',
+        width: 'auto',
+        height: '3px'
+      },
+      '$wrapperCollapse[data-soui-theme=light] $root > &': {
+        color: token.menuItemCollapseActiveFontColor,
+        backgroundColor: token.menuItemCollapseActiveBackgroundColor,
         '& $icon': {
-          color: token.menuItemCollpaseActiveFontColor
+          color: token.menuItemCollapseActiveFontColor
         }
       },
-      '$wrapperCollpase[data-soui-theme=dark] $root > &': {
-        color: token.menuDarkItemCollpaseActiveFontColor,
-        backgroundColor: token.menuDarkItemCollpaseActiveBackgroundColor,
+      '$wrapperCollapse[data-soui-theme=dark] $root > &': {
+        color: token.menuDarkItemCollapseActiveFontColor,
+        backgroundColor: token.menuDarkItemCollapseActiveBackgroundColor,
         '& $icon': {
-          color: token.menuDarkItemCollpaseActiveFontColor
+          color: token.menuDarkItemCollapseActiveFontColor
         }
       },
-      '$wrapperCollpase $root > &::before': {
+      '$wrapperCollapse $root > &::before': {
         display: 'none'
       }
 
-      // '[data-soui-theme=light][data-soui-mode=vertical]:not($wrapperCollpase) &': {
+      // '[data-soui-theme=light][data-soui-mode=vertical]:not($wrapperCollapse) &': {
       //   '&::before': {
       //     display: 'block',
       //     content: '""',
@@ -268,31 +276,31 @@ var menuStyle = {
           color: token.menuItemActiveDisabledFontColor
         }
       },
-      '$wrapperCollpase[data-soui-theme=light] $root > &': {
-        color: token.menuItemCollpaseActiveFontColor,
-        backgroundColor: token.menuItemCollpaseActiveBackgroundColor,
+      '$wrapperCollapse[data-soui-theme=light] $root > &': {
+        color: token.menuItemCollapseActiveFontColor,
+        backgroundColor: token.menuItemCollapseActiveBackgroundColor,
         '& $icon': {
-          color: token.menuItemCollpaseActiveFontColor
+          color: token.menuItemCollapseActiveFontColor
         }
       },
-      '$wrapperCollpase[data-soui-theme=dark] $root > &': {
-        color: token.menuDarkItemCollpaseActiveFontColor,
-        backgroundColor: token.menuDarkItemCollpaseActiveBackgroundColor,
+      '$wrapperCollapse[data-soui-theme=dark] $root > &': {
+        color: token.menuDarkItemCollapseActiveFontColor,
+        backgroundColor: token.menuDarkItemCollapseActiveBackgroundColor,
         '& $icon': {
-          color: token.menuDarkItemCollpaseActiveFontColor
+          color: token.menuDarkItemCollapseActiveFontColor
         }
       },
-      '$wrapperCollpase $root > &::before': {
+      '$wrapperCollapse $root > &::before': {
         display: 'none'
       },
-      '[data-soui-theme=dark]:not($wrapperCollpase) &': {
+      '[data-soui-theme=dark]:not($wrapperCollapse) &': {
         color: token.menuDarkItemActiveFontColor,
         backgroundColor: token.menuDarkItemActiveBackgroundColor,
         '& $icon': {
           color: token.menuDarkItemActiveFontColor
         }
       },
-      '[data-soui-theme=dark]$wrapperCollpase &': {
+      '[data-soui-theme=dark]$wrapperCollapse &': {
         '&::before': {
           content: '""',
           position: 'absolute',
@@ -356,7 +364,7 @@ var menuStyle = {
     '$wrapperDark &': {
       color: token.menuDarkFontColor
     },
-    '$wrapperCollpase &': {
+    '$wrapperCollapse &': {
       paddingLeft: '0',
       paddingRight: '0',
       display: 'flex',
@@ -411,7 +419,7 @@ var menuStyle = {
     minWidth: 0,
     alignItems: 'center',
     fontWeight: token.menuItemFontWeight
-    // '$wrapperCollpase &': {
+    // '$wrapperCollapse &': {
     //   transition: `opacity ${animationDuration} ${transitionFunc}`,
     // },
     // opacity: 1,

package/esm/menu/search.js

@@ -10,8 +10,8 @@ var menuSearchStyle = {
   wrapperLight: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, getTokenName('inputBorderColor'), token.menuSearchBackgroundColor), getTokenName('inputBackgroundColor'), token.menuSearchBackgroundColor), getTokenName('inputHoverBorderColor'), token.menuSearchHoverBorderColor), getTokenName('inputHoverBackgroundColor'), token.menuSearchHoverBackgroundColor), getTokenName('inputDisabledBorderColor'), token.menuSearchDisabledBackgroundColor), getTokenName('inputDisabledBackgroundColor'), token.menuSearchDisabledBackgroundColor), getTokenName('inputClearColor'), token.menuSearchClearColor), getTokenName('inputHoverClearColor'), token.menuSearchHoverClearColor),
   wrapperCollapsed: {
     cursor: 'pointer',
-    width: token.menuSearchCollpaseSize,
-    height: token.menuSearchCollpaseSize,
+    width: token.menuSearchCollapseSize,
+    height: token.menuSearchCollapseSize,
     lineHeight: 1,
     '& input': {
       opacity: 0

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

package/esm/modal/modal.js

@@ -315,10 +315,6 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
     display: 'flex',
     marginBottom: token.modalPanelGap
   },
-  headerEmptyTitle: {
-    marginBottom: 0,
-    height: 0
-  },
   headerIcon: {
     '$wrapper &': {
       marginRight: token.modalHeaderIconMarginEnd,
@@ -330,6 +326,9 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
       alignItems: 'center'
     }
   },
+  emptyIcon: {
+    position: 'absolute'
+  },
   headerTitle: {
     flex: '1',
     minWidth: 0,
@@ -364,6 +363,16 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
       })
     }
   },
+  emptyClose: {
+    position: 'absolute',
+    top: 12,
+    right: 12,
+    marginTop: 0,
+    '$wrapperDrawer &': {
+      top: 4,
+      right: 4
+    }
+  },
   body: {
     flex: '1 1 auto',
     minHeight: '1px',

package/esm/steps/steps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAmpBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAsrBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/steps/steps.js

@@ -9,13 +9,31 @@ var stepsStyle = {
     }
   },
   click: {
-    '& $icon': {
+    '& $icon:not($process)': {
       cursor: 'pointer'
     },
+    '& $title': {
+      transition: 'color ease 0.3s'
+    },
     '&$arrow': {
       '& $step': {
         cursor: 'pointer'
       }
+    },
+    '&$default': {
+      '& $step:not($process)': {
+        cursor: 'pointer'
+      },
+      '& $step$wait:hover': {
+        '& $title,$description': {
+          color: Token.stepsWaitHoverFontColor
+        }
+      },
+      '& $step$finish:hover': {
+        '& $title,$description': {
+          color: Token.stepsFinishHoverFontColor
+        }
+      }
     }
   },
   small: {
@@ -360,12 +378,29 @@ var stepsStyle = {
   iconWrapper: {
     display: 'inline-block',
     textAlign: 'center',
-    borderRadius: '50%'
+    borderRadius: '50%',
+    '& svg': {
+      width: "calc(100% - 12px)"
+    }
   },
   dot: {
     '&$vertical': {
       '& $step': {
-        overflow: 'visible'
+        overflow: 'visible',
+        '& $dot': {
+          display: 'flex',
+          '& $content': {
+            flex: 1,
+            lineHeight: 1,
+            overflow: 'hidden',
+            '& $title': {
+              width: '100%',
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+              whiteSpace: 'nowrap'
+            }
+          }
+        }
       },
       '& $title': {
         marginTop: 0

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,CAqbxC,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;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6bxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/table/table.js

@@ -90,9 +90,6 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
         background: token.tableTfootBackgroundColor,
         color: token.tableTfootFontColor,
         fontWeight: token.tableTfootFontWeight
-      },
-      '&bordered tr:last-child td': {
-        borderBottom: 'none'
       }
     }
   },
@@ -143,6 +140,17 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
   bordered: {
     border: "1px solid ".concat(token.tableCellBorderColor),
     borderBottom: 'none',
+    borderTop: 'none',
+    '&::before': {
+      position: 'absolute',
+      zIndex: 7,
+      content: '""',
+      display: 'block',
+      top: 0,
+      left: 0,
+      right: 0,
+      borderTop: "1px solid ".concat(token.tableCellBorderColor)
+    },
     '&::after': {
       position: 'absolute',
       content: '""',

package/esm/version.d.ts

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

package/esm/version.d.ts.map

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

package/esm/version.js

@@ -1 +1 @@
-export default '3.3.0-beta.8';
+export default '3.3.0';

package/package.json

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