@sheinx/shineout-style 3.9.9-beta.14 → 3.9.9-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.
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAgJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAsJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -18,7 +18,7 @@ var checkboxStyle = _objectSpread(_objectSpread({}, _common.animations), {}, {
18
18
  wrapper: {
19
19
  display: 'inline-flex',
20
20
  position: 'relative',
21
- alignItems: 'var(--soui-checkbox-align-items, flex-start)',
21
+ alignItems: 'center',
22
22
  cursor: 'pointer',
23
23
  boxSizing: 'border-box',
24
24
  marginRight: _theme.default.checkboxGap,
@@ -29,6 +29,12 @@ var checkboxStyle = _objectSpread(_objectSpread({}, _common.animations), {}, {
29
29
  },
30
30
  wrapperSmall: {},
31
31
  wrapperLarge: {},
32
+ wrapperTop: {
33
+ alignItems: 'flex-start',
34
+ '& $indicatorWrapper': {
35
+ marginTop: _theme.default.checkboxIndicatorMarginTop
36
+ }
37
+ },
32
38
  input: {},
33
39
  wrapperChecked: {},
34
40
  wrapperIndeterminate: {},
@@ -41,7 +47,7 @@ var checkboxStyle = _objectSpread(_objectSpread({}, _common.animations), {}, {
41
47
  boxSizing: 'border-box',
42
48
  width: _theme.default.checkboxIconSize,
43
49
  height: _theme.default.checkboxIconSize,
44
- marginTop: 'var(--soui-checkbox-indicator-margin-top, 4px)',
50
+ // marginTop: token.checkboxIndicatorMarginTop,
45
51
  flexShrink: 0,
46
52
  '$wrapperSmall &': {
47
53
  width: _theme.default.checkboxSmallIconSize,
@@ -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,CA+HtC,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,CA6HtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/list/list.js CHANGED
@@ -13,9 +13,7 @@ var listStyle = {
13
13
  boxSizing: 'border-box',
14
14
  maxHeight: '100%',
15
15
  display: 'flex',
16
- flexDirection: 'column',
17
- '--soui-checkbox-indicator-margin-top': 0,
18
- '--soui-checkbox-align-items': 'center'
16
+ flexDirection: 'column'
19
17
  },
20
18
  wrapperBordered: {
21
19
  border: "".concat(_theme.default.listBorderWidth, " solid ").concat(_theme.default.listBorderColor),
@@ -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,CA6K5C,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,CAkL5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -18,7 +18,7 @@ var radioStyle = _objectSpread(_objectSpread({}, _common.animations), {}, {
18
18
  wrapper: {
19
19
  display: 'inline-flex',
20
20
  position: 'relative',
21
- alignItems: 'flex-start',
21
+ alignItems: 'center',
22
22
  cursor: 'pointer',
23
23
  boxSizing: 'border-box',
24
24
  marginRight: _theme.default.radioGap,
@@ -45,6 +45,12 @@ var radioStyle = _objectSpread(_objectSpread({}, _common.animations), {}, {
45
45
  padding: "".concat(_theme.default.radioLargeButtonPaddingY, " ").concat(_theme.default.radioLargeButtonPaddingX)
46
46
  }
47
47
  },
48
+ wrapperTop: {
49
+ alignItems: 'flex-start',
50
+ '& $indicatorWrapper': {
51
+ marginTop: _theme.default.radioIndicatorMarginTop
52
+ }
53
+ },
48
54
  wrapperChecked: {},
49
55
  wrapperDisabled: {
50
56
  cursor: 'not-allowed'
@@ -56,7 +62,6 @@ var radioStyle = _objectSpread(_objectSpread({}, _common.animations), {}, {
56
62
  width: _theme.default.radioIconWidth,
57
63
  minWidth: _theme.default.radioIconWidth,
58
64
  height: _theme.default.radioIconWidth,
59
- marginTop: 4,
60
65
  '$wrapperSmall &': {
61
66
  width: _theme.default.radioSmallIconWidth,
62
67
  minWidth: _theme.default.radioSmallIconWidth,
@@ -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;AAI9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAoYtC,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;AAI9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAmYtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/cjs/tree/tree.js CHANGED
@@ -300,8 +300,7 @@ var treeStyle = {
300
300
  },
301
301
  checkbox: {
302
302
  '&[class*="checkbox-wrapper"]': {
303
- marginRight: _theme.default.treeCheckboxMarginX,
304
- '--soui-checkbox-indicator-margin-top': '0px'
303
+ marginRight: _theme.default.treeCheckboxMarginX
305
304
  }
306
305
  },
307
306
  text: {
package/cjs/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.9-beta.14";
1
+ declare const _default: "3.9.9-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.9-beta.14';
7
+ var _default = exports.default = '3.9.9-beta.15';
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAgJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAsJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -11,7 +11,7 @@ var checkboxStyle = _objectSpread(_objectSpread({}, animations), {}, {
11
11
  wrapper: {
12
12
  display: 'inline-flex',
13
13
  position: 'relative',
14
- alignItems: 'var(--soui-checkbox-align-items, flex-start)',
14
+ alignItems: 'center',
15
15
  cursor: 'pointer',
16
16
  boxSizing: 'border-box',
17
17
  marginRight: token.checkboxGap,
@@ -22,6 +22,12 @@ var checkboxStyle = _objectSpread(_objectSpread({}, animations), {}, {
22
22
  },
23
23
  wrapperSmall: {},
24
24
  wrapperLarge: {},
25
+ wrapperTop: {
26
+ alignItems: 'flex-start',
27
+ '& $indicatorWrapper': {
28
+ marginTop: token.checkboxIndicatorMarginTop
29
+ }
30
+ },
25
31
  input: {},
26
32
  wrapperChecked: {},
27
33
  wrapperIndeterminate: {},
@@ -34,7 +40,7 @@ var checkboxStyle = _objectSpread(_objectSpread({}, animations), {}, {
34
40
  boxSizing: 'border-box',
35
41
  width: token.checkboxIconSize,
36
42
  height: token.checkboxIconSize,
37
- marginTop: 'var(--soui-checkbox-indicator-margin-top, 4px)',
43
+ // marginTop: token.checkboxIndicatorMarginTop,
38
44
  flexShrink: 0,
39
45
  '$wrapperSmall &': {
40
46
  width: token.checkboxSmallIconSize,
@@ -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,CA+HtC,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,CA6HtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/list/list.js CHANGED
@@ -6,9 +6,7 @@ var listStyle = {
6
6
  boxSizing: 'border-box',
7
7
  maxHeight: '100%',
8
8
  display: 'flex',
9
- flexDirection: 'column',
10
- '--soui-checkbox-indicator-margin-top': 0,
11
- '--soui-checkbox-align-items': 'center'
9
+ flexDirection: 'column'
12
10
  },
13
11
  wrapperBordered: {
14
12
  border: "".concat(token.listBorderWidth, " solid ").concat(token.listBorderColor),
@@ -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,CA6K5C,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,CAkL5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -11,7 +11,7 @@ var radioStyle = _objectSpread(_objectSpread({}, animations), {}, {
11
11
  wrapper: {
12
12
  display: 'inline-flex',
13
13
  position: 'relative',
14
- alignItems: 'flex-start',
14
+ alignItems: 'center',
15
15
  cursor: 'pointer',
16
16
  boxSizing: 'border-box',
17
17
  marginRight: token.radioGap,
@@ -38,6 +38,12 @@ var radioStyle = _objectSpread(_objectSpread({}, animations), {}, {
38
38
  padding: "".concat(token.radioLargeButtonPaddingY, " ").concat(token.radioLargeButtonPaddingX)
39
39
  }
40
40
  },
41
+ wrapperTop: {
42
+ alignItems: 'flex-start',
43
+ '& $indicatorWrapper': {
44
+ marginTop: token.radioIndicatorMarginTop
45
+ }
46
+ },
41
47
  wrapperChecked: {},
42
48
  wrapperDisabled: {
43
49
  cursor: 'not-allowed'
@@ -49,7 +55,6 @@ var radioStyle = _objectSpread(_objectSpread({}, animations), {}, {
49
55
  width: token.radioIconWidth,
50
56
  minWidth: token.radioIconWidth,
51
57
  height: token.radioIconWidth,
52
- marginTop: 4,
53
58
  '$wrapperSmall &': {
54
59
  width: token.radioSmallIconWidth,
55
60
  minWidth: token.radioSmallIconWidth,
@@ -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;AAI9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAoYtC,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;AAI9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAmYtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/esm/tree/tree.js CHANGED
@@ -293,8 +293,7 @@ var treeStyle = {
293
293
  },
294
294
  checkbox: {
295
295
  '&[class*="checkbox-wrapper"]': {
296
- marginRight: Token.treeCheckboxMarginX,
297
- '--soui-checkbox-indicator-margin-top': '0px'
296
+ marginRight: Token.treeCheckboxMarginX
298
297
  }
299
298
  },
300
299
  text: {
package/esm/version.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare const _default: "3.9.9-beta.14";
1
+ declare const _default: "3.9.9-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.9-beta.14';
1
+ export default '3.9.9-beta.15';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/shineout-style",
3
- "version": "3.9.9-beta.14",
3
+ "version": "3.9.9-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.9-beta.14",
21
- "@sheinx/base": "3.9.9-beta.14"
20
+ "@sheinx/theme": "3.9.9-beta.15",
21
+ "@sheinx/base": "3.9.9-beta.15"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "core-js": ">=3"