@sheinx/shineout-style 3.1.8 → 3.2.0-rc.2

package/esm/select/select.js

@@ -10,27 +10,36 @@ import token from '@sheinx/theme';
 import border from "../input/input-border";
 var inputBorderToken = {
   lineHeight: token.lineHeightDynamic,
-  borderRadius: token.selectBorderRadius,
-  fontSize: token.selectFontSize,
-  smallFontSize: token.selectSmallFontSize,
-  largeFontSize: token.selectLargeFontSize,
+  borderRadius: token.inputBorderRadius,
+  fontSize: token.inputFontSize,
+  fontWeight: token.inputFontWeight,
+  smallFontSize: token.inputSmallFontSize,
+  largeFontSize: token.inputLargeFontSize,
   paddingY: token.selectPaddingY,
   smallPaddingY: token.selectSmallPaddingY,
   largePaddingY: token.selectLargePaddingY,
   paddingX: token.selectPaddingX,
   smallPaddingX: token.selectSmallPaddingX,
   largePaddingX: token.selectLargePaddingX,
-  borderColor: token.selectBorderColor,
-  focusBorderColor: token.selectFocusBorderColor,
-  hoverBorderColor: token.selectHoverBorderColor,
-  disabledBorderColor: token.selectDisabledBorderColor,
-  errorBorderColor: token.selectErrorBorderColor,
-  fontColor: token.selectFontColor,
-  disabledFontColor: token.selectDisabledFontColor,
-  backgroundColor: token.selectBackgroundColor,
-  disabledBackgroundColor: token.selectDisabledBackgroundColor,
-  focusShadow: token.selectFocusShadow,
-  errorFocusShadow: token.selectErrorFocusShadow,
+  borderColor: token.inputBorderColor,
+  borderWidth: token.inputBorderWidth,
+  focusBorderColor: token.inputFocusBorderColor,
+  hoverBorderColor: token.inputHoverBorderColor,
+  disabledBorderColor: token.inputDisabledBorderColor,
+  errorBorderColor: token.inputErrorBorderColor,
+  errorHoverBorderColor: token.inputErrorHoverBorderColor,
+  errorFocusBorderColor: token.inputErrorFocusBorderColor,
+  fontColor: token.inputFontColor,
+  disabledFontColor: token.inputDisabledFontColor,
+  backgroundColor: token.inputBackgroundColor,
+  hoverBackgroundColor: token.inputHoverBackgroundColor,
+  focusBackgroundColor: token.inputFocusBackgroundColor,
+  disabledBackgroundColor: token.inputDisabledBackgroundColor,
+  errorBackgroundColor: token.inputErrorBackgroundColor,
+  errorFocusBackgroundColor: token.inputErrorFocusBackgroundColor,
+  errorHoverBackgroundColor: token.inputErrorHoverBackgroundColor,
+  focusShadow: token.inputFocusShadow,
+  errorFocusShadow: token.inputErrorFocusShadow,
   innerTitlePaddingY: token.inputInnerPaddingY,
   innerTitlePaddingX: token.inputInnerPaddingX,
   smallInnerTitlePaddingY: token.inputInnerSmallPaddingY,
@@ -91,7 +100,7 @@ var selectStyle = _objectSpread(_objectSpread({
         marginBottom: token.selectLargePlaceholderMarginY
       }
     },
-    '&:hover': {
+    '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
       cursor: 'pointer',
       '&$clearable:not($wrapperEmpty)': {
         '& $clearIcon': {
@@ -101,7 +110,7 @@ var selectStyle = _objectSpread(_objectSpread({
           display: 'none'
         }
       }
-    },
+    }),
     '&:not($wrapperEmpty):not($wrapperOpen)': {
       '& $clearIcon': {
         display: 'none'
@@ -113,6 +122,9 @@ var selectStyle = _objectSpread(_objectSpread({
   wrapperDisabled: _objectSpread(_objectSpread({}, wrapperDisabled), {}, {
     '& $arrowIcon': {
       color: token.selectDisabledIconColor
+    },
+    '& $placeholder': {
+      color: token.selectDisabledPlaceholderColor
     }
   }),
   popover: {}
@@ -326,8 +338,13 @@ var selectStyle = _objectSpread(_objectSpread({
   loading: {
     padding: 10,
     display: 'flex',
-    justifyContent: 'center'
+    justifyContent: 'center',
+    '& > $loadingSpin': {
+      borderColor: token.selectLoadingSpinColor,
+      borderTopColor: 'transparent'
+    }
   },
+  loadingSpin: {},
   checkedIcon: {
     '&[dir=ltr]': {
       right: 8
@@ -417,10 +434,16 @@ var selectStyle = _objectSpread(_objectSpread({
     overflow: 'hidden',
     textOverflow: 'ellipsis',
     whiteSpace: 'nowrap',
+    color: token.selectOptionFontColor,
     fontSize: token.selectFontSize,
     lineHeight: token.lineHeightDynamic,
+    background: token.selectOptionBackgroundColor,
     padding: "".concat(token.selectOptionInnerPaddingY, " ").concat(token.selectOptionInnerPaddingX),
-    borderRadius: token.selectOptionInnerBorderRadius
+    borderRadius: token.selectOptionInnerBorderRadius,
+    // hover
+    '&:not($optionDisabled):not($optionActive):hover': {
+      color: token.selectOptionHoverFontColor
+    }
   },
   optionHover: {
     // backgroundColor: token.selectOptionHoverBackgroundColor,
@@ -450,14 +473,15 @@ var selectStyle = _objectSpread(_objectSpread({
     fontSize: token.selectGroupTitleFontSize,
     lineHeight: token.lineHeightDynamic,
     padding: "".concat(token.selectGroupTitlePaddingTop, " ").concat(token.selectGroupTitlePaddingX, " ").concat(token.selectGroupTitlePaddingBottom, " ").concat(token.selectGroupTitlePaddingX),
-    color: token.selectGroupTitleFontColor
+    color: token.selectGroupTitleFontColor,
+    fontWeight: token.selectGroupTitleFontWeight
   },
   header: {
     display: 'flex',
     alignItems: 'center',
     boxSizing: 'border-box',
     height: 32,
-    padding: token.selectHeaderPadding,
+    padding: "".concat(token.selectHeaderPaddingY, " ").concat(token.selectHeaderPaddingX),
     borderBottom: "1px solid ".concat(token.selectHeaderBorderColor),
     marginBottom: 4,
     '& $columnsCheckbox': {
@@ -474,7 +498,7 @@ var selectStyle = _objectSpread(_objectSpread({
     alignItems: 'center',
     padding: "0 ".concat(token.selectOptionPaddingX),
     '& $optionGroupTitle': {
-      padding: "0 ".concat(token.selectHeaderPadding),
+      padding: "0 ".concat(token.selectHeaderPaddingX),
       marginLeft: token.selectColumnOptionMargin
     }
   },
@@ -491,8 +515,8 @@ var selectStyle = _objectSpread(_objectSpread({
       marginRight: 0
     },
     '&:not($optionDisabled):hover': {
-      background: token.selectColumnBackgroundColor,
-      borderRadius: token.selectColumnBorderRadius
+      background: token.selectOptionHoverBackgroundColor,
+      borderRadius: token.selectPanelRadius
     }
   },
   columnsRadio: {
@@ -517,7 +541,7 @@ var selectStyle = _objectSpread(_objectSpread({
     }
   },
   empty: {
-    color: token.selectPlaceholderColor
+    color: token.selectEmptyFontColor
   }
 });
 export default selectStyle;

package/esm/textarea/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AA6CxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CA4F1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyDxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CA4F1C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/textarea/textarea.js

@@ -8,36 +8,46 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import border from "../input/input-border";
 import token from '@sheinx/theme';
-var inputBorder = border('wrapper', {
+var inputBorderToken = {
   lineHeight: token.lineHeightDynamic,
-  borderRadius: token.textareaBorderRadius,
-  fontSize: token.textareaFontSize,
-  smallFontSize: token.textareaSmallFontSize,
-  largeFontSize: token.textareaLargeFontSize,
-  paddingY: token.textareaPaddingY,
-  smallPaddingY: token.textareaSmallPaddingY,
-  largePaddingY: token.textareaLargePaddingY,
-  paddingX: token.textareaPaddingX,
-  smallPaddingX: token.textareaSmallPaddingX,
-  largePaddingX: token.textareaLargePaddingX,
-  borderColor: token.textareaBorderColor,
-  focusBorderColor: token.textareaFocusBorderColor,
-  hoverBorderColor: token.textareaHoverBorderColor,
-  disabledBorderColor: token.textareaDisabledBorderColor,
-  errorBorderColor: token.textareaErrorBorderColor,
-  fontColor: token.textareaFontColor,
-  disabledFontColor: token.textareaDisabledFontColor,
-  backgroundColor: token.textareaBackgroundColor,
-  disabledBackgroundColor: token.textareaDisabledBackgroundColor,
-  focusShadow: token.textareaFocusShadow,
-  errorFocusShadow: token.textareaErrorFocusShadow,
+  borderRadius: token.inputBorderRadius,
+  fontSize: token.inputFontSize,
+  fontWeight: token.inputFontWeight,
+  smallFontSize: token.inputSmallFontSize,
+  largeFontSize: token.inputLargeFontSize,
+  paddingY: token.inputPaddingY,
+  smallPaddingY: token.inputSmallPaddingY,
+  largePaddingY: token.inputLargePaddingY,
+  paddingX: token.inputPaddingX,
+  smallPaddingX: token.inputSmallPaddingX,
+  largePaddingX: token.inputLargePaddingX,
+  borderColor: token.inputBorderColor,
+  borderWidth: token.inputBorderWidth,
+  focusBorderColor: token.inputFocusBorderColor,
+  hoverBorderColor: token.inputHoverBorderColor,
+  disabledBorderColor: token.inputDisabledBorderColor,
+  errorBorderColor: token.inputErrorBorderColor,
+  errorHoverBorderColor: token.inputErrorHoverBorderColor,
+  errorFocusBorderColor: token.inputErrorFocusBorderColor,
+  fontColor: token.inputFontColor,
+  disabledFontColor: token.inputDisabledFontColor,
+  backgroundColor: token.inputBackgroundColor,
+  hoverBackgroundColor: token.inputHoverBackgroundColor,
+  focusBackgroundColor: token.inputFocusBackgroundColor,
+  disabledBackgroundColor: token.inputDisabledBackgroundColor,
+  errorBackgroundColor: token.inputErrorBackgroundColor,
+  errorFocusBackgroundColor: token.inputErrorFocusBackgroundColor,
+  errorHoverBackgroundColor: token.inputErrorHoverBackgroundColor,
+  focusShadow: token.inputFocusShadow,
+  errorFocusShadow: token.inputErrorFocusShadow,
   innerTitlePaddingY: token.inputInnerPaddingY,
   innerTitlePaddingX: token.inputInnerPaddingX,
   smallInnerTitlePaddingY: token.inputInnerSmallPaddingY,
   smallInnerTitlePaddingX: token.inputInnerSmallPaddingX,
   largeInnerTitlePaddingY: token.inputInnerLargePaddingY,
   largeInnerTitlePaddingX: token.inputInnerLargePaddingX
-});
+};
+var inputBorder = border('wrapper', inputBorderToken);
 var wrapper = inputBorder.wrapper,
   resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper"]);
 var input = _objectSpread(_objectSpread(_objectSpread({}, inputBorder), {}, {

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

@@ -1 +1 @@
-{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA8C1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA0clD,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA0clD,CAAC;AACF,eAAe,eAAe,CAAC"}

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

@@ -10,27 +10,36 @@ import token from '@sheinx/theme';
 import border from "../input/input-border";
 var inputBorderToken = {
   lineHeight: token.lineHeightDynamic,
-  borderRadius: token.treeSelectBorderRadius,
-  fontSize: token.treeSelectFontSize,
-  smallFontSize: token.treeSelectSmallFontSize,
-  largeFontSize: token.treeSelectLargeFontSize,
-  paddingY: token.treeSelectPaddingY,
-  smallPaddingY: token.treeSelectSmallPaddingY,
-  largePaddingY: token.treeSelectLargePaddingY,
-  paddingX: token.treeSelectPaddingX,
-  smallPaddingX: token.treeSelectSmallPaddingX,
-  largePaddingX: token.treeSelectLargePaddingX,
-  borderColor: token.treeSelectBorderColor,
-  focusBorderColor: token.treeSelectFocusBorderColor,
-  hoverBorderColor: token.treeSelectHoverBorderColor,
-  disabledBorderColor: token.treeSelectDisabledBorderColor,
-  errorBorderColor: token.treeSelectErrorBorderColor,
-  fontColor: token.treeSelectFontColor,
-  disabledFontColor: token.treeSelectDisabledFontColor,
-  backgroundColor: token.treeSelectBackgroundColor,
-  disabledBackgroundColor: token.treeSelectDisabledBackgroundColor,
-  focusShadow: token.treeSelectFocusShadow,
-  errorFocusShadow: token.treeSelectErrorFocusShadow,
+  borderRadius: token.inputBorderRadius,
+  fontSize: token.inputFontSize,
+  fontWeight: token.inputFontWeight,
+  smallFontSize: token.inputSmallFontSize,
+  largeFontSize: token.inputLargeFontSize,
+  paddingY: token.selectPaddingY,
+  smallPaddingY: token.selectSmallPaddingY,
+  largePaddingY: token.selectLargePaddingY,
+  paddingX: token.selectPaddingX,
+  smallPaddingX: token.selectSmallPaddingX,
+  largePaddingX: token.selectLargePaddingX,
+  borderColor: token.inputBorderColor,
+  borderWidth: token.inputBorderWidth,
+  focusBorderColor: token.inputFocusBorderColor,
+  hoverBorderColor: token.inputHoverBorderColor,
+  disabledBorderColor: token.inputDisabledBorderColor,
+  errorBorderColor: token.inputErrorBorderColor,
+  errorHoverBorderColor: token.inputErrorHoverBorderColor,
+  errorFocusBorderColor: token.inputErrorFocusBorderColor,
+  fontColor: token.inputFontColor,
+  disabledFontColor: token.inputDisabledFontColor,
+  backgroundColor: token.inputBackgroundColor,
+  hoverBackgroundColor: token.inputHoverBackgroundColor,
+  focusBackgroundColor: token.inputFocusBackgroundColor,
+  disabledBackgroundColor: token.inputDisabledBackgroundColor,
+  errorBackgroundColor: token.inputErrorBackgroundColor,
+  errorFocusBackgroundColor: token.inputErrorFocusBackgroundColor,
+  errorHoverBackgroundColor: token.inputErrorHoverBackgroundColor,
+  focusShadow: token.inputFocusShadow,
+  errorFocusShadow: token.inputErrorFocusShadow,
   innerTitlePaddingY: token.inputInnerPaddingY,
   innerTitlePaddingX: token.inputInnerPaddingX,
   smallInnerTitlePaddingY: token.inputInnerSmallPaddingY,

package/esm/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.1.8";
+declare const _default: "3.2.0-rc.2";
 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,wBAAuB"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA4B"}

package/esm/version.js

@@ -1 +1 @@
-export default '3.1.8';
+export default '3.2.0-rc.2';

package/package.json

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