@sheinx/shineout-style 3.4.0-beta.7 → 3.4.0-beta.8

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.
package/cjs/menu/menu.js CHANGED
@@ -210,9 +210,9 @@ var menuStyle = {
210
210
  },
211
211
  '$itemInPath > &&': {
212
212
  '[data-soui-theme=light] &': {
213
- color: _theme.default.menuItemActiveFontColor,
213
+ color: _theme.default.menuItemInpathActiveFontColor,
214
214
  '& $icon': {
215
- color: _theme.default.menuItemActiveFontColor
215
+ color: _theme.default.menuItemInpathActiveFontColor
216
216
  }
217
217
  },
218
218
  '[data-soui-theme=light] $itemDisabled&': {
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AA8RxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA0f1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAuQxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA2f1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/tabs/tabs.js CHANGED
@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _theme = _interopRequireDefault(require("@sheinx/theme"));
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
7
+ var _theme = _interopRequireWildcard(require("@sheinx/theme"));
8
+ 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); }
9
+ 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; }
9
10
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
10
11
  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; }
11
12
  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; }
@@ -159,90 +160,57 @@ var getCardStyle = function getCardStyle() {
159
160
  };
160
161
  var getLineStyle = function getLineStyle() {
161
162
  return {
163
+ '$tab': {
164
+ '&:after': {
165
+ display: 'none'
166
+ }
167
+ },
162
168
  '&[data-soui-position^="left-"][data-soui-shape="line"]': {
163
- '&[dir=ltr]': _objectSpread({
169
+ '&[dir=ltr]': {
164
170
  '& $hr': {
165
171
  right: 0,
166
172
  width: 1,
167
173
  height: '100%'
168
174
  }
169
- }, active({
170
- top: 0,
171
- bottom: 0,
172
- right: 0,
173
- width: 2
174
- })),
175
- '&[dir=rtl]': _objectSpread({
175
+ },
176
+ '&[dir=rtl]': {
176
177
  '& $hr': {
177
178
  left: 0,
178
179
  width: 1,
179
180
  height: '100%'
180
181
  }
181
- }, active({
182
- top: 0,
183
- bottom: 0,
184
- left: 0,
185
- width: 2
186
- }))
187
- // '& :not([data-soui-state="active"])$tab': {
188
- // '&:after': {
189
- // display: 'none',
190
- // },
191
- // },
182
+ }
192
183
  },
193
184
  '&[data-soui-position^="right-"][data-soui-shape="line"]': {
194
- '&[dir=ltr]': _objectSpread({
185
+ '&[dir=ltr]': {
195
186
  '& $hr': {
196
187
  left: 0,
197
188
  width: 1,
198
189
  height: '100%'
199
190
  }
200
- }, active({
201
- top: 0,
202
- bottom: 0,
203
- left: 0,
204
- width: 2
205
- })),
206
- '&[dir=rtl]': _objectSpread({
191
+ },
192
+ '&[dir=rtl]': {
207
193
  '& $hr': {
208
194
  right: 0,
209
195
  width: 1,
210
196
  height: '100%'
211
197
  }
212
- }, active({
213
- top: 0,
214
- bottom: 0,
215
- right: 0,
216
- width: 2
217
- }))
198
+ }
218
199
  },
219
- '&[data-soui-position^="top-"][data-soui-shape="line"]': _objectSpread({
200
+ '&[data-soui-position^="top-"][data-soui-shape="line"]': {
220
201
  '& $hr': {
221
202
  bottom: 0,
222
- left: 0,
223
203
  height: 1,
224
204
  width: '100%'
225
205
  }
226
- }, active({
227
- bottom: 0,
228
- left: 0,
229
- right: 0,
230
- height: 2
231
- })),
232
- '&[data-soui-position^="bottom-"][data-soui-shape="line"]': _objectSpread(_objectSpread({
206
+ },
207
+ '&[data-soui-position^="bottom-"][data-soui-shape="line"]': {
233
208
  '& $hr': {
234
209
  top: 0,
235
- left: 0,
236
210
  height: 1,
237
211
  width: '100%'
238
- }
239
- }, active({
240
- top: 0,
241
- left: 0,
242
- right: 0,
243
- height: 2
244
- })), {}, {
245
- '& :not([data-soui-state="active"])$tab': {
212
+ },
213
+ '& $tab': {
246
214
  '&:after': {
247
215
  position: 'absolute',
248
216
  content: '""',
@@ -253,51 +221,16 @@ var getLineStyle = function getLineStyle() {
253
221
  background: _theme.default.tabsBorderColor
254
222
  }
255
223
  }
256
- })
224
+ }
257
225
  };
258
226
  };
259
227
  var getDashStyle = function getDashStyle() {
260
228
  return {
261
- '&[data-soui-position^="left-"][data-soui-shape="dash"]': {
262
- '&[dir=ltr]': _objectSpread({}, active({
263
- top: "calc(50% - 12px)",
264
- width: 2,
265
- height: 24,
266
- right: 0
267
- })),
268
- '&[dir=rtl]': _objectSpread({}, active({
269
- top: "calc(50% - 12px)",
270
- width: 2,
271
- height: 24,
272
- left: 0
273
- }))
274
- },
275
- '&[data-soui-position^="right-"][data-soui-shape="dash"]': {
276
- '&[dir=ltr]': _objectSpread({}, active({
277
- top: "calc(50% - 12px)",
278
- width: 2,
279
- height: 24,
280
- left: 0
281
- })),
282
- '&[dir=rtl]': _objectSpread({}, active({
283
- top: "calc(50% - 12px)",
284
- width: 2,
285
- height: 24,
286
- right: 0
287
- }))
288
- },
289
- '&[data-soui-position^="top-"][data-soui-shape="dash"]': _objectSpread({}, active({
290
- bottom: 0,
291
- left: "calc(50% - 12px)",
292
- width: 24,
293
- height: 2
294
- })),
295
- '&[data-soui-position^="bottom-"][data-soui-shape="dash"]': _objectSpread({}, active({
296
- top: 0,
297
- left: "calc(50% - 12px)",
298
- width: 24,
299
- height: 2
300
- }))
229
+ '$tab': {
230
+ '&:after': {
231
+ display: 'none'
232
+ }
233
+ }
301
234
  };
302
235
  };
303
236
  var getFillStyle = function getFillStyle() {
@@ -654,6 +587,11 @@ var tabsStyle = {
654
587
  headerScroll: {
655
588
  transition: 'all .2s cubic-bezier(.34,.69,.1,1)'
656
589
  },
590
+ headerScrollBar: {
591
+ position: 'absolute',
592
+ background: _theme.default.tabsActiveFontColor,
593
+ transition: "left ".concat(_theme.CommonToken['Animation-duration-2'], " ease-in-out, top ").concat(_theme.CommonToken['Animation-duration-2'], " ease-in-out, width ").concat(_theme.CommonToken['Animation-duration-2'], " ease-in-out, height ").concat(_theme.CommonToken['Animation-duration-2'], " ease-in-out")
594
+ },
657
595
  header: {
658
596
  flex: 1,
659
597
  display: 'flex',
@@ -700,15 +638,21 @@ var tabsStyle = {
700
638
  color: _theme.default.tabsLineCheckedFontColor,
701
639
  fontSize: _theme.default.tabsLineCheckedFontSize,
702
640
  background: _theme.default.tabsLineCheckedBackgroundColor,
703
- fontWeight: _theme.default.tabsLineCheckedFontWeight,
704
- '&:after': {
705
- background: _theme.default.tabsLineAfterBackgroundColor
706
- }
641
+ fontWeight: _theme.default.tabsLineCheckedFontWeight
707
642
  },
708
643
  '&[data-soui-state="disabled"]': {
709
644
  color: _theme.default.tabsLineDisabledFontColor,
710
645
  cursor: 'not-allowed'
711
646
  },
647
+ '&:after': {
648
+ position: 'absolute',
649
+ content: '""',
650
+ bottom: 0,
651
+ left: 0,
652
+ width: '100%',
653
+ height: 1,
654
+ background: _theme.default.tabsLineHrBackgroundColor
655
+ },
712
656
  '[data-soui-position^="left-"] &': {
713
657
  '&:after': {
714
658
  width: 1,
@@ -725,17 +669,6 @@ var tabsStyle = {
725
669
  background: _theme.default.tabsLineHrBackgroundColor
726
670
  }
727
671
  },
728
- '&:not([data-soui-state="active"])': {
729
- '&:after': {
730
- position: 'absolute',
731
- content: '""',
732
- bottom: 0,
733
- left: 0,
734
- width: '100%',
735
- height: 1,
736
- background: _theme.default.tabsLineHrBackgroundColor
737
- }
738
- },
739
672
  '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
740
673
  background: _theme.default.tabsLineHoverBackgroundColor
741
674
  },
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.4.0-beta.7";
1
+ declare const _default: "3.4.0-beta.8";
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.4.0-beta.7';
7
+ var _default = exports.default = '3.4.0-beta.8';
package/esm/menu/menu.js CHANGED
@@ -203,9 +203,9 @@ var menuStyle = {
203
203
  },
204
204
  '$itemInPath > &&': {
205
205
  '[data-soui-theme=light] &': {
206
- color: token.menuItemActiveFontColor,
206
+ color: token.menuItemInpathActiveFontColor,
207
207
  '& $icon': {
208
- color: token.menuItemActiveFontColor
208
+ color: token.menuItemInpathActiveFontColor
209
209
  }
210
210
  },
211
211
  '[data-soui-theme=light] $itemDisabled&': {
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AA8RxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA0f1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAuQxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA2f1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/tabs/tabs.js CHANGED
@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
4
4
  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; }
5
5
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
6
6
  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); }
7
- import Token from '@sheinx/theme';
7
+ import Token, { CommonToken } from '@sheinx/theme';
8
8
  var active = function active(options) {
9
9
  return {
10
10
  '& [data-soui-state="active"]$tab': {
@@ -152,90 +152,57 @@ var getCardStyle = function getCardStyle() {
152
152
  };
153
153
  var getLineStyle = function getLineStyle() {
154
154
  return {
155
+ '$tab': {
156
+ '&:after': {
157
+ display: 'none'
158
+ }
159
+ },
155
160
  '&[data-soui-position^="left-"][data-soui-shape="line"]': {
156
- '&[dir=ltr]': _objectSpread({
161
+ '&[dir=ltr]': {
157
162
  '& $hr': {
158
163
  right: 0,
159
164
  width: 1,
160
165
  height: '100%'
161
166
  }
162
- }, active({
163
- top: 0,
164
- bottom: 0,
165
- right: 0,
166
- width: 2
167
- })),
168
- '&[dir=rtl]': _objectSpread({
167
+ },
168
+ '&[dir=rtl]': {
169
169
  '& $hr': {
170
170
  left: 0,
171
171
  width: 1,
172
172
  height: '100%'
173
173
  }
174
- }, active({
175
- top: 0,
176
- bottom: 0,
177
- left: 0,
178
- width: 2
179
- }))
180
- // '& :not([data-soui-state="active"])$tab': {
181
- // '&:after': {
182
- // display: 'none',
183
- // },
184
- // },
174
+ }
185
175
  },
186
176
  '&[data-soui-position^="right-"][data-soui-shape="line"]': {
187
- '&[dir=ltr]': _objectSpread({
177
+ '&[dir=ltr]': {
188
178
  '& $hr': {
189
179
  left: 0,
190
180
  width: 1,
191
181
  height: '100%'
192
182
  }
193
- }, active({
194
- top: 0,
195
- bottom: 0,
196
- left: 0,
197
- width: 2
198
- })),
199
- '&[dir=rtl]': _objectSpread({
183
+ },
184
+ '&[dir=rtl]': {
200
185
  '& $hr': {
201
186
  right: 0,
202
187
  width: 1,
203
188
  height: '100%'
204
189
  }
205
- }, active({
206
- top: 0,
207
- bottom: 0,
208
- right: 0,
209
- width: 2
210
- }))
190
+ }
211
191
  },
212
- '&[data-soui-position^="top-"][data-soui-shape="line"]': _objectSpread({
192
+ '&[data-soui-position^="top-"][data-soui-shape="line"]': {
213
193
  '& $hr': {
214
194
  bottom: 0,
215
- left: 0,
216
195
  height: 1,
217
196
  width: '100%'
218
197
  }
219
- }, active({
220
- bottom: 0,
221
- left: 0,
222
- right: 0,
223
- height: 2
224
- })),
225
- '&[data-soui-position^="bottom-"][data-soui-shape="line"]': _objectSpread(_objectSpread({
198
+ },
199
+ '&[data-soui-position^="bottom-"][data-soui-shape="line"]': {
226
200
  '& $hr': {
227
201
  top: 0,
228
- left: 0,
229
202
  height: 1,
230
203
  width: '100%'
231
- }
232
- }, active({
233
- top: 0,
234
- left: 0,
235
- right: 0,
236
- height: 2
237
- })), {}, {
238
- '& :not([data-soui-state="active"])$tab': {
204
+ },
205
+ '& $tab': {
239
206
  '&:after': {
240
207
  position: 'absolute',
241
208
  content: '""',
@@ -246,51 +213,16 @@ var getLineStyle = function getLineStyle() {
246
213
  background: Token.tabsBorderColor
247
214
  }
248
215
  }
249
- })
216
+ }
250
217
  };
251
218
  };
252
219
  var getDashStyle = function getDashStyle() {
253
220
  return {
254
- '&[data-soui-position^="left-"][data-soui-shape="dash"]': {
255
- '&[dir=ltr]': _objectSpread({}, active({
256
- top: "calc(50% - 12px)",
257
- width: 2,
258
- height: 24,
259
- right: 0
260
- })),
261
- '&[dir=rtl]': _objectSpread({}, active({
262
- top: "calc(50% - 12px)",
263
- width: 2,
264
- height: 24,
265
- left: 0
266
- }))
267
- },
268
- '&[data-soui-position^="right-"][data-soui-shape="dash"]': {
269
- '&[dir=ltr]': _objectSpread({}, active({
270
- top: "calc(50% - 12px)",
271
- width: 2,
272
- height: 24,
273
- left: 0
274
- })),
275
- '&[dir=rtl]': _objectSpread({}, active({
276
- top: "calc(50% - 12px)",
277
- width: 2,
278
- height: 24,
279
- right: 0
280
- }))
281
- },
282
- '&[data-soui-position^="top-"][data-soui-shape="dash"]': _objectSpread({}, active({
283
- bottom: 0,
284
- left: "calc(50% - 12px)",
285
- width: 24,
286
- height: 2
287
- })),
288
- '&[data-soui-position^="bottom-"][data-soui-shape="dash"]': _objectSpread({}, active({
289
- top: 0,
290
- left: "calc(50% - 12px)",
291
- width: 24,
292
- height: 2
293
- }))
221
+ '$tab': {
222
+ '&:after': {
223
+ display: 'none'
224
+ }
225
+ }
294
226
  };
295
227
  };
296
228
  var getFillStyle = function getFillStyle() {
@@ -647,6 +579,11 @@ var tabsStyle = {
647
579
  headerScroll: {
648
580
  transition: 'all .2s cubic-bezier(.34,.69,.1,1)'
649
581
  },
582
+ headerScrollBar: {
583
+ position: 'absolute',
584
+ background: Token.tabsActiveFontColor,
585
+ transition: "left ".concat(CommonToken['Animation-duration-2'], " ease-in-out, top ").concat(CommonToken['Animation-duration-2'], " ease-in-out, width ").concat(CommonToken['Animation-duration-2'], " ease-in-out, height ").concat(CommonToken['Animation-duration-2'], " ease-in-out")
586
+ },
650
587
  header: {
651
588
  flex: 1,
652
589
  display: 'flex',
@@ -693,15 +630,21 @@ var tabsStyle = {
693
630
  color: Token.tabsLineCheckedFontColor,
694
631
  fontSize: Token.tabsLineCheckedFontSize,
695
632
  background: Token.tabsLineCheckedBackgroundColor,
696
- fontWeight: Token.tabsLineCheckedFontWeight,
697
- '&:after': {
698
- background: Token.tabsLineAfterBackgroundColor
699
- }
633
+ fontWeight: Token.tabsLineCheckedFontWeight
700
634
  },
701
635
  '&[data-soui-state="disabled"]': {
702
636
  color: Token.tabsLineDisabledFontColor,
703
637
  cursor: 'not-allowed'
704
638
  },
639
+ '&:after': {
640
+ position: 'absolute',
641
+ content: '""',
642
+ bottom: 0,
643
+ left: 0,
644
+ width: '100%',
645
+ height: 1,
646
+ background: Token.tabsLineHrBackgroundColor
647
+ },
705
648
  '[data-soui-position^="left-"] &': {
706
649
  '&:after': {
707
650
  width: 1,
@@ -718,17 +661,6 @@ var tabsStyle = {
718
661
  background: Token.tabsLineHrBackgroundColor
719
662
  }
720
663
  },
721
- '&:not([data-soui-state="active"])': {
722
- '&:after': {
723
- position: 'absolute',
724
- content: '""',
725
- bottom: 0,
726
- left: 0,
727
- width: '100%',
728
- height: 1,
729
- background: Token.tabsLineHrBackgroundColor
730
- }
731
- },
732
664
  '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
733
665
  background: Token.tabsLineHoverBackgroundColor
734
666
  },
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.4.0-beta.7";
1
+ declare const _default: "3.4.0-beta.8";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.4.0-beta.7';
1
+ export default '3.4.0-beta.8';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.4.0-beta.7",
3
+ "version": "3.4.0-beta.8",
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-beta.7",
21
- "@sheinx/base": "3.4.0-beta.7"
20
+ "@sheinx/theme": "3.4.0-beta.8",
21
+ "@sheinx/base": "3.4.0-beta.8"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"