@sheinx/shineout-style 3.3.0-beta.1 → 3.3.0-beta.10

package/cjs/tree/tree.js

@@ -114,6 +114,17 @@ var treeStyle = {
   inlineContent: {
     display: 'inline-flex'
   },
+  contentDisabled: {
+    '& $content[data-active="true"]': {
+      background: _theme.default.treeContentDisabledBackgroundColor
+    },
+    '& $content:hover:not([data-active="true"])': {
+      background: 'none',
+      '& $text': {
+        color: _theme.default.treeContentDisabledFontColor
+      }
+    }
+  },
   content: {
     flex: 1,
     display: 'flex',
@@ -137,20 +148,22 @@ var treeStyle = {
     '&[dir=rtl][data-expanded="true"]::before': {
       right: -12
     },
+    '$contentDisabled &': {
+      '& $text': {
+        color: _theme.default.treeContentDisabledFontColor
+      }
+    },
     '&[data-active="true"]': {
       background: _theme.default.treeContentActiveBackgroundColor,
       '& $text': {
         color: _theme.default.treeContentActiveFontColor
       }
     },
-    // '&[data-disabled="true"]': {
-    //   cursor: 'not-allowed',
-    // },
-    // '&:hover:not([data-active="true"]):not([data-disabled="true"])': {
-    //   background: Token.treeContentHoverBackgroundColor,
-    // },
     '&:hover:not([data-active="true"])': {
-      background: _theme.default.treeContentHoverBackgroundColor
+      background: _theme.default.treeContentHoverBackgroundColor,
+      '& $text': {
+        color: _theme.default.treeContentHoverFontColor
+      }
     }
   },
   checkbox: {

package/cjs/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;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA+clD,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,CAydlD,CAAC;AACF,eAAe,eAAe,CAAC"}

package/cjs/tree-select/tree-select.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _theme = _interopRequireDefault(require("@sheinx/theme"));
+var _theme = _interopRequireWildcard(require("@sheinx/theme"));
 var _inputBorder = _interopRequireDefault(require("../input/input-border"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 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; }
 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; }
@@ -144,6 +146,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
       }
     }
   }),
+  treeWrapper: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, (0, _theme.getTokenName)('treeFontColor'), _theme.default.treeSelectOptionFontColor), (0, _theme.getTokenName)('treeContentHoverFontColor'), _theme.default.treeSelectContentHoverFontColor), (0, _theme.getTokenName)('treeContentHoverBackgroundColor'), _theme.default.treeSelectContentHoverBackgroundColor), (0, _theme.getTokenName)('treeContentActiveBackgroundColor'), _theme.default.treeSelectContentActiveBackgroundColor), (0, _theme.getTokenName)('treeContentActiveFontColor'), _theme.default.treeSelectContentActiveFontColor), (0, _theme.getTokenName)('treeContentDisabledFontColor'), _theme.default.treeSelectContentDisabledFontColor), (0, _theme.getTokenName)('treeContentDisabledBackgroundColor'), _theme.default.treeSelectContentDisabledBackgroundColor),
   wrapperEmpty: {},
   wrapperOpen: {},
   wrapperDisabled: _objectSpread({}, wrapperDisabled)
@@ -309,6 +312,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     display: 'block',
     overflow: 'hidden',
     textOverflow: 'ellipsis',
+    flex: 1,
     whiteSpace: 'nowrap',
     marginTop: _theme.default.treeSelectPlaceholderMarginY,
     marginBottom: _theme.default.treeSelectPlaceholderMarginY

package/cjs/version.d.ts

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

package/cjs/version.d.ts.map

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

package/cjs/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '3.3.0-beta.1';
+var _default = exports.default = '3.3.0-beta.10';

package/esm/alert/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAuJ5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CA6J5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/alert/alert.js

@@ -92,6 +92,9 @@ var alertStyle = {
     marginLeft: Token.alertNearlyMargin,
     '&:hover': {
       color: Token.alertCloseHoverColor
+    },
+    '& svg': {
+      width: '100%'
     }
   },
   closeWrapper: {
@@ -159,7 +162,10 @@ var alertStyle = {
     height: Token.lineHeightDynamic,
     flex: '0 0 auto',
     alignItems: 'center',
-    marginRight: Token.alertNearlyMargin
+    marginRight: Token.alertNearlyMargin,
+    '& svg': {
+      width: '100%'
+    }
   }
 };
 export default alertStyle;

package/esm/breadcrumb/breadcrumb.js

@@ -3,7 +3,7 @@ var breadcrumbStyle = {
   wrapper: {
     lineHeight: token.lineHeightDynamic,
     fontSize: token.breadcrumbFontSize,
-    fontWeight: token.breadcrumbFontWieght,
+    fontWeight: token.breadcrumbFontWeight,
     display: 'flex',
     alignItems: 'center',
     color: token.breadcrumbFontColor,
@@ -78,7 +78,7 @@ var breadcrumbStyle = {
   dropdownItem: {
     lineHeight: token.lineHeightDynamic,
     fontSize: token.dropdownListFontSize,
-    fontWeight: token.breadcrumbFontWieght,
+    fontWeight: token.breadcrumbFontWeight,
     cursor: 'pointer',
     color: token.dropdownOptionFontColor,
     borderRadius: token.dropdownOptionBorderRadius,

package/esm/button/button.js

@@ -218,8 +218,8 @@ var ButtonStyle = {
     fontSize: Token.buttonSmallFontSize,
     padding: "".concat(Token.buttonSmallPaddingY, " ").concat(Token.buttonSmallPaddingX),
     '&$circle,&$square': {
-      width: 24,
-      height: 24
+      width: Token.buttonSmallCircleSize,
+      height: Token.buttonSmallCircleSize
     }
   },
   large: {
@@ -228,8 +228,8 @@ var ButtonStyle = {
     fontSize: Token.buttonLargeFontSize,
     padding: "".concat(Token.buttonLargePaddingY, " ").concat(Token.buttonLargePaddingX),
     '&$circle,&$square': {
-      width: 40,
-      height: 40
+      width: Token.buttonLargeCircleSize,
+      height: Token.buttonLargeCircleSize
     }
   },
   default: _objectSpread({}, button('Secondary', '')),
@@ -284,14 +284,14 @@ var ButtonStyle = {
     borderRadius: Token.buttonRoundBorderRadius
   },
   circle: {
-    width: "32px",
-    height: "32px",
+    width: Token.buttonCircleSize,
+    height: Token.buttonCircleSize,
     padding: 0,
     borderRadius: Token.buttonCircleBorderRadius
   },
   square: {
-    width: "32px",
-    height: "32px",
+    width: Token.buttonCircleSize,
+    height: Token.buttonCircleSize,
     padding: 0,
     borderRadius: Token.buttonSquareBorderRadius,
     '& $spin': {

package/esm/card/card.js

@@ -16,7 +16,7 @@ var cardStyle = {
   wrapper: {
     display: 'flex',
     flexDirection: 'column',
-    border: "1px solid ".concat(token.cardBorderColor),
+    border: "".concat(token.cardBorderWidth, " solid ").concat(token.cardBorderColor),
     borderRadius: token.cardBorderRadius,
     fontSize: token.cardFontSize,
     lineHeight: token.lineHeightDynamic,
@@ -30,7 +30,7 @@ var cardStyle = {
   wrapperInAccordion: {
     border: 'none',
     '& + &': {
-      borderTop: "1px solid ".concat(token.cardBorderColor),
+      borderTop: "".concat(token.cardBorderWidth, " solid ").concat(token.cardBorderColor),
       borderTopLeftRadius: 0,
       borderTopRightRadius: 0
     }
@@ -41,7 +41,7 @@ var cardStyle = {
   wrapperHover: {
     transition: 'box-shadow .2s linear',
     '&:hover': {
-      boxShadow: token.cardShadow
+      boxShadow: token.cardHoverShadow
     }
   },
   wrapperResizable: {
@@ -49,7 +49,7 @@ var cardStyle = {
   },
   wrapperMoveable: {},
   accordion: {
-    border: "1px solid ".concat(token.cardBorderColor),
+    border: "".concat(token.cardBorderWidth, " solid ").concat(token.cardBorderColor),
     borderRadius: token.cardBorderRadius
   },
   header: {
@@ -102,7 +102,7 @@ var cardStyle = {
   },
   body: {
     '$wrapperSplit>$header+&, $wrapperSplit>$header+$bodyCollapse>&': {
-      borderTop: "1px solid ".concat(token.cardBorderColor)
+      borderTop: "".concat(token.cardBorderWidth, " solid ").concat(token.cardBodyBorderColor)
     },
     padding: "".concat(token.cardBodyPaddingY, " ").concat(token.cardBodyPaddingX),
     flex: 1,
@@ -116,7 +116,7 @@ var cardStyle = {
   bodyCollapse: {},
   footer: {
     '$wrapperSplit>$body+&, $wrapperSplit>$bodyCollapse+&': {
-      borderTop: "1px solid ".concat(token.cardBorderColor)
+      borderTop: "".concat(token.cardBorderWidth, " solid ").concat(token.cardFooterBorderColor)
     },
     padding: "".concat(token.cardFooterPaddingY, " ").concat(token.cardFooterPaddingX),
     boxSizing: 'border-box'

package/esm/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,CAyc9C,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;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAid9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/cascader/cascader.js

@@ -380,6 +380,12 @@ var cascaderStyle = _objectSpread(_objectSpread({
       borderRight: "1px solid ".concat(token.cascaderListBorderColor)
     }
   },
+  filterList: {
+    display: 'block',
+    '& $list': {
+      width: '100%'
+    }
+  },
   hideTag: {},
   list: {
     paddingTop: 3,
@@ -477,11 +483,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
   optionIcon: {
     position: 'absolute',
     right: 8,
-    top: 9,
+    top: 0,
+    bottom: 0,
     fontSize: token.cascaderFontSize,
     color: token.cascaderOptionIconColor,
-    lineHeight: 0,
-    verticalAlign: 'middle',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
     '& svg': {
       verticalAlign: 'middle',
       width: 14

package/esm/collapse/collapse-item.js

@@ -2,7 +2,7 @@ import Token from '@sheinx/theme';
 var collapseItemStyle = {
   wrapper: {
     boxSizing: 'border-box',
-    borderBottom: "".concat(Token.collapseWrapperBorderSize, " solid ").concat(Token.collapseWrapperBorderColor),
+    borderBottom: "".concat(Token.collapseWrapperBorderSize, " solid ").concat(Token.collapseHeaderBorderColor),
     '&:last-child': {
       borderBottom: 0
     },
@@ -23,7 +23,7 @@ var collapseItemStyle = {
     overflow: 'hidden',
     gap: Token.collapseHeaderGap,
     fontSize: Token.collapseHeaderFontSize,
-    fontWeight: Token.collapseHeaderWeight,
+    fontWeight: Token.collapseHeaderFontWeight,
     color: Token.collapseHeaderColor,
     padding: "".concat(Token.collapseWrapperPaddingY, " ").concat(Token.collapseWrapperPaddingX)
   },
@@ -98,7 +98,7 @@ var collapseItemStyle = {
   },
   contentMain: {
     color: Token.collapseContentColor,
-    fontWeight: Token.collapseContentWeight,
+    fontWeight: Token.collapseContentFontWeight,
     lineHeight: Token.lineHeightDynamic,
     padding: "".concat(Token.collapseContentPaddingY, " ").concat(Token.collapseContentPaddingRight, " ").concat(Token.collapseContentPaddingY, " ").concat(Token.collapseContentPaddingLeft),
     backgroundColor: Token.collapseContentBackgroundColor,

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;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA4mBlD,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;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAgnBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -653,6 +653,10 @@ var datePickerStyle = _objectSpread(_objectSpread({
       visibility: 'visible'
     }
   },
+  datetimeHide: {
+    opacity: '0',
+    pointerEvents: 'none'
+  },
   quickPicker: {
     padding: "".concat(token.datePickerQuickPanelPaddingY, " ").concat(token.datePickerQuickPanelPaddingX),
     display: 'flex',

package/esm/descriptions/descriptions.js

@@ -132,12 +132,12 @@ var descriptionsStyle = {
       borderBottom: "".concat(token.descriptionsBorderDefaultSize, " solid ").concat(token.descriptionsBorderColor)
     },
     '& $label': {
-      padding: "".concat(token.descriptionsBorderPaddingX, " ").concat(token.descriptionsBorderPaddingY),
+      padding: "".concat(token.descriptionsBorderPaddingY, " ").concat(token.descriptionsBorderPaddingX),
       backgroundColor: token.descriptionsBackgroundColor,
       borderRight: "".concat(token.descriptionsBorderDefaultSize, " solid ").concat(token.descriptionsBorderColor)
     },
     '& $value': {
-      padding: "".concat(token.descriptionsBorderPaddingX, " ").concat(token.descriptionsBorderPaddingY),
+      padding: "".concat(token.descriptionsBorderPaddingY, " ").concat(token.descriptionsBorderPaddingX),
       borderRight: "".concat(token.descriptionsBorderDefaultSize, " solid ").concat(token.descriptionsBorderColor)
     },
     '& $cell': {

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,CAsL7C,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,CAuL7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/dropdown/dropdown.js

@@ -14,7 +14,7 @@ var dropdown = {
   },
   list: {
     position: 'absolute',
-    fontWeight: 400,
+    fontWeight: token.dropdownListFontWeight,
     minWidth: '100%',
     zIndex: 1000,
     textAlign: 'left',
@@ -33,12 +33,12 @@ var dropdown = {
   },
   listSmall: {
     fontSize: token.dropdownListSmallFontSize,
-    borderRadius: token.dropdownListSmallBorderRadius,
+    borderRadius: token.dropdownListBorderRadius,
     padding: "".concat(token.dropdownListSmallPaddingY, " ").concat(token.dropdownListSmallPaddingX)
   },
   listLarge: {
     fontSize: token.dropdownListLargeFontSize,
-    borderRadius: token.dropdownListLargeBorderRadius,
+    borderRadius: token.dropdownListBorderRadius,
     padding: "".concat(token.dropdownListLargePaddingY, " ").concat(token.dropdownListLargePaddingX)
   },
   listHasChildren: {
@@ -161,6 +161,7 @@ var dropdown = {
   optionGroup: {
     padding: "".concat(token.dropdownOptionGroupPaddingTop, " ").concat(token.dropdownOptionGroupPaddingX, " ").concat(token.dropdownOptionGroupPaddingBottom, " ").concat(token.dropdownOptionGroupPaddingX),
     fontSize: token.dropdownOptionGroupFontSize,
+    fontWeight: token.dropdownOptionGroupFontWeight,
     color: token.dropdownOptionGroupFontColor,
     '$listSmall &': {
       padding: "".concat(token.dropdownOptionGroupSmallTop, " ").concat(token.dropdownOptionGroupSmallX, " 0 ").concat(token.dropdownOptionGroupSmallX)

package/esm/input/input-border.js

@@ -22,7 +22,7 @@ export default (function (name) {
     }, "&:not($".concat(name, "Disabled):not($").concat(name, "Error)"), {
       backgroundColor: token.hoverBackgroundColor
     }),
-    '[data-soui-role="input-group"] &': {
+    '[data-soui-role="input-group"] &&&, [data-soui-role="input-group"] &&&:hover': {
       borderWidth: 0,
       borderRadius: 0,
       boxShadow: 'none',

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;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAyMvC,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;AAwG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CA8MvC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/input/input.js

@@ -133,9 +133,14 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     backgroundColor: 'transparent',
     boxSizing: 'border-box',
     fontWeight: 'inherit',
+    '$wrapper:not($wrapperDisabled) &::placeholder': {
+      color: token.inputPlaceholderColor
+    },
+    '$wrapperDisabled &::placeholder': {
+      color: token.inputDisabledPlaceholderColor
+    },
     '&::placeholder': {
       fontWeight: token.inputPlaceholderFontWeight,
-      color: token.inputPlaceholderColor,
       fontSize: 'inherit'
     }
   },

package/esm/list/list.js

@@ -8,7 +8,7 @@ var listStyle = {
     flexDirection: 'column'
   },
   wrapperBordered: {
-    border: "1px solid ".concat(token.listBorderColor),
+    border: "".concat(token.listBorderWidth, " solid ").concat(token.listBorderColor),
     borderRadius: token.listBorderRadius
   },
   wrapperSmall: {},
@@ -66,7 +66,7 @@ var listStyle = {
       fontSize: token.listSmallFontSize
     },
     '$wrapperLarge &': {
-      padding: "".concat(token.listLargeItemPaddingY, " ").concat(token.listLargeItemPaddingY),
+      padding: "".concat(token.listLargeItemPaddingY, " ").concat(token.listLargeItemPaddingX),
       fontSize: token.listLargeFontSize
     }
   },

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,CA8ftC,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,CAkgBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/menu/menu.js

@@ -406,7 +406,11 @@ var menuStyle = {
     display: 'inline-flex'
   },
   titleContent: {
-    whiteSpace: 'pre-wrap'
+    whiteSpace: 'pre-wrap',
+    display: 'flex',
+    minWidth: 0,
+    alignItems: 'center',
+    fontWeight: token.menuItemFontWeight
     // '$wrapperCollpase &': {
     //   transition: `opacity ${animationDuration} ${transitionFunc}`,
     // },

package/esm/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,CAsRxC,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,CA4RxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/modal/modal.js

@@ -303,7 +303,7 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
     flexDirection: 'column',
     textAlign: 'left',
     minWidth: 0,
-    background: '#fff',
+    background: token.modalPanelBackground,
     borderRadius: token.modalPanelRadius,
     padding: "".concat(token.modalPanelPaddingY, " ").concat(token.modalPanelPaddingX),
     fontSize: token.modalPanelFontSize,
@@ -334,8 +334,10 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
     flex: '1',
     minWidth: 0,
     textAlign: 'left',
-    fontWeight: 'bold',
-    fontSize: token.modalHeaderFontSize
+    color: token.modalHeaderFontColor,
+    fontWeight: token.modalHeaderFontWeight,
+    fontSize: token.modalHeaderFontSize,
+    lineHeight: token.lineHeightDynamic
   },
   headerClose: {
     marginLeft: token.modalHeaderCloseMarginXStart,
@@ -364,8 +366,12 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
   },
   body: {
     flex: '1 1 auto',
-    minHeight: '1px'
+    minHeight: '1px',
     // overflow: 'auto',
+    color: token.modalBodyFontColor,
+    fontSize: token.modalBodyFontSize,
+    fontWeight: token.modalBodyFontWeight,
+    lineHeight: token.lineHeightDynamic
   },
   bodyWithIcon: {
     paddingLeft: "calc(".concat(token.modalHeaderIconMarginEnd, " + ").concat(token.modalHeaderIconSize, ")")

package/esm/pagination/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,KAAK,eAAe,GAAG,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,eAAe,CA0D9C,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,KAAK,eAAe,GAAG,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,eAAe,CAqE9C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/pagination/pagination.js

@@ -6,6 +6,7 @@ var PaginationStyle = {
     alignItems: 'center',
     fontSize: Token.paginationFontSize,
     color: Token.paginationFontColor,
+    fontWeight: Token.paginationFontWeight,
     height: 'fit-content'
   },
   left: {
@@ -32,7 +33,10 @@ var PaginationStyle = {
     display: 'inline-block',
     width: Token.paginationFontSize
   },
-  buttons: {},
+  buttons: {
+    display: 'flex',
+    alignItems: 'center'
+  },
   jumper: {
     display: 'flex',
     alignItems: 'center'
@@ -42,14 +46,21 @@ var PaginationStyle = {
       textAlign: 'center'
     }
   },
-  sizeList: {},
+  sizeList: {
+    display: 'flex',
+    alignItems: 'center'
+  },
   simple: {},
   small: {
+    fontSize: Token.paginationSmallFontSize,
+    fontWeight: Token.paginationSmallFontWeight,
     '& $icon': {
       width: Token.paginationSmallFontSize
     }
   },
   large: {
+    fontSize: Token.paginationLargeFontSize,
+    fontWeight: Token.paginationLargeFontWeight,
     '& $icon': {
       width: Token.paginationLargeFontSize
     }

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;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAkf1C,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;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAmf1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/select/select.js

@@ -316,6 +316,7 @@ var selectStyle = _objectSpread(_objectSpread({
     display: 'block',
     overflow: 'hidden',
     textOverflow: 'ellipsis',
+    flex: 1,
     whiteSpace: 'nowrap',
     marginTop: token.selectPlaceholderMarginY,
     marginBottom: token.selectPlaceholderMarginY
@@ -382,9 +383,9 @@ var selectStyle = _objectSpread(_objectSpread({
       marginLeft: 0
     },
     maxWidth: '80%',
-    marginRight: 4,
-    marginTop: token.selectPlaceholderMarginY,
-    marginBottom: token.selectPlaceholderMarginY,
+    marginRight: token.selectTagMarginRight,
+    marginTop: token.selectTagMarginY,
+    marginBottom: token.selectTagMarginY,
     textWrap: 'nowrap',
     '&$hideTag': {
       marginRight: 0

package/esm/slider/slider.js

@@ -242,7 +242,7 @@ var sliderStyle = {
     '&::before': {
       content: '""',
       display: 'block',
-      backgroundColor: '#ccc'
+      backgroundColor: token.sliderScaleLineBackgroundColor
     },
     '$wrapper:not($vertical) &': {
       marginTop: token.sliderScaleMarginY,

package/esm/spin/spin.js

@@ -83,7 +83,7 @@ var spinStyle = _objectSpread(_objectSpread({}, Animation), {}, {
       bottom: 0,
       height: '100%',
       width: '100%',
-      background: '#FFFFFF',
+      background: Token.spinBackgroundColor,
       opacity: 0.5
     }
   },

package/esm/steps/steps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAmpBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAspBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/steps/steps.js

@@ -360,7 +360,10 @@ var stepsStyle = {
   iconWrapper: {
     display: 'inline-block',
     textAlign: 'center',
-    borderRadius: '50%'
+    borderRadius: '50%',
+    '& svg': {
+      width: "calc(100% - 12px)"
+    }
   },
   dot: {
     '&$vertical': {

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,CAsK9C,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,CA6K9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/switch/switch.js

@@ -93,6 +93,7 @@ var switchStyle = _objectSpread(_objectSpread({}, animation), {}, {
     justifyContent: 'center',
     color: 'red',
     '$wrapperChecked &': {
+      backgroundColor: token.switchCheckedCircleFill,
       '&[dir=ltr]': {
         right: token.switchPaddingX,
         left: "calc(100% - ".concat(token.switchCircleSize, " - ").concat(token.switchPaddingX, ")")
@@ -134,6 +135,12 @@ var switchStyle = _objectSpread(_objectSpread({}, animation), {}, {
       left: token.switchLargePaddingX,
       top: token.switchLargePaddingY
     },
+    '$wrapperDisabled:not($wrapperChecked) &': {
+      backgroundColor: token.switchDisabledCircleFill
+    },
+    '$wrapperDisabled &': {
+      backgroundColor: token.switchCheckedDisabledCircleFill
+    },
     borderRadius: '50%',
     position: 'absolute',
     backgroundColor: token.switchCircleFill,