@sheinx/shineout-style 3.1.13 → 3.1.15

package/cjs/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["card.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;AAS9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA4ItC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["card.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;AAS9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA6ItC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/card/card.js

@@ -73,7 +73,9 @@ var cardStyle = {
   headerContent: _objectSpread(_objectSpread({}, headerCommon), {}, {
     flex: 1
   }),
-  simpleHeader: _objectSpread({}, headerCommon),
+  simpleHeader: _objectSpread(_objectSpread({}, headerCommon), {}, {
+    display: 'block'
+  }),
   center: {
     textAlign: 'center'
   },

package/cjs/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAKpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CA+J5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAKpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAiK5C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/popover/popover.js

@@ -28,7 +28,13 @@ var popoverStyle = {
       height: '8.4px',
       boxSizing: 'content-box',
       background: 'inherit',
-      borderBottom: 'none'
+      borderBottom: 'none',
+      '&[dir=ltr]': {
+        borderLeftColor: 'transparent'
+      },
+      '&[dir=rtl]': {
+        borderRight: 'transparent'
+      }
     },
     '&[data-soui-position^="bottom"]': {
       marginTop: arrowGap - 2,

package/cjs/table/table.js

@@ -61,10 +61,10 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
             background: _theme.default.tableCellBorderColor,
             borderLeft: "1px solid ".concat(_theme.default.tableCellBorderColor)
           },
-          '&[dir=ltr]::after': {
+          '[dir=ltr]&::after': {
             right: 0
           },
-          '&[dir=rtl]::after': {
+          '[dir=rtl]&::after': {
             left: 0
           }
         }

package/cjs/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA+C9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CA8KhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA+C9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CA+KhD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/tooltip/tooltip.js

@@ -69,7 +69,8 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
     '&[data-soui-type^="light"]': {
       backgroundColor: _theme.default.tooltipLightBackgroundColor,
       color: _theme.default.tooltipLightColor,
-      border: "1px solid ".concat(_theme.default.tooltipLightBorderColor)
+      border: "1px solid ".concat(_theme.default.tooltipLightBorderColor),
+      boxSizing: 'border-box'
     },
     '&[data-soui-type^="primary"]': {
       backgroundColor: _theme.default.tooltipPrimaryBackgroundColor,
@@ -93,12 +94,12 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
       content: '" "',
       display: 'block',
       border: "inherit",
-      borderLeft: 'none',
+      borderLeftColor: 'transparent',
       width: '8.4px',
       height: '8.4px',
       boxSizing: 'content-box',
       background: 'inherit',
-      borderBottom: 'none'
+      borderBottomColor: 'transparent'
     },
     '&[data-soui-position^="bottom"]': {
       marginTop: arrowGap - 2,

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

package/cjs/tree/tree.js

@@ -121,16 +121,35 @@ var treeStyle = {
     cursor: 'pointer',
     padding: "0 ".concat(_theme.default.treePaddingX),
     borderRadius: _theme.default.treeContentBorderRadius,
+    position: 'relative',
+    '&[data-expanded="true"]::before': {
+      content: '""',
+      position: 'absolute',
+      top: 24,
+      bottom: 0,
+      left: -12,
+      width: 1,
+      background: '#ebebeb'
+    },
+    '&[dir=ltr][data-expanded="true"]::before': {
+      left: -12
+    },
+    '&[dir=rtl][data-expanded="true"]::before': {
+      right: -12
+    },
     '&[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"])': {
+    // '&[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
     }
   },
@@ -147,9 +166,9 @@ var treeStyle = {
     paddingTop: _theme.default.treeTextPaddingY,
     paddingBottom: _theme.default.treeTextPaddingY
   },
-  textDisabled: {
-    color: _theme.default.treeItemDisabledFontColor
-  },
+  // textDisabled: {
+  //   color: Token.treeItemDisabledFontColor,
+  // },
   list: {},
   node: {
     position: 'relative',

package/cjs/version.d.ts

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

package/esm/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["card.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;AAS9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA4ItC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["card.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;AAS9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA6ItC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/card/card.js

@@ -66,7 +66,9 @@ var cardStyle = {
   headerContent: _objectSpread(_objectSpread({}, headerCommon), {}, {
     flex: 1
   }),
-  simpleHeader: _objectSpread({}, headerCommon),
+  simpleHeader: _objectSpread(_objectSpread({}, headerCommon), {}, {
+    display: 'block'
+  }),
   center: {
     textAlign: 'center'
   },

package/esm/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAKpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CA+J5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAKpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAiK5C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/popover/popover.js

@@ -21,7 +21,13 @@ var popoverStyle = {
       height: '8.4px',
       boxSizing: 'content-box',
       background: 'inherit',
-      borderBottom: 'none'
+      borderBottom: 'none',
+      '&[dir=ltr]': {
+        borderLeftColor: 'transparent'
+      },
+      '&[dir=rtl]': {
+        borderRight: 'transparent'
+      }
     },
     '&[data-soui-position^="bottom"]': {
       marginTop: arrowGap - 2,

package/esm/table/table.js

@@ -54,10 +54,10 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
             background: token.tableCellBorderColor,
             borderLeft: "1px solid ".concat(token.tableCellBorderColor)
           },
-          '&[dir=ltr]::after': {
+          '[dir=ltr]&::after': {
             right: 0
           },
-          '&[dir=rtl]::after': {
+          '[dir=rtl]&::after': {
             left: 0
           }
         }

package/esm/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA+C9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CA8KhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AA+C9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CA+KhD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/tooltip/tooltip.js

@@ -62,7 +62,8 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
     '&[data-soui-type^="light"]': {
       backgroundColor: token.tooltipLightBackgroundColor,
       color: token.tooltipLightColor,
-      border: "1px solid ".concat(token.tooltipLightBorderColor)
+      border: "1px solid ".concat(token.tooltipLightBorderColor),
+      boxSizing: 'border-box'
     },
     '&[data-soui-type^="primary"]': {
       backgroundColor: token.tooltipPrimaryBackgroundColor,
@@ -86,12 +87,12 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
       content: '" "',
       display: 'block',
       border: "inherit",
-      borderLeft: 'none',
+      borderLeftColor: 'transparent',
       width: '8.4px',
       height: '8.4px',
       boxSizing: 'content-box',
       background: 'inherit',
-      borderBottom: 'none'
+      borderBottomColor: 'transparent'
     },
     '&[data-soui-position^="bottom"]': {
       marginTop: arrowGap - 2,

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

package/esm/tree/tree.js

@@ -114,16 +114,35 @@ var treeStyle = {
     cursor: 'pointer',
     padding: "0 ".concat(Token.treePaddingX),
     borderRadius: Token.treeContentBorderRadius,
+    position: 'relative',
+    '&[data-expanded="true"]::before': {
+      content: '""',
+      position: 'absolute',
+      top: 24,
+      bottom: 0,
+      left: -12,
+      width: 1,
+      background: '#ebebeb'
+    },
+    '&[dir=ltr][data-expanded="true"]::before': {
+      left: -12
+    },
+    '&[dir=rtl][data-expanded="true"]::before': {
+      right: -12
+    },
     '&[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"])': {
+    // '&[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
     }
   },
@@ -140,9 +159,9 @@ var treeStyle = {
     paddingTop: Token.treeTextPaddingY,
     paddingBottom: Token.treeTextPaddingY
   },
-  textDisabled: {
-    color: Token.treeItemDisabledFontColor
-  },
+  // textDisabled: {
+  //   color: Token.treeItemDisabledFontColor,
+  // },
   list: {},
   node: {
     position: 'relative',

package/esm/version.d.ts

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

package/esm/version.js

@@ -1 +1 @@
-export default '3.1.13';
+export default '3.1.15';

package/package.json

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