@sheinx/shineout-style 3.3.0-beta.4 → 3.3.0-beta.6

package/cjs/breadcrumb/breadcrumb.js

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

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,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,CA2c9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/cascader/cascader.js

@@ -484,11 +484,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
   optionIcon: {
     position: 'absolute',
     right: 8,
-    top: 9,
+    top: 0,
+    bottom: 0,
     fontSize: _theme.default.cascaderFontSize,
     color: _theme.default.cascaderOptionIconColor,
-    lineHeight: 0,
-    verticalAlign: 'middle',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
     '& svg': {
       verticalAlign: 'middle',
       width: 14

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;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/cjs/date-picker/date-picker.js

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

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,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/cjs/dropdown/dropdown.js

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

package/cjs/input/input-border.js

@@ -28,7 +28,7 @@ var _default = exports.default = function _default(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/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;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/cjs/input/input.js

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

package/cjs/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/cjs/menu/menu.js

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

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,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,CA2RxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/modal/modal.js

@@ -341,7 +341,8 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
     flex: '1',
     minWidth: 0,
     textAlign: 'left',
-    fontWeight: 'bold',
+    color: _theme.default.modalHeaderFontColor,
+    fontWeight: _theme.default.modalHeaderFontWeight,
     fontSize: _theme.default.modalHeaderFontSize
   },
   headerClose: {
@@ -371,8 +372,12 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
   },
   body: {
     flex: '1 1 auto',
-    minHeight: '1px'
+    minHeight: '1px',
     // overflow: 'auto',
+    color: _theme.default.modalBodyFontColor,
+    fontSize: _theme.default.modalBodyFontSize,
+    fontWeight: _theme.default.modalBodyFontWeight,
+    lineHeight: _theme.default.lineHeightDynamic
   },
   bodyWithIcon: {
     paddingLeft: "calc(".concat(_theme.default.modalHeaderIconMarginEnd, " + ").concat(_theme.default.modalHeaderIconSize, ")")

package/cjs/select/select.js

@@ -389,9 +389,9 @@ var selectStyle = _objectSpread(_objectSpread({
       marginLeft: 0
     },
     maxWidth: '80%',
-    marginRight: 4,
-    marginTop: _theme.default.selectPlaceholderMarginY,
-    marginBottom: _theme.default.selectPlaceholderMarginY,
+    marginRight: _theme.default.selectTagMarginRight,
+    marginTop: _theme.default.selectTagMarginY,
+    marginBottom: _theme.default.selectTagMarginY,
     textWrap: 'nowrap',
     '&$hideTag': {
       marginRight: 0

package/cjs/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/cjs/switch/switch.js

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

package/cjs/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA+I1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA8IxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA+I1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAiJxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/tag/tag.js

@@ -124,7 +124,7 @@ var tag = function tag(type) {
 var TagStyle = {
   tag: {
     display: 'inline-flex',
-    padding: "0 ".concat(_theme.default.tagPaddingX),
+    padding: "".concat(_theme.default.tagPaddingY, " ").concat(_theme.default.tagPaddingX),
     fontSize: _theme.default.tagFontSize,
     fontWeight: _theme.default.tagFontWeight,
     borderRadius: _theme.default.tagBorderRadius,
@@ -156,6 +156,7 @@ var TagStyle = {
     fontSize: _theme.default.tagLargeFontSize,
     lineHeight: "calc(".concat(_theme.default.tagLargeFontSize, " + 8px)"),
     fontWeight: _theme.default.tagLargeFontWeight,
+    borderRadius: _theme.default.tagLargeBorderRadius,
     padding: "".concat(_theme.default.tagLargePaddingY, " ").concat(_theme.default.tagLargePaddingX),
     '& $closeIconWrapper': {
       '& svg': {
@@ -165,9 +166,11 @@ var TagStyle = {
     }
   },
   small: {
+    fontSize: _theme.default.tagSmallFontSize,
     lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)"),
     padding: "0 ".concat(_theme.default.tagSmallPaddingX),
     fontWeight: _theme.default.tagSmallFontWeight,
+    borderRadius: _theme.default.tagSmallBorderRadius,
     '& $container': {
       lineHeight: "calc(".concat(_theme.default.tagSmallFontSize, " + 6px)")
     },

package/cjs/version.d.ts

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

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.4';
+var _default = exports.default = '3.3.0-beta.6';

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/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,CA2c9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/cascader/cascader.js

@@ -477,11 +477,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/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/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/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,CA2RxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/modal/modal.js

@@ -334,7 +334,8 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
     flex: '1',
     minWidth: 0,
     textAlign: 'left',
-    fontWeight: 'bold',
+    color: token.modalHeaderFontColor,
+    fontWeight: token.modalHeaderFontWeight,
     fontSize: token.modalHeaderFontSize
   },
   headerClose: {
@@ -364,8 +365,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/select/select.js

@@ -382,9 +382,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/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,

package/esm/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA+I1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA8IxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA+I1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAiJxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/tag/tag.js

@@ -117,7 +117,7 @@ var tag = function tag(type) {
 var TagStyle = {
   tag: {
     display: 'inline-flex',
-    padding: "0 ".concat(Token.tagPaddingX),
+    padding: "".concat(Token.tagPaddingY, " ").concat(Token.tagPaddingX),
     fontSize: Token.tagFontSize,
     fontWeight: Token.tagFontWeight,
     borderRadius: Token.tagBorderRadius,
@@ -149,6 +149,7 @@ var TagStyle = {
     fontSize: Token.tagLargeFontSize,
     lineHeight: "calc(".concat(Token.tagLargeFontSize, " + 8px)"),
     fontWeight: Token.tagLargeFontWeight,
+    borderRadius: Token.tagLargeBorderRadius,
     padding: "".concat(Token.tagLargePaddingY, " ").concat(Token.tagLargePaddingX),
     '& $closeIconWrapper': {
       '& svg': {
@@ -158,9 +159,11 @@ var TagStyle = {
     }
   },
   small: {
+    fontSize: Token.tagSmallFontSize,
     lineHeight: "calc(".concat(Token.tagSmallFontSize, " + 6px)"),
     padding: "0 ".concat(Token.tagSmallPaddingX),
     fontWeight: Token.tagSmallFontWeight,
+    borderRadius: Token.tagSmallBorderRadius,
     '& $container': {
       lineHeight: "calc(".concat(Token.tagSmallFontSize, " + 6px)")
     },

package/esm/version.d.ts

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

package/esm/version.js

@@ -1 +1 @@
-export default '3.3.0-beta.4';
+export default '3.3.0-beta.6';

package/package.json

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