@sheinx/shineout-style 3.4.0 → 3.4.2-beta.1

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 (15) hide show
  1. package/cjs/input/input.js +4 -4
  2. package/cjs/textarea/textarea.js +2 -2
  3. package/cjs/tree/tree.d.ts.map +1 -1
  4. package/cjs/tree/tree.js +31 -6
  5. package/cjs/version.d.ts +1 -1
  6. package/cjs/version.d.ts.map +1 -1
  7. package/cjs/version.js +1 -1
  8. package/esm/input/input.js +4 -4
  9. package/esm/textarea/textarea.js +2 -2
  10. package/esm/tree/tree.d.ts.map +1 -1
  11. package/esm/tree/tree.js +31 -6
  12. package/esm/version.d.ts +1 -1
  13. package/esm/version.d.ts.map +1 -1
  14. package/esm/version.js +1 -1
  15. package/package.json +3 -3
package/cjs/input/input.js CHANGED
@@ -74,8 +74,8 @@ var groupSpace = function groupSpace(gap) {
74
74
  padding: "0 ".concat(gap),
75
75
  display: 'flex',
76
76
  alignItems: 'center',
77
- border: "1px solid ".concat(_theme.default.inputBorderColor),
78
- borderWidth: '0 1px',
77
+ borderLeft: "1px solid ".concat(_theme.default.inputBorderColor),
78
+ borderRight: "1px solid ".concat(_theme.default.inputBorderColor),
79
79
  background: _theme.default.inputGroupFontBackgroundColor,
80
80
  fontWeight: 'normal',
81
81
  color: _theme.default.inputGroupFontColor,
@@ -283,8 +283,8 @@ var input = _objectSpread(_objectSpread(_objectSpread({
283
283
  transform: 'rotate(45deg) translateY(3px)',
284
284
  width: '6px',
285
285
  height: '6px',
286
- border: "1px solid ".concat(_theme.default.inputBorderColor),
287
- borderWidth: '1px 0 0 1px',
286
+ borderTop: "1px solid ".concat(_theme.default.inputBorderColor),
287
+ borderLeft: "1px solid ".concat(_theme.default.inputBorderColor),
288
288
  background: 'inherit',
289
289
  content: "' '"
290
290
  },
package/cjs/textarea/textarea.js CHANGED
@@ -124,8 +124,8 @@ var input = _objectSpread(_objectSpread(_objectSpread({}, inputBorder), {}, {
124
124
  transform: 'rotate(45deg) translateY(3px)',
125
125
  width: '6px',
126
126
  height: '6px',
127
- border: "1px solid ".concat(_theme.default.textareaBorderColor),
128
- borderWidth: '1px 0 0 1px',
127
+ borderTop: "1px solid ".concat(_theme.default.textareaBorderColor),
128
+ borderLeft: "1px solid ".concat(_theme.default.textareaBorderColor),
129
129
  background: 'inherit',
130
130
  content: "' '"
131
131
  },
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,CAsNtC,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,CA2OtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/tree/tree.js CHANGED
@@ -70,7 +70,9 @@ var treeStyle = {
70
70
  },
71
71
  noline: {
72
72
  '& $iconWrapper': {
73
- // left: 12,
73
+ '& $icon': {
74
+ transition: 'transform .2s cubic-bezier(.34,.69,.1,1)'
75
+ }
74
76
  },
75
77
  '& $iconWrapper[data-expanded="false"][data-icon="false"]': {
76
78
  '& $icon': {
@@ -92,16 +94,38 @@ var treeStyle = {
92
94
  '&$leaf': {
93
95
  paddingLeft: 24
94
96
  }
97
+ },
98
+ '& > $root': {
99
+ '& > $node': {
100
+ paddingLeft: 24
101
+ }
95
102
  }
96
103
  },
97
104
  root: {
98
- '& > :first-child$node': {
105
+ // '& > :first-child$node': {
106
+ // '&::before': {
107
+ // top: 18,
108
+ // },
109
+ // },
110
+ // '& > :last-child$node': {
111
+ // '&::before': {},
112
+ // },
113
+ '& > $node': {
114
+ paddingLeft: 12,
115
+ '& > $contentWrapper > $iconWrapper': {
116
+ '&[dir=ltr]': {
117
+ left: 0
118
+ },
119
+ '&[dir=rtl]': {
120
+ right: 0
121
+ }
122
+ },
99
123
  '&::before': {
100
- top: 18
124
+ display: 'none'
125
+ },
126
+ '&::after': {
127
+ display: 'none'
101
128
  }
102
- },
103
- '& > :last-child$node': {
104
- '&::before': {}
105
129
  }
106
130
  },
107
131
  small: {},
@@ -209,6 +233,7 @@ var treeStyle = {
209
233
  borderRadius: '50%',
210
234
  color: _theme.default.treeItemFontColor,
211
235
  cursor: 'pointer',
236
+ transition: 'background .2s ease',
212
237
  // transform: 'rotate(-90deg)',
213
238
  '&:hover': {
214
239
  background: _theme.default.treeItemHoverBackgroundColor
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.4.0";
1
+ declare const _default: "3.4.2-beta.1";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/cjs/version.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAuB"}
1
+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA8B"}
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.4.0';
7
+ var _default = exports.default = '3.4.2-beta.1';
package/esm/input/input.js CHANGED
@@ -67,8 +67,8 @@ var groupSpace = function groupSpace(gap) {
67
67
  padding: "0 ".concat(gap),
68
68
  display: 'flex',
69
69
  alignItems: 'center',
70
- border: "1px solid ".concat(token.inputBorderColor),
71
- borderWidth: '0 1px',
70
+ borderLeft: "1px solid ".concat(token.inputBorderColor),
71
+ borderRight: "1px solid ".concat(token.inputBorderColor),
72
72
  background: token.inputGroupFontBackgroundColor,
73
73
  fontWeight: 'normal',
74
74
  color: token.inputGroupFontColor,
@@ -276,8 +276,8 @@ var input = _objectSpread(_objectSpread(_objectSpread({
276
276
  transform: 'rotate(45deg) translateY(3px)',
277
277
  width: '6px',
278
278
  height: '6px',
279
- border: "1px solid ".concat(token.inputBorderColor),
280
- borderWidth: '1px 0 0 1px',
279
+ borderTop: "1px solid ".concat(token.inputBorderColor),
280
+ borderLeft: "1px solid ".concat(token.inputBorderColor),
281
281
  background: 'inherit',
282
282
  content: "' '"
283
283
  },
package/esm/textarea/textarea.js CHANGED
@@ -117,8 +117,8 @@ var input = _objectSpread(_objectSpread(_objectSpread({}, inputBorder), {}, {
117
117
  transform: 'rotate(45deg) translateY(3px)',
118
118
  width: '6px',
119
119
  height: '6px',
120
- border: "1px solid ".concat(token.textareaBorderColor),
121
- borderWidth: '1px 0 0 1px',
120
+ borderTop: "1px solid ".concat(token.textareaBorderColor),
121
+ borderLeft: "1px solid ".concat(token.textareaBorderColor),
122
122
  background: 'inherit',
123
123
  content: "' '"
124
124
  },
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,CAsNtC,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,CA2OtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/tree/tree.js CHANGED
@@ -63,7 +63,9 @@ var treeStyle = {
63
63
  },
64
64
  noline: {
65
65
  '& $iconWrapper': {
66
- // left: 12,
66
+ '& $icon': {
67
+ transition: 'transform .2s cubic-bezier(.34,.69,.1,1)'
68
+ }
67
69
  },
68
70
  '& $iconWrapper[data-expanded="false"][data-icon="false"]': {
69
71
  '& $icon': {
@@ -85,16 +87,38 @@ var treeStyle = {
85
87
  '&$leaf': {
86
88
  paddingLeft: 24
87
89
  }
90
+ },
91
+ '& > $root': {
92
+ '& > $node': {
93
+ paddingLeft: 24
94
+ }
88
95
  }
89
96
  },
90
97
  root: {
91
- '& > :first-child$node': {
98
+ // '& > :first-child$node': {
99
+ // '&::before': {
100
+ // top: 18,
101
+ // },
102
+ // },
103
+ // '& > :last-child$node': {
104
+ // '&::before': {},
105
+ // },
106
+ '& > $node': {
107
+ paddingLeft: 12,
108
+ '& > $contentWrapper > $iconWrapper': {
109
+ '&[dir=ltr]': {
110
+ left: 0
111
+ },
112
+ '&[dir=rtl]': {
113
+ right: 0
114
+ }
115
+ },
92
116
  '&::before': {
93
- top: 18
117
+ display: 'none'
118
+ },
119
+ '&::after': {
120
+ display: 'none'
94
121
  }
95
- },
96
- '& > :last-child$node': {
97
- '&::before': {}
98
122
  }
99
123
  },
100
124
  small: {},
@@ -202,6 +226,7 @@ var treeStyle = {
202
226
  borderRadius: '50%',
203
227
  color: Token.treeItemFontColor,
204
228
  cursor: 'pointer',
229
+ transition: 'background .2s ease',
205
230
  // transform: 'rotate(-90deg)',
206
231
  '&:hover': {
207
232
  background: Token.treeItemHoverBackgroundColor
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.4.0";
1
+ declare const _default: "3.4.2-beta.1";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAuB"}
1
+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA8B"}
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.4.0';
1
+ export default '3.4.2-beta.1';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.4.0",
3
+ "version": "3.4.2-beta.1",
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.4.0",
21
- "@sheinx/base": "3.4.0"
20
+ "@sheinx/theme": "3.4.2-beta.1",
21
+ "@sheinx/base": "3.4.2-beta.1"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"