@sheinx/shineout-style 3.3.0-beta.3 → 3.3.0-beta.4

package/cjs/button/button.js

@@ -225,8 +225,8 @@ var ButtonStyle = {
     fontSize: _theme.default.buttonSmallFontSize,
     padding: "".concat(_theme.default.buttonSmallPaddingY, " ").concat(_theme.default.buttonSmallPaddingX),
     '&$circle,&$square': {
-      width: 24,
-      height: 24
+      width: _theme.default.buttonSmallCircleSize,
+      height: _theme.default.buttonSmallCircleSize
     }
   },
   large: {
@@ -235,8 +235,8 @@ var ButtonStyle = {
     fontSize: _theme.default.buttonLargeFontSize,
     padding: "".concat(_theme.default.buttonLargePaddingY, " ").concat(_theme.default.buttonLargePaddingX),
     '&$circle,&$square': {
-      width: 40,
-      height: 40
+      width: _theme.default.buttonLargeCircleSize,
+      height: _theme.default.buttonLargeCircleSize
     }
   },
   default: _objectSpread({}, button('Secondary', '')),
@@ -291,14 +291,14 @@ var ButtonStyle = {
     borderRadius: _theme.default.buttonRoundBorderRadius
   },
   circle: {
-    width: "32px",
-    height: "32px",
+    width: _theme.default.buttonCircleSize,
+    height: _theme.default.buttonCircleSize,
     padding: 0,
     borderRadius: _theme.default.buttonCircleBorderRadius
   },
   square: {
-    width: "32px",
-    height: "32px",
+    width: _theme.default.buttonCircleSize,
+    height: _theme.default.buttonCircleSize,
     padding: 0,
     borderRadius: _theme.default.buttonSquareBorderRadius,
     '& $spin': {

package/cjs/card/card.js

@@ -23,7 +23,7 @@ var cardStyle = {
   wrapper: {
     display: 'flex',
     flexDirection: 'column',
-    border: "1px solid ".concat(_theme.default.cardBorderColor),
+    border: "".concat(_theme.default.cardBorderWidth, " solid ").concat(_theme.default.cardBorderColor),
     borderRadius: _theme.default.cardBorderRadius,
     fontSize: _theme.default.cardFontSize,
     lineHeight: _theme.default.lineHeightDynamic,
@@ -37,7 +37,7 @@ var cardStyle = {
   wrapperInAccordion: {
     border: 'none',
     '& + &': {
-      borderTop: "1px solid ".concat(_theme.default.cardBorderColor),
+      borderTop: "".concat(_theme.default.cardBorderWidth, " solid ").concat(_theme.default.cardBorderColor),
       borderTopLeftRadius: 0,
       borderTopRightRadius: 0
     }
@@ -48,7 +48,7 @@ var cardStyle = {
   wrapperHover: {
     transition: 'box-shadow .2s linear',
     '&:hover': {
-      boxShadow: _theme.default.cardShadow
+      boxShadow: _theme.default.cardHoverShadow
     }
   },
   wrapperResizable: {
@@ -56,7 +56,7 @@ var cardStyle = {
   },
   wrapperMoveable: {},
   accordion: {
-    border: "1px solid ".concat(_theme.default.cardBorderColor),
+    border: "".concat(_theme.default.cardBorderWidth, " solid ").concat(_theme.default.cardBorderColor),
     borderRadius: _theme.default.cardBorderRadius
   },
   header: {
@@ -109,7 +109,7 @@ var cardStyle = {
   },
   body: {
     '$wrapperSplit>$header+&, $wrapperSplit>$header+$bodyCollapse>&': {
-      borderTop: "1px solid ".concat(_theme.default.cardBorderColor)
+      borderTop: "".concat(_theme.default.cardBorderWidth, " solid ").concat(_theme.default.cardBodyBorderColor)
     },
     padding: "".concat(_theme.default.cardBodyPaddingY, " ").concat(_theme.default.cardBodyPaddingX),
     flex: 1,
@@ -123,7 +123,7 @@ var cardStyle = {
   bodyCollapse: {},
   footer: {
     '$wrapperSplit>$body+&, $wrapperSplit>$bodyCollapse+&': {
-      borderTop: "1px solid ".concat(_theme.default.cardBorderColor)
+      borderTop: "".concat(_theme.default.cardBorderWidth, " solid ").concat(_theme.default.cardFooterBorderColor)
     },
     padding: "".concat(_theme.default.cardFooterPaddingY, " ").concat(_theme.default.cardFooterPaddingX),
     boxSizing: 'border-box'

package/cjs/collapse/collapse-item.js

@@ -9,7 +9,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var collapseItemStyle = {
   wrapper: {
     boxSizing: 'border-box',
-    borderBottom: "".concat(_theme.default.collapseWrapperBorderSize, " solid ").concat(_theme.default.collapseWrapperBorderColor),
+    borderBottom: "".concat(_theme.default.collapseWrapperBorderSize, " solid ").concat(_theme.default.collapseHeaderBorderColor),
     '&:last-child': {
       borderBottom: 0
     },
@@ -30,7 +30,7 @@ var collapseItemStyle = {
     overflow: 'hidden',
     gap: _theme.default.collapseHeaderGap,
     fontSize: _theme.default.collapseHeaderFontSize,
-    fontWeight: _theme.default.collapseHeaderWeight,
+    fontWeight: _theme.default.collapseHeaderFontWeight,
     color: _theme.default.collapseHeaderColor,
     padding: "".concat(_theme.default.collapseWrapperPaddingY, " ").concat(_theme.default.collapseWrapperPaddingX)
   },
@@ -105,7 +105,7 @@ var collapseItemStyle = {
   },
   contentMain: {
     color: _theme.default.collapseContentColor,
-    fontWeight: _theme.default.collapseContentWeight,
+    fontWeight: _theme.default.collapseContentFontWeight,
     lineHeight: _theme.default.lineHeightDynamic,
     padding: "".concat(_theme.default.collapseContentPaddingY, " ").concat(_theme.default.collapseContentPaddingRight, " ").concat(_theme.default.collapseContentPaddingY, " ").concat(_theme.default.collapseContentPaddingLeft),
     backgroundColor: _theme.default.collapseContentBackgroundColor,

package/cjs/list/list.js

@@ -15,7 +15,7 @@ var listStyle = {
     flexDirection: 'column'
   },
   wrapperBordered: {
-    border: "1px solid ".concat(_theme.default.listBorderColor),
+    border: "".concat(_theme.default.listBorderWidth, " solid ").concat(_theme.default.listBorderColor),
     borderRadius: _theme.default.listBorderRadius
   },
   wrapperSmall: {},
@@ -73,7 +73,7 @@ var listStyle = {
       fontSize: _theme.default.listSmallFontSize
     },
     '$wrapperLarge &': {
-      padding: "".concat(_theme.default.listLargeItemPaddingY, " ").concat(_theme.default.listLargeItemPaddingY),
+      padding: "".concat(_theme.default.listLargeItemPaddingX, " ").concat(_theme.default.listLargeItemPaddingY),
       fontSize: _theme.default.listLargeFontSize
     }
   },

package/cjs/pagination/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,KAAK,eAAe,GAAG,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,eAAe,CA0D9C,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,KAAK,eAAe,GAAG,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,eAAe,CA+D9C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/pagination/pagination.js

@@ -13,6 +13,7 @@ var PaginationStyle = {
     alignItems: 'center',
     fontSize: _theme.default.paginationFontSize,
     color: _theme.default.paginationFontColor,
+    fontWeight: _theme.default.paginationFontWeight,
     height: 'fit-content'
   },
   left: {
@@ -52,11 +53,15 @@ var PaginationStyle = {
   sizeList: {},
   simple: {},
   small: {
+    fontSize: _theme.default.paginationSmallFontSize,
+    fontWeight: _theme.default.paginationSmallFontWeight,
     '& $icon': {
       width: _theme.default.paginationSmallFontSize
     }
   },
   large: {
+    fontSize: _theme.default.paginationLargeFontSize,
+    fontWeight: _theme.default.paginationLargeFontWeight,
     '& $icon': {
       width: _theme.default.paginationLargeFontSize
     }

package/cjs/tabs/tabs.js

@@ -713,14 +713,14 @@ var tabsStyle = {
             right: 0,
             left: 'auto',
             height: '100%',
-            background: _theme.default.tabsBorderColor
+            background: _theme.default.tabsLineHrBackgroundColor
           }
         },
         '[data-soui-position^="right-"] &': {
           '&:after': {
             width: 1,
             height: '100%',
-            background: _theme.default.tabsBorderColor
+            background: _theme.default.tabsLineHrBackgroundColor
           }
         },
         '&:not([data-soui-state="active"])': {
@@ -731,7 +731,7 @@ var tabsStyle = {
             left: 0,
             width: '100%',
             height: 1,
-            background: _theme.default.tabsBorderColor
+            background: _theme.default.tabsLineHrBackgroundColor
           }
         },
         '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
@@ -777,10 +777,10 @@ var tabsStyle = {
         fontWeight: _theme.default.tabsFillFontWeight,
         background: _theme.default.tabsFillBackgroundColor,
         '&[data-soui-state="active"]': {
-          color: _theme.default.tabsFillCheckedFontColor,
           // fontSize: Token.tabsFillCheckedFontSize,
-          fontWeight: _theme.default.tabsFillCheckedFontWeight,
           '& $fillInner': {
+            color: _theme.default.tabsFillCheckedFontColor,
+            fontWeight: _theme.default.tabsFillCheckedFontWeight,
             background: _theme.default.tabsFillCheckedBackgroundColor
           }
         },

package/cjs/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.3.0-beta.3";
+declare const _default: "3.3.0-beta.4";
 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.3.0-beta.3';
+var _default = exports.default = '3.3.0-beta.4';

package/esm/button/button.js

@@ -218,8 +218,8 @@ var ButtonStyle = {
     fontSize: Token.buttonSmallFontSize,
     padding: "".concat(Token.buttonSmallPaddingY, " ").concat(Token.buttonSmallPaddingX),
     '&$circle,&$square': {
-      width: 24,
-      height: 24
+      width: Token.buttonSmallCircleSize,
+      height: Token.buttonSmallCircleSize
     }
   },
   large: {
@@ -228,8 +228,8 @@ var ButtonStyle = {
     fontSize: Token.buttonLargeFontSize,
     padding: "".concat(Token.buttonLargePaddingY, " ").concat(Token.buttonLargePaddingX),
     '&$circle,&$square': {
-      width: 40,
-      height: 40
+      width: Token.buttonLargeCircleSize,
+      height: Token.buttonLargeCircleSize
     }
   },
   default: _objectSpread({}, button('Secondary', '')),
@@ -284,14 +284,14 @@ var ButtonStyle = {
     borderRadius: Token.buttonRoundBorderRadius
   },
   circle: {
-    width: "32px",
-    height: "32px",
+    width: Token.buttonCircleSize,
+    height: Token.buttonCircleSize,
     padding: 0,
     borderRadius: Token.buttonCircleBorderRadius
   },
   square: {
-    width: "32px",
-    height: "32px",
+    width: Token.buttonCircleSize,
+    height: Token.buttonCircleSize,
     padding: 0,
     borderRadius: Token.buttonSquareBorderRadius,
     '& $spin': {

package/esm/card/card.js

@@ -16,7 +16,7 @@ var cardStyle = {
   wrapper: {
     display: 'flex',
     flexDirection: 'column',
-    border: "1px solid ".concat(token.cardBorderColor),
+    border: "".concat(token.cardBorderWidth, " solid ").concat(token.cardBorderColor),
     borderRadius: token.cardBorderRadius,
     fontSize: token.cardFontSize,
     lineHeight: token.lineHeightDynamic,
@@ -30,7 +30,7 @@ var cardStyle = {
   wrapperInAccordion: {
     border: 'none',
     '& + &': {
-      borderTop: "1px solid ".concat(token.cardBorderColor),
+      borderTop: "".concat(token.cardBorderWidth, " solid ").concat(token.cardBorderColor),
       borderTopLeftRadius: 0,
       borderTopRightRadius: 0
     }
@@ -41,7 +41,7 @@ var cardStyle = {
   wrapperHover: {
     transition: 'box-shadow .2s linear',
     '&:hover': {
-      boxShadow: token.cardShadow
+      boxShadow: token.cardHoverShadow
     }
   },
   wrapperResizable: {
@@ -49,7 +49,7 @@ var cardStyle = {
   },
   wrapperMoveable: {},
   accordion: {
-    border: "1px solid ".concat(token.cardBorderColor),
+    border: "".concat(token.cardBorderWidth, " solid ").concat(token.cardBorderColor),
     borderRadius: token.cardBorderRadius
   },
   header: {
@@ -102,7 +102,7 @@ var cardStyle = {
   },
   body: {
     '$wrapperSplit>$header+&, $wrapperSplit>$header+$bodyCollapse>&': {
-      borderTop: "1px solid ".concat(token.cardBorderColor)
+      borderTop: "".concat(token.cardBorderWidth, " solid ").concat(token.cardBodyBorderColor)
     },
     padding: "".concat(token.cardBodyPaddingY, " ").concat(token.cardBodyPaddingX),
     flex: 1,
@@ -116,7 +116,7 @@ var cardStyle = {
   bodyCollapse: {},
   footer: {
     '$wrapperSplit>$body+&, $wrapperSplit>$bodyCollapse+&': {
-      borderTop: "1px solid ".concat(token.cardBorderColor)
+      borderTop: "".concat(token.cardBorderWidth, " solid ").concat(token.cardFooterBorderColor)
     },
     padding: "".concat(token.cardFooterPaddingY, " ").concat(token.cardFooterPaddingX),
     boxSizing: 'border-box'

package/esm/collapse/collapse-item.js

@@ -2,7 +2,7 @@ import Token from '@sheinx/theme';
 var collapseItemStyle = {
   wrapper: {
     boxSizing: 'border-box',
-    borderBottom: "".concat(Token.collapseWrapperBorderSize, " solid ").concat(Token.collapseWrapperBorderColor),
+    borderBottom: "".concat(Token.collapseWrapperBorderSize, " solid ").concat(Token.collapseHeaderBorderColor),
     '&:last-child': {
       borderBottom: 0
     },
@@ -23,7 +23,7 @@ var collapseItemStyle = {
     overflow: 'hidden',
     gap: Token.collapseHeaderGap,
     fontSize: Token.collapseHeaderFontSize,
-    fontWeight: Token.collapseHeaderWeight,
+    fontWeight: Token.collapseHeaderFontWeight,
     color: Token.collapseHeaderColor,
     padding: "".concat(Token.collapseWrapperPaddingY, " ").concat(Token.collapseWrapperPaddingX)
   },
@@ -98,7 +98,7 @@ var collapseItemStyle = {
   },
   contentMain: {
     color: Token.collapseContentColor,
-    fontWeight: Token.collapseContentWeight,
+    fontWeight: Token.collapseContentFontWeight,
     lineHeight: Token.lineHeightDynamic,
     padding: "".concat(Token.collapseContentPaddingY, " ").concat(Token.collapseContentPaddingRight, " ").concat(Token.collapseContentPaddingY, " ").concat(Token.collapseContentPaddingLeft),
     backgroundColor: Token.collapseContentBackgroundColor,

package/esm/list/list.js

@@ -8,7 +8,7 @@ var listStyle = {
     flexDirection: 'column'
   },
   wrapperBordered: {
-    border: "1px solid ".concat(token.listBorderColor),
+    border: "".concat(token.listBorderWidth, " solid ").concat(token.listBorderColor),
     borderRadius: token.listBorderRadius
   },
   wrapperSmall: {},
@@ -66,7 +66,7 @@ var listStyle = {
       fontSize: token.listSmallFontSize
     },
     '$wrapperLarge &': {
-      padding: "".concat(token.listLargeItemPaddingY, " ").concat(token.listLargeItemPaddingY),
+      padding: "".concat(token.listLargeItemPaddingX, " ").concat(token.listLargeItemPaddingY),
       fontSize: token.listLargeFontSize
     }
   },

package/esm/pagination/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,KAAK,eAAe,GAAG,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,eAAe,CA0D9C,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,KAAK,eAAe,GAAG,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,eAAe,CA+D9C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/pagination/pagination.js

@@ -6,6 +6,7 @@ var PaginationStyle = {
     alignItems: 'center',
     fontSize: Token.paginationFontSize,
     color: Token.paginationFontColor,
+    fontWeight: Token.paginationFontWeight,
     height: 'fit-content'
   },
   left: {
@@ -45,11 +46,15 @@ var PaginationStyle = {
   sizeList: {},
   simple: {},
   small: {
+    fontSize: Token.paginationSmallFontSize,
+    fontWeight: Token.paginationSmallFontWeight,
     '& $icon': {
       width: Token.paginationSmallFontSize
     }
   },
   large: {
+    fontSize: Token.paginationLargeFontSize,
+    fontWeight: Token.paginationLargeFontWeight,
     '& $icon': {
       width: Token.paginationLargeFontSize
     }

package/esm/tabs/tabs.js

@@ -706,14 +706,14 @@ var tabsStyle = {
             right: 0,
             left: 'auto',
             height: '100%',
-            background: Token.tabsBorderColor
+            background: Token.tabsLineHrBackgroundColor
           }
         },
         '[data-soui-position^="right-"] &': {
           '&:after': {
             width: 1,
             height: '100%',
-            background: Token.tabsBorderColor
+            background: Token.tabsLineHrBackgroundColor
           }
         },
         '&:not([data-soui-state="active"])': {
@@ -724,7 +724,7 @@ var tabsStyle = {
             left: 0,
             width: '100%',
             height: 1,
-            background: Token.tabsBorderColor
+            background: Token.tabsLineHrBackgroundColor
           }
         },
         '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
@@ -770,10 +770,10 @@ var tabsStyle = {
         fontWeight: Token.tabsFillFontWeight,
         background: Token.tabsFillBackgroundColor,
         '&[data-soui-state="active"]': {
-          color: Token.tabsFillCheckedFontColor,
           // fontSize: Token.tabsFillCheckedFontSize,
-          fontWeight: Token.tabsFillCheckedFontWeight,
           '& $fillInner': {
+            color: Token.tabsFillCheckedFontColor,
+            fontWeight: Token.tabsFillCheckedFontWeight,
             background: Token.tabsFillCheckedBackgroundColor
           }
         },

package/esm/version.d.ts

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

package/esm/version.js

@@ -1 +1 @@
-export default '3.3.0-beta.3';
+export default '3.3.0-beta.4';

package/package.json

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