@sheinx/shineout-style 3.2.0-rc.5 → 3.3.0-beta.1

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,CAgJ5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAuJ5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/alert/alert.js

@@ -63,11 +63,11 @@ var alertStyle = {
   widthTitle: {
     '& $icon': {
       // marginBottom: Token.alertNearlyMargin,
-      width: 20,
-      height: 24
+      width: _theme.default.alertTitleIconWidth,
+      height: _theme.default.alertTitleIconHeight
     },
     '& $title': {
-      lineHeight: '24px'
+      lineHeight: _theme.default.lineHeightDynamic
     },
     '& $close': {
       marginBottom: _theme.default.alertNearlyMargin,
@@ -91,7 +91,7 @@ var alertStyle = {
     width: _theme.default.alertFontSize,
     color: _theme.default.alertCloseFontColor,
     fontSize: _theme.default.alertFontSize,
-    height: _theme.default.lineHeightDynamic,
+    height: _theme.default.alertFontSize,
     flex: '0 0 auto',
     display: 'flex',
     alignItems: 'center',
@@ -101,8 +101,15 @@ var alertStyle = {
       color: _theme.default.alertCloseHoverColor
     }
   },
+  closeWrapper: {
+    width: _theme.default.alertFontSize,
+    height: _theme.default.lineHeightDynamic,
+    display: 'flex',
+    alignItems: 'center'
+  },
   content: {
     flex: '1 1 0',
+    minWidth: 0,
     wordBreak: 'break-all'
   },
   pending: {
@@ -153,7 +160,7 @@ var alertStyle = {
     borderColor: 'transparent'
   },
   icon: {
-    width: 16,
+    width: _theme.default.alertIconSize,
     display: 'inline-flex',
     fontSize: _theme.default.alertFontSize,
     height: _theme.default.lineHeightDynamic,

package/cjs/breadcrumb/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA4FlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAmGlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/breadcrumb/breadcrumb.js

@@ -10,6 +10,7 @@ var breadcrumbStyle = {
   wrapper: {
     lineHeight: _theme.default.lineHeightDynamic,
     fontSize: _theme.default.breadcrumbFontSize,
+    fontWeight: _theme.default.breadcrumbFontWieght,
     display: 'flex',
     alignItems: 'center',
     color: _theme.default.breadcrumbFontColor,
@@ -38,7 +39,13 @@ var breadcrumbStyle = {
   },
   item: {
     display: 'flex',
-    alignItems: 'center'
+    alignItems: 'center',
+    '& a:not(a[class])': {
+      color: _theme.default.breadcrumbDefaultLinkColor,
+      '&:hover': {
+        color: _theme.default.breadcrumbDefaultLinkHoverColor
+      }
+    }
     // '&:not(a) svg': {
     //   color: token.breadcrumbIconBackgroundColor,
     // },

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

package/cjs/button/button.js

@@ -177,12 +177,17 @@ var textBeforeLine = function textBeforeLine() {
     }
   };
 };
-var loading = function loading(type, styles) {
-  var buttonStyle = button(type, styles);
-  return {
-    '&$loading': _objectSpread({}, buttonStyle['&$disabled'])
-  };
-};
+
+// const loading = (type: ButtonTypeWithoutLink, styles: ButtonStyleType) => {
+//   const buttonStyle = button(type, styles);
+
+//   return {
+//     '&$loading': {
+//       ...buttonStyle['&$disabled'],
+//     },
+//   };
+// };
+
 var ButtonStyle = {
   button: {
     outline: 'none',
@@ -202,7 +207,8 @@ var ButtonStyle = {
     padding: "".concat(_theme.default.buttonPaddingY, " ").concat(_theme.default.buttonPaddingX),
     transition: 'all .1s linear',
     fontFamily: 'inherit',
-    height: _theme.default.buttonHeight,
+    // height: Token.buttonHeight,
+
     '& + &': {
       marginLeft: _theme.default.buttonNearlyMargin
     },
@@ -214,7 +220,7 @@ var ButtonStyle = {
     }
   },
   small: {
-    height: _theme.default.buttonSmallHeight,
+    // height: Token.buttonSmallHeight,
     fontWeight: _theme.default.buttonSmallFontWeight,
     fontSize: _theme.default.buttonSmallFontSize,
     padding: "".concat(_theme.default.buttonSmallPaddingY, " ").concat(_theme.default.buttonSmallPaddingX),
@@ -224,7 +230,7 @@ var ButtonStyle = {
     }
   },
   large: {
-    height: _theme.default.buttonLargeHeight,
+    // height: Token.buttonLargeHeight,
     fontWeight: _theme.default.buttonLargeFontWeight,
     fontSize: _theme.default.buttonLargeFontSize,
     padding: "".concat(_theme.default.buttonLargePaddingY, " ").concat(_theme.default.buttonLargePaddingX),
@@ -303,18 +309,40 @@ var ButtonStyle = {
     cursor: 'not-allowed'
   },
   loading: {
-    cursor: 'not-allowed',
-    '&$default': _objectSpread({}, loading('Secondary', '')),
-    '&$primary': _objectSpread({}, loading('Primary', '')),
-    '&$success': _objectSpread({}, loading('Success', '')),
-    '&$danger': _objectSpread({}, loading('Danger', '')),
-    '&$warning': _objectSpread({}, loading('Warning', '')),
-    '&$secondary': _objectSpread({}, loading('Secondary', ''))
+    cursor: 'not-allowed'
+
+    // '&$default': {
+    //   ...loading('Secondary', ''),
+    // },
+    // '&$primary': {
+    //   ...loading('Primary', ''),
+    // },
+    // '&$success': {
+    //   ...loading('Success', ''),
+    // },
+    // '&$danger': {
+    //   ...loading('Danger', ''),
+    // },
+    // '&$warning': {
+    //   ...loading('Warning', ''),
+    // },
+    // '&$secondary': {
+    //   ...loading('Secondary', ''),
+    // },
   },
   groupItem: {},
   group: {
     // 2.x 之前非 inline-block
-    display: 'inline-block',
+    display: 'inline-flex',
+    // 处理 dropdown 下的 button
+    '& [data-role="dropdown"]': {
+      '& $button': {
+        height: '100%'
+      },
+      '& [data-role="caret"]': {
+        margin: 0
+      }
+    },
     '& > :first-child$button,& > :first-child $button': {
       '&::before': {
         display: 'none'

package/cjs/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["card.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;AAS9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA6ItC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["card.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;AAU9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAgJtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/card/card.js

@@ -15,7 +15,8 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 var headerCommon = {
   fontSize: _theme.default.cardTitleFontSize,
   lineHeight: _theme.default.lineHeightDynamic,
-  fontWeight: 'bold',
+  color: _theme.default.cardTitleFontColor,
+  fontWeight: _theme.default.cardTitleFontWeight,
   minWidth: 0
 };
 var cardStyle = {
@@ -59,7 +60,7 @@ var cardStyle = {
     borderRadius: _theme.default.cardBorderRadius
   },
   header: {
-    padding: "".concat(_theme.default.cardPaddingY, " ").concat(_theme.default.cardPaddingX),
+    padding: "".concat(_theme.default.cardHeaderPaddingY, " ").concat(_theme.default.cardHeaderPaddingX),
     '$wrapperMoveable &': {
       cursor: 'move'
     },
@@ -110,10 +111,13 @@ var cardStyle = {
     '$wrapperSplit>$header+&, $wrapperSplit>$header+$bodyCollapse>&': {
       borderTop: "1px solid ".concat(_theme.default.cardBorderColor)
     },
-    padding: "".concat(_theme.default.cardPaddingY, " ").concat(_theme.default.cardPaddingX),
+    padding: "".concat(_theme.default.cardBodyPaddingY, " ").concat(_theme.default.cardBodyPaddingX),
     flex: 1,
     minHeight: 0,
     minWidth: 0,
+    color: _theme.default.cardBodyFontColor,
+    fontWeight: _theme.default.cardBodyFontWeight,
+    fontSize: _theme.default.cardBodyFontSize,
     boxSizing: 'border-box'
   },
   bodyCollapse: {},
@@ -121,7 +125,7 @@ var cardStyle = {
     '$wrapperSplit>$body+&, $wrapperSplit>$bodyCollapse+&': {
       borderTop: "1px solid ".concat(_theme.default.cardBorderColor)
     },
-    padding: "".concat(_theme.default.cardPaddingY, " ").concat(_theme.default.cardPaddingX),
+    padding: "".concat(_theme.default.cardFooterPaddingY, " ").concat(_theme.default.cardFooterPaddingX),
     boxSizing: 'border-box'
   },
   resizeX: {

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;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAwmBlD,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;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA4mBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -64,6 +64,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
     position: 'relative',
     // width: token.datePickerDateWidth,
     width: 240,
+    cursor: 'pointer',
     '&[data-soui-type="datetime"]': {
       // width: token.datePickerDatetimeWidth,
       width: 240
@@ -294,6 +295,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
     cursor: 'pointer',
     width: _theme.default.datePickerPanelHeaderIconHotWidth,
     height: _theme.default.datePickerPanelHeaderIconHotWidth,
+    color: _theme.default.datePickerPanelHeaderIconColor,
     borderRadius: '50%',
     '&[dir=rtl]': {
       transform: 'rotate(180deg)'
@@ -317,6 +319,8 @@ var datePickerStyle = _objectSpread(_objectSpread({
   pickerHeaderInfo: {
     cursor: 'pointer',
     borderRadius: '2px',
+    color: _theme.default.datePickerPanelHeaderFontColor,
+    fontWeight: _theme.default.datePickerPanelHeaderFontWeight,
     '&:hover': {
       backgroundColor: _theme.default.datePickerPanelHeaderIconHoverBackgroundColor
     }
@@ -334,7 +338,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
     '& th, & td': {
       boxSizing: 'border-box',
       padding: '0',
-      fontWeight: 'normal'
+      fontWeight: _theme.default.datePickerPanelFontWeight
     },
     '& th': {
       color: _theme.default.datePickerCellHeaderColor,

package/cjs/divider/divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,kBAAkB,GAAG,MAAM,cAAc,CAAC;AAEtD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,kBAAkB,CAgF9C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,kBAAkB,GAAG,MAAM,cAAc,CAAC;AAEtD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,kBAAkB,CAiF9C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/divider/divider.js

@@ -84,6 +84,7 @@ var dividerStyle = {
     display: 'inline-block',
     padding: "0  ".concat(_theme.default.dividerTextPaddingX),
     fontSize: _theme.default.dividerFontSize,
+    fontWeight: _theme.default.dividerFontWeight,
     color: _theme.default.dividerFontColor
   }
 };

package/cjs/empty/empty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["empty.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,CAwB5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["empty.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,CAyB5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/empty/empty.js

@@ -28,6 +28,7 @@ var emptyStyle = {
   description: {
     fontSize: _theme.default.emptyFontSize,
     color: _theme.default.emptyFontColor,
+    fontWeight: _theme.default.emptyFontWeight,
     lineHeight: _theme.default.lineHeightDynamic
   }
 };

package/cjs/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,CAqGlD,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/cjs/form/form-item.js

@@ -25,6 +25,8 @@ var formItemStyle = {
     },
     wordWrap: 'break-word',
     width: _theme.default.formItemLabelWidth,
+    fontWeight: _theme.default.formItemLabelFontWeight,
+    color: _theme.default.formItemLabelFontColor,
     padding: "".concat(_theme.default.formItemLabelPaddingY, " 0"),
     lineHeight: _theme.default.lineHeightDynamic,
     marginRight: _theme.default.formItemLabelMarginXEnd,
@@ -70,7 +72,7 @@ var formItemStyle = {
   wrapperRequired: {
     '& $label::before': {
       marginRight: '4px',
-      color: _theme.default.formItemDangerColor,
+      color: _theme.default.formItemDangerFontColor,
       content: '"*"',
       fontFamily: 'SimSun',
       position: 'relative',
@@ -93,18 +95,21 @@ var formItemStyle = {
     }
   },
   error: {
-    color: _theme.default.formItemDangerColor,
+    color: _theme.default.formItemDangerFontColor,
     lineHeight: _theme.default.lineHeightDynamic,
     minHeight: _theme.default.formItemTipMinHeight,
-    fontSize: _theme.default.formItemTipFontSize
+    fontSize: _theme.default.formItemDangerFontSize,
+    fontWeight: _theme.default.formItemDangerFontWeight
     // flexBasis: '100%',
     // width: 0,
   },
   tip: {
     color: _theme.default.formItemTipFontColor,
     fontSize: _theme.default.formItemTipFontSize,
+    fontWeight: _theme.default.formItemTipFontWeight,
     lineHeight: _theme.default.lineHeightDynamic,
     minHeight: _theme.default.formItemTipMinHeight,
+    marginTop: _theme.default.formItemTipMarginTop,
     width: '100%'
   }
 };

package/cjs/image/image.js

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

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

package/cjs/menu/menu.js

@@ -15,7 +15,9 @@ var menuStyle = {
     width: '100%',
     backgroundColor: _theme.default.menuItemBackgroundColor,
     transition: "width ".concat(animationDuration, " ").concat(transitionFunc),
-    color: _theme.default.menuFontColor
+    color: _theme.default.menuFontColor,
+    display: 'flex',
+    flexDirection: 'column'
   },
   wrapperLight: {},
   wrapperDark: {
@@ -35,7 +37,6 @@ var menuStyle = {
       justifyContent: 'center'
     },
     '& $titleContent': {
-      opacity: 0,
       alignItems: 'center',
       whiteSpace: 'nowrap',
       overflow: 'hidden'
@@ -92,12 +93,46 @@ var menuStyle = {
     }
   },
   scrollbox: {
+    flex: 1,
+    minWidth: 0,
+    minHeight: 0,
+    overflow: 'auto',
+    // scrollbarWidth: 'thin',
+    // '$wrapperLight &': {
+    //   scrollbarColor: 'rgba(0, 0, 0, 0.1) transparent',
+    //   '&::-moz-scrollbar-thumb:hover': {
+    //     backgroundColor: 'rgba(0, 0, 0, 0.2)',
+    //   },
+    // },
+    // '$wrapperDark &': {
+    //   scrollbarColor: 'rgba(255, 255, 255, 0.4) transparent',
+    // },
     '$wrapperVertical &': {
-      overflow: 'hidden',
-      height: '100%'
+      overflowX: 'hidden'
     },
     '$wrapperHorizontal &': {
-      overflow: 'hidden'
+      overflowY: 'hidden'
+    },
+    '&::-webkit-scrollbar': {
+      width: '6px',
+      height: '6px'
+    },
+    '&::-webkit-scrollbar-thumb': {
+      border: '0px solid transparent',
+      backgroundClip: 'content-box',
+      borderRadius: '11px',
+      '$wrapperLight &': {
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+        '&:hover': {
+          backgroundColor: 'rgba(0, 0, 0, 0.1)'
+        }
+      },
+      '$wrapperDark &': {
+        backgroundColor: 'rgba(255, 255, 255, 0.4)',
+        '&:hover': {
+          backgroundColor: 'rgba(255, 255, 255, 0.5)'
+        }
+      }
     }
   },
   root: {
@@ -112,11 +147,9 @@ var menuStyle = {
     }
   },
   wrapperInline: {},
-  wrapperVertical: {
-    position: 'relative'
-  },
+  wrapperVertical: {},
   wrapperHorizontal: {
-    position: 'relative'
+    flexDirection: 'row'
   },
   wrapperHasOpen: {},
   children: {
@@ -147,6 +180,9 @@ var menuStyle = {
     alignItems: 'center',
     cursor: 'pointer',
     position: 'relative',
+    '&  a': {
+      transition: 'none'
+    },
     '[data-soui-theme=light] &': {
       color: _theme.default.menuItemFontColor,
       backgroundColor: _theme.default.menuItemBackgroundColor,
@@ -177,6 +213,12 @@ var menuStyle = {
           color: _theme.default.menuItemActiveFontColor
         }
       },
+      '[data-soui-theme=light] $itemDisabled&': {
+        color: _theme.default.menuItemActiveDisabledFontColor,
+        '& $icon': {
+          color: _theme.default.menuItemActiveDisabledFontColor
+        }
+      },
       '[data-soui-theme=dark][data-soui-mode=inline] &::before, [data-soui-theme=dark][data-soui-mode=vertical] &::before': {
         content: '""',
         position: 'absolute',
@@ -185,7 +227,25 @@ var menuStyle = {
         bottom: 0,
         width: '3px',
         backgroundColor: _theme.default.menuDarkItemActiveBackgroundColor
+      },
+      '$wrapperCollpase[data-soui-theme=light] $root > &': {
+        color: _theme.default.menuItemCollpaseActiveFontColor,
+        backgroundColor: _theme.default.menuItemCollpaseActiveBackgroundColor,
+        '& $icon': {
+          color: _theme.default.menuItemCollpaseActiveFontColor
+        }
+      },
+      '$wrapperCollpase[data-soui-theme=dark] $root > &': {
+        color: _theme.default.menuDarkItemCollpaseActiveFontColor,
+        backgroundColor: _theme.default.menuDarkItemCollpaseActiveBackgroundColor,
+        '& $icon': {
+          color: _theme.default.menuDarkItemCollpaseActiveFontColor
+        }
+      },
+      '$wrapperCollpase $root > &::before': {
+        display: 'none'
       }
+
       // '[data-soui-theme=light][data-soui-mode=vertical]:not($wrapperCollpase) &': {
       //   '&::before': {
       //     display: 'block',
@@ -209,13 +269,29 @@ var menuStyle = {
           color: _theme.default.menuItemActiveFontColor
         }
       },
+      '[data-soui-theme=light] $itemDisabled&': {
+        color: _theme.default.menuItemActiveDisabledFontColor,
+        '& $icon': {
+          color: _theme.default.menuItemActiveDisabledFontColor
+        }
+      },
       '$wrapperCollpase[data-soui-theme=light] $root > &': {
-        color: _theme.default.menuItemActiveFontColor,
-        backgroundColor: _theme.default.menuItemBackgroundColor,
+        color: _theme.default.menuItemCollpaseActiveFontColor,
+        backgroundColor: _theme.default.menuItemCollpaseActiveBackgroundColor,
         '& $icon': {
-          color: _theme.default.menuItemActiveFontColor
+          color: _theme.default.menuItemCollpaseActiveFontColor
         }
       },
+      '$wrapperCollpase[data-soui-theme=dark] $root > &': {
+        color: _theme.default.menuDarkItemCollpaseActiveFontColor,
+        backgroundColor: _theme.default.menuDarkItemCollpaseActiveBackgroundColor,
+        '& $icon': {
+          color: _theme.default.menuDarkItemCollpaseActiveFontColor
+        }
+      },
+      '$wrapperCollpase $root > &::before': {
+        display: 'none'
+      },
       '[data-soui-theme=dark]:not($wrapperCollpase) &': {
         color: _theme.default.menuDarkItemActiveFontColor,
         backgroundColor: _theme.default.menuDarkItemActiveBackgroundColor,
@@ -280,7 +356,7 @@ var menuStyle = {
   itemContentFront: {},
   itemContentBack: {},
   header: {
-    padding: "".concat(_theme.default.menuTitlePaddingY, " ").concat(_theme.default.menuTitlePaddingX),
+    padding: "".concat(_theme.default.menuHeaderPaddingX, " ").concat(_theme.default.menuHeaderPaddingY),
     width: '100%',
     transition: "width ".concat(animationDuration, " ").concat(transitionFunc),
     color: _theme.default.menuFontColor,
@@ -337,9 +413,11 @@ var menuStyle = {
     display: 'inline-flex'
   },
   titleContent: {
-    whiteSpace: 'pre-wrap',
-    transition: "opacity ".concat(animationDuration, " ").concat(transitionFunc),
-    opacity: 1
+    whiteSpace: 'pre-wrap'
+    // '$wrapperCollpase &': {
+    //   transition: `opacity ${animationDuration} ${transitionFunc}`,
+    // },
+    // opacity: 1,
   },
   expand: {
     alignSelf: 'stretch',

package/cjs/menu/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["search.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA6FlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["search.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAoElD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/menu/search.js

@@ -17,36 +17,12 @@ var menuSearchStyle = {
   wrapperDark: (_wrapperDark = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_wrapperDark, (0, _theme.getTokenName)('inputClearColor'), _theme.default.menuSearchDarkClearColor), (0, _theme.getTokenName)('inputHoverClearColor'), _theme.default.menuSearchDarkHoverClearColor), (0, _theme.getTokenName)('inputBorderColor'), _theme.default.menuSearchDarkBackgroundColor), (0, _theme.getTokenName)('inputBackgroundColor'), _theme.default.menuSearchDarkBackgroundColor), (0, _theme.getTokenName)('inputFontColor'), _theme.default.menuSearchDarkFontColor), (0, _theme.getTokenName)('inputPlaceholderFontColor'), _theme.default.menuSearchDarkPlaceholderFontColor), (0, _theme.getTokenName)('inputHoverBorderColor'), _theme.default.menuSearchDarkHoverBorderColor), (0, _theme.getTokenName)('inputHoverBackgroundColor'), _theme.default.menuSearchDarkHoverBackgroundColor), (0, _theme.getTokenName)('inputFocusBorderColor'), _theme.default.menuSearchDarkFocusBorderColor), (0, _theme.getTokenName)('inputFocusBackgroundColor'), _theme.default.menuSearchDarkFocusBackgroundColor), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_wrapperDark, (0, _theme.getTokenName)('inputFocusShadow'), _theme.default.menuSearchDarkFocusShadow), (0, _theme.getTokenName)('inputDisabledBorderColor'), _theme.default.menuSearchDarkBackgroundColor), (0, _theme.getTokenName)('inputDisabledBackgroundColor'), _theme.default.menuSearchDarkBackgroundColor), (0, _theme.getTokenName)('inputDisabledFontColor'), _theme.default.menuSearchDarkFontColor), (0, _theme.getTokenName)('inputDisabledPlaceholderFontColor'), _theme.default.menuSearchDarkPlaceholderFontColor)),
   wrapperLight: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, (0, _theme.getTokenName)('inputBorderColor'), _theme.default.menuSearchBackgroundColor), (0, _theme.getTokenName)('inputBackgroundColor'), _theme.default.menuSearchBackgroundColor), (0, _theme.getTokenName)('inputHoverBorderColor'), _theme.default.menuSearchHoverBorderColor), (0, _theme.getTokenName)('inputHoverBackgroundColor'), _theme.default.menuSearchHoverBackgroundColor), (0, _theme.getTokenName)('inputDisabledBorderColor'), _theme.default.menuSearchDisabledBackgroundColor), (0, _theme.getTokenName)('inputDisabledBackgroundColor'), _theme.default.menuSearchDisabledBackgroundColor), (0, _theme.getTokenName)('inputClearColor'), _theme.default.menuSearchClearColor), (0, _theme.getTokenName)('inputHoverClearColor'), _theme.default.menuSearchHoverClearColor),
   wrapperCollapsed: {
-    borderRadius: '50%',
-    padding: _theme.default.menuSearchPaddingX,
     cursor: 'pointer',
+    width: _theme.default.menuSearchCollpaseSize,
+    height: _theme.default.menuSearchCollpaseSize,
     lineHeight: 1,
-    '$wrapperLight&': {
-      background: _theme.default.menuSearchBackgroundColor,
-      border: "1px solid ".concat(_theme.default.menuSearchBackgroundColor),
-      '&:hover': {
-        background: _theme.default.menuSearchHoverBackgroundColor,
-        borderColor: _theme.default.menuSearchHoverBorderColor
-      },
-      '$wrapperDisabled&': {
-        background: _theme.default.menuSearchDisabledBackgroundColor,
-        borderColor: _theme.default.menuSearchDisabledBackgroundColor
-      }
-    },
-    '$wrapperDark&': {
-      background: _theme.default.menuSearchDarkBackgroundColor,
-      border: "1px solid ".concat(_theme.default.menuSearchDarkBackgroundColor),
-      '&:hover': {
-        background: _theme.default.menuSearchDarkHoverBackgroundColor,
-        borderColor: _theme.default.menuSearchDarkHoverBorderColor
-      },
-      '$wrapperDisabled&': {
-        background: _theme.default.menuSearchDarkBackgroundColor,
-        borderColor: _theme.default.menuSearchDarkBackgroundColor,
-        '&$search': {
-          color: _theme.default.menuSearchDarkIconColor
-        }
-      }
+    '& input': {
+      opacity: 0
     }
   },
   wrapperDisabled: {

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"}