@sheinx/shineout-style 3.1.13 → 3.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/cjs/popover/popover.d.ts.map +1 -1
  2. package/cjs/popover/popover.js +7 -1
  3. package/cjs/tooltip/tooltip.d.ts.map +1 -1
  4. package/cjs/tooltip/tooltip.js +4 -3
  5. package/cjs/tree/tree.d.ts.map +1 -1
  6. package/cjs/tree/tree.js +26 -7
  7. package/cjs/version.d.ts +1 -1
  8. package/cjs/version.js +1 -1
  9. package/esm/popover/popover.d.ts.map +1 -1
  10. package/esm/popover/popover.js +7 -1
  11. package/esm/tooltip/tooltip.d.ts.map +1 -1
  12. package/esm/tooltip/tooltip.js +4 -3
  13. package/esm/tree/tree.d.ts.map +1 -1
  14. package/esm/tree/tree.js +26 -7
  15. package/esm/version.d.ts +1 -1
  16. package/esm/version.js +1 -1
  17. package/package.json +3 -3
package/cjs/popover/popover.d.ts.map CHANGED
@@ -1 +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"}
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,CAiK5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/cjs/popover/popover.js CHANGED
@@ -28,7 +28,13 @@ var popoverStyle = {
28
28
  height: '8.4px',
29
29
  boxSizing: 'content-box',
30
30
  background: 'inherit',
31
- borderBottom: 'none'
31
+ borderBottom: 'none',
32
+ '&[dir=ltr]': {
33
+ borderLeftColor: 'transparent'
34
+ },
35
+ '&[dir=rtl]': {
36
+ borderRight: 'transparent'
37
+ }
32
38
  },
33
39
  '&[data-soui-position^="bottom"]': {
34
40
  marginTop: arrowGap - 2,
package/cjs/tooltip/tooltip.d.ts.map CHANGED
@@ -1 +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"}
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,CA+KhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/cjs/tooltip/tooltip.js CHANGED
@@ -69,7 +69,8 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
69
69
  '&[data-soui-type^="light"]': {
70
70
  backgroundColor: _theme.default.tooltipLightBackgroundColor,
71
71
  color: _theme.default.tooltipLightColor,
72
- border: "1px solid ".concat(_theme.default.tooltipLightBorderColor)
72
+ border: "1px solid ".concat(_theme.default.tooltipLightBorderColor),
73
+ boxSizing: 'border-box'
73
74
  },
74
75
  '&[data-soui-type^="primary"]': {
75
76
  backgroundColor: _theme.default.tooltipPrimaryBackgroundColor,
@@ -93,12 +94,12 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
93
94
  content: '" "',
94
95
  display: 'block',
95
96
  border: "inherit",
96
- borderLeft: 'none',
97
+ borderLeftColor: 'transparent',
97
98
  width: '8.4px',
98
99
  height: '8.4px',
99
100
  boxSizing: 'content-box',
100
101
  background: 'inherit',
101
- borderBottom: 'none'
102
+ borderBottomColor: 'transparent'
102
103
  },
103
104
  '&[data-soui-position^="bottom"]': {
104
105
  marginTop: arrowGap - 2,
package/cjs/tree/tree.d.ts.map CHANGED
@@ -1 +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"}
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,CAsNtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/tree/tree.js CHANGED
@@ -121,16 +121,35 @@ var treeStyle = {
121
121
  cursor: 'pointer',
122
122
  padding: "0 ".concat(_theme.default.treePaddingX),
123
123
  borderRadius: _theme.default.treeContentBorderRadius,
124
+ position: 'relative',
125
+ '&[data-expanded="true"]::before': {
126
+ content: '""',
127
+ position: 'absolute',
128
+ top: 24,
129
+ bottom: 0,
130
+ left: -12,
131
+ width: 1,
132
+ background: '#ebebeb'
133
+ },
134
+ '&[dir=ltr][data-expanded="true"]::before': {
135
+ left: -12
136
+ },
137
+ '&[dir=rtl][data-expanded="true"]::before': {
138
+ right: -12
139
+ },
124
140
  '&[data-active="true"]': {
125
141
  background: _theme.default.treeContentActiveBackgroundColor,
126
142
  '& $text': {
127
143
  color: _theme.default.treeContentActiveFontColor
128
144
  }
129
145
  },
130
- '&[data-disabled="true"]': {
131
- cursor: 'not-allowed'
132
- },
133
- '&:hover:not([data-active="true"]):not([data-disabled="true"])': {
146
+ // '&[data-disabled="true"]': {
147
+ // cursor: 'not-allowed',
148
+ // },
149
+ // '&:hover:not([data-active="true"]):not([data-disabled="true"])': {
150
+ // background: Token.treeContentHoverBackgroundColor,
151
+ // },
152
+ '&:hover:not([data-active="true"])': {
134
153
  background: _theme.default.treeContentHoverBackgroundColor
135
154
  }
136
155
  },
@@ -147,9 +166,9 @@ var treeStyle = {
147
166
  paddingTop: _theme.default.treeTextPaddingY,
148
167
  paddingBottom: _theme.default.treeTextPaddingY
149
168
  },
150
- textDisabled: {
151
- color: _theme.default.treeItemDisabledFontColor
152
- },
169
+ // textDisabled: {
170
+ // color: Token.treeItemDisabledFontColor,
171
+ // },
153
172
  list: {},
154
173
  node: {
155
174
  position: 'relative',
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.1.13";
1
+ declare const _default: "3.1.14";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/cjs/version.js CHANGED
@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _default = exports.default = '3.1.13';
7
+ var _default = exports.default = '3.1.14';
package/esm/popover/popover.d.ts.map CHANGED
@@ -1 +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"}
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,CAiK5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/esm/popover/popover.js CHANGED
@@ -21,7 +21,13 @@ var popoverStyle = {
21
21
  height: '8.4px',
22
22
  boxSizing: 'content-box',
23
23
  background: 'inherit',
24
- borderBottom: 'none'
24
+ borderBottom: 'none',
25
+ '&[dir=ltr]': {
26
+ borderLeftColor: 'transparent'
27
+ },
28
+ '&[dir=rtl]': {
29
+ borderRight: 'transparent'
30
+ }
25
31
  },
26
32
  '&[data-soui-position^="bottom"]': {
27
33
  marginTop: arrowGap - 2,
package/esm/tooltip/tooltip.d.ts.map CHANGED
@@ -1 +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"}
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,CA+KhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/esm/tooltip/tooltip.js CHANGED
@@ -62,7 +62,8 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
62
62
  '&[data-soui-type^="light"]': {
63
63
  backgroundColor: token.tooltipLightBackgroundColor,
64
64
  color: token.tooltipLightColor,
65
- border: "1px solid ".concat(token.tooltipLightBorderColor)
65
+ border: "1px solid ".concat(token.tooltipLightBorderColor),
66
+ boxSizing: 'border-box'
66
67
  },
67
68
  '&[data-soui-type^="primary"]': {
68
69
  backgroundColor: token.tooltipPrimaryBackgroundColor,
@@ -86,12 +87,12 @@ var tooltipStyle = _objectSpread(_objectSpread({}, animation), {}, {
86
87
  content: '" "',
87
88
  display: 'block',
88
89
  border: "inherit",
89
- borderLeft: 'none',
90
+ borderLeftColor: 'transparent',
90
91
  width: '8.4px',
91
92
  height: '8.4px',
92
93
  boxSizing: 'content-box',
93
94
  background: 'inherit',
94
- borderBottom: 'none'
95
+ borderBottomColor: 'transparent'
95
96
  },
96
97
  '&[data-soui-position^="bottom"]': {
97
98
  marginTop: arrowGap - 2,
package/esm/tree/tree.d.ts.map CHANGED
@@ -1 +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"}
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,CAsNtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/tree/tree.js CHANGED
@@ -114,16 +114,35 @@ var treeStyle = {
114
114
  cursor: 'pointer',
115
115
  padding: "0 ".concat(Token.treePaddingX),
116
116
  borderRadius: Token.treeContentBorderRadius,
117
+ position: 'relative',
118
+ '&[data-expanded="true"]::before': {
119
+ content: '""',
120
+ position: 'absolute',
121
+ top: 24,
122
+ bottom: 0,
123
+ left: -12,
124
+ width: 1,
125
+ background: '#ebebeb'
126
+ },
127
+ '&[dir=ltr][data-expanded="true"]::before': {
128
+ left: -12
129
+ },
130
+ '&[dir=rtl][data-expanded="true"]::before': {
131
+ right: -12
132
+ },
117
133
  '&[data-active="true"]': {
118
134
  background: Token.treeContentActiveBackgroundColor,
119
135
  '& $text': {
120
136
  color: Token.treeContentActiveFontColor
121
137
  }
122
138
  },
123
- '&[data-disabled="true"]': {
124
- cursor: 'not-allowed'
125
- },
126
- '&:hover:not([data-active="true"]):not([data-disabled="true"])': {
139
+ // '&[data-disabled="true"]': {
140
+ // cursor: 'not-allowed',
141
+ // },
142
+ // '&:hover:not([data-active="true"]):not([data-disabled="true"])': {
143
+ // background: Token.treeContentHoverBackgroundColor,
144
+ // },
145
+ '&:hover:not([data-active="true"])': {
127
146
  background: Token.treeContentHoverBackgroundColor
128
147
  }
129
148
  },
@@ -140,9 +159,9 @@ var treeStyle = {
140
159
  paddingTop: Token.treeTextPaddingY,
141
160
  paddingBottom: Token.treeTextPaddingY
142
161
  },
143
- textDisabled: {
144
- color: Token.treeItemDisabledFontColor
145
- },
162
+ // textDisabled: {
163
+ // color: Token.treeItemDisabledFontColor,
164
+ // },
146
165
  list: {},
147
166
  node: {
148
167
  position: 'relative',
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.1.13";
1
+ declare const _default: "3.1.14";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.1.13';
1
+ export default '3.1.14';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.1.13",
3
+ "version": "3.1.14",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,8 +17,8 @@
17
17
  "dependencies": {
18
18
  "jss": "10.9.2",
19
19
  "react-jss": "10.9.2",
20
- "@sheinx/theme": "3.1.13",
21
- "@sheinx/base": "3.1.13"
20
+ "@sheinx/theme": "3.1.14",
21
+ "@sheinx/base": "3.1.14"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"