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

package/cjs/modal/modal.js

@@ -310,7 +310,7 @@ var modalStyle = _objectSpread(_objectSpread({}, animationStyle), {}, {
     flexDirection: 'column',
     textAlign: 'left',
     minWidth: 0,
-    background: '#fff',
+    background: _theme.default.modalPanelBackground,
     borderRadius: _theme.default.modalPanelRadius,
     padding: "".concat(_theme.default.modalPanelPaddingY, " ").concat(_theme.default.modalPanelPaddingX),
     fontSize: _theme.default.modalPanelFontSize,

package/cjs/tag/tag.js

@@ -73,7 +73,7 @@ var tag = function tag(type) {
     },
     // outline 边框风格
     '&$outline': {
-      background: '#fff',
+      background: _theme.default["tag".concat(type, "OutlineBackgroundColor")],
       color: _theme.default["tag".concat(type, "OutlineFontColor")],
       border: "1px solid ".concat(_theme.default["tag".concat(type, "OutlineBorderColor")]),
       '& $closeIconWrapper': {

package/cjs/tree/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAuNtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAqOtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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,CAwdlD,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)

package/cjs/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.3.0-beta.1";
+declare const _default: "3.3.0-beta.2";
 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.1';
+var _default = exports.default = '3.3.0-beta.2';

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,

package/esm/tag/tag.js

@@ -66,7 +66,7 @@ var tag = function tag(type) {
     },
     // outline 边框风格
     '&$outline': {
-      background: '#fff',
+      background: Token["tag".concat(type, "OutlineBackgroundColor")],
       color: Token["tag".concat(type, "OutlineFontColor")],
       border: "1px solid ".concat(Token["tag".concat(type, "OutlineBorderColor")]),
       '& $closeIconWrapper': {

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

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAuNtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAqOtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/tree/tree.js

@@ -107,6 +107,17 @@ var treeStyle = {
   inlineContent: {
     display: 'inline-flex'
   },
+  contentDisabled: {
+    '& $content[data-active="true"]': {
+      background: Token.treeContentDisabledBackgroundColor
+    },
+    '& $content:hover:not([data-active="true"])': {
+      background: 'none',
+      '& $text': {
+        color: Token.treeContentDisabledFontColor
+      }
+    }
+  },
   content: {
     flex: 1,
     display: 'flex',
@@ -130,20 +141,22 @@ var treeStyle = {
     '&[dir=rtl][data-expanded="true"]::before': {
       right: -12
     },
+    '$contentDisabled &': {
+      '& $text': {
+        color: Token.treeContentDisabledFontColor
+      }
+    },
     '&[data-active="true"]': {
       background: Token.treeContentActiveBackgroundColor,
       '& $text': {
         color: Token.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: Token.treeContentHoverBackgroundColor
+      background: Token.treeContentHoverBackgroundColor,
+      '& $text': {
+        color: Token.treeContentHoverFontColor
+      }
     }
   },
   checkbox: {

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

@@ -1 +1 @@
-{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;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,CAwdlD,CAAC;AACF,eAAe,eAAe,CAAC"}

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

@@ -6,7 +6,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import token from '@sheinx/theme';
+import token, { getTokenName } from '@sheinx/theme';
 import border from "../input/input-border";
 var inputBorderToken = {
   lineHeight: token.lineHeightDynamic,
@@ -137,6 +137,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
       }
     }
   }),
+  treeWrapper: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, getTokenName('treeFontColor'), token.treeSelectOptionFontColor), getTokenName('treeContentHoverFontColor'), token.treeSelectContentHoverFontColor), getTokenName('treeContentHoverBackgroundColor'), token.treeSelectContentHoverBackgroundColor), getTokenName('treeContentActiveBackgroundColor'), token.treeSelectContentActiveBackgroundColor), getTokenName('treeContentActiveFontColor'), token.treeSelectContentActiveFontColor), getTokenName('treeContentDisabledFontColor'), token.treeSelectContentDisabledFontColor), getTokenName('treeContentDisabledBackgroundColor'), token.treeSelectContentDisabledBackgroundColor),
   wrapperEmpty: {},
   wrapperOpen: {},
   wrapperDisabled: _objectSpread({}, wrapperDisabled)

package/esm/version.d.ts

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

package/esm/version.js

@@ -1 +1 @@
-export default '3.3.0-beta.1';
+export default '3.3.0-beta.2';

package/package.json

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