shineout 3.9.13-beta.14 → 3.9.13-beta.15

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.13-beta.14'
+  version: '3.9.13-beta.15'
 };

package/dist/shineout.js

@@ -3236,6 +3236,20 @@ const figma = [
     token: 'Brand-9',
     locked: true,
   },
+  {
+    name: 'colorBgLayout',
+    value: '#F4F5F8',
+    describe: '布局背景色',
+    token: 'Bg-layout',
+    locked: false,
+  },
+  {
+    name: 'colorBgPopup',
+    value: '#FFFFFF',
+    describe: '浮层容器背景色',
+    token: 'Bg-popup',
+    locked: false,
+  },
   {
     name: '青色-1',
     value: '#e8fffb',
@@ -12311,7 +12325,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.13-beta.14');
+/* harmony default export */ var version = ('3.9.13-beta.15');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12533,6 +12547,8 @@ var Token = {
   'Brand-7': '#0B5BD4',
   'Brand-8': '#0040AD',
   'Brand-9': '#002D87',
+  'Bg-layout': '#F4F5F8',
+  'Bg-popup': '#FFFFFF',
   'Cyan-1': '#e8fffb',
   'Cyan-10': '#00424d',
   'Cyan-2': '#b7f1e9',
@@ -16427,16 +16443,19 @@ var ButtonStyle = {
 var bc = function bc(key) {
   return ".".concat(jss_style_prefix, "-button-").concat(key);
 };
+var heightAndTop = {
+  height: "var(--button-before-line-height, calc(50% - 2px))",
+  top: "var(--button-before-line-top, calc(25% + 1px))"
+};
 var beforeLine = function beforeLine() {
   return defineProperty_default()(defineProperty_default()({
-    '&::before': {
+    '&::before': objectSpread2_default()(objectSpread2_default()({
       position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
+      content: '" "'
+    }, heightAndTop), {}, {
       width: 1,
       background: src.buttonSplitlineFullBackgroundColor
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -16482,14 +16501,13 @@ var beforeLine = function beforeLine() {
 };
 var outlineBeforeLine = function outlineBeforeLine(type, styles) {
   return defineProperty_default()({
-    '&::before': {
+    '&::before': objectSpread2_default()(objectSpread2_default()({
       position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
+      content: '" "'
+    }, heightAndTop), {}, {
       width: 1,
       background: src["button".concat(type).concat(styles, "BorderColor")]
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -16523,14 +16541,13 @@ var outlineBeforeLine = function outlineBeforeLine(type, styles) {
       }
     }))
   }, "&".concat(bc('primary'), ",&").concat(bc('success'), ",&").concat(bc('warning'), ",&").concat(bc('danger'), ",").concat(bc('secondary')), {
-    '&::before': {
-      height: 'calc(100% + 2px)',
-      top: -1,
+    '&::before': objectSpread2_default()(objectSpread2_default()({}, heightAndTop), {}, {
+      top: "var(--button-before-line-top, calc(25% + 1px))",
       left: -1,
       width: 1,
       bottom: -1,
       background: "".concat(src["button".concat(type).concat(styles, "BorderColor")])
-    },
+    }),
     '& + :not(&)': {
       '&::before': {
         height: 'calc(100% + 2px)',
@@ -16555,15 +16572,14 @@ var outlineBeforeLine = function outlineBeforeLine(type, styles) {
 };
 var textBeforeLine = function textBeforeLine() {
   return defineProperty_default()({
-    '&::before': {
+    '&::before': objectSpread2_default()(objectSpread2_default()({
       transition: 'all 0.3s',
       position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
+      content: '" "'
+    }, heightAndTop), {}, {
       width: 1,
       background: src.buttonSplitlineOutlineBackgroundColor
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -16621,21 +16637,20 @@ var ButtonGroupStyle = {
     borderRadius: 0,
     borderLeft: 'none',
     borderRight: 'none'
-  }), "& ".concat(bc('button'), ":not(").concat(bc('outline'), "):not(").concat(bc('text'), ")"), defineProperty_default()(defineProperty_default()(defineProperty_default()({
+  }), "& ".concat(bc('button'), ":not(").concat(bc('outline'), "):not(").concat(bc('dashed'), "):not(").concat(bc('text'), ")"), defineProperty_default()(defineProperty_default()(defineProperty_default()({
     position: 'relative',
     '&::before': {
-      transition: 'all 0.3s'
+      // transition: 'all 0.3s',
     }
   }, "&".concat(bc('secondary')), objectSpread2_default()(objectSpread2_default()({}, beforeLine()), {}, defineProperty_default()({
-    '&::before': {
+    '&::before': objectSpread2_default()(objectSpread2_default()({
       position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
+      content: '" "'
+    }, heightAndTop), {}, {
       width: 1,
       background: src.buttonSplitlineOutlineBackgroundColor,
       transition: 'none'
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -16659,27 +16674,11 @@ var ButtonGroupStyle = {
     '&::before': {
       transition: 'all 0.3s'
     }
-  }, "&".concat(bc('secondary')), objectSpread2_default()(objectSpread2_default()({}, outlineBeforeLine('Secondary', 'Outline')), {}, {
-    '&::before': {
-      position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
-      width: 1,
-      background: src.buttonSplitlineOutlineBackgroundColor // Neutral-border-1
-    },
-    '&[dir=ltr]::before': {
-      left: -1
-    },
-    '&[dir=rtl]::before': {
-      right: -1
-    }
-  })), "&".concat(bc('primary')), objectSpread2_default()({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), objectSpread2_default()({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), objectSpread2_default()({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), objectSpread2_default()({}, outlineBeforeLine('Danger', 'Outline')))), "& ".concat(bc('text')), objectSpread2_default()({
+  }, "&".concat(bc('secondary')), objectSpread2_default()({}, outlineBeforeLine('Secondary', 'Outline'))), "&".concat(bc('primary')), objectSpread2_default()({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), objectSpread2_default()({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), objectSpread2_default()({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), objectSpread2_default()({}, outlineBeforeLine('Danger', 'Outline')))), "& ".concat(bc('text')), objectSpread2_default()({
     position: 'relative'
-  }, textBeforeLine())), "&".concat(bc('dashed')), {
-    position: 'relative',
-    borderStyle: 'none'
-  })
+  }, textBeforeLine())), "& ".concat(bc('dashed')), defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({
+    position: 'relative'
+  }, "&".concat(bc('secondary')), objectSpread2_default()({}, outlineBeforeLine('Secondary', 'Outline'))), "&".concat(bc('primary')), objectSpread2_default()({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), objectSpread2_default()({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), objectSpread2_default()({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), objectSpread2_default()({}, outlineBeforeLine('Danger', 'Outline'))))
 };
 /* harmony default export */ var button_group = (ButtonGroupStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/button/index.ts
@@ -23747,7 +23746,10 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
       marginTop: src.radioIndicatorMarginTop
     }
   },
-  wrapperChecked: {},
+  wrapperChecked: {
+    '--button-before-line-height': '100%',
+    '--button-before-line-top': 0
+  },
   wrapperDisabled: {
     cursor: 'not-allowed'
   },
@@ -75692,7 +75694,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.13-beta.14'
+  version: '3.9.13-beta.15'
 });
 }();
 /******/ 	return __webpack_exports__;