@ebscn/ui 1.0.3-beta.34 → 1.0.3-beta.35

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/components/checkbox/checkbox.css +4 -20
  2. package/cjs/components/icons/check-icon.js +9 -12
  3. package/cjs/components/icons/jump-icon.js +2 -1
  4. package/cjs/components/icons/tip-icon.js +2 -1
  5. package/cjs/components/icons/uncheck-icon.js +9 -12
  6. package/cjs/components/radio/radio.css +3 -21
  7. package/cjs/global/global.css +2 -1
  8. package/cjs/global/theme-dark.css +2 -1
  9. package/es/components/checkbox/checkbox.css +4 -20
  10. package/es/components/icons/check-icon.js +9 -12
  11. package/es/components/icons/jump-icon.js +2 -1
  12. package/es/components/icons/tip-icon.js +2 -1
  13. package/es/components/icons/uncheck-icon.js +9 -12
  14. package/es/components/radio/radio.css +3 -21
  15. package/es/global/global.css +2 -1
  16. package/es/global/theme-dark.css +2 -1
  17. package/package.json +1 -1
package/cjs/components/checkbox/checkbox.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .ebscn-checkbox {
2
2
  --icon-size: 20px;
3
- --icon-wrap-size: 24px;
3
+ --icon-wrap-size: 20px;
4
4
  --font-size: var(--ebscn-font-size-8);
5
5
  --gap: 12px;
6
6
  display: inline-flex;
@@ -22,14 +22,8 @@
22
22
  .ebscn-checkbox .ebscn-checkbox-icon {
23
23
  margin: auto;
24
24
  flex: none;
25
- border-radius: 20px;
26
- border-radius: var(--icon-size);
27
- border: 1px solid var(--ebscn-color-light);
28
25
  box-sizing: border-box;
29
- width: 20px;
30
- width: var(--icon-size);
31
- height: 20px;
32
- height: var(--icon-size);
26
+ font-size: var(--icon-size);
33
27
  color: var(--ebscn-color-text-light-solid);
34
28
  }
35
29
  .ebscn-checkbox .ebscn-checkbox-icon > svg {
@@ -44,9 +38,8 @@
44
38
  .ebscn-checkbox.ebscn-checkbox-block {
45
39
  display: flex;
46
40
  }
47
- .ebscn-checkbox.ebscn-checkbox-checked .ebscn-checkbox-icon {
48
- border-color: var(--ebscn-color-primary);
49
- background-color: var(--ebscn-color-primary);
41
+ .ebscn-checkbox.ebscn-checkbox-checked.ebscn-checkbox-icon-right {
42
+ color: var(--ebscn-color-primary);
50
43
  }
51
44
  .ebscn-checkbox.ebscn-checkbox-disabled {
52
45
  cursor: not-allowed;
@@ -55,20 +48,11 @@
55
48
  opacity: 0.4;
56
49
  }
57
50
  .ebscn-checkbox.ebscn-checkbox-disabled .ebscn-checkbox-icon {
58
- background-color: #e4e4e4;
59
- border-color: #d9d9d9;
60
51
  opacity: 0.4;
61
52
  }
62
- .ebscn-checkbox.ebscn-checkbox-disabled.ebscn-checkbox-checked .ebscn-checkbox-icon {
63
- background-color: var(--ebscn-color-primary);
64
- }
65
53
  .ebscn-checkbox .ebscn-checkbox-custom-icon {
66
54
  font-size: var(--icon-size);
67
55
  }
68
- .ebscn-checkbox.ebscn-checkbox-indeterminate .ebscn-checkbox-icon {
69
- background-color: var(--ebscn-color-background);
70
- color: var(--ebscn-color-primary);
71
- }
72
56
  .ebscn-checkbox-content {
73
57
  flex: 0 1 auto;
74
58
  font-size: var(--font-size);
package/cjs/components/icons/check-icon.js CHANGED
@@ -13,28 +13,25 @@ var CheckIcon = (0, _react.memo)(function (props) {
13
13
  width: "1em",
14
14
  height: "1em",
15
15
  viewBox: "0 0 40 40",
16
- className: "ebscn-ui-icon"
16
+ version: "1.1"
17
17
  }, _react.default.createElement("g", {
18
+ id: "\u63A7\u4EF6",
18
19
  stroke: "none",
19
20
  "stroke-width": "1",
20
21
  fill: "none",
21
22
  "fill-rule": "evenodd"
22
23
  }, _react.default.createElement("g", {
23
- transform: "translate(-32, -864)"
24
- }, _react.default.createElement("g", {
25
- transform: "translate(0, 824)"
26
- }, _react.default.createElement("g", {
27
- transform: "translate(32, 40)"
24
+ id: "\u7ED8\u5236\u533A",
25
+ transform: "translate(2.5, 2.5)"
28
26
  }, _react.default.createElement("path", {
29
- d: "M20,2.5 C29.6662109,2.5 37.5,10.3337891 37.5,20 C37.5,29.6662109 29.6623437,37.5 20,37.5 C10.3376563,37.5 2.5,29.6623437 2.5,20 C2.5,10.3376563 10.3337891,2.5 20,2.5 Z",
30
- id: "Shape",
27
+ d: "M17.5,0 C27.1662109,0 35,7.83378906 35,17.5 C35,27.1662109 27.1623437,35 17.5,35 C7.83765625,35 0,27.1623437 0,17.5 C0,7.83765625 7.83378906,0 17.5,0 Z",
28
+ id: "\u5F62\u72B6\u7ED3\u5408",
31
29
  fill: "#E84225"
32
30
  }), _react.default.createElement("path", {
33
- d: "M22.5818216,10.9079253 C23.0429343,11.3771276 23.0848536,12.1113527 22.7075796,12.628741 L22.5818216,12.7769706 L16.5741868,18.891059 L26.9112487,29.4105294 C27.4184727,29.926652 27.4184727,30.7634521 26.9112487,31.2795747 C26.450136,31.7487771 25.72857,31.7914318 25.2201022,31.407539 L25.0744284,31.2795747 L13.817918,19.8255817 C13.310694,19.3094591 13.310694,18.472659 13.817918,17.9565364 L20.7450013,10.9079253 C21.2522252,10.3918027 22.0745977,10.3918027 22.5818216,10.9079253 Z",
31
+ d: "M24.1084866,11.6286712 C24.595176,11.1390542 25.3866287,11.136681 25.8762456,11.6233704 C26.3658625,12.1100598 26.3682358,12.9015124 25.8815464,13.3911294 L16.7855363,22.5418541 L16.765449,22.5618345 C15.7810354,23.5299745 14.1981779,23.5167821 13.2300379,22.5323685 L9.62339745,18.8651034 C9.13932745,18.3728965 9.14592364,17.5814678 9.63813046,17.0973978 C10.1303373,16.6133278 10.921766,16.619924 11.405836,17.1121308 L15.0124765,20.7793959 L24.1084866,11.6286712 Z",
34
32
  id: "\u8DEF\u5F84",
35
33
  fill: "#FFFFFF",
36
- "fill-rule": "nonzero",
37
- transform: "translate(20.3646, 21.0938) rotate(-90) translate(-20.3646, -21.0938)"
38
- })))))));
34
+ "fill-rule": "nonzero"
35
+ })))));
39
36
  });
40
37
  var _default = exports.default = CheckIcon;
package/cjs/components/icons/jump-icon.js CHANGED
@@ -13,7 +13,8 @@ var JumpIcon = (0, _react.memo)(function (props) {
13
13
  width: "1em",
14
14
  height: "1em",
15
15
  viewBox: "0 0 24 24",
16
- version: "1.1"
16
+ version: "1.1",
17
+ className: "ebscn-ui-icon"
17
18
  }, _react.default.createElement("g", {
18
19
  stroke: "none",
19
20
  "stroke-width": "1",
package/cjs/components/icons/tip-icon.js CHANGED
@@ -13,7 +13,8 @@ var UncheckIcon = (0, _react.memo)(function (props) {
13
13
  width: "1em",
14
14
  height: "1em",
15
15
  viewBox: "0 0 32 32",
16
- version: "1.1"
16
+ version: "1.1",
17
+ className: "ebscn-ui-icon"
17
18
  }, _react.default.createElement("g", {
18
19
  stroke: "none",
19
20
  "stroke-width": "1",
package/cjs/components/icons/uncheck-icon.js CHANGED
@@ -13,24 +13,21 @@ var UncheckIcon = (0, _react.memo)(function (props) {
13
13
  width: "1em",
14
14
  height: "1em",
15
15
  viewBox: "0 0 40 40",
16
- className: "ebscn-ui-icon"
16
+ version: "1.1"
17
17
  }, _react.default.createElement("g", {
18
+ id: "\u63A7\u4EF6",
18
19
  stroke: "none",
19
20
  "stroke-width": "1",
20
21
  fill: "none",
21
22
  "fill-rule": "evenodd"
22
23
  }, _react.default.createElement("g", {
23
- transform: "translate(-32, -744)",
24
- stroke: "currentColor"
25
- }, _react.default.createElement("g", {
26
- transform: "translate(0, 704)"
27
- }, _react.default.createElement("g", {
28
- id: "common_icon_radio_normal_weixuanzhong",
29
- transform: "translate(32, 40)"
24
+ id: "\u7ED8\u5236\u533A",
25
+ fill: "#CCCCCC",
26
+ transform: "translate(2.5, 2.5)",
27
+ "fill-rule": "nonzero"
30
28
  }, _react.default.createElement("path", {
31
- d: "M20,4 C24.4109814,4 28.4106181,5.79506699 31.3077537,8.69206978 C34.2048513,11.5890347 36,15.5884344 36,19.9991981 C36,24.410375 34.2050044,28.4104225 31.3077434,31.3078162 C28.4108441,34.2048483 24.4114319,36 20,36 C15.58895,36 11.5892576,34.2048738 8.69211771,31.3076011 C5.79507579,28.4104265 4,24.4106643 4,19.9991981 C4,15.5879572 5.79498458,11.5886725 8.69190067,8.69188915 C11.589069,5.79485362 15.5888543,4 20,4 Z",
32
- id: "Fill-",
33
- "stroke-width": "3"
34
- })))))));
29
+ d: "M17.5,0 C27.1662109,0 35,7.83378906 35,17.5 C35,27.1662109 27.1623437,35 17.5,35 C7.83765625,35 0,27.1623437 0,17.5 C0,7.83765625 7.83378906,0 17.5,0 Z M17.5,2.5 C9.21592185,2.5 2.5,9.21694703 2.5,17.5 C2.5,25.7816319 9.21836812,32.5 17.5,32.5 C25.783053,32.5 32.5,25.7840782 32.5,17.5 C32.5,9.21450094 25.7854991,2.5 17.5,2.5 Z",
30
+ id: "Shape"
31
+ })))));
35
32
  });
36
33
  var _default = exports.default = UncheckIcon;
package/cjs/components/radio/radio.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .ebscn-radio {
2
- --icon-size: 24px;
2
+ --icon-size: 20px;
3
3
  --font-size: var(--ebscn-font-size-8);
4
4
  --gap: 12px;
5
5
  display: inline-flex;
@@ -17,14 +17,10 @@
17
17
  --gap: 9px;
18
18
  }
19
19
  .ebscn-radio .ebscn-radio-icon {
20
+ margin: auto;
20
21
  flex: none;
21
- border-radius: var(--icon-size);
22
- border: 1px solid var(--ebscn-color-light);
23
22
  box-sizing: border-box;
24
- width: 24px;
25
- width: var(--icon-size);
26
- height: 24px;
27
- height: var(--icon-size);
23
+ font-size: var(--icon-size);
28
24
  color: var(--ebscn-color-text-light-solid);
29
25
  }
30
26
  .ebscn-radio .ebscn-radio-icon > svg {
@@ -42,10 +38,6 @@
42
38
  .ebscn-radio.ebscn-radio-checked.ebscn-radio-icon-right {
43
39
  color: var(--ebscn-color-primary);
44
40
  }
45
- .ebscn-radio.ebscn-radio-checked .ebscn-radio-icon {
46
- border-color: var(--ebscn-color-primary);
47
- background-color: var(--ebscn-color-primary);
48
- }
49
41
  .ebscn-radio.ebscn-radio-disabled {
50
42
  cursor: not-allowed;
51
43
  }
@@ -53,20 +45,11 @@
53
45
  opacity: 0.4;
54
46
  }
55
47
  .ebscn-radio.ebscn-radio-disabled .ebscn-radio-icon {
56
- background-color: #e4e4e4;
57
- border-color: #d9d9d9;
58
48
  opacity: 0.4;
59
49
  }
60
- .ebscn-radio.ebscn-radio-disabled.ebscn-radio-checked .ebscn-radio-icon {
61
- background-color: var(--ebscn-color-primary);
62
- }
63
50
  .ebscn-radio .ebscn-radio-custom-icon {
64
51
  font-size: var(--icon-size);
65
52
  }
66
- .ebscn-radio.ebscn-radio-indeterminate .ebscn-radio-icon {
67
- background-color: var(--ebscn-color-background);
68
- color: var(--ebscn-color-primary);
69
- }
70
53
  .ebscn-radio-content {
71
54
  flex: 0 1 auto;
72
55
  font-size: var(--font-size);
@@ -86,7 +69,6 @@
86
69
  }
87
70
  .ebscn-radio .ebscn-radio-icon-right-input .ebscn-radio-icon.ebscn-radio-only-icon {
88
71
  margin-right: 16px;
89
- height: 100%;
90
72
  border-color: transparent;
91
73
  }
92
74
  .ebscn-radio .ebscn-radio-icon-right-input .ebscn-radio-icon.ebscn-radio-only-icon svg {
package/cjs/global/global.css CHANGED
@@ -53,7 +53,8 @@
53
53
  --ebscn-color-keyboard-fckey-border: #888;
54
54
  --ebscn-color-keyboard-key-border: #888;
55
55
  }
56
- html[data-prefers-color-scheme='dark'] {
56
+ html[data-prefers-color-scheme='dark'],
57
+ html[data-prefers-color='dark'] {
57
58
  --ebscn-color-blue: #4c7cf1;
58
59
  --ebscn-color-success: #34b368;
59
60
  --ebscn-color-warning: #ffa930;
package/cjs/global/theme-dark.css CHANGED
@@ -1,4 +1,5 @@
1
- html[data-prefers-color-scheme='dark'] {
1
+ html[data-prefers-color-scheme='dark'],
2
+ html[data-prefers-color='dark'] {
2
3
  --ebscn-color-blue: #4c7cf1;
3
4
  --ebscn-color-success: #34b368;
4
5
  --ebscn-color-warning: #ffa930;
package/es/components/checkbox/checkbox.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .ebscn-checkbox {
2
2
  --icon-size: 20px;
3
- --icon-wrap-size: 24px;
3
+ --icon-wrap-size: 20px;
4
4
  --font-size: var(--ebscn-font-size-8);
5
5
  --gap: 12px;
6
6
  display: inline-flex;
@@ -22,14 +22,8 @@
22
22
  .ebscn-checkbox .ebscn-checkbox-icon {
23
23
  margin: auto;
24
24
  flex: none;
25
- border-radius: 20px;
26
- border-radius: var(--icon-size);
27
- border: 1px solid var(--ebscn-color-light);
28
25
  box-sizing: border-box;
29
- width: 20px;
30
- width: var(--icon-size);
31
- height: 20px;
32
- height: var(--icon-size);
26
+ font-size: var(--icon-size);
33
27
  color: var(--ebscn-color-text-light-solid);
34
28
  }
35
29
  .ebscn-checkbox .ebscn-checkbox-icon > svg {
@@ -44,9 +38,8 @@
44
38
  .ebscn-checkbox.ebscn-checkbox-block {
45
39
  display: flex;
46
40
  }
47
- .ebscn-checkbox.ebscn-checkbox-checked .ebscn-checkbox-icon {
48
- border-color: var(--ebscn-color-primary);
49
- background-color: var(--ebscn-color-primary);
41
+ .ebscn-checkbox.ebscn-checkbox-checked.ebscn-checkbox-icon-right {
42
+ color: var(--ebscn-color-primary);
50
43
  }
51
44
  .ebscn-checkbox.ebscn-checkbox-disabled {
52
45
  cursor: not-allowed;
@@ -55,20 +48,11 @@
55
48
  opacity: 0.4;
56
49
  }
57
50
  .ebscn-checkbox.ebscn-checkbox-disabled .ebscn-checkbox-icon {
58
- background-color: #e4e4e4;
59
- border-color: #d9d9d9;
60
51
  opacity: 0.4;
61
52
  }
62
- .ebscn-checkbox.ebscn-checkbox-disabled.ebscn-checkbox-checked .ebscn-checkbox-icon {
63
- background-color: var(--ebscn-color-primary);
64
- }
65
53
  .ebscn-checkbox .ebscn-checkbox-custom-icon {
66
54
  font-size: var(--icon-size);
67
55
  }
68
- .ebscn-checkbox.ebscn-checkbox-indeterminate .ebscn-checkbox-icon {
69
- background-color: var(--ebscn-color-background);
70
- color: var(--ebscn-color-primary);
71
- }
72
56
  .ebscn-checkbox-content {
73
57
  flex: 0 1 auto;
74
58
  font-size: var(--font-size);
package/es/components/icons/check-icon.js CHANGED
@@ -5,28 +5,25 @@ var CheckIcon = memo(function (props) {
5
5
  width: "1em",
6
6
  height: "1em",
7
7
  viewBox: "0 0 40 40",
8
- className: "ebscn-ui-icon"
8
+ version: "1.1"
9
9
  }, React.createElement("g", {
10
+ id: "\u63A7\u4EF6",
10
11
  stroke: "none",
11
12
  "stroke-width": "1",
12
13
  fill: "none",
13
14
  "fill-rule": "evenodd"
14
15
  }, React.createElement("g", {
15
- transform: "translate(-32, -864)"
16
- }, React.createElement("g", {
17
- transform: "translate(0, 824)"
18
- }, React.createElement("g", {
19
- transform: "translate(32, 40)"
16
+ id: "\u7ED8\u5236\u533A",
17
+ transform: "translate(2.5, 2.5)"
20
18
  }, React.createElement("path", {
21
- d: "M20,2.5 C29.6662109,2.5 37.5,10.3337891 37.5,20 C37.5,29.6662109 29.6623437,37.5 20,37.5 C10.3376563,37.5 2.5,29.6623437 2.5,20 C2.5,10.3376563 10.3337891,2.5 20,2.5 Z",
22
- id: "Shape",
19
+ d: "M17.5,0 C27.1662109,0 35,7.83378906 35,17.5 C35,27.1662109 27.1623437,35 17.5,35 C7.83765625,35 0,27.1623437 0,17.5 C0,7.83765625 7.83378906,0 17.5,0 Z",
20
+ id: "\u5F62\u72B6\u7ED3\u5408",
23
21
  fill: "#E84225"
24
22
  }), React.createElement("path", {
25
- d: "M22.5818216,10.9079253 C23.0429343,11.3771276 23.0848536,12.1113527 22.7075796,12.628741 L22.5818216,12.7769706 L16.5741868,18.891059 L26.9112487,29.4105294 C27.4184727,29.926652 27.4184727,30.7634521 26.9112487,31.2795747 C26.450136,31.7487771 25.72857,31.7914318 25.2201022,31.407539 L25.0744284,31.2795747 L13.817918,19.8255817 C13.310694,19.3094591 13.310694,18.472659 13.817918,17.9565364 L20.7450013,10.9079253 C21.2522252,10.3918027 22.0745977,10.3918027 22.5818216,10.9079253 Z",
23
+ d: "M24.1084866,11.6286712 C24.595176,11.1390542 25.3866287,11.136681 25.8762456,11.6233704 C26.3658625,12.1100598 26.3682358,12.9015124 25.8815464,13.3911294 L16.7855363,22.5418541 L16.765449,22.5618345 C15.7810354,23.5299745 14.1981779,23.5167821 13.2300379,22.5323685 L9.62339745,18.8651034 C9.13932745,18.3728965 9.14592364,17.5814678 9.63813046,17.0973978 C10.1303373,16.6133278 10.921766,16.619924 11.405836,17.1121308 L15.0124765,20.7793959 L24.1084866,11.6286712 Z",
26
24
  id: "\u8DEF\u5F84",
27
25
  fill: "#FFFFFF",
28
- "fill-rule": "nonzero",
29
- transform: "translate(20.3646, 21.0938) rotate(-90) translate(-20.3646, -21.0938)"
30
- })))))));
26
+ "fill-rule": "nonzero"
27
+ })))));
31
28
  });
32
29
  export default CheckIcon;
package/es/components/icons/jump-icon.js CHANGED
@@ -5,7 +5,8 @@ var JumpIcon = memo(function (props) {
5
5
  width: "1em",
6
6
  height: "1em",
7
7
  viewBox: "0 0 24 24",
8
- version: "1.1"
8
+ version: "1.1",
9
+ className: "ebscn-ui-icon"
9
10
  }, React.createElement("g", {
10
11
  stroke: "none",
11
12
  "stroke-width": "1",
package/es/components/icons/tip-icon.js CHANGED
@@ -5,7 +5,8 @@ var UncheckIcon = memo(function (props) {
5
5
  width: "1em",
6
6
  height: "1em",
7
7
  viewBox: "0 0 32 32",
8
- version: "1.1"
8
+ version: "1.1",
9
+ className: "ebscn-ui-icon"
9
10
  }, React.createElement("g", {
10
11
  stroke: "none",
11
12
  "stroke-width": "1",
package/es/components/icons/uncheck-icon.js CHANGED
@@ -5,24 +5,21 @@ var UncheckIcon = memo(function (props) {
5
5
  width: "1em",
6
6
  height: "1em",
7
7
  viewBox: "0 0 40 40",
8
- className: "ebscn-ui-icon"
8
+ version: "1.1"
9
9
  }, React.createElement("g", {
10
+ id: "\u63A7\u4EF6",
10
11
  stroke: "none",
11
12
  "stroke-width": "1",
12
13
  fill: "none",
13
14
  "fill-rule": "evenodd"
14
15
  }, React.createElement("g", {
15
- transform: "translate(-32, -744)",
16
- stroke: "currentColor"
17
- }, React.createElement("g", {
18
- transform: "translate(0, 704)"
19
- }, React.createElement("g", {
20
- id: "common_icon_radio_normal_weixuanzhong",
21
- transform: "translate(32, 40)"
16
+ id: "\u7ED8\u5236\u533A",
17
+ fill: "#CCCCCC",
18
+ transform: "translate(2.5, 2.5)",
19
+ "fill-rule": "nonzero"
22
20
  }, React.createElement("path", {
23
- d: "M20,4 C24.4109814,4 28.4106181,5.79506699 31.3077537,8.69206978 C34.2048513,11.5890347 36,15.5884344 36,19.9991981 C36,24.410375 34.2050044,28.4104225 31.3077434,31.3078162 C28.4108441,34.2048483 24.4114319,36 20,36 C15.58895,36 11.5892576,34.2048738 8.69211771,31.3076011 C5.79507579,28.4104265 4,24.4106643 4,19.9991981 C4,15.5879572 5.79498458,11.5886725 8.69190067,8.69188915 C11.589069,5.79485362 15.5888543,4 20,4 Z",
24
- id: "Fill-",
25
- "stroke-width": "3"
26
- })))))));
21
+ d: "M17.5,0 C27.1662109,0 35,7.83378906 35,17.5 C35,27.1662109 27.1623437,35 17.5,35 C7.83765625,35 0,27.1623437 0,17.5 C0,7.83765625 7.83378906,0 17.5,0 Z M17.5,2.5 C9.21592185,2.5 2.5,9.21694703 2.5,17.5 C2.5,25.7816319 9.21836812,32.5 17.5,32.5 C25.783053,32.5 32.5,25.7840782 32.5,17.5 C32.5,9.21450094 25.7854991,2.5 17.5,2.5 Z",
22
+ id: "Shape"
23
+ })))));
27
24
  });
28
25
  export default UncheckIcon;
package/es/components/radio/radio.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .ebscn-radio {
2
- --icon-size: 24px;
2
+ --icon-size: 20px;
3
3
  --font-size: var(--ebscn-font-size-8);
4
4
  --gap: 12px;
5
5
  display: inline-flex;
@@ -17,14 +17,10 @@
17
17
  --gap: 9px;
18
18
  }
19
19
  .ebscn-radio .ebscn-radio-icon {
20
+ margin: auto;
20
21
  flex: none;
21
- border-radius: var(--icon-size);
22
- border: 1px solid var(--ebscn-color-light);
23
22
  box-sizing: border-box;
24
- width: 24px;
25
- width: var(--icon-size);
26
- height: 24px;
27
- height: var(--icon-size);
23
+ font-size: var(--icon-size);
28
24
  color: var(--ebscn-color-text-light-solid);
29
25
  }
30
26
  .ebscn-radio .ebscn-radio-icon > svg {
@@ -42,10 +38,6 @@
42
38
  .ebscn-radio.ebscn-radio-checked.ebscn-radio-icon-right {
43
39
  color: var(--ebscn-color-primary);
44
40
  }
45
- .ebscn-radio.ebscn-radio-checked .ebscn-radio-icon {
46
- border-color: var(--ebscn-color-primary);
47
- background-color: var(--ebscn-color-primary);
48
- }
49
41
  .ebscn-radio.ebscn-radio-disabled {
50
42
  cursor: not-allowed;
51
43
  }
@@ -53,20 +45,11 @@
53
45
  opacity: 0.4;
54
46
  }
55
47
  .ebscn-radio.ebscn-radio-disabled .ebscn-radio-icon {
56
- background-color: #e4e4e4;
57
- border-color: #d9d9d9;
58
48
  opacity: 0.4;
59
49
  }
60
- .ebscn-radio.ebscn-radio-disabled.ebscn-radio-checked .ebscn-radio-icon {
61
- background-color: var(--ebscn-color-primary);
62
- }
63
50
  .ebscn-radio .ebscn-radio-custom-icon {
64
51
  font-size: var(--icon-size);
65
52
  }
66
- .ebscn-radio.ebscn-radio-indeterminate .ebscn-radio-icon {
67
- background-color: var(--ebscn-color-background);
68
- color: var(--ebscn-color-primary);
69
- }
70
53
  .ebscn-radio-content {
71
54
  flex: 0 1 auto;
72
55
  font-size: var(--font-size);
@@ -86,7 +69,6 @@
86
69
  }
87
70
  .ebscn-radio .ebscn-radio-icon-right-input .ebscn-radio-icon.ebscn-radio-only-icon {
88
71
  margin-right: 16px;
89
- height: 100%;
90
72
  border-color: transparent;
91
73
  }
92
74
  .ebscn-radio .ebscn-radio-icon-right-input .ebscn-radio-icon.ebscn-radio-only-icon svg {
package/es/global/global.css CHANGED
@@ -53,7 +53,8 @@
53
53
  --ebscn-color-keyboard-fckey-border: #888;
54
54
  --ebscn-color-keyboard-key-border: #888;
55
55
  }
56
- html[data-prefers-color-scheme='dark'] {
56
+ html[data-prefers-color-scheme='dark'],
57
+ html[data-prefers-color='dark'] {
57
58
  --ebscn-color-blue: #4c7cf1;
58
59
  --ebscn-color-success: #34b368;
59
60
  --ebscn-color-warning: #ffa930;
package/es/global/theme-dark.css CHANGED
@@ -1,4 +1,5 @@
1
- html[data-prefers-color-scheme='dark'] {
1
+ html[data-prefers-color-scheme='dark'],
2
+ html[data-prefers-color='dark'] {
2
3
  --ebscn-color-blue: #4c7cf1;
3
4
  --ebscn-color-success: #34b368;
4
5
  --ebscn-color-warning: #ffa930;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebscn/ui",
3
- "version": "1.0.3-beta.34",
3
+ "version": "1.0.3-beta.35",
4
4
  "description": "ebscn react library",
5
5
  "module": "./es/index.js",
6
6
  "types": "./es/index.d.ts",