@sheinx/shineout-style 3.9.13-beta.14 → 3.9.13-beta.15

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 (13) hide show
  1. package/cjs/button/button-group.d.ts.map +1 -1
  2. package/cjs/button/button-group.js +29 -46
  3. package/cjs/radio/radio.d.ts.map +1 -1
  4. package/cjs/radio/radio.js +4 -1
  5. package/cjs/version.d.ts +1 -1
  6. package/cjs/version.js +1 -1
  7. package/esm/button/button-group.d.ts.map +1 -1
  8. package/esm/button/button-group.js +29 -46
  9. package/esm/radio/radio.d.ts.map +1 -1
  10. package/esm/radio/radio.js +4 -1
  11. package/esm/version.d.ts +1 -1
  12. package/esm/version.js +1 -1
  13. package/package.json +3 -3
package/cjs/button/button-group.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AA6KlD,QAAA,MAAM,gBAAgB,EAAE,QAAQ,CAAC,MAAM,kBAAkB,CAgKxD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AA+KlD,QAAA,MAAM,gBAAgB,EAAE,QAAQ,CAAC,MAAM,kBAAkB,CA+JxD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
package/cjs/button/button-group.js CHANGED
@@ -17,16 +17,19 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
17
17
  var bc = function bc(key) {
18
18
  return ".".concat(_jssStyle.prefix, "-button-").concat(key);
19
19
  };
20
+ var heightAndTop = {
21
+ height: "var(--button-before-line-height, calc(50% - 2px))",
22
+ top: "var(--button-before-line-top, calc(25% + 1px))"
23
+ };
20
24
  var beforeLine = function beforeLine() {
21
25
  return _defineProperty(_defineProperty({
22
- '&::before': {
26
+ '&::before': _objectSpread(_objectSpread({
23
27
  position: 'absolute',
24
- content: '" "',
25
- height: 'calc(50% - 2px)',
26
- top: 'calc(25% + 1px)',
28
+ content: '" "'
29
+ }, heightAndTop), {}, {
27
30
  width: 1,
28
31
  background: _theme.default.buttonSplitlineFullBackgroundColor
29
- },
32
+ }),
30
33
  '&[dir=ltr]::before': {
31
34
  left: -1
32
35
  },
@@ -72,14 +75,13 @@ var beforeLine = function beforeLine() {
72
75
  };
73
76
  var outlineBeforeLine = function outlineBeforeLine(type, styles) {
74
77
  return _defineProperty({
75
- '&::before': {
78
+ '&::before': _objectSpread(_objectSpread({
76
79
  position: 'absolute',
77
- content: '" "',
78
- height: 'calc(50% - 2px)',
79
- top: 'calc(25% + 1px)',
80
+ content: '" "'
81
+ }, heightAndTop), {}, {
80
82
  width: 1,
81
83
  background: _theme.default["button".concat(type).concat(styles, "BorderColor")]
82
- },
84
+ }),
83
85
  '&[dir=ltr]::before': {
84
86
  left: -1
85
87
  },
@@ -113,14 +115,13 @@ var outlineBeforeLine = function outlineBeforeLine(type, styles) {
113
115
  }
114
116
  }))
115
117
  }, "&".concat(bc('primary'), ",&").concat(bc('success'), ",&").concat(bc('warning'), ",&").concat(bc('danger'), ",").concat(bc('secondary')), {
116
- '&::before': {
117
- height: 'calc(100% + 2px)',
118
- top: -1,
118
+ '&::before': _objectSpread(_objectSpread({}, heightAndTop), {}, {
119
+ top: "var(--button-before-line-top, calc(25% + 1px))",
119
120
  left: -1,
120
121
  width: 1,
121
122
  bottom: -1,
122
123
  background: "".concat(_theme.default["button".concat(type).concat(styles, "BorderColor")])
123
- },
124
+ }),
124
125
  '& + :not(&)': {
125
126
  '&::before': {
126
127
  height: 'calc(100% + 2px)',
@@ -145,15 +146,14 @@ var outlineBeforeLine = function outlineBeforeLine(type, styles) {
145
146
  };
146
147
  var textBeforeLine = function textBeforeLine() {
147
148
  return _defineProperty({
148
- '&::before': {
149
+ '&::before': _objectSpread(_objectSpread({
149
150
  transition: 'all 0.3s',
150
151
  position: 'absolute',
151
- content: '" "',
152
- height: 'calc(50% - 2px)',
153
- top: 'calc(25% + 1px)',
152
+ content: '" "'
153
+ }, heightAndTop), {}, {
154
154
  width: 1,
155
155
  background: _theme.default.buttonSplitlineOutlineBackgroundColor
156
- },
156
+ }),
157
157
  '&[dir=ltr]::before': {
158
158
  left: -1
159
159
  },
@@ -211,21 +211,20 @@ var ButtonGroupStyle = {
211
211
  borderRadius: 0,
212
212
  borderLeft: 'none',
213
213
  borderRight: 'none'
214
- }), "& ".concat(bc('button'), ":not(").concat(bc('outline'), "):not(").concat(bc('text'), ")"), _defineProperty(_defineProperty(_defineProperty({
214
+ }), "& ".concat(bc('button'), ":not(").concat(bc('outline'), "):not(").concat(bc('dashed'), "):not(").concat(bc('text'), ")"), _defineProperty(_defineProperty(_defineProperty({
215
215
  position: 'relative',
216
216
  '&::before': {
217
- transition: 'all 0.3s'
217
+ // transition: 'all 0.3s',
218
218
  }
219
219
  }, "&".concat(bc('secondary')), _objectSpread(_objectSpread({}, beforeLine()), {}, _defineProperty({
220
- '&::before': {
220
+ '&::before': _objectSpread(_objectSpread({
221
221
  position: 'absolute',
222
- content: '" "',
223
- height: 'calc(50% - 2px)',
224
- top: 'calc(25% + 1px)',
222
+ content: '" "'
223
+ }, heightAndTop), {}, {
225
224
  width: 1,
226
225
  background: _theme.default.buttonSplitlineOutlineBackgroundColor,
227
226
  transition: 'none'
228
- },
227
+ }),
229
228
  '&[dir=ltr]::before': {
230
229
  left: -1
231
230
  },
@@ -249,26 +248,10 @@ var ButtonGroupStyle = {
249
248
  '&::before': {
250
249
  transition: 'all 0.3s'
251
250
  }
252
- }, "&".concat(bc('secondary')), _objectSpread(_objectSpread({}, outlineBeforeLine('Secondary', 'Outline')), {}, {
253
- '&::before': {
254
- position: 'absolute',
255
- content: '" "',
256
- height: 'calc(50% - 2px)',
257
- top: 'calc(25% + 1px)',
258
- width: 1,
259
- background: _theme.default.buttonSplitlineOutlineBackgroundColor // Neutral-border-1
260
- },
261
- '&[dir=ltr]::before': {
262
- left: -1
263
- },
264
- '&[dir=rtl]::before': {
265
- right: -1
266
- }
267
- })), "&".concat(bc('primary')), _objectSpread({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), _objectSpread({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), _objectSpread({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), _objectSpread({}, outlineBeforeLine('Danger', 'Outline')))), "& ".concat(bc('text')), _objectSpread({
251
+ }, "&".concat(bc('secondary')), _objectSpread({}, outlineBeforeLine('Secondary', 'Outline'))), "&".concat(bc('primary')), _objectSpread({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), _objectSpread({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), _objectSpread({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), _objectSpread({}, outlineBeforeLine('Danger', 'Outline')))), "& ".concat(bc('text')), _objectSpread({
268
252
  position: 'relative'
269
- }, textBeforeLine())), "&".concat(bc('dashed')), {
270
- position: 'relative',
271
- borderStyle: 'none'
272
- })
253
+ }, textBeforeLine())), "& ".concat(bc('dashed')), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
254
+ position: 'relative'
255
+ }, "&".concat(bc('secondary')), _objectSpread({}, outlineBeforeLine('Secondary', 'Outline'))), "&".concat(bc('primary')), _objectSpread({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), _objectSpread({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), _objectSpread({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), _objectSpread({}, outlineBeforeLine('Danger', 'Outline'))))
273
256
  };
274
257
  var _default = exports.default = ButtonGroupStyle;
package/cjs/radio/radio.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAkL5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAqL5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/cjs/radio/radio.js CHANGED
@@ -51,7 +51,10 @@ var radioStyle = _objectSpread(_objectSpread({}, _common.animations), {}, {
51
51
  marginTop: _theme.default.radioIndicatorMarginTop
52
52
  }
53
53
  },
54
- wrapperChecked: {},
54
+ wrapperChecked: {
55
+ '--button-before-line-height': '100%',
56
+ '--button-before-line-top': 0
57
+ },
55
58
  wrapperDisabled: {
56
59
  cursor: 'not-allowed'
57
60
  },
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.13-beta.14";
1
+ declare const _default: "3.9.13-beta.15";
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.9.13-beta.14';
7
+ var _default = exports.default = '3.9.13-beta.15';
package/esm/button/button-group.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AA6KlD,QAAA,MAAM,gBAAgB,EAAE,QAAQ,CAAC,MAAM,kBAAkB,CAgKxD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AA+KlD,QAAA,MAAM,gBAAgB,EAAE,QAAQ,CAAC,MAAM,kBAAkB,CA+JxD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
package/esm/button/button-group.js CHANGED
@@ -10,16 +10,19 @@ import Token from '@sheinx/theme';
10
10
  var bc = function bc(key) {
11
11
  return ".".concat(prefix, "-button-").concat(key);
12
12
  };
13
+ var heightAndTop = {
14
+ height: "var(--button-before-line-height, calc(50% - 2px))",
15
+ top: "var(--button-before-line-top, calc(25% + 1px))"
16
+ };
13
17
  var beforeLine = function beforeLine() {
14
18
  return _defineProperty(_defineProperty({
15
- '&::before': {
19
+ '&::before': _objectSpread(_objectSpread({
16
20
  position: 'absolute',
17
- content: '" "',
18
- height: 'calc(50% - 2px)',
19
- top: 'calc(25% + 1px)',
21
+ content: '" "'
22
+ }, heightAndTop), {}, {
20
23
  width: 1,
21
24
  background: Token.buttonSplitlineFullBackgroundColor
22
- },
25
+ }),
23
26
  '&[dir=ltr]::before': {
24
27
  left: -1
25
28
  },
@@ -65,14 +68,13 @@ var beforeLine = function beforeLine() {
65
68
  };
66
69
  var outlineBeforeLine = function outlineBeforeLine(type, styles) {
67
70
  return _defineProperty({
68
- '&::before': {
71
+ '&::before': _objectSpread(_objectSpread({
69
72
  position: 'absolute',
70
- content: '" "',
71
- height: 'calc(50% - 2px)',
72
- top: 'calc(25% + 1px)',
73
+ content: '" "'
74
+ }, heightAndTop), {}, {
73
75
  width: 1,
74
76
  background: Token["button".concat(type).concat(styles, "BorderColor")]
75
- },
77
+ }),
76
78
  '&[dir=ltr]::before': {
77
79
  left: -1
78
80
  },
@@ -106,14 +108,13 @@ var outlineBeforeLine = function outlineBeforeLine(type, styles) {
106
108
  }
107
109
  }))
108
110
  }, "&".concat(bc('primary'), ",&").concat(bc('success'), ",&").concat(bc('warning'), ",&").concat(bc('danger'), ",").concat(bc('secondary')), {
109
- '&::before': {
110
- height: 'calc(100% + 2px)',
111
- top: -1,
111
+ '&::before': _objectSpread(_objectSpread({}, heightAndTop), {}, {
112
+ top: "var(--button-before-line-top, calc(25% + 1px))",
112
113
  left: -1,
113
114
  width: 1,
114
115
  bottom: -1,
115
116
  background: "".concat(Token["button".concat(type).concat(styles, "BorderColor")])
116
- },
117
+ }),
117
118
  '& + :not(&)': {
118
119
  '&::before': {
119
120
  height: 'calc(100% + 2px)',
@@ -138,15 +139,14 @@ var outlineBeforeLine = function outlineBeforeLine(type, styles) {
138
139
  };
139
140
  var textBeforeLine = function textBeforeLine() {
140
141
  return _defineProperty({
141
- '&::before': {
142
+ '&::before': _objectSpread(_objectSpread({
142
143
  transition: 'all 0.3s',
143
144
  position: 'absolute',
144
- content: '" "',
145
- height: 'calc(50% - 2px)',
146
- top: 'calc(25% + 1px)',
145
+ content: '" "'
146
+ }, heightAndTop), {}, {
147
147
  width: 1,
148
148
  background: Token.buttonSplitlineOutlineBackgroundColor
149
- },
149
+ }),
150
150
  '&[dir=ltr]::before': {
151
151
  left: -1
152
152
  },
@@ -204,21 +204,20 @@ var ButtonGroupStyle = {
204
204
  borderRadius: 0,
205
205
  borderLeft: 'none',
206
206
  borderRight: 'none'
207
- }), "& ".concat(bc('button'), ":not(").concat(bc('outline'), "):not(").concat(bc('text'), ")"), _defineProperty(_defineProperty(_defineProperty({
207
+ }), "& ".concat(bc('button'), ":not(").concat(bc('outline'), "):not(").concat(bc('dashed'), "):not(").concat(bc('text'), ")"), _defineProperty(_defineProperty(_defineProperty({
208
208
  position: 'relative',
209
209
  '&::before': {
210
- transition: 'all 0.3s'
210
+ // transition: 'all 0.3s',
211
211
  }
212
212
  }, "&".concat(bc('secondary')), _objectSpread(_objectSpread({}, beforeLine()), {}, _defineProperty({
213
- '&::before': {
213
+ '&::before': _objectSpread(_objectSpread({
214
214
  position: 'absolute',
215
- content: '" "',
216
- height: 'calc(50% - 2px)',
217
- top: 'calc(25% + 1px)',
215
+ content: '" "'
216
+ }, heightAndTop), {}, {
218
217
  width: 1,
219
218
  background: Token.buttonSplitlineOutlineBackgroundColor,
220
219
  transition: 'none'
221
- },
220
+ }),
222
221
  '&[dir=ltr]::before': {
223
222
  left: -1
224
223
  },
@@ -242,26 +241,10 @@ var ButtonGroupStyle = {
242
241
  '&::before': {
243
242
  transition: 'all 0.3s'
244
243
  }
245
- }, "&".concat(bc('secondary')), _objectSpread(_objectSpread({}, outlineBeforeLine('Secondary', 'Outline')), {}, {
246
- '&::before': {
247
- position: 'absolute',
248
- content: '" "',
249
- height: 'calc(50% - 2px)',
250
- top: 'calc(25% + 1px)',
251
- width: 1,
252
- background: Token.buttonSplitlineOutlineBackgroundColor // Neutral-border-1
253
- },
254
- '&[dir=ltr]::before': {
255
- left: -1
256
- },
257
- '&[dir=rtl]::before': {
258
- right: -1
259
- }
260
- })), "&".concat(bc('primary')), _objectSpread({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), _objectSpread({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), _objectSpread({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), _objectSpread({}, outlineBeforeLine('Danger', 'Outline')))), "& ".concat(bc('text')), _objectSpread({
244
+ }, "&".concat(bc('secondary')), _objectSpread({}, outlineBeforeLine('Secondary', 'Outline'))), "&".concat(bc('primary')), _objectSpread({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), _objectSpread({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), _objectSpread({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), _objectSpread({}, outlineBeforeLine('Danger', 'Outline')))), "& ".concat(bc('text')), _objectSpread({
261
245
  position: 'relative'
262
- }, textBeforeLine())), "&".concat(bc('dashed')), {
263
- position: 'relative',
264
- borderStyle: 'none'
265
- })
246
+ }, textBeforeLine())), "& ".concat(bc('dashed')), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
247
+ position: 'relative'
248
+ }, "&".concat(bc('secondary')), _objectSpread({}, outlineBeforeLine('Secondary', 'Outline'))), "&".concat(bc('primary')), _objectSpread({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), _objectSpread({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), _objectSpread({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), _objectSpread({}, outlineBeforeLine('Danger', 'Outline'))))
266
249
  };
267
250
  export default ButtonGroupStyle;
package/esm/radio/radio.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAkL5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAqL5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/esm/radio/radio.js CHANGED
@@ -44,7 +44,10 @@ var radioStyle = _objectSpread(_objectSpread({}, animations), {}, {
44
44
  marginTop: token.radioIndicatorMarginTop
45
45
  }
46
46
  },
47
- wrapperChecked: {},
47
+ wrapperChecked: {
48
+ '--button-before-line-height': '100%',
49
+ '--button-before-line-top': 0
50
+ },
48
51
  wrapperDisabled: {
49
52
  cursor: 'not-allowed'
50
53
  },
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.13-beta.14";
1
+ declare const _default: "3.9.13-beta.15";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.9.13-beta.14';
1
+ export default '3.9.13-beta.15';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.9.13-beta.14",
3
+ "version": "3.9.13-beta.15",
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.9.13-beta.14",
21
- "@sheinx/base": "3.9.13-beta.14"
20
+ "@sheinx/theme": "3.9.13-beta.15",
21
+ "@sheinx/base": "3.9.13-beta.15"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"