@sheinx/shineout-style 3.9.13-beta.9 → 3.9.14-beta.10

package/esm/dropdown/dropdown.js

@@ -23,7 +23,7 @@ var dropdown = {
     border: "".concat(token.dropdownListBorderWidth, " solid ").concat(token.dropdownListBorderColor),
     borderRadius: token.dropdownListBorderRadius,
     padding: "".concat(token.dropdownListPaddingY, " ").concat(token.dropdownListPaddingX),
-    background: token.dropdownListBackgroundColor,
+    background: token.backgroundPopup,
     boxShadow: token.dropdownListBoxShadow,
     width: 'max-content',
     boxSizing: 'border-box',
@@ -172,16 +172,16 @@ var dropdown = {
   },
   itemDisabled: {},
   optionGroup: {
-    padding: "calc(".concat(token.dropdownOptionGroupPaddingTop, " - 4px) ").concat(token.dropdownOptionGroupPaddingX, " ").concat(token.dropdownOptionGroupPaddingBottom, " ").concat(token.dropdownOptionGroupPaddingX),
+    padding: "calc(".concat(token.dropdownOptionGroupPaddingTop, " - 4px) ").concat(token.dropdownOptionPaddingX, " ").concat(token.dropdownOptionGroupPaddingBottom),
     fontSize: token.dropdownOptionGroupFontSize,
     fontWeight: token.dropdownOptionGroupFontWeight,
     color: token.dropdownOptionGroupFontColor,
     lineHeight: token.lineHeightDynamic,
     '$listSmall &': {
-      padding: "".concat(token.dropdownOptionGroupSmallTop, " ").concat(token.dropdownOptionGroupSmallX, " 0 ").concat(token.dropdownOptionGroupSmallX)
+      padding: "".concat(token.dropdownOptionGroupSmallTop, " ").concat(token.dropdownOptionSmallPaddingX, " 0")
     },
     '$listLarge &': {
-      padding: "".concat(token.dropdownOptionGroupLargeTop, " ").concat(token.dropdownOptionGroupLargeX, " ").concat(token.dropdownOptionGroupLargeBottom, " ").concat(token.dropdownOptionGroupLargeX)
+      padding: "".concat(token.dropdownOptionGroupLargeTop, " ").concat(token.dropdownOptionLargePaddingX, " ").concat(token.dropdownOptionGroupLargeBottom)
     }
   },
   optionDivider: {

package/esm/image/image.js

@@ -171,7 +171,7 @@ var ImageStyle = _objectSpread(_objectSpread({
   },
   thumbnail: {
     borderRadius: Token.imageBorderRadius,
-    backgroundColor: '#FFFFFF',
+    backgroundColor: Token.imageBackgroundColor,
     outline: "1px solid ".concat(Token.imageBorderColor),
     '& $inner': {
       top: 4,

package/esm/input/input-border.js

@@ -36,7 +36,7 @@ export default (function (name) {
       borderRadius: 0,
       boxShadow: 'none',
       backgroundColor: 'transparent',
-      flex: 1,
+      flex: '1 1 auto',
       minWidth: 0
     },
     '[data-soui-role="input-group"]:not([data-soui-border="false"]) [data-soui-input-border] + &&&': {

package/esm/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAiH5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAqNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAkH5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAqNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/input/input.js

@@ -78,6 +78,7 @@ var groupSpace = function groupSpace(gap) {
       padding: "0 ".concat(gap),
       display: 'flex',
       alignItems: 'center',
+      flexShrink: 0,
       borderLeft: "1px solid ".concat(token.inputBorderColor),
       borderRight: "1px solid ".concat(token.inputBorderColor),
       background: token.inputGroupFontBackgroundColor,
@@ -255,7 +256,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
       boxSizing: 'border-box',
       cursor: 'pointer',
       width: '18px',
-      borderLeft: "1px solid ".concat(token.inputBorderColor),
+      borderLeft: "".concat(token.inputBorderWidth, " solid ").concat(token.inputBorderColor),
       lineHeight: '1',
       color: token.inputIconColor,
       '&:hover': {
@@ -264,7 +265,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
         }
       },
       '&:first-child': {
-        borderBottom: "1px solid ".concat(token.inputBorderColor)
+        borderBottom: "".concat(token.inputBorderWidth, " solid ").concat(token.inputBorderColor)
       },
       '& svg': {
         width: token.inputFontSize,

package/esm/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAijBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAojBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/menu/menu.js

@@ -196,8 +196,11 @@ var menuStyle = {
       }
     },
     // 一级菜单展不展开都是fill-9，一级展开后的子级都是fill-10
-    '[data-soui-theme=dark] $root > $item > &': {
-      backgroundColor: token.menuDarkItemBackgroundColor
+    '[data-soui-theme=dark] $root > $item:not($itemActive):not($itemDisabled) > &': {
+      backgroundColor: token.menuDarkItemBackgroundColor,
+      '&:hover': {
+        backgroundColor: token.menuDarkItemHoverBackgroundColor
+      }
     },
     '[data-soui-theme=dark] &': {
       color: token.menuDarkFontColor,

package/esm/radio/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAkL5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAqL5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/radio/radio.js

@@ -44,7 +44,10 @@ var radioStyle = _objectSpread(_objectSpread({}, animations), {}, {
       marginTop: token.radioIndicatorMarginTop
     }
   },
-  wrapperChecked: {},
+  wrapperChecked: {
+    '--button-before-line-height': '100%',
+    '--button-before-line-top': 0
+  },
   wrapperDisabled: {
     cursor: 'not-allowed'
   },
@@ -52,18 +55,18 @@ var radioStyle = _objectSpread(_objectSpread({}, animations), {}, {
     display: 'block',
     position: 'relative',
     boxSizing: 'border-box',
-    width: token.radioLabelFontSize,
-    minWidth: token.radioLabelFontSize,
-    height: token.radioLabelFontSize,
+    width: token.radioIconWidth,
+    minWidth: token.radioIconWidth,
+    height: token.radioIconWidth,
     '$wrapperSmall &': {
-      width: token.radioSmallLabelFontSize,
-      minWidth: token.radioSmallLabelFontSize,
-      height: token.radioSmallLabelFontSize
+      width: token.radioSmallIconWidth,
+      minWidth: token.radioSmallIconWidth,
+      height: token.radioSmallIconWidth
     },
     '$wrapperLarge &': {
-      width: token.radioLargeLabelFontSize,
-      minWidth: token.radioLargeLabelFontSize,
-      height: token.radioLargeLabelFontSize
+      width: token.radioLargeIconWidth,
+      minWidth: token.radioLargeIconWidth,
+      height: token.radioLargeIconWidth
     },
     marginRight: token.radioIconGap,
     verticalAlign: 'middle',

package/esm/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAwDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA8lB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAwDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAqmB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/select/select.js

@@ -277,7 +277,7 @@ var selectStyle = _objectSpread(_objectSpread({
   pickerWrapper: {
     position: 'absolute',
     overflow: 'hidden',
-    backgroundColor: token.selectPanelBackgroundColor,
+    backgroundColor: token.backgroundPopup,
     boxShadow: token.selectPanelShadow,
     borderRadius: token.selectPanelRadius,
     transformOrigin: '0 0',
@@ -295,19 +295,18 @@ var selectStyle = _objectSpread(_objectSpread({
       fontSize: token.selectSmallFontSize
     },
     '& $optionGroupTitle': {
-      padding: "calc(".concat(token.selectFontSize, " - 10px) ").concat(token.selectGroupTitlePaddingX, " 0 ").concat(token.selectGroupTitlePaddingX)
+      padding: "calc(".concat(token.selectFontSize, " - 10px) calc(").concat(token.selectSmallOptionInnerPaddingX, " + ").concat(token.selectOptionPaddingX, ") 0")
     }
   },
   pickerLarge: {
     '& $optionInner': {
-      // padding: `${token.selectLargeOptionInnerPaddingY} ${token.selectLargeOptionInnerPaddingX}`,
       paddingTop: token.selectLargeOptionInnerPaddingY,
       paddingBottom: token.selectLargeOptionInnerPaddingY,
       paddingLeft: token.selectLargeOptionInnerPaddingX,
       fontSize: token.selectLargeFontSize
     },
     '& $optionGroupTitle': {
-      padding: "".concat(token.selectFontSize, " calc(").concat(token.selectOptionPaddingX, " + ").concat(token.selectLargeOptionInnerPaddingX, ") ").concat(token.selectGroupTitleLargeBottom, " calc(").concat(token.selectOptionPaddingX, " + ").concat(token.selectLargeOptionInnerPaddingX, ")")
+      padding: "".concat(token.selectFontSize, " calc(").concat(token.selectLargeOptionInnerPaddingX, " + ").concat(token.selectOptionPaddingX, ") ").concat(token.selectGroupTitleLargeBottom)
     }
   },
   iconWrapper: {
@@ -326,7 +325,7 @@ var selectStyle = _objectSpread(_objectSpread({
     color: token.inputClearColor,
     verticalAlign: 'middle',
     '&:hover': {
-      color: token.selectIconColor
+      color: token.inputHoverClearColor
     },
     '$wrapperSmall &': {
       width: token.inputSmallFontSize
@@ -394,7 +393,15 @@ var selectStyle = _objectSpread(_objectSpread({
     position: 'absolute',
     display: 'inline-flex',
     width: token.selectFontSize,
-    fontSize: token.selectFontSize
+    fontSize: token.selectFontSize,
+    '$pickerSmall &': {
+      width: token.selectSmallFontSize,
+      fontSize: token.selectSmallFontSize
+    },
+    '$pickerLarge &': {
+      width: token.selectLargeFontSize,
+      fontSize: token.selectLargeFontSize
+    }
   },
   moreIcon: {},
   hideTag: {},
@@ -485,13 +492,13 @@ var selectStyle = _objectSpread(_objectSpread({
     // not disabled
     '&:not($optionDisabled)': {
       cursor: 'pointer'
+    },
+    '&:first-child': {
+      paddingTop: 0
+    },
+    '&:last-child': {
+      paddingBottom: 0
     }
-    // hover
-    // '&:hover': {
-    //   '& $optionInner': {
-    //     backgroundColor: token.selectOptionHoverBackgroundColor,
-    //   },
-    // },
   },
   optionInner: {
     position: 'relative',
@@ -537,7 +544,7 @@ var selectStyle = _objectSpread(_objectSpread({
   optionGroupTitle: {
     fontSize: "var(--group-font-size, ".concat(token.selectGroupTitleFontSize, ")"),
     lineHeight: token.lineHeightDynamic,
-    padding: "calc(".concat(token.selectFontSize, " - 2px) ").concat(token.selectGroupTitlePaddingX, " ").concat(token.selectGroupTitlePaddingBottom, " ").concat(token.selectGroupTitlePaddingX),
+    padding: "calc(".concat(token.selectFontSize, " - 2px) calc(").concat(token.selectOptionInnerPaddingX, " + ").concat(token.selectOptionPaddingX, ") ").concat(token.selectGroupTitlePaddingBottom),
     color: token.selectGroupTitleFontColor,
     fontWeight: token.selectGroupTitleFontWeight
   },
@@ -550,7 +557,7 @@ var selectStyle = _objectSpread(_objectSpread({
     '& > $columnsCheckbox': {
       padding: 0,
       marginRight: 0,
-      marginLeft: token.selectColumnPadding,
+      marginLeft: token.selectOptionInnerPaddingX,
       width: 'auto'
     },
     '$pickerSmall &': {
@@ -579,7 +586,7 @@ var selectStyle = _objectSpread(_objectSpread({
     padding: "0 ".concat(token.selectOptionPaddingX),
     '& $optionGroupTitle': {
       padding: 0,
-      marginLeft: token.selectColumnPadding
+      marginLeft: token.selectOptionInnerPaddingX
     },
     '$pickerSmall &': {
       '& $optionGroupTitle': {
@@ -614,8 +621,8 @@ var selectStyle = _objectSpread(_objectSpread({
   columnsRadio: {
     width: '100%',
     height: '100%',
-    paddingLeft: token.selectColumnPadding,
-    paddingRight: token.selectColumnPadding,
+    paddingLeft: token.selectOptionInnerPaddingX,
+    paddingRight: token.selectOptionInnerPaddingX,
     marginLeft: token.selectColumnOptionMargin,
     '& :last-child': {
       flex: 1,
@@ -627,8 +634,8 @@ var selectStyle = _objectSpread(_objectSpread({
   columnsCheckbox: {
     width: '100%',
     height: '100%',
-    paddingLeft: token.selectColumnPadding,
-    paddingRight: token.selectColumnPadding,
+    paddingLeft: token.selectOptionInnerPaddingX,
+    paddingRight: token.selectOptionInnerPaddingX,
     marginLeft: 0,
     '$pickerSmall &': {
       paddingLeft: token.selectSmallColumnPadding,

package/esm/switch/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CA6L9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CAgM9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/switch/switch.js

@@ -33,6 +33,7 @@ var switchStyle = _objectSpread(_objectSpread({
     color: token.switchFontColor,
     verticalAlign: 'middle',
     outline: 'none',
+    lineHeight: token.switchCircleSize,
     '$wrapperDisabled&': {
       backgroundColor: token.switchDisabledBackgroundColor,
       color: token.switchDisabledFontColor
@@ -51,6 +52,7 @@ var switchStyle = _objectSpread(_objectSpread({
     minWidth: token.switchSmallWidth,
     borderRadius: "calc( ".concat(token.switchSmallCircleSize, " / 2 + ").concat(token.switchSmallPaddingY, " )"),
     fontSize: token.switchSmallFontSize,
+    lineHeight: token.switchSmallCircleSize,
     '[data-soui-role="form-control"] > &': {
       marginTop: 8
     }
@@ -59,7 +61,8 @@ var switchStyle = _objectSpread(_objectSpread({
     padding: "".concat(token.switchLargePaddingY, " ").concat(token.switchLargePaddingX),
     minWidth: token.switchLargeWidth,
     borderRadius: "calc( ".concat(token.switchLargeCircleSize, " / 2 + ").concat(token.switchLargePaddingY, " )"),
-    fontSize: token.switchLargeFontSize
+    fontSize: token.switchLargeFontSize,
+    lineHeight: token.switchLargeCircleSize
   }),
   wrapperChecked: {},
   textPadding: {

package/esm/tabs/tabs.js

@@ -455,7 +455,7 @@ var tabsStyle = {
       border: '1px solid transparent'
     },
     '&[data-soui-shape="card"] $prev, &[data-soui-shape="card"] $next': {
-      background: '#FFFFFF',
+      background: Token.tabsCardCheckedBackgroundColor,
       alignSelf: 'stretch',
       display: 'flex',
       alignItems: 'center',

package/esm/transfer/transfer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC;AAElD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CAiN1C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC;AAElD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CAuN1C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/transfer/transfer.js

@@ -185,6 +185,12 @@ var TransferStyle = {
       '& $itemWrapper': {
         background: Token.transferItemHoverBackgroundColor
       }
+    },
+    '&:first-child': {
+      paddingTop: 0
+    },
+    '&:last-child': {
+      paddingBottom: 0
     }
   },
   disabled: {

package/esm/tree-select/tree-select.js

@@ -276,7 +276,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
   },
   pickerWrapper: {
     position: 'absolute',
-    backgroundColor: token.treeSelectPanelBackgroundColor,
+    backgroundColor: token.backgroundPopup,
     boxShadow: token.treeSelectPanelShadow,
     border: "1px solid ".concat(token.treeSelectPanelBorder),
     borderRadius: token.treeSelectPanelRadius,

package/esm/version.d.ts

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

package/esm/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA+B"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAgC"}

package/esm/version.js

@@ -1 +1 @@
-export default '3.9.13-beta.9';
+export default '3.9.14-beta.10';

package/package.json

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