@semcore/radio 5.1.4 → 5.2.0
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/CHANGELOG.md +6 -0
- package/lib/cjs/Radio.js +14 -14
- package/lib/cjs/style/radio.shadow.css +1 -1
- package/lib/es6/Radio.js +14 -14
- package/lib/es6/style/radio.shadow.css +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [5.2.0] - 2022-11-30
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Updated border-color in focus state from `--blue-400` to `--blue-500`, `--red-400` to `--red-500`.
|
|
10
|
+
|
|
5
11
|
## [5.1.4] - 2022-11-30
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/Radio.js
CHANGED
|
@@ -62,23 +62,23 @@ var style = (
|
|
|
62
62
|
/*__reshadow_css_start__*/
|
|
63
63
|
_core.sstyled.insert(
|
|
64
64
|
/*__inner_css_start__*/
|
|
65
|
-
".
|
|
65
|
+
".___SRadio_1e8p4_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1e8p4_gg_.__disabled_1e8p4_gg_{opacity:0.3;cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_1e8p4_gg_{margin-left:8px}.___SText_1e8p4_gg_._size_m_1e8p4_gg_{font-size:14px;line-height:1.42}.___SText_1e8p4_gg_._size_l_1e8p4_gg_{font-size:16px;line-height:1.5}.___SValue_1e8p4_gg_{position:relative;flex-shrink:0;padding:0;outline:none;z-index:0;margin-top:2px}.___SValue_1e8p4_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border:1px solid;border-radius:50%}.___SValue_1e8p4_gg_:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:#fff}.___SValue_1e8p4_gg_._size_m_1e8p4_gg_{width:16px;height:16px}.___SValue_1e8p4_gg_._size_l_1e8p4_gg_{width:20px;height:20px}.___SValue_1e8p4_gg_._state_normal_1e8p4_gg_:before{border-color:#c4c7cf}.___SValue_1e8p4_gg_._state_invalid_1e8p4_gg_:before{border-color:#ff4953}.___SControl_1e8p4_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1e8p4_gg_:checked~.___SValue_1e8p4_gg_:before{border-color:#008ff8;background-color:#008ff8}.___SControl_1e8p4_gg_:checked~.___SValue_1e8p4_gg_._size_m_1e8p4_gg_:after{width:6px;height:6px}.___SControl_1e8p4_gg_:checked~.___SValue_1e8p4_gg_._size_l_1e8p4_gg_:after{width:8px;height:8px}.___SValue_1e8p4_gg_._state_normal_1e8p4_gg_.__keyboardFocused_1e8p4_gg_:before{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.3);border-color:#006dca}.___SValue_1e8p4_gg_._state_invalid_1e8p4_gg_.__keyboardFocused_1e8p4_gg_:before{box-shadow:0px 0px 0px 3px rgba(255, 73, 83, 0.3)}.___SControl_1e8p4_gg_:checked~.___SValue_1e8p4_gg_.__theme_1e8p4_gg_:before{border-color:var(--theme_1e8p4);background-color:var(--theme_1e8p4)}.___SValue_1e8p4_gg_._state_normal_1e8p4_gg_.__theme_1e8p4_gg_:before{border-color:var(--theme_1e8p4)}"
|
|
66
66
|
/*__inner_css_end__*/
|
|
67
|
-
, "
|
|
67
|
+
, "1e8p4_gg_")
|
|
68
68
|
/*__reshadow_css_end__*/
|
|
69
69
|
, {
|
|
70
|
-
"__SRadio": "
|
|
71
|
-
"_disabled": "
|
|
72
|
-
"__SText": "
|
|
73
|
-
"_size_m": "
|
|
74
|
-
"_size_l": "
|
|
75
|
-
"__SValue": "
|
|
76
|
-
"_state_normal": "
|
|
77
|
-
"_state_invalid": "
|
|
78
|
-
"__SControl": "
|
|
79
|
-
"_keyboardFocused": "
|
|
80
|
-
"_theme": "
|
|
81
|
-
"--theme": "--
|
|
70
|
+
"__SRadio": "___SRadio_1e8p4_gg_",
|
|
71
|
+
"_disabled": "__disabled_1e8p4_gg_",
|
|
72
|
+
"__SText": "___SText_1e8p4_gg_",
|
|
73
|
+
"_size_m": "_size_m_1e8p4_gg_",
|
|
74
|
+
"_size_l": "_size_l_1e8p4_gg_",
|
|
75
|
+
"__SValue": "___SValue_1e8p4_gg_",
|
|
76
|
+
"_state_normal": "_state_normal_1e8p4_gg_",
|
|
77
|
+
"_state_invalid": "_state_invalid_1e8p4_gg_",
|
|
78
|
+
"__SControl": "___SControl_1e8p4_gg_",
|
|
79
|
+
"_keyboardFocused": "__keyboardFocused_1e8p4_gg_",
|
|
80
|
+
"_theme": "__theme_1e8p4_gg_",
|
|
81
|
+
"--theme": "--theme_1e8p4"
|
|
82
82
|
});
|
|
83
83
|
|
|
84
84
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -105,7 +105,7 @@ SControl:checked ~ SValue[size='l']::after {
|
|
|
105
105
|
|
|
106
106
|
SValue[state='normal'][keyboardFocused]::before {
|
|
107
107
|
box-shadow: var(--keyboard-focus);
|
|
108
|
-
border-color: var(--blue-
|
|
108
|
+
border-color: var(--blue-500);
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
SValue[state='invalid'][keyboardFocused]::before {
|
package/lib/es6/Radio.js
CHANGED
|
@@ -31,23 +31,23 @@ var style = (
|
|
|
31
31
|
/*__reshadow_css_start__*/
|
|
32
32
|
_sstyled.insert(
|
|
33
33
|
/*__inner_css_start__*/
|
|
34
|
-
".
|
|
34
|
+
".___SRadio_1e8p4_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1e8p4_gg_.__disabled_1e8p4_gg_{opacity:0.3;cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_1e8p4_gg_{margin-left:8px}.___SText_1e8p4_gg_._size_m_1e8p4_gg_{font-size:14px;line-height:1.42}.___SText_1e8p4_gg_._size_l_1e8p4_gg_{font-size:16px;line-height:1.5}.___SValue_1e8p4_gg_{position:relative;flex-shrink:0;padding:0;outline:none;z-index:0;margin-top:2px}.___SValue_1e8p4_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border:1px solid;border-radius:50%}.___SValue_1e8p4_gg_:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:#fff}.___SValue_1e8p4_gg_._size_m_1e8p4_gg_{width:16px;height:16px}.___SValue_1e8p4_gg_._size_l_1e8p4_gg_{width:20px;height:20px}.___SValue_1e8p4_gg_._state_normal_1e8p4_gg_:before{border-color:#c4c7cf}.___SValue_1e8p4_gg_._state_invalid_1e8p4_gg_:before{border-color:#ff4953}.___SControl_1e8p4_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1e8p4_gg_:checked~.___SValue_1e8p4_gg_:before{border-color:#008ff8;background-color:#008ff8}.___SControl_1e8p4_gg_:checked~.___SValue_1e8p4_gg_._size_m_1e8p4_gg_:after{width:6px;height:6px}.___SControl_1e8p4_gg_:checked~.___SValue_1e8p4_gg_._size_l_1e8p4_gg_:after{width:8px;height:8px}.___SValue_1e8p4_gg_._state_normal_1e8p4_gg_.__keyboardFocused_1e8p4_gg_:before{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.3);border-color:#006dca}.___SValue_1e8p4_gg_._state_invalid_1e8p4_gg_.__keyboardFocused_1e8p4_gg_:before{box-shadow:0px 0px 0px 3px rgba(255, 73, 83, 0.3)}.___SControl_1e8p4_gg_:checked~.___SValue_1e8p4_gg_.__theme_1e8p4_gg_:before{border-color:var(--theme_1e8p4);background-color:var(--theme_1e8p4)}.___SValue_1e8p4_gg_._state_normal_1e8p4_gg_.__theme_1e8p4_gg_:before{border-color:var(--theme_1e8p4)}"
|
|
35
35
|
/*__inner_css_end__*/
|
|
36
|
-
, "
|
|
36
|
+
, "1e8p4_gg_")
|
|
37
37
|
/*__reshadow_css_end__*/
|
|
38
38
|
, {
|
|
39
|
-
"__SRadio": "
|
|
40
|
-
"_disabled": "
|
|
41
|
-
"__SText": "
|
|
42
|
-
"_size_m": "
|
|
43
|
-
"_size_l": "
|
|
44
|
-
"__SValue": "
|
|
45
|
-
"_state_normal": "
|
|
46
|
-
"_state_invalid": "
|
|
47
|
-
"__SControl": "
|
|
48
|
-
"_keyboardFocused": "
|
|
49
|
-
"_theme": "
|
|
50
|
-
"--theme": "--
|
|
39
|
+
"__SRadio": "___SRadio_1e8p4_gg_",
|
|
40
|
+
"_disabled": "__disabled_1e8p4_gg_",
|
|
41
|
+
"__SText": "___SText_1e8p4_gg_",
|
|
42
|
+
"_size_m": "_size_m_1e8p4_gg_",
|
|
43
|
+
"_size_l": "_size_l_1e8p4_gg_",
|
|
44
|
+
"__SValue": "___SValue_1e8p4_gg_",
|
|
45
|
+
"_state_normal": "_state_normal_1e8p4_gg_",
|
|
46
|
+
"_state_invalid": "_state_invalid_1e8p4_gg_",
|
|
47
|
+
"__SControl": "___SControl_1e8p4_gg_",
|
|
48
|
+
"_keyboardFocused": "__keyboardFocused_1e8p4_gg_",
|
|
49
|
+
"_theme": "__theme_1e8p4_gg_",
|
|
50
|
+
"--theme": "--theme_1e8p4"
|
|
51
51
|
});
|
|
52
52
|
|
|
53
53
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -105,7 +105,7 @@ SControl:checked ~ SValue[size='l']::after {
|
|
|
105
105
|
|
|
106
106
|
SValue[state='normal'][keyboardFocused]::before {
|
|
107
107
|
box-shadow: var(--keyboard-focus);
|
|
108
|
-
border-color: var(--blue-
|
|
108
|
+
border-color: var(--blue-500);
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
SValue[state='invalid'][keyboardFocused]::before {
|