@sheinx/shineout-style 3.9.9-beta.13 → 3.9.9-beta.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 (19) hide show
  1. package/cjs/checkbox/checkbox.js +1 -1
  2. package/cjs/list/list.d.ts.map +1 -1
  3. package/cjs/list/list.js +3 -1
  4. package/cjs/popover/popover.d.ts.map +1 -1
  5. package/cjs/popover/popover.js +6 -8
  6. package/cjs/tree-select/tree-select.d.ts.map +1 -1
  7. package/cjs/tree-select/tree-select.js +2 -2
  8. package/cjs/version.d.ts +1 -1
  9. package/cjs/version.js +1 -1
  10. package/esm/checkbox/checkbox.js +1 -1
  11. package/esm/list/list.d.ts.map +1 -1
  12. package/esm/list/list.js +3 -1
  13. package/esm/popover/popover.d.ts.map +1 -1
  14. package/esm/popover/popover.js +6 -8
  15. package/esm/tree-select/tree-select.d.ts.map +1 -1
  16. package/esm/tree-select/tree-select.js +2 -2
  17. package/esm/version.d.ts +1 -1
  18. package/esm/version.js +1 -1
  19. package/package.json +3 -3
package/cjs/checkbox/checkbox.js CHANGED
@@ -18,7 +18,7 @@ var checkboxStyle = _objectSpread(_objectSpread({}, _common.animations), {}, {
18
18
  wrapper: {
19
19
  display: 'inline-flex',
20
20
  position: 'relative',
21
- alignItems: 'flex-start',
21
+ alignItems: 'var(--soui-checkbox-align-items, flex-start)',
22
22
  cursor: 'pointer',
23
23
  boxSizing: 'border-box',
24
24
  marginRight: _theme.default.checkboxGap,
package/cjs/list/list.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.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,CA6HtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.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,CA+HtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/list/list.js CHANGED
@@ -13,7 +13,9 @@ var listStyle = {
13
13
  boxSizing: 'border-box',
14
14
  maxHeight: '100%',
15
15
  display: 'flex',
16
- flexDirection: 'column'
16
+ flexDirection: 'column',
17
+ '--soui-checkbox-indicator-margin-top': 0,
18
+ '--soui-checkbox-align-items': 'center'
17
19
  },
18
20
  wrapperBordered: {
19
21
  border: "".concat(_theme.default.listBorderWidth, " solid ").concat(_theme.default.listBorderColor),
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;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAapD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAoR5C,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;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAWpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAoR5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/cjs/popover/popover.js CHANGED
@@ -13,12 +13,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
13
13
  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; }
14
14
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
15
15
  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); }
16
- var arrowGap = 12;
17
16
  var arrowHeight = 8;
18
17
  var cssvar = '--popover-arrow-gap';
19
18
  var hideArrowGap = "var(".concat(cssvar, ", 10px)");
20
19
  var extraArrowGap = 'var(--popover-arrow-gap-extra, 0px)';
21
- var arrowMargin = '8px';
22
20
  var poyfillPos = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, ") * -1)");
23
21
  var poyfillHeight = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, "))");
24
22
  var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {}, {
@@ -52,7 +50,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
52
50
  },
53
51
  '&$hideArrow': _defineProperty({}, cssvar, '4px'),
54
52
  '&[data-soui-position^="bottom"]': {
55
- marginTop: arrowGap - 2,
53
+ marginTop: "calc(".concat(hideArrowGap, " - 2px)"),
56
54
  '& > $arrow': {
57
55
  left: '50%',
58
56
  transform: 'translate(-50%, calc(-100% + 1px)) rotate(0deg)'
@@ -68,7 +66,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
68
66
  }
69
67
  },
70
68
  '&[data-soui-position^="top"]': {
71
- marginTop: (arrowGap - 2) * -1,
69
+ marginTop: "calc((".concat(hideArrowGap, " - 2px) * -1)"),
72
70
  '& > $arrow': {
73
71
  top: '100%',
74
72
  left: '50%',
@@ -86,10 +84,10 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
86
84
  },
87
85
  '&[data-soui-position^="left"]': {
88
86
  '&[dir=ltr]': {
89
- marginRight: arrowGap - 2
87
+ marginRight: "calc(".concat(hideArrowGap, " - 2px)")
90
88
  },
91
89
  '&[dir=rtl]': {
92
- marginLeft: arrowGap - 2
90
+ marginLeft: "calc(".concat(hideArrowGap, " - 2px)")
93
91
  },
94
92
  '& > $arrow': {
95
93
  right: 0,
@@ -109,10 +107,10 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
109
107
  },
110
108
  '&[data-soui-position^="right"]': {
111
109
  '&[dir=ltr]': {
112
- marginLeft: arrowGap - 2
110
+ marginLeft: "calc(".concat(hideArrowGap, " - 2px)")
113
111
  },
114
112
  '&[dir=rtl]': {
115
- marginRight: arrowGap - 2
113
+ marginRight: "calc(".concat(hideArrowGap, " - 2px)")
116
114
  },
117
115
  '& > $arrow': {
118
116
  top: '50%',
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,CAmgBlD,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,CAogBlD,CAAC;AACF,eAAe,eAAe,CAAC"}
package/cjs/tree-select/tree-select.js CHANGED
@@ -128,7 +128,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
128
128
  right: _theme.default.treeSelectLargePaddingX
129
129
  }
130
130
  },
131
- '&:hover': {
131
+ '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
132
132
  cursor: 'pointer',
133
133
  '&$clearable:not($wrapperEmpty)': {
134
134
  '& $clearIcon': {
@@ -138,7 +138,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
138
138
  display: 'none'
139
139
  }
140
140
  }
141
- },
141
+ }),
142
142
  '&:not($wrapperEmpty):not($wrapperOpen)': {
143
143
  '& $clearIcon': {
144
144
  display: 'none'
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.9-beta.13";
1
+ declare const _default: "3.9.9-beta.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.9.9-beta.13';
7
+ var _default = exports.default = '3.9.9-beta.14';
package/esm/checkbox/checkbox.js CHANGED
@@ -11,7 +11,7 @@ var checkboxStyle = _objectSpread(_objectSpread({}, animations), {}, {
11
11
  wrapper: {
12
12
  display: 'inline-flex',
13
13
  position: 'relative',
14
- alignItems: 'flex-start',
14
+ alignItems: 'var(--soui-checkbox-align-items, flex-start)',
15
15
  cursor: 'pointer',
16
16
  boxSizing: 'border-box',
17
17
  marginRight: token.checkboxGap,
package/esm/list/list.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.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,CA6HtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.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,CA+HtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/list/list.js CHANGED
@@ -6,7 +6,9 @@ var listStyle = {
6
6
  boxSizing: 'border-box',
7
7
  maxHeight: '100%',
8
8
  display: 'flex',
9
- flexDirection: 'column'
9
+ flexDirection: 'column',
10
+ '--soui-checkbox-indicator-margin-top': 0,
11
+ '--soui-checkbox-align-items': 'center'
10
12
  },
11
13
  wrapperBordered: {
12
14
  border: "".concat(token.listBorderWidth, " solid ").concat(token.listBorderColor),
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;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAapD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAoR5C,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;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAWpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAoR5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/esm/popover/popover.js CHANGED
@@ -6,12 +6,10 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
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
7
  import token from '@sheinx/theme';
8
8
  import { tooltipAnimation, arrowClipPath } from "../tooltip/tooltip";
9
- var arrowGap = 12;
10
9
  var arrowHeight = 8;
11
10
  var cssvar = '--popover-arrow-gap';
12
11
  var hideArrowGap = "var(".concat(cssvar, ", 10px)");
13
12
  var extraArrowGap = 'var(--popover-arrow-gap-extra, 0px)';
14
- var arrowMargin = '8px';
15
13
  var poyfillPos = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, ") * -1)");
16
14
  var poyfillHeight = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, "))");
17
15
  var popoverStyle = _objectSpread(_objectSpread({}, tooltipAnimation), {}, {
@@ -45,7 +43,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, tooltipAnimation), {}, {
45
43
  },
46
44
  '&$hideArrow': _defineProperty({}, cssvar, '4px'),
47
45
  '&[data-soui-position^="bottom"]': {
48
- marginTop: arrowGap - 2,
46
+ marginTop: "calc(".concat(hideArrowGap, " - 2px)"),
49
47
  '& > $arrow': {
50
48
  left: '50%',
51
49
  transform: 'translate(-50%, calc(-100% + 1px)) rotate(0deg)'
@@ -61,7 +59,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, tooltipAnimation), {}, {
61
59
  }
62
60
  },
63
61
  '&[data-soui-position^="top"]': {
64
- marginTop: (arrowGap - 2) * -1,
62
+ marginTop: "calc((".concat(hideArrowGap, " - 2px) * -1)"),
65
63
  '& > $arrow': {
66
64
  top: '100%',
67
65
  left: '50%',
@@ -79,10 +77,10 @@ var popoverStyle = _objectSpread(_objectSpread({}, tooltipAnimation), {}, {
79
77
  },
80
78
  '&[data-soui-position^="left"]': {
81
79
  '&[dir=ltr]': {
82
- marginRight: arrowGap - 2
80
+ marginRight: "calc(".concat(hideArrowGap, " - 2px)")
83
81
  },
84
82
  '&[dir=rtl]': {
85
- marginLeft: arrowGap - 2
83
+ marginLeft: "calc(".concat(hideArrowGap, " - 2px)")
86
84
  },
87
85
  '& > $arrow': {
88
86
  right: 0,
@@ -102,10 +100,10 @@ var popoverStyle = _objectSpread(_objectSpread({}, tooltipAnimation), {}, {
102
100
  },
103
101
  '&[data-soui-position^="right"]': {
104
102
  '&[dir=ltr]': {
105
- marginLeft: arrowGap - 2
103
+ marginLeft: "calc(".concat(hideArrowGap, " - 2px)")
106
104
  },
107
105
  '&[dir=rtl]': {
108
- marginRight: arrowGap - 2
106
+ marginRight: "calc(".concat(hideArrowGap, " - 2px)")
109
107
  },
110
108
  '& > $arrow': {
111
109
  top: '50%',
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,CAmgBlD,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,CAogBlD,CAAC;AACF,eAAe,eAAe,CAAC"}
package/esm/tree-select/tree-select.js CHANGED
@@ -119,7 +119,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
119
119
  right: token.treeSelectLargePaddingX
120
120
  }
121
121
  },
122
- '&:hover': {
122
+ '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
123
123
  cursor: 'pointer',
124
124
  '&$clearable:not($wrapperEmpty)': {
125
125
  '& $clearIcon': {
@@ -129,7 +129,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
129
129
  display: 'none'
130
130
  }
131
131
  }
132
- },
132
+ }),
133
133
  '&:not($wrapperEmpty):not($wrapperOpen)': {
134
134
  '& $clearIcon': {
135
135
  display: 'none'
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.9-beta.13";
1
+ declare const _default: "3.9.9-beta.14";
2
2
  export default _default;
3
3
  //# sourceMappingURL=version.d.ts.map
package/esm/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.9.9-beta.13';
1
+ export default '3.9.9-beta.14';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.9.9-beta.13",
3
+ "version": "3.9.9-beta.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.9.9-beta.13",
21
- "@sheinx/base": "3.9.9-beta.13"
20
+ "@sheinx/theme": "3.9.9-beta.14",
21
+ "@sheinx/base": "3.9.9-beta.14"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"