shineout 3.9.12 → 3.9.13-beta.2

package/cjs/index.js

@@ -522,5 +522,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.9.12'
+  version: '3.9.13-beta.2'
 };

package/dist/shineout.js

@@ -3656,76 +3656,6 @@ const figma = [
     token: 'Neon-9',
     locked: true,
   },
-  {
-    name: '中性色-1',
-    value: '#000000',
-    describe: '浅色背景',
-    token: 'Neutral-1',
-    locked: true,
-  },
-  {
-    name: '中性色-10',
-    value: '#020B18',
-    describe: '-10',
-    token: 'Neutral-10',
-    locked: true,
-  },
-  {
-    name: '中性色-2',
-    value: '#F4F5F8',
-    describe: '聚焦',
-    token: 'Neutral-2',
-    locked: true,
-  },
-  {
-    name: '中性色-3',
-    value: '#E8EBF0',
-    describe: '禁用',
-    token: 'Neutral-3',
-    locked: true,
-  },
-  {
-    name: '中性色-4',
-    value: '#CCCFD7',
-    describe: '-4',
-    token: 'Neutral-4',
-    locked: true,
-  },
-  {
-    name: '中性色-5',
-    value: '#B3B7C1',
-    describe: '悬浮',
-    token: 'Neutral-5',
-    locked: true,
-  },
-  {
-    name: '中性色-6',
-    value: '#999DA8',
-    describe: '常规',
-    token: 'Neutral-6',
-    locked: true,
-  },
-  {
-    name: '中性色-7',
-    value: '#666C7C',
-    describe: '点击',
-    token: 'Neutral-7',
-    locked: true,
-  },
-  {
-    name: '中性色-8',
-    value: '#333E59',
-    describe: '-8',
-    token: 'Neutral-8',
-    locked: true,
-  },
-  {
-    name: '中性色-9',
-    value: '#141737',
-    describe: '-9',
-    token: 'Neutral-9',
-    locked: true,
-  },
   {
     name: '橘黄色-1',
     value: '#FFF8E6',
@@ -12408,7 +12338,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.9.12');
+/* harmony default export */ var version = ('3.9.13-beta.2');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12690,16 +12620,6 @@ var Token = {
   'Neon-7': '#5AA223',
   'Neon-8': '#418613',
   'Neon-9': '#2B6908',
-  'Neutral-1': '#000000',
-  'Neutral-10': '#020B18',
-  'Neutral-2': '#F4F5F8',
-  'Neutral-3': '#E8EBF0',
-  'Neutral-4': '#CCCFD7',
-  'Neutral-5': '#B3B7C1',
-  'Neutral-6': '#999DA8',
-  'Neutral-7': '#666C7C',
-  'Neutral-8': '#333E59',
-  'Neutral-9': '#141737',
   'Orange-1': '#FFF8E6',
   'Orange-10': '#4D2100',
   'Orange-2': '#FFEABA',
@@ -14142,9 +14062,9 @@ var inputTokens = {
   inputDisabledBackgroundColor: 'Neutral-fill-2',
   inputErrorBorderColor: 'Danger-6',
   inputErrorBackgroundColor: 'Neutral-fill-1',
-  inputErrorHoverBorderColor: 'Danger-6',
+  inputErrorHoverBorderColor: 'Danger-5',
   inputErrorHoverBackgroundColor: 'Neutral-fill-1',
-  inputErrorFocusBorderColor: 'Danger-6',
+  inputErrorFocusBorderColor: 'Danger-7',
   inputErrorFocusBackgroundColor: 'Neutral-fill-1',
   inputErrorFocusShadow: 'Danger-1',
   inputGroupFontColor: 'Neutral-text-5',
@@ -14368,8 +14288,12 @@ var modalTokens = {
   modalDrawerTitlePaddingY: 'Spacing-12',
   modalDrawerTitlePaddingX: 'Spacing-16',
   modalDrawerTitleBackgroundColor: 'Neutral-fill-2',
+  modalDrawerHeaderBorderColor: 'Neutral-border-1',
+  modalDrawerHeaderBorderWidth: 'Border-0',
   modalDrawerBodyPaddingY: 'Spacing-16',
   modalDrawerBodyPaddingX: 'Spacing-16',
+  modalDrawerFooterBorderColor: 'Neutral-border-1',
+  modalDrawerFooterBorderWidth: 'Border-0',
   modalDrawerFooterPaddingY: 'Spacing-16',
   modalDrawerFooterPaddingX: 'Spacing-16',
   modalDrawerCloseBackgroundColor: 'Neutral-fill-3',
@@ -14449,12 +14373,16 @@ var progressTokens = {
   progressBackground: 'Neutral-fill-3',
   progressInfoFrontBackgroundColor: 'Brand-6',
   progressInfoInnerFontColor: 'Neutral-text-1',
+  progressInfoBackgroundColor: 'Neutral-fill-3',
   progressWarningFrontBackgroundColor: 'Warning-6',
   progressWarningInnerFontColor: 'Neutral-text-1',
+  progressWarningBackgroundColor: 'Neutral-fill-3',
   progressSuccessFrontBackgroundColor: 'Success-6',
   progressSuccessInnerFontColor: 'Neutral-text-1',
+  progressSuccessBackgroundColor: 'Neutral-fill-3',
   progressDangerFrontBackgroundColor: 'Danger-6',
   progressDangerInnerFontColor: 'Neutral-text-1',
+  progressDangerBackgroundColor: 'Neutral-fill-3',
   progressCircleInfoFontColor: 'Neutral-text-4',
   progressCircleWarningFontColor: 'Warning-6',
   progressCircleSuccessFontColor: 'success-6',
@@ -14957,6 +14885,7 @@ var tabsTokens = {
   tabsLineFontSize: 'Font-14',
   tabsLineBackgroundColor: 'transparent',
   tabsLineActiveBackgroundColor: 'Neutral-fill-3',
+  tabsLineActiveHeight: 'Border-2',
   tabsLineCheckedFontColor: 'Brand-6',
   tabsLineCheckedFontSize: 'Font-14',
   tabsLineCheckedFontWeight: 'Weight-medium',
@@ -15030,10 +14959,10 @@ var tagTokens = {
   tagInfoDisabledBackgroundColor: 'Brand-1',
   tagInfoDisabledBorderColor: 'Brand-1',
   tagInfoOutlineFontColor: 'Brand-6',
-  tagInfoOutlineBackgroundColor: 'Neutral-fill-1',
+  tagInfoOutlineBackgroundColor: 'Transparent',
   tagInfoOutlineBorderColor: 'Brand-6',
   tagInfoOutlineDisabledFontColor: 'Brand-3',
-  tagInfoOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagInfoOutlineDisabledBackgroundColor: 'Transparent',
   tagInfoOutlineDisabledBorderColor: 'Brand-3',
   tagInfoOutlineIconDisabledFontColor: 'Brand-3',
   tagInfoOutlineIconHoverBackgroundColor: 'Brand-1',
@@ -15057,10 +14986,10 @@ var tagTokens = {
   tagDefaultDisabledBackgroundColor: 'Neutral-fill-2',
   tagDefaultDisabledBorderColor: 'Neutral-fill-2',
   tagDefaultOutlineFontColor: 'Neutral-text-5',
-  tagDefaultOutlineBackgroundColor: 'Neutral-fill-1',
+  tagDefaultOutlineBackgroundColor: 'Transparent',
   tagDefaultOutlineBorderColor: 'Neutral-border-2',
   tagDefaultOutlineDisabledFontColor: 'Neutral-text-2',
-  tagDefaultOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagDefaultOutlineDisabledBackgroundColor: 'Transparent',
   tagDefaultOutlineDisabledBorderColor: 'Neutral-border-2',
   tagDefaultFillFontColor: 'Neutral-text-5',
   tagDefaultFillBackgroundColor: 'Neutral-fill-3',
@@ -15080,10 +15009,10 @@ var tagTokens = {
   tagSuccessDisabledBackgroundColor: 'Success-1',
   tagSuccessDisabledBorderColor: 'Success-1',
   tagSuccessOutlineFontColor: 'Success-6',
-  tagSuccessOutlineBackgroundColor: 'Neutral-fill-1',
-  tagSuccessOutlineBorderColor: 'Success-6',
+  tagSuccessOutlineBackgroundColor: 'Transparent',
+  tagSuccessOutlineBorderColor: 'Success-3',
   tagSuccessOutlineDisabledFontColor: 'Success-3',
-  tagSuccessOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagSuccessOutlineDisabledBackgroundColor: 'Transparent',
   tagSuccessOutlineDisabledBorderColor: 'Success-3',
   tagSuccessOutlineIconDisabledFontColor: 'Success-3',
   tagSuccessOutlineIconHoverBackgroundColor: 'Success-2',
@@ -15104,10 +15033,10 @@ var tagTokens = {
   tagWarningDisabledBackgroundColor: 'Warning-1',
   tagWarningDisabledBorderColor: 'Warning-1',
   tagWarningOutlineFontColor: 'Warning-6',
-  tagWarningOutlineBackgroundColor: 'Neutral-fill-1',
-  tagWarningOutlineBorderColor: 'Warning-6',
+  tagWarningOutlineBackgroundColor: 'Transparent',
+  tagWarningOutlineBorderColor: 'Warning-3',
   tagWarningOutlineDisabledFontColor: 'Warning-3',
-  tagWarningOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagWarningOutlineDisabledBackgroundColor: 'Transparent',
   tagWarningOutlineDisabledBorderColor: 'Warning-3',
   tagWarningFillFontColor: 'Neutral-text-1',
   tagWarningFillBackgroundColor: 'Warning-6',
@@ -15126,10 +15055,10 @@ var tagTokens = {
   tagDangerDisabledBackgroundColor: 'Danger-1',
   tagDangerDisabledBorderColor: 'Danger-1',
   tagDangerOutlineFontColor: 'Danger-6',
-  tagDangerOutlineBackgroundColor: 'Neutral-fill-1',
-  tagDangerOutlineBorderColor: 'Danger-6',
+  tagDangerOutlineBackgroundColor: 'Transparent',
+  tagDangerOutlineBorderColor: 'Danger-3',
   tagDangerOutlineDisabledFontColor: 'Danger-3',
-  tagDangerOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagDangerOutlineDisabledBackgroundColor: 'Transparent',
   tagDangerOutlineDisabledBorderColor: 'Danger-3',
   tagDangerFillFontColor: 'Neutral-text-1',
   tagDangerFillBackgroundColor: 'Danger-6',
@@ -15148,10 +15077,10 @@ var tagTokens = {
   tagMagentaDisabledBackgroundColor: 'Magenta-1',
   tagMagentaDisabledBorderColor: 'Magenta-1',
   tagMagentaOutlineFontColor: 'Magenta-6',
-  tagMagentaOutlineBackgroundColor: 'Neutral-fill-1',
-  tagMagentaOutlineBorderColor: 'Magenta-6',
+  tagMagentaOutlineBackgroundColor: 'Transparent',
+  tagMagentaOutlineBorderColor: 'Magenta-3',
   tagMagentaOutlineDisabledFontColor: 'Magenta-3',
-  tagMagentaOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagMagentaOutlineDisabledBackgroundColor: 'Transparent',
   tagMagentaOutlineDisabledBorderColor: 'Magenta-3',
   tagMagentaFillFontColor: 'Neutral-text-1',
   tagMagentaFillBackgroundColor: 'Magenta-6',
@@ -15170,10 +15099,10 @@ var tagTokens = {
   tagBrownDisabledBackgroundColor: 'Brown-1',
   tagBrownDisabledBorderColor: 'Brown-1',
   tagBrownOutlineFontColor: 'Brown-6',
-  tagBrownOutlineBackgroundColor: 'Neutral-fill-1',
-  tagBrownOutlineBorderColor: 'Brown-6',
+  tagBrownOutlineBackgroundColor: 'Transparent',
+  tagBrownOutlineBorderColor: 'Brown-3',
   tagBrownOutlineDisabledFontColor: 'Brown-3',
-  tagBrownOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagBrownOutlineDisabledBackgroundColor: 'Transparent',
   tagBrownOutlineDisabledBorderColor: 'Brown-3',
   tagBrownFillFontColor: 'Neutral-text-1',
   tagBrownFillBackgroundColor: 'Brown-6',
@@ -15192,10 +15121,10 @@ var tagTokens = {
   tagPurpleDisabledBackgroundColor: 'Purple-1',
   tagPurpleDisabledBorderColor: 'Purple-1',
   tagPurpleOutlineFontColor: 'Purple-6',
-  tagPurpleOutlineBackgroundColor: 'Neutral-fill-1',
-  tagPurpleOutlineBorderColor: 'Purple-6',
+  tagPurpleOutlineBackgroundColor: 'Transparent',
+  tagPurpleOutlineBorderColor: 'Purple-3',
   tagPurpleOutlineDisabledFontColor: 'Purple-3',
-  tagPurpleOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagPurpleOutlineDisabledBackgroundColor: 'Transparent',
   tagPurpleOutlineDisabledBorderColor: 'Purple-3',
   tagPurpleFillFontColor: 'Neutral-text-1',
   tagPurpleFillBackgroundColor: 'Purple-6',
@@ -15214,10 +15143,10 @@ var tagTokens = {
   tagIndigoDisabledBackgroundColor: 'Indigo-1',
   tagIndigoDisabledBorderColor: 'Indigo-1',
   tagIndigoOutlineFontColor: 'Indigo-6',
-  tagIndigoOutlineBackgroundColor: 'Neutral-fill-1',
-  tagIndigoOutlineBorderColor: 'Indigo-6',
+  tagIndigoOutlineBackgroundColor: 'Transparent',
+  tagIndigoOutlineBorderColor: 'Indigo-3',
   tagIndigoOutlineDisabledFontColor: 'Indigo-3',
-  tagIndigoOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagIndigoOutlineDisabledBackgroundColor: 'Transparent',
   tagIndigoOutlineDisabledBorderColor: 'Indigo-3',
   tagIndigoFillFontColor: 'Neutral-text-1',
   tagIndigoFillBackgroundColor: 'Indigo-6',
@@ -15236,10 +15165,10 @@ var tagTokens = {
   tagCyanDisabledBackgroundColor: 'Cyan-1',
   tagCyanDisabledBorderColor: 'Cyan-1',
   tagCyanOutlineFontColor: 'Cyan-6',
-  tagCyanOutlineBackgroundColor: 'Neutral-fill-1',
-  tagCyanOutlineBorderColor: 'Cyan-6',
+  tagCyanOutlineBackgroundColor: 'Transparent',
+  tagCyanOutlineBorderColor: 'Cyan-3',
   tagCyanOutlineDisabledFontColor: 'Cyan-3',
-  tagCyanOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagCyanOutlineDisabledBackgroundColor: 'Transparent',
   tagCyanOutlineDisabledBorderColor: 'Cyan-3',
   tagCyanFillFontColor: 'Neutral-text-1',
   tagCyanFillBackgroundColor: 'Cyan-6',
@@ -15258,10 +15187,10 @@ var tagTokens = {
   tagNeonDisabledBackgroundColor: 'Neon-1',
   tagNeonDisabledBorderColor: 'Neon-1',
   tagNeonOutlineFontColor: 'Neon-6',
-  tagNeonOutlineBackgroundColor: 'Neutral-fill-1',
-  tagNeonOutlineBorderColor: 'Neon-6',
+  tagNeonOutlineBackgroundColor: 'Transparent',
+  tagNeonOutlineBorderColor: 'Neon-3',
   tagNeonOutlineDisabledFontColor: 'Neon-3',
-  tagNeonOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagNeonOutlineDisabledBackgroundColor: 'Transparent',
   tagNeonOutlineDisabledBorderColor: 'Neon-3',
   tagNeonFillFontColor: 'Neutral-text-1',
   tagNeonFillBackgroundColor: 'Neon-6',
@@ -15280,10 +15209,10 @@ var tagTokens = {
   tagLemonDisabledBackgroundColor: 'Lemon-1',
   tagLemonDisabledBorderColor: 'Lemon-1',
   tagLemonOutlineFontColor: 'Lemon-6',
-  tagLemonOutlineBackgroundColor: 'Neutral-fill-1',
-  tagLemonOutlineBorderColor: 'Lemon-6',
+  tagLemonOutlineBackgroundColor: 'Transparent',
+  tagLemonOutlineBorderColor: 'Lemon-3',
   tagLemonOutlineDisabledFontColor: 'Lemon-3',
-  tagLemonOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagLemonOutlineDisabledBackgroundColor: 'Transparent',
   tagLemonOutlineDisabledBorderColor: 'Lemon-3',
   tagLemonFillFontColor: 'Neutral-text-1',
   tagLemonFillBackgroundColor: 'Lemon-6',
@@ -15302,10 +15231,10 @@ var tagTokens = {
   tagOrangeDisabledBackgroundColor: 'Orange-1',
   tagOrangeDisabledBorderColor: 'Orange-1',
   tagOrangeOutlineFontColor: 'Orange-6',
-  tagOrangeOutlineBackgroundColor: 'Neutral-fill-1',
-  tagOrangeOutlineBorderColor: 'Orange-6',
+  tagOrangeOutlineBackgroundColor: 'Transparent',
+  tagOrangeOutlineBorderColor: 'Orange-3',
   tagOrangeOutlineDisabledFontColor: 'Orange-3',
-  tagOrangeOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagOrangeOutlineDisabledBackgroundColor: 'Transparent',
   tagOrangeOutlineDisabledBorderColor: 'Orange-3',
   tagOrangeFillFontColor: 'Neutral-text-1',
   tagOrangeFillBackgroundColor: 'Orange-6',
@@ -15324,10 +15253,10 @@ var tagTokens = {
   tagTangerineDisabledBackgroundColor: 'Tangerine-1',
   tagTangerineDisabledBorderColor: 'Tangerine-1',
   tagTangerineOutlineFontColor: 'Tangerine-6',
-  tagTangerineOutlineBackgroundColor: 'Neutral-fill-1',
-  tagTangerineOutlineBorderColor: 'Tangerine-6',
+  tagTangerineOutlineBackgroundColor: 'Transparent',
+  tagTangerineOutlineBorderColor: 'Tangerine-3',
   tagTangerineOutlineDisabledFontColor: 'Tangerine-3',
-  tagTangerineOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagTangerineOutlineDisabledBackgroundColor: 'Transparent',
   tagTangerineOutlineDisabledBorderColor: 'Tangerine-3',
   tagTangerineFillFontColor: 'Neutral-text-1',
   tagTangerineFillBackgroundColor: 'Tangerine-6',
@@ -17517,10 +17446,14 @@ var supportsHas = function supportsHas() {
       borderColor: token.errorHoverBorderColor,
       backgroundColor: token.errorHoverBackgroundColor
     }
-  }), "&$".concat(name, "Focus"), {
+  }), "&:not($".concat(name, "Disabled)$").concat(name, "Focus"), {
     boxShadow: "0 0 0 2px ".concat(token.errorFocusShadow),
     borderColor: token.errorFocusBorderColor,
-    background: token.errorFocusBackgroundColor
+    background: token.errorFocusBackgroundColor,
+    '&:hover': {
+      borderColor: token.errorFocusBorderColor,
+      background: token.errorFocusBackgroundColor
+    }
     // '[data-soui-role="input-group-separate"]&': {
     //   boxShadow: 'none',
     // }
@@ -17530,7 +17463,7 @@ var supportsHas = function supportsHas() {
     borderColor: token.disabledBorderColor,
     boxShadow: 'none',
     cursor: 'not-allowed'
-  }, getTokenName('inputInnerPlaceFontColor'), token.disabledFontColor), getTokenName('inputInnerFontColor'), token.disabledFontColor), "&:not($".concat(name, "Error):hover"), {
+  }, getTokenName('inputInnerPlaceFontColor'), token.disabledPlaceholderColor), getTokenName('inputInnerFontColor'), token.disabledPlaceholderColor), "&:not($".concat(name, "Error):hover"), {
     borderColor: token.disabledBorderColor
   }), '& *', {
     cursor: 'not-allowed'
@@ -17578,6 +17511,7 @@ var inputBorderToken = {
   errorFocusBorderColor: src.inputErrorFocusBorderColor,
   fontColor: src.inputFontColor,
   disabledFontColor: src.inputDisabledFontColor,
+  disabledPlaceholderColor: src.inputDisabledPlaceholderColor,
   backgroundColor: src.inputBackgroundColor,
   hoverBackgroundColor: src.inputHoverBackgroundColor,
   focusBackgroundColor: src.inputFocusBackgroundColor,
@@ -18488,6 +18422,7 @@ var date_picker_inputBorderToken = {
   errorFocusBorderColor: src.inputErrorFocusBorderColor,
   fontColor: src.inputFontColor,
   disabledFontColor: src.inputDisabledFontColor,
+  disabledPlaceholderColor: src.inputDisabledPlaceholderColor,
   backgroundColor: src.inputBackgroundColor,
   hoverBackgroundColor: src.inputHoverBackgroundColor,
   focusBackgroundColor: src.inputFocusBackgroundColor,
@@ -19704,6 +19639,7 @@ var editable_area_inputBorderToken = {
   errorFocusBorderColor: src.inputErrorFocusBorderColor,
   fontColor: src.inputFontColor,
   disabledFontColor: src.inputDisabledFontColor,
+  disabledPlaceholderColor: src.inputDisabledPlaceholderColor,
   backgroundColor: src.inputBackgroundColor,
   hoverBackgroundColor: src.inputHoverBackgroundColor,
   focusBackgroundColor: src.inputFocusBackgroundColor,
@@ -20761,6 +20697,7 @@ var input_inputBorderToken = {
   errorFocusBorderColor: src.inputErrorFocusBorderColor,
   fontColor: src.inputFontColor,
   disabledFontColor: src.inputDisabledFontColor,
+  disabledPlaceholderColor: src.inputDisabledPlaceholderColor,
   backgroundColor: src.inputBackgroundColor,
   hoverBackgroundColor: src.inputHoverBackgroundColor,
   focusBackgroundColor: src.inputFocusBackgroundColor,
@@ -22299,21 +22236,23 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({
       borderRadius: 0,
       position: 'absolute',
       padding: 0,
-      '& $header': {
+      '& > $header': {
         padding: "".concat(src.modalDrawerTitlePaddingY, " ").concat(src.modalDrawerTitlePaddingX),
         background: src.modalDrawerTitleBackgroundColor,
-        marginBottom: 0
+        marginBottom: 0,
+        borderBottom: "".concat(src.modalDrawerHeaderBorderWidth, " solid ").concat(src.modalDrawerHeaderBorderColor)
       },
-      '& $body': {
+      '& > $body': {
         padding: "".concat(src.modalDrawerBodyPaddingY, " ").concat(src.modalDrawerBodyPaddingX),
         overflow: 'auto'
       },
-      '& $bodyWithIcon': {
+      '& > $bodyWithIcon': {
         paddingLeft: src.modalDrawerBodyPaddingX
       },
-      '& $footer': {
+      '& > $footer': {
         padding: "".concat(src.modalDrawerFooterPaddingY, " ").concat(src.modalDrawerFooterPaddingX),
-        marginTop: 0
+        marginTop: 0,
+        borderTop: "".concat(src.modalDrawerFooterBorderWidth, " solid ").concat(src.modalDrawerFooterBorderColor)
       }
     }
   },
@@ -23525,7 +23464,19 @@ var progressStyle = {
       height: src.progressLineInnerHeight,
       borderRadius: src.progressLineInnerHeight
     },
-    background: src.progressBackground
+    background: src.progressBackground,
+    '$wrapperSuccess &': {
+      background: src.progressSuccessBackgroundColor
+    },
+    '$wrapperWarning &': {
+      background: src.progressWarningBackgroundColor
+    },
+    '$wrapperInfo &': {
+      background: src.progressInfoBackgroundColor
+    },
+    '$wrapperDanger &': {
+      background: src.progressDangerBackgroundColor
+    }
   },
   lineSuccess: {
     position: 'absolute',
@@ -23683,7 +23634,19 @@ var progressStyle = {
     }
   },
   circleBg: {
-    stroke: src.progressBackground
+    stroke: src.progressBackground,
+    '$wrapperSuccess &': {
+      stroke: src.progressSuccessBackgroundColor
+    },
+    '$wrapperWarning &': {
+      stroke: src.progressWarningBackgroundColor
+    },
+    '$wrapperInfo &': {
+      stroke: src.progressInfoBackgroundColor
+    },
+    '$wrapperDanger &': {
+      stroke: src.progressDangerBackgroundColor
+    }
   },
   circleFront: {
     transform: 'rotate(-90deg)',
@@ -24061,6 +24024,7 @@ var select_inputBorderToken = {
   errorFocusBorderColor: src.inputErrorFocusBorderColor,
   fontColor: src.inputFontColor,
   disabledFontColor: src.inputDisabledFontColor,
+  disabledPlaceholderColor: src.inputDisabledPlaceholderColor,
   backgroundColor: src.inputBackgroundColor,
   hoverBackgroundColor: src.inputHoverBackgroundColor,
   focusBackgroundColor: src.inputFocusBackgroundColor,
@@ -24442,7 +24406,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       }
     }
   },
-  tag: defineProperty_default()(defineProperty_default()({
+  tag: defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({
     flexShrink: 0,
     '&$tag + &$tag': {
       marginLeft: 0
@@ -24452,9 +24416,9 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     marginTop: src.selectTagMarginY,
     marginBottom: src.selectTagMarginY,
     textWrap: 'nowrap'
-  }, getTokenName('tagDefaultLineBase'), src.inputFontSize), '&$hideTag', {
+  }, getTokenName('tagDefaultLineBase'), src.inputFontSize), getTokenName('tagDefaultLineHeight'), "calc(".concat(src.inputFontSize, " + 6px)")), '&$hideTag', {
     marginRight: 0
-  }),
+  }), '$wrapperSmall &', defineProperty_default()({}, getTokenName('tagSmallLineHeight'), "calc(".concat(src.inputSmallFontSize, " + 6px)"))), '$wrapperLarge &', defineProperty_default()({}, getTokenName('tagLargeLineHeight'), "calc(".concat(src.inputLargeFontSize, " + 6px)"))),
   tagOnly: {
     flexShrink: 1,
     minWidth: 42
@@ -28097,7 +28061,13 @@ var tabsStyle = {
   headerScrollBar: {
     position: 'absolute',
     background: src.tabsActiveFontColor,
-    transition: "left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out, height .2s ease-in-out"
+    transition: "left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out, height .2s ease-in-out",
+    '[data-soui-position^="top-"] &,[data-soui-position^="bottom-"] &': {
+      height: src.tabsLineActiveHeight
+    },
+    '[data-soui-position^="left-"] &,[data-soui-position^="right-"] &': {
+      width: src.tabsLineActiveHeight
+    }
   },
   header: {
     flex: 1,
@@ -28348,7 +28318,7 @@ var useTabsStyle = styled(tabs_tabs, 'tabs');
 
 
 
-var tagDefaultLineHeight = "calc(".concat(src.tagDefaultLineBase, " + 6px)");
+var tagDefaultLineHeight = "var(".concat(getTokenName('tagDefaultLineHeight'), ", calc(").concat(src.tagDefaultLineBase, " + 6px))");
 var tag_animations = {
   '@keyframes spin': {
     '0%': {
@@ -28363,7 +28333,7 @@ var brightTag = function brightTag(name, type) {
   return {
     color: src["tag".concat(type, "FontColor")],
     backgroundColor: src["tag".concat(type, "BackgroundColor")],
-    border: "1px solid ".concat(src["tag".concat(type, "BorderColor")]),
+    border: "1px solid ".concat(src["tag".concat(type, "BackgroundColor")]),
     '& $closeIconWrapper': {
       '&:hover': {
         backgroundColor: src["tag".concat(type, "IconHoverBackgroundColor")]
@@ -28378,7 +28348,7 @@ var brightTag = function brightTag(name, type) {
     '&$disabled': {
       color: src["tag".concat(type, "DisabledFontColor")],
       backgroundColor: src["tag".concat(type, "DisabledBackgroundColor")],
-      border: "1px solid ".concat(src["tag".concat(type, "DisabledBorderColor")]),
+      border: "1px solid ".concat(src["tag".concat(type, "DisabledBackgroundColor")]),
       '& $closeIconWrapper': {
         fill: src["tag".concat(type, "IconDisabledFontColor")],
         '&:hover': {
@@ -28392,7 +28362,7 @@ var fillTag = function fillTag(name, type) {
   return defineProperty_default()({}, "&$".concat(name), {
     color: src["tag".concat(type, "FillFontColor")],
     backgroundColor: src["tag".concat(type, "FillBackgroundColor")],
-    border: "1px solid ".concat(src["tag".concat(type, "FillBorderColor")]),
+    border: "1px solid ".concat(src["tag".concat(type, "FillBackgroundColor")]),
     '& $closeIconWrapper': {
       color: src["tag".concat(type, "FillFontColor")],
       '&:hover': {
@@ -28402,7 +28372,7 @@ var fillTag = function fillTag(name, type) {
     '&$disabled': {
       color: src["tag".concat(type, "FillDisabledFontColor")],
       backgroundColor: src["tag".concat(type, "FillDisabledBackgroundColor")],
-      border: "1px solid ".concat(src["tag".concat(type, "FillDisabledBorderColor")]),
+      border: "1px solid ".concat(src["tag".concat(type, "FillDisabledBackgroundColor")]),
       '& $closeIconWrapper': {
         color: src["tag".concat(type, "FillDisabledFontColor")],
         '&:hover': {
@@ -28522,10 +28492,10 @@ var TagStyle = objectSpread2_default()(objectSpread2_default()({
       }
     },
     '& $wrapper': {
-      lineHeight: src.tagLargeLineHeight
+      lineHeight: "var(".concat(getTokenName('tagLargeLineHeight'), ", calc(1em + 8px))")
     },
     '& $closeIcon': {
-      height: src.tagLargeLineHeight
+      height: "var(".concat(getTokenName('tagLargeLineHeight'), ", calc(1em + 8px))")
     }
   },
   small: {
@@ -28535,10 +28505,10 @@ var TagStyle = objectSpread2_default()(objectSpread2_default()({
     fontWeight: src.tagSmallFontWeight,
     borderRadius: src.tagSmallBorderRadius,
     '& $wrapper': {
-      lineHeight: "var(".concat(src.tagSmallLineHeight, ", calc(").concat(src.tagSmallFontSize, " + 6px))")
+      lineHeight: "var(".concat(getTokenName('tagSmallLineHeight'), ", calc(1em + 6px))")
     },
     '& $closeIcon': {
-      height: "var(".concat(src.tagSmallLineHeight, ", calc(").concat(src.tagSmallFontSize, " + 4px))")
+      height: "var(".concat(getTokenName('tagSmallLineHeight'), ", calc(1em + 6px))")
     },
     '& $closeIconWrapper': {
       '& svg': {
@@ -28634,6 +28604,7 @@ var textarea_inputBorderToken = {
   errorFocusBorderColor: src.inputErrorFocusBorderColor,
   fontColor: src.inputFontColor,
   disabledFontColor: src.inputDisabledFontColor,
+  disabledPlaceholderColor: src.inputDisabledPlaceholderColor,
   backgroundColor: src.inputBackgroundColor,
   hoverBackgroundColor: src.inputHoverBackgroundColor,
   focusBackgroundColor: src.inputFocusBackgroundColor,
@@ -29482,6 +29453,7 @@ var tree_select_inputBorderToken = {
   errorFocusBorderColor: src.inputErrorFocusBorderColor,
   fontColor: src.inputFontColor,
   disabledFontColor: src.inputDisabledFontColor,
+  disabledPlaceholderColor: src.inputDisabledPlaceholderColor,
   backgroundColor: src.inputBackgroundColor,
   hoverBackgroundColor: src.inputHoverBackgroundColor,
   focusBackgroundColor: src.inputFocusBackgroundColor,
@@ -69791,14 +69763,12 @@ var TabsHeader = function TabsHeader(props) {
       left: getPosition !== null && getPosition !== void 0 && getPosition.startsWith('right') ? 0 : 'auto',
       top: currentTabOffset.offsetTop + currentTabSize.height / 2,
       height: shape === 'line' ? currentTabSize.height : 24,
-      width: 2,
       transform: 'translateY(-50%)'
     } : {
       bottom: getPosition !== null && getPosition !== void 0 && getPosition.startsWith('top') ? 0 : 'auto',
       top: getPosition !== null && getPosition !== void 0 && getPosition.startsWith('bottom') ? 0 : 'auto',
       left: currentTabOffset.offsetLeft + currentTabSize.width / 2,
       width: shape === 'line' ? currentTabSize.width : 24,
-      height: 2,
       transform: 'translateX(-50%)'
     };
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -75695,7 +75665,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.12'
+  version: '3.9.13-beta.2'
 });
 }();
 /******/ 	return __webpack_exports__;