@sheinx/shineout-style 3.9.12 → 3.9.13-beta.10

package/cjs/alert/alert.js

@@ -64,7 +64,7 @@ var alertStyle = {
   withTitle: {
     '& $icon': {
       fontSize: _theme.default.alertTitleFontSize,
-      width: "calc(".concat(_theme.default.alertTitleIconWidth, " + 2px)"),
+      width: "calc(".concat(_theme.default.alertTitleFontSize, " + 2px)"),
       height: _theme.default.lineHeightDynamic
     },
     '& $title': {
@@ -174,7 +174,7 @@ var alertStyle = {
     }
   },
   icon: {
-    width: _theme.default.alertIconSize,
+    width: "calc(".concat(_theme.default.alertFontSize, " + 2px)"),
     display: 'inline-flex',
     fontSize: _theme.default.alertFontSize,
     height: _theme.default.lineHeightDynamic,

package/cjs/badge/badge.d.ts

@@ -19,6 +19,7 @@ export type BadgeClasses = {
     default: string;
     processing: string;
     small: string;
+    standalone: string;
     '@keyframes animationZoom': string;
     '@keyframes animationProgressing': string;
 };

package/cjs/badge/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IAEnB,KAAK,EAAE,MAAM,CAAC;IAEd,0BAA0B,EAAE,MAAM,CAAC;IACnC,iCAAiC,EAAE,MAAM,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6HxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IAEnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IAEnB,0BAA0B,EAAE,MAAM,CAAC;IACnC,iCAAiC,EAAE,MAAM,CAAC;CAC3C,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAqIxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/badge/badge.js

@@ -26,6 +26,14 @@ var badgeStyle = {
       boxShadow: "0 0 0 1px #fff"
     }
   },
+  standalone: {
+    fontSize: 0,
+    '& $count,$custom,$dot': {
+      position: 'static',
+      transform: 'none',
+      boxShadow: 'none'
+    }
+  },
   textBadge: {
     display: 'block',
     lineHeight: 'inherit',

package/cjs/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAohB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAwDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA6hB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/cascader/cascader.js

@@ -40,6 +40,7 @@ var inputBorderToken = {
   errorFocusBorderColor: _theme.default.inputErrorFocusBorderColor,
   fontColor: _theme.default.inputFontColor,
   disabledFontColor: _theme.default.inputDisabledFontColor,
+  disabledPlaceholderColor: _theme.default.inputDisabledPlaceholderColor,
   backgroundColor: _theme.default.inputBackgroundColor,
   hoverBackgroundColor: _theme.default.inputHoverBackgroundColor,
   focusBackgroundColor: _theme.default.inputFocusBackgroundColor,
@@ -106,6 +107,9 @@ var cascaderStyle = _objectSpread(_objectSpread({
         // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
         fontSize: _theme.default.cascaderSmallFontSize
       },
+      '& $arrowIcon': {
+        width: _theme.default.inputSmallFontSize
+      },
       '& $clearIcon': {
         right: _theme.default.cascaderSmallPaddingX
       }
@@ -116,7 +120,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
         marginBottom: _theme.default.cascaderLargePlaceholderMarginY
       },
       '& $arrowIcon': {
-        width: _theme.default.cascaderLargeFontSize
+        width: _theme.default.inputLargeFontSize
       },
       '& $optionInner': {
         // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
@@ -220,7 +224,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
       whiteSpace: 'nowrap',
       textOverflow: 'ellipsis',
       '&::placeholder': {
-        color: _theme.default.cascaderPlaceholderColor
+        color: _theme.default.inputPlaceholderColor
       }
     }
   },
@@ -270,7 +274,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: _theme.default.cascaderPlaceholderColor
+        color: _theme.default.inputPlaceholderColor
       }
     }
   },
@@ -280,8 +284,11 @@ var cascaderStyle = _objectSpread(_objectSpread({
     }
   },
   resultTextDisabled: {
-    color: _theme.default.cascaderDisabledFontColor,
-    cursor: 'not-allowed'
+    color: _theme.default.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: _theme.default.inputDisabledPlaceholderColor
+    }
   },
   compressedWrapper: {
     width: 0,
@@ -303,10 +310,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
     }
   },
   placeholder: {
-    color: _theme.default.cascaderPlaceholderColor,
+    color: _theme.default.inputPlaceholderColor,
     lineHeight: _theme.default.lineHeightDynamic,
     marginTop: _theme.default.cascaderPlaceholderMarginY,
-    marginBottom: _theme.default.cascaderPlaceholderMarginY
+    marginBottom: _theme.default.cascaderPlaceholderMarginY,
+    '$wrapperDisabled &': {
+      color: _theme.default.inputDisabledPlaceholderColor
+    }
   },
   pickerWrapper: {
     position: 'absolute',
@@ -328,25 +338,25 @@ var cascaderStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: _theme.default.cascaderFontSize,
+    width: _theme.default.inputFontSize,
     lineHeight: 0,
-    color: _theme.default.cascaderClearColor,
+    color: _theme.default.inputClearColor,
     verticalAlign: 'middle',
     '&:hover': {
-      color: _theme.default.cascaderClearHoverColor
+      color: _theme.default.inputHoverClearColor
     },
     '$wrapperSmall &': {
-      width: _theme.default.cascaderSmallFontSize
+      width: _theme.default.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.cascaderLargeFontSize
+      width: _theme.default.inputLargeFontSize
     }
   },
   compressedIcon: {},
   arrowIcon: {
     display: 'inline-block',
     verticalAlign: 'middle',
-    width: _theme.default.cascaderFontSize,
+    width: _theme.default.inputFontSize,
     lineHeight: 0,
     color: _theme.default.cascaderIconColor,
     transition: 'transform 0.3s'
@@ -382,13 +392,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
   },
   loading: {
     padding: 10,
-    color: _theme.default.cascaderPlaceholderColor,
+    color: _theme.default.inputPlaceholderColor,
     display: 'flex',
     justifyContent: 'center'
   },
   empty: {
     padding: "calc(".concat(_theme.default.cascaderOptionPaddingY, " + ").concat(_theme.default.cascaderOptionInnerPaddingY, ") calc(").concat(_theme.default.cascaderOptionPaddingX, " + ").concat(_theme.default.cascaderOptionInnerPaddingX, ")"),
-    color: _theme.default.cascaderPlaceholderColor
+    color: _theme.default.inputPlaceholderColor
   },
   checkedIcon: {
     right: 8,
@@ -550,12 +560,12 @@ var cascaderStyle = _objectSpread(_objectSpread({
     justifyContent: 'center',
     '& svg': {
       verticalAlign: 'middle',
-      width: _theme.default.cascaderOptionIconSize,
+      width: _theme.default.cascaderFontSize,
       '$wrapperLarge &': {
-        width: _theme.default.cascaderLargeOptionIconSize
+        width: _theme.default.cascaderLargeFontSize
       },
       '$wrapperSmall &': {
-        width: _theme.default.cascaderSmallOptionIconSize
+        width: _theme.default.cascaderSmallFontSize
       }
     }
   },

package/cjs/checkbox/checkbox.js

@@ -45,17 +45,17 @@ var checkboxStyle = _objectSpread(_objectSpread({}, _common.animations), {}, {
     display: 'block',
     position: 'relative',
     boxSizing: 'border-box',
-    width: _theme.default.checkboxIconSize,
-    height: _theme.default.checkboxIconSize,
+    width: _theme.default.checkboxLabelFontSize,
+    height: _theme.default.checkboxLabelFontSize,
     // marginTop: token.checkboxIndicatorMarginTop,
     flexShrink: 0,
     '$wrapperSmall &': {
-      width: _theme.default.checkboxSmallIconSize,
-      height: _theme.default.checkboxSmallIconSize
+      width: _theme.default.checkboxSmallLabelFontSize,
+      height: _theme.default.checkboxSmallLabelFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.checkboxLargeIconSize,
-      height: _theme.default.checkboxLargeIconSize
+      width: _theme.default.checkboxLargeLabelFontSize,
+      height: _theme.default.checkboxLargeLabelFontSize
     },
     verticalAlign: 'middle',
     '&::before': {

package/cjs/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA+pBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAgE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA2qBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/date-picker/date-picker.js

@@ -39,6 +39,7 @@ var inputBorderToken = {
   errorFocusBorderColor: _theme.default.inputErrorFocusBorderColor,
   fontColor: _theme.default.inputFontColor,
   disabledFontColor: _theme.default.inputDisabledFontColor,
+  disabledPlaceholderColor: _theme.default.inputDisabledPlaceholderColor,
   backgroundColor: _theme.default.inputBackgroundColor,
   hoverBackgroundColor: _theme.default.inputHoverBackgroundColor,
   focusBackgroundColor: _theme.default.inputFocusBackgroundColor,
@@ -156,7 +157,13 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: _theme.default.datePickerPlaceholderColor
+        color: _theme.default.inputPlaceholderColor
+      },
+      '$wrapperDisabled &': {
+        color: _theme.default.inputDisabledFontColor,
+        '&::placeholder': {
+          color: _theme.default.inputDisabledPlaceholderColor
+        }
       }
     }
   },
@@ -179,7 +186,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: _theme.default.datePickerPlaceholderColor
+        color: _theme.default.inputPlaceholderColor
       }
     }
   },
@@ -189,8 +196,11 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     }
   },
   resultTextDisabled: {
-    color: _theme.default.datePickerDisabledFontColor,
-    cursor: 'not-allowed'
+    color: _theme.default.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: _theme.default.inputDisabledPlaceholderColor
+    }
   },
   placeholder: {
     color: _theme.default.datePickerPlaceholderColor
@@ -204,15 +214,15 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     alignItems: 'center',
     color: _theme.default.datePickerIconColor,
     '& svg': {
-      width: _theme.default.datePickerIconSize,
-      height: _theme.default.datePickerIconSize,
+      width: _theme.default.inputFontSize,
+      height: _theme.default.inputFontSize,
       '$wrapperSmall &': {
-        width: _theme.default.datePickerSmallIconSize,
-        height: _theme.default.datePickerSmallIconSize
+        width: _theme.default.inputSmallFontSize,
+        height: _theme.default.inputSmallFontSize
       },
       '$wrapperLarge &': {
-        width: _theme.default.datePickerLargeIconSize,
-        height: _theme.default.datePickerLargeIconSize
+        width: _theme.default.inputLargeFontSize,
+        height: _theme.default.inputLargeFontSize
       }
     },
     // todo 暂时写死
@@ -320,8 +330,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       transform: 'rotate(180deg)'
     },
     '& svg': {
-      width: _theme.default.datePickerPanelHeaderIconWidth,
-      height: _theme.default.datePickerPanelHeaderIconWidth
+      width: _theme.default.datePickerPanelHeaderFontSize,
+      height: _theme.default.datePickerPanelHeaderFontSize
     },
     '&:hover': {
       backgroundColor: _theme.default.datePickerPanelHeaderIconHoverBackgroundColor
@@ -330,9 +340,11 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
   pickerHeaderMid: {
     display: 'flex',
     alignItems: 'center',
+    fontSize: _theme.default.datePickerPanelHeaderFontSize,
+    color: _theme.default.datePickerPanelHeaderFontColor,
+    fontWeight: _theme.default.datePickerPanelHeaderFontWeight,
     '& > span': {
-      padding: "0 ".concat(_theme.default.datePickerPanelHeaderTitlePaddingX),
-      fontSize: _theme.default.datePickerPanelHeaderFontSize
+      padding: "0 ".concat(_theme.default.datePickerPanelHeaderTitlePaddingX)
     }
   },
   pickerHeaderInfo: {
@@ -683,8 +695,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       lineHeight: '0',
       marginRight: '8px',
       '& > svg': {
-        width: _theme.default.datePickerIconSize,
-        height: _theme.default.datePickerIconSize,
+        width: _theme.default.datePickerPanelBodyFontSize,
+        height: _theme.default.datePickerPanelBodyFontSize,
         color: _theme.default.datePickerIconColor
       }
     },
@@ -720,7 +732,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     },
     whiteSpace: 'nowrap',
     textAlign: 'left',
-    fontSize: _theme.default.datePickerQuickPanelItemFontSize,
+    color: _theme.default.buttonSecondaryTextFontColor,
+    fontSize: _theme.default.buttonSmallFontSize,
     padding: "".concat(_theme.default.datePickerQuickPanelItemPaddingY, " ").concat(_theme.default.datePickerQuickPanelItemPaddingX),
     lineHeight: _theme.default.lineHeightDynamic,
     borderRadius: '4px',

package/cjs/dropdown/dropdown.d.ts.map

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

package/cjs/dropdown/dropdown.js

@@ -84,7 +84,7 @@ var dropdown = {
     }
   },
   boxList: {
-    padding: "".concat(_theme.default.dropdownColumnPaddingY, " ").concat(_theme.default.dropdownColumnPaddingX),
+    padding: "".concat(_theme.default.dropdownListPaddingY, " ").concat(_theme.default.dropdownListPaddingX),
     '& $item': {
       textAlign: 'center'
     }
@@ -192,7 +192,15 @@ var dropdown = {
     }
   },
   optionDivider: {
-    padding: "".concat(_theme.default.dropdownOptionDividerPaddingY, " ").concat(_theme.default.dropdownOptionDividerPaddingX),
+    padding: "".concat(_theme.default.dropdownOptionDividerPaddingY, " ").concat(_theme.default.dropdownOptionPaddingX),
+    '$listSmall &': {
+      paddingLeft: _theme.default.dropdownOptionSmallPaddingX,
+      paddingRight: _theme.default.dropdownOptionSmallPaddingX
+    },
+    '$listLarge &': {
+      paddingLeft: _theme.default.dropdownOptionLargePaddingX,
+      paddingRight: _theme.default.dropdownOptionLargePaddingX
+    },
     '&::before': {
       content: '" "',
       height: _theme.default.dropdownOptionDividerHeight,

package/cjs/editable-area/editable-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editable-area.d.ts","sourceRoot":"","sources":["editable-area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAuD9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAyDtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"editable-area.d.ts","sourceRoot":"","sources":["editable-area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAwD9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAyDtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/cjs/editable-area/editable-area.js

@@ -38,6 +38,7 @@ var inputBorderToken = {
   errorFocusBorderColor: _theme.default.inputErrorFocusBorderColor,
   fontColor: _theme.default.inputFontColor,
   disabledFontColor: _theme.default.inputDisabledFontColor,
+  disabledPlaceholderColor: _theme.default.inputDisabledPlaceholderColor,
   backgroundColor: _theme.default.inputBackgroundColor,
   hoverBackgroundColor: _theme.default.inputHoverBackgroundColor,
   focusBackgroundColor: _theme.default.inputFocusBackgroundColor,
@@ -80,8 +81,8 @@ var editableAreaStyle = _objectSpread(_objectSpread({
   clear: {
     position: 'absolute',
     display: 'flex',
-    width: _theme.default.inputIconSize,
-    height: _theme.default.inputIconSize,
+    width: _theme.default.inputFontSize,
+    height: _theme.default.inputFontSize,
     top: 0,
     bottom: 0,
     margin: 'auto',

package/cjs/form/form-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAYxC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAwJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAYxC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAuJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/form/form-item.js

@@ -170,9 +170,8 @@ var formItemStyle = _objectSpread(_objectSpread({
     minHeight: _theme.default.formItemTipMinHeight,
     fontSize: _theme.default.formItemDangerFontSize,
     fontWeight: _theme.default.formItemDangerFontWeight,
-    animation: '$appear 1s ease-in-out forwards'
-    // flexBasis: '100%',
-    // width: 0,
+    animation: '$appear 1s ease-in-out forwards',
+    marginTop: _theme.default.formItemTipMarginTop
   },
   tip: {
     color: _theme.default.formItemTipFontColor,

package/cjs/image/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAmbpC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAobpC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/image/image.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _theme = _interopRequireDefault(require("@sheinx/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _theme = _interopRequireWildcard(require("@sheinx/theme"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -193,15 +194,14 @@ var ImageStyle = _objectSpread(_objectSpread({
     margin: 'auto',
     backgroundColor: _theme.default.imagePlaceholderBackgroundColor
   },
-  defaultPlaceholder: {
+  defaultPlaceholder: _defineProperty(_defineProperty({
     width: '100%',
     height: '100%',
     margin: 'auto',
     display: 'flex',
     alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: _theme.default.imagePlaceholderBackgroundColor
-  },
+    justifyContent: 'center'
+  }, (0, _theme.getTokenName)('spinColor'), _theme.default.imageSpinColor), "backgroundColor", _theme.default.imagePlaceholderBackgroundColor),
   defaultError: {
     width: '100%',
     height: '100%',

package/cjs/input/input-border.d.ts

@@ -21,6 +21,7 @@ interface Token {
     errorFocusBorderColor: string;
     fontColor: string;
     disabledFontColor: string;
+    disabledPlaceholderColor: string;
     backgroundColor: string;
     hoverBackgroundColor: string;
     focusBackgroundColor: string;

package/cjs/input/input-border.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AASA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBA0ME"}
+{"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AASA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,wBAAwB,EAAE,MAAM,CAAC;IAEjC,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBA8ME"}

package/cjs/input/input-border.js

@@ -137,10 +137,14 @@ var _default = exports.default = function _default(name) {
       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',
     // }
@@ -150,7 +154,7 @@ var _default = exports.default = function _default(name) {
     borderColor: token.disabledBorderColor,
     boxShadow: 'none',
     cursor: 'not-allowed'
-  }, (0, _theme.getTokenName)('inputInnerPlaceFontColor'), token.disabledFontColor), (0, _theme.getTokenName)('inputInnerFontColor'), token.disabledFontColor), "&:not($".concat(name, "Error):hover"), {
+  }, (0, _theme.getTokenName)('inputInnerPlaceFontColor'), token.disabledPlaceholderColor), (0, _theme.getTokenName)('inputInnerFontColor'), token.disabledPlaceholderColor), "&:not($".concat(name, "Error):hover"), {
     borderColor: token.disabledBorderColor
   }), '& *', {
     cursor: 'not-allowed'

package/cjs/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;AAgH5C,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;AAiH5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAqNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/input/input.js

@@ -38,6 +38,7 @@ var inputBorderToken = {
   errorFocusBorderColor: _theme.default.inputErrorFocusBorderColor,
   fontColor: _theme.default.inputFontColor,
   disabledFontColor: _theme.default.inputDisabledFontColor,
+  disabledPlaceholderColor: _theme.default.inputDisabledPlaceholderColor,
   backgroundColor: _theme.default.inputBackgroundColor,
   hoverBackgroundColor: _theme.default.inputHoverBackgroundColor,
   focusBackgroundColor: _theme.default.inputFocusBackgroundColor,
@@ -178,7 +179,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   },
   clearWrapper: {
     position: 'relative',
-    flexBasis: "calc(".concat(_theme.default.inputIconSize, " + 8px)"),
+    flexBasis: "calc(".concat(_theme.default.inputFontSize, " + 8px)"),
     flexShrink: 0,
     display: 'none',
     '$wrapper:hover &, $wrapperFocus &': {
@@ -187,7 +188,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   },
   password: {
     '& $clearWrapper': {
-      flexBasis: "calc(".concat(_theme.default.inputIconSize, " + 12px)")
+      flexBasis: "calc(".concat(_theme.default.inputFontSize, " + 12px)")
     },
     '& $clear': {
       marginRight: 8,
@@ -202,8 +203,8 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     top: '0',
     bottom: '0',
     margin: 'auto',
-    width: _theme.default.inputIconSize,
-    height: _theme.default.inputIconSize,
+    width: _theme.default.inputFontSize,
+    height: _theme.default.inputFontSize,
     boxSizing: 'border-box',
     display: 'flex',
     cursor: 'pointer',
@@ -218,12 +219,12 @@ var input = _objectSpread(_objectSpread(_objectSpread({
       left: '0'
     },
     '$wrapperSmall &': {
-      width: _theme.default.inputSmallIconSize,
-      height: _theme.default.inputSmallIconSize
+      width: _theme.default.inputSmallFontSize,
+      height: _theme.default.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.inputLargeIconSize,
-      height: _theme.default.inputLargeIconSize
+      width: _theme.default.inputLargeFontSize,
+      height: _theme.default.inputLargeFontSize
     }
   },
   group: _objectSpread(_objectSpread({}, group), {}, {
@@ -273,7 +274,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
         borderBottom: "1px solid ".concat(_theme.default.inputBorderColor)
       },
       '& svg': {
-        width: _theme.default.inputIconSize,
+        width: _theme.default.inputFontSize,
         transform: 'rotate(-90deg)'
       }
     },
@@ -289,20 +290,20 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     display: 'flex',
     alignItems: 'center',
     flexShrink: 0,
-    width: _theme.default.inputIconSize,
-    height: _theme.default.inputIconSize,
+    width: _theme.default.inputFontSize,
+    height: _theme.default.inputFontSize,
     color: _theme.default.inputToggleColor,
     cursor: 'pointer',
     '$wrapperDisabled &': {
       color: _theme.default.inputDisabledFontColor
     },
     '$wrapperSmall &': {
-      width: _theme.default.inputSmallIconSize,
-      height: _theme.default.inputSmallIconSize
+      width: _theme.default.inputSmallFontSize,
+      height: _theme.default.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.inputLargeIconSize,
-      height: _theme.default.inputLargeIconSize
+      width: _theme.default.inputLargeFontSize,
+      height: _theme.default.inputLargeFontSize
     },
     '& > svg': {
       cursor: 'pointer',

package/cjs/menu/menu.js

@@ -413,13 +413,13 @@ var menuStyle = {
     minWidth: 0,
     padding: "".concat(_theme.default.menuTitlePaddingY, " ").concat(_theme.default.menuTitlePaddingX),
     '$wrapperInline $childrenHasExpand  $item:not($itemHasChildren)  $itemContentBack > &': {
-      paddingRight: "calc(".concat(_theme.default.menuIconMarginX, " + ").concat(_theme.default.menuTitlePaddingX, " + ").concat(_theme.default.menuExpandSize, ")")
+      paddingRight: "calc(".concat(_theme.default.menuIconMarginX, " + ").concat(_theme.default.menuTitlePaddingX, " + ").concat(_theme.default.menuFontSize, ")")
     },
     '$wrapperInline $itemHasChildren > $itemContentBack > &': {
       paddingRight: 0
     },
     '$childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
-      paddingRight: "calc(".concat(_theme.default.menuIconMarginX, " + ").concat(_theme.default.menuTitlePaddingX, " + ").concat(_theme.default.menuExpandSize, ")")
+      paddingRight: "calc(".concat(_theme.default.menuIconMarginX, " + ").concat(_theme.default.menuTitlePaddingX, " + ").concat(_theme.default.menuFontSize, ")")
     },
     '$wrapperHorizontal $childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
       paddingRight: _theme.default.menuTitlePaddingX
@@ -461,8 +461,8 @@ var menuStyle = {
     },
     '& > $icon': {
       lineHeight: 1,
-      width: _theme.default.menuExpandSize,
-      height: _theme.default.menuExpandSize,
+      width: _theme.default.menuFontSize,
+      height: _theme.default.menuFontSize,
       alignSelf: 'flex-start',
       alignItems: 'center',
       display: 'flex',

package/cjs/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6TxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA+TxC,CAAC;AAEF,eAAe,UAAU,CAAC"}