@sheinx/shineout-style 3.9.13-beta.1 → 3.9.13-beta.11

package/esm/cascader/cascader.js

@@ -98,6 +98,9 @@ var cascaderStyle = _objectSpread(_objectSpread({
         // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
         fontSize: token.cascaderSmallFontSize
       },
+      '& $arrowIcon': {
+        width: token.inputSmallFontSize
+      },
       '& $clearIcon': {
         right: token.cascaderSmallPaddingX
       }
@@ -108,7 +111,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
         marginBottom: token.cascaderLargePlaceholderMarginY
       },
       '& $arrowIcon': {
-        width: token.cascaderLargeFontSize
+        width: token.inputLargeFontSize
       },
       '& $optionInner': {
         // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
@@ -212,7 +215,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
       whiteSpace: 'nowrap',
       textOverflow: 'ellipsis',
       '&::placeholder': {
-        color: token.cascaderPlaceholderColor
+        color: token.inputPlaceholderColor
       }
     }
   },
@@ -262,7 +265,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: token.cascaderPlaceholderColor
+        color: token.inputPlaceholderColor
       }
     }
   },
@@ -272,8 +275,11 @@ var cascaderStyle = _objectSpread(_objectSpread({
     }
   },
   resultTextDisabled: {
-    color: token.cascaderDisabledFontColor,
-    cursor: 'not-allowed'
+    color: token.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: token.inputDisabledPlaceholderColor
+    }
   },
   compressedWrapper: {
     width: 0,
@@ -295,10 +301,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
     }
   },
   placeholder: {
-    color: token.cascaderPlaceholderColor,
+    color: token.inputPlaceholderColor,
     lineHeight: token.lineHeightDynamic,
     marginTop: token.cascaderPlaceholderMarginY,
-    marginBottom: token.cascaderPlaceholderMarginY
+    marginBottom: token.cascaderPlaceholderMarginY,
+    '$wrapperDisabled &': {
+      color: token.inputDisabledPlaceholderColor
+    }
   },
   pickerWrapper: {
     position: 'absolute',
@@ -320,25 +329,25 @@ var cascaderStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: token.cascaderFontSize,
+    width: token.inputFontSize,
     lineHeight: 0,
-    color: token.cascaderClearColor,
+    color: token.inputClearColor,
     verticalAlign: 'middle',
     '&:hover': {
-      color: token.cascaderClearHoverColor
+      color: token.inputHoverClearColor
     },
     '$wrapperSmall &': {
-      width: token.cascaderSmallFontSize
+      width: token.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: token.cascaderLargeFontSize
+      width: token.inputLargeFontSize
     }
   },
   compressedIcon: {},
   arrowIcon: {
     display: 'inline-block',
     verticalAlign: 'middle',
-    width: token.cascaderFontSize,
+    width: token.inputFontSize,
     lineHeight: 0,
     color: token.cascaderIconColor,
     transition: 'transform 0.3s'
@@ -374,13 +383,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
   },
   loading: {
     padding: 10,
-    color: token.cascaderPlaceholderColor,
+    color: token.inputPlaceholderColor,
     display: 'flex',
     justifyContent: 'center'
   },
   empty: {
     padding: "calc(".concat(token.cascaderOptionPaddingY, " + ").concat(token.cascaderOptionInnerPaddingY, ") calc(").concat(token.cascaderOptionPaddingX, " + ").concat(token.cascaderOptionInnerPaddingX, ")"),
-    color: token.cascaderPlaceholderColor
+    color: token.inputPlaceholderColor
   },
   checkedIcon: {
     right: 8,
@@ -471,16 +480,28 @@ var cascaderStyle = _objectSpread(_objectSpread({
       '&:hover': {
         '& $optionInner': {
           color: token.cascaderOptionHoverFontColor,
-          backgroundColor: token.cascaderOptionHoverBackgroundColor
+          backgroundColor: token.cascaderOptionHoverBackgroundColor,
+          '& $optionIcon': {
+            color: token.cascaderOptionHoverIconColor
+          }
         }
       },
       '&:hover $optionInner:active, & $optionInner:active': {
-        color: token.cascaderOptionHoverFontColor,
-        backgroundColor: "".concat(token.cascaderOptionFocusBackgroundColor)
+        color: token.cascaderOptionFocusFontColor,
+        backgroundColor: "".concat(token.cascaderOptionFocusBackgroundColor),
+        '& $optionIcon': {
+          color: token.cascaderOptionFocusIconColor
+        }
       }
     },
     '& $optionCheckbox': {
       marginRight: 8
+    },
+    '&:first-child': {
+      paddingTop: 0
+    },
+    '&:last-child': {
+      paddingBottom: 0
     }
   },
   filterOption: {
@@ -542,12 +563,12 @@ var cascaderStyle = _objectSpread(_objectSpread({
     justifyContent: 'center',
     '& svg': {
       verticalAlign: 'middle',
-      width: token.cascaderOptionIconSize,
+      width: token.cascaderFontSize,
       '$wrapperLarge &': {
-        width: token.cascaderLargeOptionIconSize
+        width: token.cascaderLargeFontSize
       },
       '$wrapperSmall &': {
-        width: token.cascaderSmallOptionIconSize
+        width: token.cascaderSmallFontSize
       }
     }
   },
@@ -555,18 +576,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
     paddingTop: 2
   },
   optionHover: {},
-  optionActive: {
-    color: token.cascaderOptionActiveColor,
-    backgroundColor: token.cascaderOptionActiveBackgroundColor,
-    '&>div': {
-      color: token.cascaderOptionActiveColor
-    }
-  },
   optionDisabled: {
     cursor: 'not-allowed',
     color: token.cascaderOptionDisabledColor,
-    backgroundColor: token.cascaderOptionDisabledBackgroundColor,
-    '&>div': {
+    '& > $optionInner': {
       cursor: 'not-allowed',
       color: token.cascaderOptionDisabledColor,
       backgroundColor: token.cascaderOptionDisabledBackgroundColor

package/esm/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;AAgE1D,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,CA8qBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/date-picker/date-picker.js

@@ -150,7 +150,13 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: token.datePickerPlaceholderColor
+        color: token.inputPlaceholderColor
+      },
+      '$wrapperDisabled &': {
+        color: token.inputDisabledFontColor,
+        '&::placeholder': {
+          color: token.inputDisabledPlaceholderColor
+        }
       }
     }
   },
@@ -173,7 +179,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: token.datePickerPlaceholderColor
+        color: token.inputPlaceholderColor
       }
     }
   },
@@ -183,8 +189,11 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     }
   },
   resultTextDisabled: {
-    color: token.datePickerDisabledFontColor,
-    cursor: 'not-allowed'
+    color: token.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: token.inputDisabledPlaceholderColor
+    }
   },
   placeholder: {
     color: token.datePickerPlaceholderColor
@@ -198,15 +207,15 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     alignItems: 'center',
     color: token.datePickerIconColor,
     '& svg': {
-      width: token.datePickerIconSize,
-      height: token.datePickerIconSize,
+      width: token.inputFontSize,
+      height: token.inputFontSize,
       '$wrapperSmall &': {
-        width: token.datePickerSmallIconSize,
-        height: token.datePickerSmallIconSize
+        width: token.inputSmallFontSize,
+        height: token.inputSmallFontSize
       },
       '$wrapperLarge &': {
-        width: token.datePickerLargeIconSize,
-        height: token.datePickerLargeIconSize
+        width: token.inputLargeFontSize,
+        height: token.inputLargeFontSize
       }
     },
     // todo 暂时写死
@@ -314,8 +323,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       transform: 'rotate(180deg)'
     },
     '& svg': {
-      width: token.datePickerPanelHeaderIconWidth,
-      height: token.datePickerPanelHeaderIconWidth
+      width: token.datePickerPanelHeaderFontSize,
+      height: token.datePickerPanelHeaderFontSize
     },
     '&:hover': {
       backgroundColor: token.datePickerPanelHeaderIconHoverBackgroundColor
@@ -324,9 +333,11 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
   pickerHeaderMid: {
     display: 'flex',
     alignItems: 'center',
+    fontSize: token.datePickerPanelHeaderFontSize,
+    color: token.datePickerPanelHeaderFontColor,
+    fontWeight: token.datePickerPanelHeaderFontWeight,
     '& > span': {
-      padding: "0 ".concat(token.datePickerPanelHeaderTitlePaddingX),
-      fontSize: token.datePickerPanelHeaderFontSize
+      padding: "0 ".concat(token.datePickerPanelHeaderTitlePaddingX)
     }
   },
   pickerHeaderInfo: {
@@ -634,14 +645,16 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     flex: '1',
     position: 'relative',
     borderRadius: token.datePickerTimeItemBorderRadius,
+    color: token.datePickerCellColor,
     '&:not($timeItemDisabled):hover': {
-      backgroundColor: token.datePickerTimeItemHoverBackgroundColor
+      color: token.datePickerCellHoverColor,
+      backgroundColor: token.datePickerCellHoverBackgroundColor
     },
     '$timeItemDisabled&': {
       color: token.datePickerTimeItemDisabledColor,
       cursor: 'not-allowed'
     },
-    '$timeItemActive&': {
+    '$timeItemActive&, $timeItemActive&:hover': {
       color: token.datePickerTimeItemActiveColor,
       backgroundColor: token.datePickerTimeItemActiveBackgroundColor
     }
@@ -674,11 +687,12 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     alignItems: 'center',
     lineHeight: token.lineHeightDynamic,
     '& > span': {
+      color: token.datePickerCellColor,
       lineHeight: '0',
       marginRight: '8px',
       '& > svg': {
-        width: token.datePickerIconSize,
-        height: token.datePickerIconSize,
+        width: token.datePickerPanelBodyFontSize,
+        height: token.datePickerPanelBodyFontSize,
         color: token.datePickerIconColor
       }
     },
@@ -714,7 +728,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     },
     whiteSpace: 'nowrap',
     textAlign: 'left',
-    fontSize: token.datePickerQuickPanelItemFontSize,
+    color: token.buttonSecondaryTextFontColor,
+    fontSize: token.buttonSmallFontSize,
     padding: "".concat(token.datePickerQuickPanelItemPaddingY, " ").concat(token.datePickerQuickPanelItemPaddingX),
     lineHeight: token.lineHeightDynamic,
     borderRadius: '4px',

package/esm/descriptions/descriptions.js

@@ -6,18 +6,18 @@ var descriptionsStyle = {
   },
   small: {
     '& $title': {
-      fontSize: token.descriptionsTitleSmallSize
+      fontSize: token.descriptionsTitleSmallFontSize
     },
     '& $table': {
-      fontSize: token.descriptionsFontSmallSize
+      fontSize: token.descriptionsSmallFontSize
     }
   },
   large: {
     '& $title': {
-      fontSize: token.descriptionsTitleLargeSize
+      fontSize: token.descriptionsTitleLargeFontSize
     },
     '& $table': {
-      fontSize: token.descriptionsFontLargeSize
+      fontSize: token.descriptionsLargeFontSize
     }
   },
   header: {
@@ -25,7 +25,7 @@ var descriptionsStyle = {
     alignItems: 'center',
     justifyContent: 'space-between',
     paddingBottom: token.descriptionsTitlePaddingBottom,
-    fontSize: token.descriptionsTitleDefaultSize
+    fontSize: token.descriptionsTitleDefaultFontSize
   },
   title: {
     lineHeight: token.lineHeightDynamic,
@@ -38,7 +38,7 @@ var descriptionsStyle = {
     lineHeight: token.lineHeightDynamic
   },
   body: {
-    fontSize: token.descriptionsFontDefaultSize,
+    fontSize: token.descriptionsDefaultFontSize,
     overflow: 'hidden'
   },
   table: {

package/esm/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/esm/dropdown/dropdown.js

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

package/esm/editable-area/editable-area.js

@@ -74,8 +74,8 @@ var editableAreaStyle = _objectSpread(_objectSpread({
   clear: {
     position: 'absolute',
     display: 'flex',
-    width: token.inputIconSize,
-    height: token.inputIconSize,
+    width: token.inputFontSize,
+    height: token.inputFontSize,
     top: 0,
     bottom: 0,
     margin: 'auto',

package/esm/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/esm/form/form-item.js

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

package/esm/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/esm/image/image.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import Token from '@sheinx/theme';
+import Token, { getTokenName } from '@sheinx/theme';
 var animation = {
   '@keyframes keyframe-f2c': {
     '0%': {
@@ -186,15 +186,14 @@ var ImageStyle = _objectSpread(_objectSpread({
     margin: 'auto',
     backgroundColor: Token.imagePlaceholderBackgroundColor
   },
-  defaultPlaceholder: {
+  defaultPlaceholder: _defineProperty(_defineProperty({
     width: '100%',
     height: '100%',
     margin: 'auto',
     display: 'flex',
     alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: Token.imagePlaceholderBackgroundColor
-  },
+    justifyContent: 'center'
+  }, getTokenName('spinColor'), Token.imageSpinColor), "backgroundColor", Token.imagePlaceholderBackgroundColor),
   defaultError: {
     width: '100%',
     height: '100%',

package/esm/input/input.js

@@ -172,7 +172,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   },
   clearWrapper: {
     position: 'relative',
-    flexBasis: "calc(".concat(token.inputIconSize, " + 8px)"),
+    flexBasis: "calc(".concat(token.inputFontSize, " + 8px)"),
     flexShrink: 0,
     display: 'none',
     '$wrapper:hover &, $wrapperFocus &': {
@@ -181,7 +181,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   },
   password: {
     '& $clearWrapper': {
-      flexBasis: "calc(".concat(token.inputIconSize, " + 12px)")
+      flexBasis: "calc(".concat(token.inputFontSize, " + 12px)")
     },
     '& $clear': {
       marginRight: 8,
@@ -196,8 +196,8 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     top: '0',
     bottom: '0',
     margin: 'auto',
-    width: token.inputIconSize,
-    height: token.inputIconSize,
+    width: token.inputFontSize,
+    height: token.inputFontSize,
     boxSizing: 'border-box',
     display: 'flex',
     cursor: 'pointer',
@@ -212,12 +212,12 @@ var input = _objectSpread(_objectSpread(_objectSpread({
       left: '0'
     },
     '$wrapperSmall &': {
-      width: token.inputSmallIconSize,
-      height: token.inputSmallIconSize
+      width: token.inputSmallFontSize,
+      height: token.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: token.inputLargeIconSize,
-      height: token.inputLargeIconSize
+      width: token.inputLargeFontSize,
+      height: token.inputLargeFontSize
     }
   },
   group: _objectSpread(_objectSpread({}, group), {}, {
@@ -255,7 +255,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,10 +264,10 @@ var input = _objectSpread(_objectSpread(_objectSpread({
         }
       },
       '&:first-child': {
-        borderBottom: "1px solid ".concat(token.inputBorderColor)
+        borderBottom: "".concat(token.inputBorderWidth, " solid ").concat(token.inputBorderColor)
       },
       '& svg': {
-        width: token.inputIconSize,
+        width: token.inputFontSize,
         transform: 'rotate(-90deg)'
       }
     },
@@ -283,20 +283,20 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     display: 'flex',
     alignItems: 'center',
     flexShrink: 0,
-    width: token.inputIconSize,
-    height: token.inputIconSize,
+    width: token.inputFontSize,
+    height: token.inputFontSize,
     color: token.inputToggleColor,
     cursor: 'pointer',
     '$wrapperDisabled &': {
       color: token.inputDisabledFontColor
     },
     '$wrapperSmall &': {
-      width: token.inputSmallIconSize,
-      height: token.inputSmallIconSize
+      width: token.inputSmallFontSize,
+      height: token.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: token.inputLargeIconSize,
-      height: token.inputLargeIconSize
+      width: token.inputLargeFontSize,
+      height: token.inputLargeFontSize
     },
     '& > svg': {
       cursor: 'pointer',

package/esm/menu/menu.js

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

package/esm/progress/progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["progress.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAmM9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["progress.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAuM9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/progress/progress.js

@@ -213,7 +213,19 @@ var progressStyle = {
     }
   },
   circleBg: {
-    stroke: token.progressBackground
+    stroke: token.progressBackground,
+    '$wrapperSuccess &': {
+      stroke: token.progressSuccessBackgroundColor
+    },
+    '$wrapperWarning &': {
+      stroke: token.progressWarningBackgroundColor
+    },
+    '$wrapperInfo &': {
+      stroke: token.progressInfoBackgroundColor
+    },
+    '$wrapperDanger &': {
+      stroke: token.progressDangerBackgroundColor
+    }
   },
   circleFront: {
     transform: 'rotate(-90deg)',

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,CAwlB1C,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"}