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

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
@@ -340,7 +339,7 @@ var selectStyle = _objectSpread(_objectSpread({
     verticalAlign: 'middle',
     width: token.inputFontSize,
     lineHeight: 0,
-    color: token.selectIconColor,
+    color: token.inputIconColor,
     transition: 'transform 0.3s'
   },
   arrowIconOpen: {
@@ -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.13";
 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,wBAAwB"}

package/esm/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/shineout-style",
-  "version": "3.9.13-beta.9",
+  "version": "3.9.13",
   "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.13",
+    "@sheinx/base": "3.9.13"
   },
   "peerDependencies": {
     "core-js": ">=3"