@sheinx/shineout-style 3.9.7-beta.9 → 3.9.8-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 (17) hide show
  1. package/cjs/select/select.d.ts.map +1 -1
  2. package/cjs/select/select.js +12 -4
  3. package/cjs/slider/slider.js +4 -4
  4. package/cjs/tree/tree.js +1 -1
  5. package/cjs/tree-select/tree-select.d.ts.map +1 -1
  6. package/cjs/tree-select/tree-select.js +1 -2
  7. package/cjs/version.d.ts +1 -1
  8. package/cjs/version.js +1 -1
  9. package/esm/select/select.d.ts.map +1 -1
  10. package/esm/select/select.js +12 -4
  11. package/esm/slider/slider.js +4 -4
  12. package/esm/tree/tree.js +1 -1
  13. package/esm/tree-select/tree-select.d.ts.map +1 -1
  14. package/esm/tree-select/tree-select.js +1 -2
  15. package/esm/version.d.ts +1 -1
  16. package/esm/version.js +1 -1
  17. package/package.json +3 -3
package/cjs/select/select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAgiB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAwiB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/cjs/select/select.js CHANGED
@@ -309,7 +309,7 @@ var selectStyle = _objectSpread(_objectSpread({
309
309
  fontSize: _theme.default.selectLargeFontSize
310
310
  },
311
311
  '& $optionGroupTitle': {
312
- padding: "calc(".concat(_theme.default.selectFontSize, " + 2px) calc(").concat(_theme.default.selectOptionPaddingX, " + ").concat(_theme.default.selectLargeOptionInnerPaddingX, ") ").concat(_theme.default.selectGroupTitleLargeBottom, " calc(").concat(_theme.default.selectOptionPaddingX, " + ").concat(_theme.default.selectLargeOptionInnerPaddingX, ")")
312
+ padding: "".concat(_theme.default.selectFontSize, " calc(").concat(_theme.default.selectOptionPaddingX, " + ").concat(_theme.default.selectLargeOptionInnerPaddingX, ") ").concat(_theme.default.selectGroupTitleLargeBottom, " calc(").concat(_theme.default.selectOptionPaddingX, " + ").concat(_theme.default.selectLargeOptionInnerPaddingX, ")")
313
313
  }
314
314
  },
315
315
  iconWrapper: {
@@ -400,7 +400,15 @@ var selectStyle = _objectSpread(_objectSpread({
400
400
  },
401
401
  moreIcon: {},
402
402
  hideTag: {},
403
- list: {},
403
+ list: {
404
+ '--group-font-size': "calc(".concat(_theme.default.selectFontSize, " - 2px)"),
405
+ '$pickerSmall &': {
406
+ '--group-font-size': "".concat(_theme.default.selectSmallFontSize)
407
+ },
408
+ '$pickerLarge &': {
409
+ '--group-font-size': "calc(".concat(_theme.default.selectLargeFontSize, " - 2px)")
410
+ }
411
+ },
404
412
  tree: {
405
413
  padding: '0 4px',
406
414
  overflow: 'auto'
@@ -529,9 +537,9 @@ var selectStyle = _objectSpread(_objectSpread({
529
537
  },
530
538
  optionGroup: {},
531
539
  optionGroupTitle: {
532
- fontSize: _theme.default.selectGroupTitleFontSize,
540
+ fontSize: "var(--group-font-size, ".concat(_theme.default.selectGroupTitleFontSize, ")"),
533
541
  lineHeight: _theme.default.lineHeightDynamic,
534
- padding: "calc(".concat(_theme.default.selectFontSize, " - 4px) ").concat(_theme.default.selectGroupTitlePaddingX, " ").concat(_theme.default.selectGroupTitlePaddingBottom, " ").concat(_theme.default.selectGroupTitlePaddingX),
542
+ padding: "calc(".concat(_theme.default.selectFontSize, " - 2px) ").concat(_theme.default.selectGroupTitlePaddingX, " ").concat(_theme.default.selectGroupTitlePaddingBottom, " ").concat(_theme.default.selectGroupTitlePaddingX),
535
543
  color: _theme.default.selectGroupTitleFontColor,
536
544
  fontWeight: _theme.default.selectGroupTitleFontWeight
537
545
  },
package/cjs/slider/slider.js CHANGED
@@ -214,8 +214,8 @@ var sliderStyle = {
214
214
  }
215
215
  },
216
216
  valueHover: {
217
- backgroundColor: _theme.default.sliderValueHoverBackgroundColor,
218
- color: _theme.default.sliderValueHoverFontColor,
217
+ backgroundColor: _theme.default.tooltipBackgroundColor,
218
+ color: _theme.default.tooltipColor,
219
219
  padding: "".concat(_theme.default.sliderValueHoverPaddingY, " ").concat(_theme.default.sliderValueHoverPaddingX),
220
220
  lineHeight: _theme.default.lineHeightDynamic,
221
221
  borderRadius: _theme.default.sliderValueHoverRadius,
@@ -232,7 +232,7 @@ var sliderStyle = {
232
232
  height: 0,
233
233
  borderStyle: 'solid',
234
234
  borderWidth: '4px',
235
- borderColor: "".concat(_theme.default.sliderValueHoverBackgroundColor, " transparent transparent transparent")
235
+ borderColor: "".concat(_theme.default.tooltipBackgroundColor, " transparent transparent transparent")
236
236
  },
237
237
  '$vertical &': {
238
238
  '&::after': {
@@ -240,7 +240,7 @@ var sliderStyle = {
240
240
  right: '100%',
241
241
  left: 'unset',
242
242
  transform: 'translate(0, -50%)',
243
- borderColor: "transparent ".concat(_theme.default.sliderValueHoverBackgroundColor, " transparent transparent ")
243
+ borderColor: "transparent ".concat(_theme.default.tooltipBackgroundColor, " transparent transparent ")
244
244
  }
245
245
  },
246
246
  '$indicator:hover + &, $indicatorActive + &': {
package/cjs/tree/tree.js CHANGED
@@ -364,7 +364,7 @@ var treeStyle = {
364
364
  position: 'absolute',
365
365
  width: 24,
366
366
  height: 24,
367
- margin: '1px 0',
367
+ margin: "calc((".concat(_theme.default.treeFontSize, " - 12px)/2) 0"),
368
368
  display: 'inline-flex',
369
369
  alignItems: 'center',
370
370
  justifyContent: 'center',
package/cjs/tree-select/tree-select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAogBlD,CAAC;AACF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAmgBlD,CAAC;AACF,eAAe,eAAe,CAAC"}
package/cjs/tree-select/tree-select.js CHANGED
@@ -483,8 +483,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
483
483
  cursor: 'not-allowed',
484
484
  color: _theme.default.treeSelectOptionDisabledColor,
485
485
  backgroundColor: _theme.default.treeSelectOptionDisabledBackgroundColor,
486
- '&>div': {
487
- cursor: 'not-allowed',
486
+ '&>[data-role="text"]': {
488
487
  color: _theme.default.treeSelectOptionDisabledColor,
489
488
  backgroundColor: _theme.default.treeSelectOptionDisabledBackgroundColor
490
489
  },
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.7-beta.9";
1
+ declare const _default: "3.9.8-beta.1";
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.7-beta.9';
7
+ var _default = exports.default = '3.9.8-beta.1';
package/esm/select/select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAgiB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAwiB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/esm/select/select.js CHANGED
@@ -300,7 +300,7 @@ var selectStyle = _objectSpread(_objectSpread({
300
300
  fontSize: token.selectLargeFontSize
301
301
  },
302
302
  '& $optionGroupTitle': {
303
- padding: "calc(".concat(token.selectFontSize, " + 2px) calc(").concat(token.selectOptionPaddingX, " + ").concat(token.selectLargeOptionInnerPaddingX, ") ").concat(token.selectGroupTitleLargeBottom, " calc(").concat(token.selectOptionPaddingX, " + ").concat(token.selectLargeOptionInnerPaddingX, ")")
303
+ padding: "".concat(token.selectFontSize, " calc(").concat(token.selectOptionPaddingX, " + ").concat(token.selectLargeOptionInnerPaddingX, ") ").concat(token.selectGroupTitleLargeBottom, " calc(").concat(token.selectOptionPaddingX, " + ").concat(token.selectLargeOptionInnerPaddingX, ")")
304
304
  }
305
305
  },
306
306
  iconWrapper: {
@@ -391,7 +391,15 @@ var selectStyle = _objectSpread(_objectSpread({
391
391
  },
392
392
  moreIcon: {},
393
393
  hideTag: {},
394
- list: {},
394
+ list: {
395
+ '--group-font-size': "calc(".concat(token.selectFontSize, " - 2px)"),
396
+ '$pickerSmall &': {
397
+ '--group-font-size': "".concat(token.selectSmallFontSize)
398
+ },
399
+ '$pickerLarge &': {
400
+ '--group-font-size': "calc(".concat(token.selectLargeFontSize, " - 2px)")
401
+ }
402
+ },
395
403
  tree: {
396
404
  padding: '0 4px',
397
405
  overflow: 'auto'
@@ -520,9 +528,9 @@ var selectStyle = _objectSpread(_objectSpread({
520
528
  },
521
529
  optionGroup: {},
522
530
  optionGroupTitle: {
523
- fontSize: token.selectGroupTitleFontSize,
531
+ fontSize: "var(--group-font-size, ".concat(token.selectGroupTitleFontSize, ")"),
524
532
  lineHeight: token.lineHeightDynamic,
525
- padding: "calc(".concat(token.selectFontSize, " - 4px) ").concat(token.selectGroupTitlePaddingX, " ").concat(token.selectGroupTitlePaddingBottom, " ").concat(token.selectGroupTitlePaddingX),
533
+ padding: "calc(".concat(token.selectFontSize, " - 2px) ").concat(token.selectGroupTitlePaddingX, " ").concat(token.selectGroupTitlePaddingBottom, " ").concat(token.selectGroupTitlePaddingX),
526
534
  color: token.selectGroupTitleFontColor,
527
535
  fontWeight: token.selectGroupTitleFontWeight
528
536
  },
package/esm/slider/slider.js CHANGED
@@ -207,8 +207,8 @@ var sliderStyle = {
207
207
  }
208
208
  },
209
209
  valueHover: {
210
- backgroundColor: token.sliderValueHoverBackgroundColor,
211
- color: token.sliderValueHoverFontColor,
210
+ backgroundColor: token.tooltipBackgroundColor,
211
+ color: token.tooltipColor,
212
212
  padding: "".concat(token.sliderValueHoverPaddingY, " ").concat(token.sliderValueHoverPaddingX),
213
213
  lineHeight: token.lineHeightDynamic,
214
214
  borderRadius: token.sliderValueHoverRadius,
@@ -225,7 +225,7 @@ var sliderStyle = {
225
225
  height: 0,
226
226
  borderStyle: 'solid',
227
227
  borderWidth: '4px',
228
- borderColor: "".concat(token.sliderValueHoverBackgroundColor, " transparent transparent transparent")
228
+ borderColor: "".concat(token.tooltipBackgroundColor, " transparent transparent transparent")
229
229
  },
230
230
  '$vertical &': {
231
231
  '&::after': {
@@ -233,7 +233,7 @@ var sliderStyle = {
233
233
  right: '100%',
234
234
  left: 'unset',
235
235
  transform: 'translate(0, -50%)',
236
- borderColor: "transparent ".concat(token.sliderValueHoverBackgroundColor, " transparent transparent ")
236
+ borderColor: "transparent ".concat(token.tooltipBackgroundColor, " transparent transparent ")
237
237
  }
238
238
  },
239
239
  '$indicator:hover + &, $indicatorActive + &': {
package/esm/tree/tree.js CHANGED
@@ -357,7 +357,7 @@ var treeStyle = {
357
357
  position: 'absolute',
358
358
  width: 24,
359
359
  height: 24,
360
- margin: '1px 0',
360
+ margin: "calc((".concat(Token.treeFontSize, " - 12px)/2) 0"),
361
361
  display: 'inline-flex',
362
362
  alignItems: 'center',
363
363
  justifyContent: 'center',
package/esm/tree-select/tree-select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAogBlD,CAAC;AACF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAmgBlD,CAAC;AACF,eAAe,eAAe,CAAC"}
package/esm/tree-select/tree-select.js CHANGED
@@ -474,8 +474,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
474
474
  cursor: 'not-allowed',
475
475
  color: token.treeSelectOptionDisabledColor,
476
476
  backgroundColor: token.treeSelectOptionDisabledBackgroundColor,
477
- '&>div': {
478
- cursor: 'not-allowed',
477
+ '&>[data-role="text"]': {
479
478
  color: token.treeSelectOptionDisabledColor,
480
479
  backgroundColor: token.treeSelectOptionDisabledBackgroundColor
481
480
  },
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.7-beta.9";
1
+ declare const _default: "3.9.8-beta.1";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.9.7-beta.9';
1
+ export default '3.9.8-beta.1';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.9.7-beta.9",
3
+ "version": "3.9.8-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.9.7-beta.9",
21
- "@sheinx/base": "3.9.7-beta.9"
20
+ "@sheinx/theme": "3.9.8-beta.1",
21
+ "@sheinx/base": "3.9.8-beta.1"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"