shineout 3.3.0-beta.3 → 3.3.0-beta.5

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.5'
 };

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.5');
 ;// 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',
@@ -13925,6 +13933,8 @@ var selectTokens = {
   selectPaddingY: 'Spacing-2',
   selectIconSize: 'Size-7',
   selectIconColor: 'Neutral-text-4',
+  selectTagMarginY: 'Spacing-2',
+  selectTagMarginRight: 'Spacing-4',
   selectSmallFontSize: 'Font-12',
   selectSmallPaddingX: 'Spacing-8',
   selectSmallPaddingY: 'Spacing-1',
@@ -14357,9 +14367,9 @@ var tagTokens = {
   tagSuccessDisabledFontColor: 'Success-3',
   tagSuccessDisabledBackgroundColor: 'Success-1',
   tagSuccessDisabledBorderColor: 'Success-1',
-  tagSuccessOutlineFontColor: 'Success-5',
+  tagSuccessOutlineFontColor: 'Success-6',
   tagSuccessOutlineBackgroundColor: 'Neutral-fill-1',
-  tagSuccessOutlineBorderColor: 'Success-5',
+  tagSuccessOutlineBorderColor: 'Success-6',
   tagSuccessOutlineDisabledFontColor: 'Success-3',
   tagSuccessOutlineDisabledBackgroundColor: 'Neutral-fill-1',
   tagSuccessOutlineDisabledBorderColor: 'Success-3',
@@ -14375,9 +14385,9 @@ var tagTokens = {
   tagWarningDisabledFontColor: 'Warning-3',
   tagWarningDisabledBackgroundColor: 'Warning-1',
   tagWarningDisabledBorderColor: 'Warning-1',
-  tagWarningOutlineFontColor: 'Warning-5',
+  tagWarningOutlineFontColor: 'Warning-6',
   tagWarningOutlineBackgroundColor: 'Neutral-fill-1',
-  tagWarningOutlineBorderColor: 'Warning-5',
+  tagWarningOutlineBorderColor: 'Warning-6',
   tagWarningOutlineDisabledFontColor: 'Warning-3',
   tagWarningOutlineDisabledBackgroundColor: 'Neutral-fill-1',
   tagWarningOutlineDisabledBorderColor: 'Warning-3',
@@ -14393,9 +14403,9 @@ var tagTokens = {
   tagDangerDisabledFontColor: 'Danger-3',
   tagDangerDisabledBackgroundColor: 'Danger-1',
   tagDangerDisabledBorderColor: 'Danger-1',
-  tagDangerOutlineFontColor: 'Danger-5',
+  tagDangerOutlineFontColor: 'Danger-6',
   tagDangerOutlineBackgroundColor: 'Neutral-fill-1',
-  tagDangerOutlineBorderColor: 'Danger-5',
+  tagDangerOutlineBorderColor: 'Danger-6',
   tagDangerOutlineDisabledFontColor: 'Danger-3',
   tagDangerOutlineDisabledBackgroundColor: 'Neutral-fill-1',
   tagDangerOutlineDisabledBorderColor: 'Danger-3',
@@ -14411,9 +14421,9 @@ var tagTokens = {
   tagMagentaDisabledFontColor: 'Magenta-3',
   tagMagentaDisabledBackgroundColor: 'Magenta-1',
   tagMagentaDisabledBorderColor: 'Magenta-1',
-  tagMagentaOutlineFontColor: 'Magenta-5',
+  tagMagentaOutlineFontColor: 'Magenta-6',
   tagMagentaOutlineBackgroundColor: 'Neutral-fill-1',
-  tagMagentaOutlineBorderColor: 'Magenta-5',
+  tagMagentaOutlineBorderColor: 'Magenta-6',
   tagMagentaOutlineDisabledFontColor: 'Magenta-3',
   tagMagentaOutlineDisabledBackgroundColor: 'Neutral-fill-1',
   tagMagentaOutlineDisabledBorderColor: 'Magenta-3',
@@ -14429,9 +14439,9 @@ var tagTokens = {
   tagBrownDisabledFontColor: 'Orange-3',
   tagBrownDisabledBackgroundColor: 'Orange-1',
   tagBrownDisabledBorderColor: 'Orange-1',
-  tagBrownOutlineFontColor: 'Orange-5',
+  tagBrownOutlineFontColor: 'Orange-6',
   tagBrownOutlineBackgroundColor: 'Neutral-fill-1',
-  tagBrownOutlineBorderColor: 'Orange-5',
+  tagBrownOutlineBorderColor: 'Orange-6',
   tagBrownOutlineDisabledFontColor: 'Orange-3',
   tagBrownOutlineDisabledBackgroundColor: 'Neutral-fill-1',
   tagBrownOutlineDisabledBorderColor: 'Orange-3',
@@ -14447,9 +14457,9 @@ var tagTokens = {
   tagPurpleDisabledFontColor: 'Purple-3',
   tagPurpleDisabledBackgroundColor: 'Purple-1',
   tagPurpleDisabledBorderColor: 'Purple-1',
-  tagPurpleOutlineFontColor: 'Purple-5',
+  tagPurpleOutlineFontColor: 'Purple-6',
   tagPurpleOutlineBackgroundColor: 'Neutral-fill-1',
-  tagPurpleOutlineBorderColor: 'Purple-5',
+  tagPurpleOutlineBorderColor: 'Purple-6',
   tagPurpleOutlineDisabledFontColor: 'Purple-3',
   tagPurpleOutlineDisabledBackgroundColor: 'Neutral-fill-1',
   tagPurpleOutlineDisabledBorderColor: 'Purple-3',
@@ -14465,9 +14475,9 @@ var tagTokens = {
   tagIndigoDisabledFontColor: 'Indigo-3',
   tagIndigoDisabledBackgroundColor: 'Indigo-1',
   tagIndigoDisabledBorderColor: 'Indigo-1',
-  tagIndigoOutlineFontColor: 'Indigo-5',
+  tagIndigoOutlineFontColor: 'Indigo-6',
   tagIndigoOutlineBackgroundColor: 'Neutral-fill-1',
-  tagIndigoOutlineBorderColor: 'Indigo-5',
+  tagIndigoOutlineBorderColor: 'Indigo-6',
   tagIndigoOutlineDisabledFontColor: 'Indigo-3',
   tagIndigoOutlineDisabledBackgroundColor: 'Neutral-fill-1',
   tagIndigoOutlineDisabledBorderColor: 'Indigo-3',
@@ -14483,9 +14493,9 @@ var tagTokens = {
   tagCyanDisabledFontColor: 'Cyan-3',
   tagCyanDisabledBackgroundColor: 'Cyan-1',
   tagCyanDisabledBorderColor: 'Cyan-1',
-  tagCyanOutlineFontColor: 'Cyan-5',
+  tagCyanOutlineFontColor: 'Cyan-6',
   tagCyanOutlineBackgroundColor: 'Neutral-fill-1',
-  tagCyanOutlineBorderColor: 'Cyan-5',
+  tagCyanOutlineBorderColor: 'Cyan-6',
   tagCyanOutlineDisabledFontColor: 'Cyan-3',
   tagCyanOutlineDisabledBackgroundColor: 'Neutral-fill-1',
   tagCyanOutlineDisabledBorderColor: 'Cyan-3',
@@ -14501,9 +14511,9 @@ var tagTokens = {
   tagNeonDisabledFontColor: 'Neon-3',
   tagNeonDisabledBackgroundColor: 'Neon-1',
   tagNeonDisabledBorderColor: 'Neon-1',
-  tagNeonOutlineFontColor: 'Neon-5',
+  tagNeonOutlineFontColor: 'Neon-6',
   tagNeonOutlineBackgroundColor: 'Neutral-fill-1',
-  tagNeonOutlineBorderColor: 'Neon-5',
+  tagNeonOutlineBorderColor: 'Neon-6',
   tagNeonOutlineDisabledFontColor: 'Neon-3',
   tagNeonOutlineDisabledBackgroundColor: 'Neutral-fill-1',
   tagNeonOutlineDisabledBorderColor: 'Neon-3',
@@ -14519,9 +14529,9 @@ var tagTokens = {
   tagLemonDisabledFontColor: 'Lemon-3',
   tagLemonDisabledBackgroundColor: 'Lemon-1',
   tagLemonDisabledBorderColor: 'Lemon-1',
-  tagLemonOutlineFontColor: 'Lemon-5',
+  tagLemonOutlineFontColor: 'Lemon-6',
   tagLemonOutlineBackgroundColor: 'Neutral-fill-1',
-  tagLemonOutlineBorderColor: 'Lemon-5',
+  tagLemonOutlineBorderColor: 'Lemon-6',
   tagLemonOutlineDisabledFontColor: 'Lemon-3',
   tagLemonOutlineDisabledBackgroundColor: 'Neutral-fill-1',
   tagLemonOutlineDisabledBorderColor: 'Lemon-3',
@@ -14537,9 +14547,9 @@ var tagTokens = {
   tagTangerineDisabledFontColor: 'Tangerine-3',
   tagTangerineDisabledBackgroundColor: 'Tangerine-1',
   tagTangerineDisabledBorderColor: 'Tangerine-1',
-  tagTangerineOutlineFontColor: 'Tangerine-5',
+  tagTangerineOutlineFontColor: 'Tangerine-6',
   tagTangerineOutlineBackgroundColor: 'Neutral-fill-1',
-  tagTangerineOutlineBorderColor: 'Tangerine-5',
+  tagTangerineOutlineBorderColor: 'Tangerine-6',
   tagTangerineOutlineDisabledFontColor: 'Tangerine-3',
   tagTangerineOutlineDisabledBackgroundColor: 'Neutral-fill-1',
   tagTangerineOutlineDisabledBorderColor: 'Tangerine-3',
@@ -14552,11 +14562,11 @@ var tagTokens = {
   tagFontSize: 'Font-12',
   tagBorderRadius: 'Radius-small',
   tagPaddingX: 'Spacing-6',
-  tagPaddingY: 'Spacing-2',
+  tagPaddingY: 'Spacing-0',
   tagHeight: 'Size-11',
   tagFontWeight: 'Weight-regular',
   tagSmallFontSize: 'Font-12',
-  tagSmallBorderRadius: 'Radius-lesser',
+  tagSmallBorderRadius: 'Radius-small',
   tagSmallPaddingX: 'Spacing-4',
   tagSmallHeight: 'Size-10',
   tagSmallFontWeight: 'Weight-regular',
@@ -15461,8 +15471,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 +15481,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 +15537,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 +15742,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 +15756,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 +15767,7 @@ var cardStyle = {
   wrapperHover: {
     transition: 'box-shadow .2s linear',
     '&:hover': {
-      boxShadow: src.cardShadow
+      boxShadow: src.cardHoverShadow
     }
   },
   wrapperResizable: {
@@ -15765,7 +15775,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 +15828,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 +15842,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'
@@ -16838,11 +16848,13 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   optionIcon: {
     position: 'absolute',
     right: 8,
-    top: 9,
+    top: 0,
+    bottom: 0,
     fontSize: src.cascaderFontSize,
     color: src.cascaderOptionIconColor,
-    lineHeight: 0,
-    verticalAlign: 'middle',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
     '& svg': {
       verticalAlign: 'middle',
       width: 14
@@ -17043,7 +17055,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 +17076,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 +17151,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 +19504,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 +19562,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 +20905,7 @@ var PaginationStyle = {
     alignItems: 'center',
     fontSize: src.paginationFontSize,
     color: src.paginationFontColor,
+    fontWeight: src.paginationFontWeight,
     height: 'fit-content'
   },
   left: {
@@ -20932,11 +20945,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
     }
@@ -22021,9 +22038,9 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       marginLeft: 0
     },
     maxWidth: '80%',
-    marginRight: 4,
-    marginTop: src.selectPlaceholderMarginY,
-    marginBottom: src.selectPlaceholderMarginY,
+    marginRight: src.selectTagMarginRight,
+    marginTop: src.selectTagMarginY,
+    marginBottom: src.selectTagMarginY,
     textWrap: 'nowrap',
     '&$hideTag': {
       marginRight: 0
@@ -25224,14 +25241,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 +25259,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 +25305,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
           }
         },
@@ -25526,7 +25543,7 @@ var tag_tag = function tag(type) {
 var TagStyle = {
   tag: {
     display: 'inline-flex',
-    padding: "0 ".concat(src.tagPaddingX),
+    padding: "".concat(src.tagPaddingY, " ").concat(src.tagPaddingX),
     fontSize: src.tagFontSize,
     fontWeight: src.tagFontWeight,
     borderRadius: src.tagBorderRadius,
@@ -25558,6 +25575,7 @@ var TagStyle = {
     fontSize: src.tagLargeFontSize,
     lineHeight: "calc(".concat(src.tagLargeFontSize, " + 8px)"),
     fontWeight: src.tagLargeFontWeight,
+    borderRadius: src.tagLargeBorderRadius,
     padding: "".concat(src.tagLargePaddingY, " ").concat(src.tagLargePaddingX),
     '& $closeIconWrapper': {
       '& svg': {
@@ -25567,9 +25585,11 @@ var TagStyle = {
     }
   },
   small: {
+    fontSize: src.tagSmallFontSize,
     lineHeight: "calc(".concat(src.tagSmallFontSize, " + 6px)"),
     padding: "0 ".concat(src.tagSmallPaddingX),
     fontWeight: src.tagSmallFontWeight,
+    borderRadius: src.tagSmallBorderRadius,
     '& $container': {
       lineHeight: "calc(".concat(src.tagSmallFontSize, " + 6px)")
     },
@@ -48264,7 +48284,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 +63319,7 @@ var upload_interface = __webpack_require__(4412);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.3.0-beta.3'
+  version: '3.3.0-beta.5'
 });
 }();
 /******/ 	return __webpack_exports__;