shineout 3.3.0-beta.3 → 3.3.0-beta.4

package/cjs/index.js

@@ -476,5 +476,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.3.0-beta.3'
+  version: '3.3.0-beta.4'
 };

package/dist/shineout.js

@@ -11960,7 +11960,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.3.0-beta.3');
+/* harmony default export */ var version = ('3.3.0-beta.4');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12888,12 +12888,15 @@ var buttonTokens = {
   buttonDangerTextSplitFocusBackgroundColor: 'Neutral-border-1',
   buttonRoundBorderRadius: 'Radius-full',
   buttonCircleBorderRadius: 'Radius-circle',
+  buttonCircleSize: 'Size-16',
   buttonSquareBorderRadius: 'Radius-default',
   buttonSmallRoundBorderRadius: 'Radius-full',
   buttonSmallCircleBorderRadius: 'Radius-circle',
+  buttonSmallCircleSize: 'Size-12',
   buttonSmallSquareBorderRadius: 'Radius-default',
   buttonLargeRoundBorderRadius: 'Radius-full',
   buttonLargeCircleBorderRadius: 'Radius-circle',
+  buttonLargeCircleSize: 'Size-20',
   buttonLargeSquareBorderRadius: 'Radius-default',
   buttonNearlyMargin: 'Spacing-8',
   buttonSpinMargin: 'Spacing-4'
@@ -12911,6 +12914,7 @@ var buttonTokens = {
 var cardTokens = {
   cardBackgroundColor: 'Neutral-fill-1',
   cardShadow: 'Shadow-2',
+  cardHoverShadow: 'Shadow-2',
   cardBorderWidth: 'Border-1',
   cardBorderColor: 'Neutral-border-1',
   cardBorderRadius: 'Radius-default',
@@ -13135,26 +13139,27 @@ var collapseTokens = {
   collapseExtraMargin: 'Spacing-24',
   collapseWrapperBorderSize: 'Border-1',
   collapseWrapperBorderRadius: 'Radius-default',
+  collapseWrapperBorderColor: 'Neutral-border-1',
   collapseWrapperGap: 'Size-12',
   collapseWrapperPaddingX: 'Spacing-16',
   collapseWrapperPaddingY: 'Spacing-12',
+  collapseWrapperColor: 'Neutral-border-1',
+  collapseWrapperBackgroundColor: 'Neutral-fill-1',
+  collapseHeaderBorderColor: 'Neutral-border-1',
   collapseHeaderLineHeight: 'Size-11',
   collapseHeaderGap: 'Spacing-8',
   collapseHeaderFontSize: 'Font-14',
-  collapseHeaderWeight: '400',
+  collapseHeaderFontWeight: 'Weight-regular',
   collapseHeaderIconWidth: 'Size-7',
   collapseHeaderExtraGap: 'Size-5',
+  collapseHeaderColor: 'Neutral-text-5',
   collapseContentLineHeight: 'Size-11',
   collapseContentGap: 'Spacing-24',
   collapseContentPaddingY: 'Spacing-12',
-  collapseContentFontSize: 'Font-14',
-  collapseContentWeight: '400',
   collapseContentPaddingLeft: 'Spacing-38',
   collapseContentPaddingRight: 'Spacing-16',
-  collapseWrapperBorderColor: 'Neutral-border-1',
-  collapseWrapperColor: 'Neutral-border-1',
-  collapseWrapperBackgroundColor: 'Neutral-fill-1',
-  collapseHeaderColor: 'Neutral-text-5',
+  collapseContentFontSize: 'Font-14',
+  collapseContentFontWeight: 'Weight-regular',
   collapseContentColor: 'Neutral-text-4',
   collapseContentBackgroundColor: 'Neutral-fill-2',
   collapseDisabledColor: 'Neutral-text-2'
@@ -13755,8 +13760,11 @@ var modalTokens = {
 
 var paginationTokens = {
   paginationFontSize: 'Font-14',
+  paginationFontWeight: 'Weight-regular',
   paginationSmallFontSize: 'Font-12',
+  paginationSmallFontWeight: 'Weight-regular',
   paginationLargeFontSize: 'Font-16',
+  paginationLargeFontWeight: 'Weight-regular',
   paginationFontColor: 'Neutral-text-5',
   paginationNearlyMargin: 'Spacing-8'
 };
@@ -13781,8 +13789,8 @@ var popoverTokens = {
   popoverBackgroundColor: 'Neutral-fill-1',
   popoverShadow: 'Shadow-2',
   popoverBorderColor: 'Neutral-border-1',
-  popoverSuccessBackgroundColor: '#edf9e8',
-  popoverSuccessBorderColor: 'rgba(82, 196, 26, 0.1)',
+  popoverSuccessBackgroundColor: 'Success-1',
+  popoverSuccessBorderColor: 'Success-2',
   popoverWarningBackgroundColor: 'Warning-1',
   popoverWarningBorderColor: 'Warning-2',
   popoverInfoBackgroundColor: 'Brand-1',
@@ -15461,8 +15469,8 @@ var ButtonStyle = {
     fontSize: src.buttonSmallFontSize,
     padding: "".concat(src.buttonSmallPaddingY, " ").concat(src.buttonSmallPaddingX),
     '&$circle,&$square': {
-      width: 24,
-      height: 24
+      width: src.buttonSmallCircleSize,
+      height: src.buttonSmallCircleSize
     }
   },
   large: {
@@ -15471,8 +15479,8 @@ var ButtonStyle = {
     fontSize: src.buttonLargeFontSize,
     padding: "".concat(src.buttonLargePaddingY, " ").concat(src.buttonLargePaddingX),
     '&$circle,&$square': {
-      width: 40,
-      height: 40
+      width: src.buttonLargeCircleSize,
+      height: src.buttonLargeCircleSize
     }
   },
   default: objectSpread2_default()({}, button_button_button('Secondary', '')),
@@ -15527,14 +15535,14 @@ var ButtonStyle = {
     borderRadius: src.buttonRoundBorderRadius
   },
   circle: {
-    width: "32px",
-    height: "32px",
+    width: src.buttonCircleSize,
+    height: src.buttonCircleSize,
     padding: 0,
     borderRadius: src.buttonCircleBorderRadius
   },
   square: {
-    width: "32px",
-    height: "32px",
+    width: src.buttonCircleSize,
+    height: src.buttonCircleSize,
     padding: 0,
     borderRadius: src.buttonSquareBorderRadius,
     '& $spin': {
@@ -15732,7 +15740,7 @@ var cardStyle = {
   wrapper: {
     display: 'flex',
     flexDirection: 'column',
-    border: "1px solid ".concat(src.cardBorderColor),
+    border: "".concat(src.cardBorderWidth, " solid ").concat(src.cardBorderColor),
     borderRadius: src.cardBorderRadius,
     fontSize: src.cardFontSize,
     lineHeight: src.lineHeightDynamic,
@@ -15746,7 +15754,7 @@ var cardStyle = {
   wrapperInAccordion: {
     border: 'none',
     '& + &': {
-      borderTop: "1px solid ".concat(src.cardBorderColor),
+      borderTop: "".concat(src.cardBorderWidth, " solid ").concat(src.cardBorderColor),
       borderTopLeftRadius: 0,
       borderTopRightRadius: 0
     }
@@ -15757,7 +15765,7 @@ var cardStyle = {
   wrapperHover: {
     transition: 'box-shadow .2s linear',
     '&:hover': {
-      boxShadow: src.cardShadow
+      boxShadow: src.cardHoverShadow
     }
   },
   wrapperResizable: {
@@ -15765,7 +15773,7 @@ var cardStyle = {
   },
   wrapperMoveable: {},
   accordion: {
-    border: "1px solid ".concat(src.cardBorderColor),
+    border: "".concat(src.cardBorderWidth, " solid ").concat(src.cardBorderColor),
     borderRadius: src.cardBorderRadius
   },
   header: {
@@ -15818,7 +15826,7 @@ var cardStyle = {
   },
   body: {
     '$wrapperSplit>$header+&, $wrapperSplit>$header+$bodyCollapse>&': {
-      borderTop: "1px solid ".concat(src.cardBorderColor)
+      borderTop: "".concat(src.cardBorderWidth, " solid ").concat(src.cardBodyBorderColor)
     },
     padding: "".concat(src.cardBodyPaddingY, " ").concat(src.cardBodyPaddingX),
     flex: 1,
@@ -15832,7 +15840,7 @@ var cardStyle = {
   bodyCollapse: {},
   footer: {
     '$wrapperSplit>$body+&, $wrapperSplit>$bodyCollapse+&': {
-      borderTop: "1px solid ".concat(src.cardBorderColor)
+      borderTop: "".concat(src.cardBorderWidth, " solid ").concat(src.cardFooterBorderColor)
     },
     padding: "".concat(src.cardFooterPaddingY, " ").concat(src.cardFooterPaddingX),
     boxSizing: 'border-box'
@@ -17043,7 +17051,7 @@ var collapseStyle = {
 var collapseItemStyle = {
   wrapper: {
     boxSizing: 'border-box',
-    borderBottom: "".concat(src.collapseWrapperBorderSize, " solid ").concat(src.collapseWrapperBorderColor),
+    borderBottom: "".concat(src.collapseWrapperBorderSize, " solid ").concat(src.collapseHeaderBorderColor),
     '&:last-child': {
       borderBottom: 0
     },
@@ -17064,7 +17072,7 @@ var collapseItemStyle = {
     overflow: 'hidden',
     gap: src.collapseHeaderGap,
     fontSize: src.collapseHeaderFontSize,
-    fontWeight: src.collapseHeaderWeight,
+    fontWeight: src.collapseHeaderFontWeight,
     color: src.collapseHeaderColor,
     padding: "".concat(src.collapseWrapperPaddingY, " ").concat(src.collapseWrapperPaddingX)
   },
@@ -17139,7 +17147,7 @@ var collapseItemStyle = {
   },
   contentMain: {
     color: src.collapseContentColor,
-    fontWeight: src.collapseContentWeight,
+    fontWeight: src.collapseContentFontWeight,
     lineHeight: src.lineHeightDynamic,
     padding: "".concat(src.collapseContentPaddingY, " ").concat(src.collapseContentPaddingRight, " ").concat(src.collapseContentPaddingY, " ").concat(src.collapseContentPaddingLeft),
     backgroundColor: src.collapseContentBackgroundColor,
@@ -19492,7 +19500,7 @@ var listStyle = {
     flexDirection: 'column'
   },
   wrapperBordered: {
-    border: "1px solid ".concat(src.listBorderColor),
+    border: "".concat(src.listBorderWidth, " solid ").concat(src.listBorderColor),
     borderRadius: src.listBorderRadius
   },
   wrapperSmall: {},
@@ -19550,7 +19558,7 @@ var listStyle = {
       fontSize: src.listSmallFontSize
     },
     '$wrapperLarge &': {
-      padding: "".concat(src.listLargeItemPaddingY, " ").concat(src.listLargeItemPaddingY),
+      padding: "".concat(src.listLargeItemPaddingX, " ").concat(src.listLargeItemPaddingY),
       fontSize: src.listLargeFontSize
     }
   },
@@ -20893,6 +20901,7 @@ var PaginationStyle = {
     alignItems: 'center',
     fontSize: src.paginationFontSize,
     color: src.paginationFontColor,
+    fontWeight: src.paginationFontWeight,
     height: 'fit-content'
   },
   left: {
@@ -20932,11 +20941,15 @@ var PaginationStyle = {
   sizeList: {},
   simple: {},
   small: {
+    fontSize: src.paginationSmallFontSize,
+    fontWeight: src.paginationSmallFontWeight,
     '& $icon': {
       width: src.paginationSmallFontSize
     }
   },
   large: {
+    fontSize: src.paginationLargeFontSize,
+    fontWeight: src.paginationLargeFontWeight,
     '& $icon': {
       width: src.paginationLargeFontSize
     }
@@ -25224,14 +25237,14 @@ var tabsStyle = {
             right: 0,
             left: 'auto',
             height: '100%',
-            background: src.tabsBorderColor
+            background: src.tabsLineHrBackgroundColor
           }
         },
         '[data-soui-position^="right-"] &': {
           '&:after': {
             width: 1,
             height: '100%',
-            background: src.tabsBorderColor
+            background: src.tabsLineHrBackgroundColor
           }
         },
         '&:not([data-soui-state="active"])': {
@@ -25242,7 +25255,7 @@ var tabsStyle = {
             left: 0,
             width: '100%',
             height: 1,
-            background: src.tabsBorderColor
+            background: src.tabsLineHrBackgroundColor
           }
         },
         '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
@@ -25288,10 +25301,10 @@ var tabsStyle = {
         fontWeight: src.tabsFillFontWeight,
         background: src.tabsFillBackgroundColor,
         '&[data-soui-state="active"]': {
-          color: src.tabsFillCheckedFontColor,
           // fontSize: Token.tabsFillCheckedFontSize,
-          fontWeight: src.tabsFillCheckedFontWeight,
           '& $fillInner': {
+            color: src.tabsFillCheckedFontColor,
+            fontWeight: src.tabsFillCheckedFontWeight,
             background: src.tabsFillCheckedBackgroundColor
           }
         },
@@ -48264,7 +48277,6 @@ var list_List = function List(props) {
     });
   };
   var renderItem = function renderItem(item, index, key) {
-    console.log('lineHeight', lineHeight);
     return /*#__PURE__*/(0,jsx_runtime.jsx)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(list_option, {
         datum: datum,
@@ -63300,7 +63312,7 @@ var upload_interface = __webpack_require__(4412);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.3.0-beta.3'
+  version: '3.3.0-beta.4'
 });
 }();
 /******/ 	return __webpack_exports__;