@semcore/radio 5.5.1 → 5.6.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 +12 -0
- package/lib/cjs/Radio.js +13 -13
- package/lib/cjs/style/radio.shadow.css +3 -3
- package/lib/es6/Radio.js +13 -13
- package/lib/es6/style/radio.shadow.css +3 -3
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [5.6.0] - 2023-05-22
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Fixed token for background-color of the checked Checkbox.
|
|
10
|
+
|
|
11
|
+
## [5.5.2] - 2023-05-11
|
|
12
|
+
|
|
13
|
+
### Changed
|
|
14
|
+
|
|
15
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [3.50.6 ~> 3.50.7], `@semcore/flex-box` [4.7.22 ~> 4.7.23]).
|
|
16
|
+
|
|
5
17
|
## [5.5.1] - 2023-05-04
|
|
6
18
|
|
|
7
19
|
### Changed
|
package/lib/cjs/Radio.js
CHANGED
|
@@ -28,19 +28,19 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/e
|
|
|
28
28
|
var _color = _interopRequireDefault(require("@semcore/utils/lib/color"));
|
|
29
29
|
var _inputProps = _interopRequireWildcard(require("@semcore/utils/lib/inputProps"));
|
|
30
30
|
/*__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
31
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
"__SRadio": "
|
|
33
|
-
"_disabled": "
|
|
34
|
-
"__SText": "
|
|
35
|
-
"_size_m": "
|
|
36
|
-
"_size_l": "
|
|
37
|
-
"__SValue": "
|
|
38
|
-
"_state_normal": "
|
|
39
|
-
"_state_invalid": "
|
|
40
|
-
"__SControl": "
|
|
41
|
-
"_keyboardFocused": "
|
|
42
|
-
"_theme": "
|
|
43
|
-
"--theme": "--
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadio_18lm2_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_18lm2_gg_.__disabled_18lm2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_18lm2_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SText_18lm2_gg_._size_m_18lm2_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_18lm2_gg_._size_l_18lm2_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_18lm2_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_18lm2_gg_::after,.___SValue_18lm2_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_18lm2_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_18lm2_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_18lm2_gg_._size_m_18lm2_gg_{width:16px;height:16px}.___SValue_18lm2_gg_._size_l_18lm2_gg_{width:20px;height:20px}.___SValue_18lm2_gg_._state_normal_18lm2_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_18lm2_gg_._state_invalid_18lm2_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_18lm2_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_18lm2_gg_:checked~.___SValue_18lm2_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_18lm2_gg_:checked~.___SValue_18lm2_gg_._size_m_18lm2_gg_::after{width:6px;height:6px}.___SControl_18lm2_gg_:checked~.___SValue_18lm2_gg_._size_l_18lm2_gg_::after{width:8px;height:8px}.___SValue_18lm2_gg_._state_normal_18lm2_gg_.__keyboardFocused_18lm2_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_18lm2_gg_._state_invalid_18lm2_gg_.__keyboardFocused_18lm2_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_18lm2_gg_:checked~.___SValue_18lm2_gg_.__theme_18lm2_gg_::before{border-color:var(--theme_18lm2);background-color:var(--theme_18lm2)}.___SValue_18lm2_gg_._state_normal_18lm2_gg_.__theme_18lm2_gg_::before{border-color:var(--theme_18lm2)}" /*__inner_css_end__*/, "18lm2_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SRadio": "___SRadio_18lm2_gg_",
|
|
33
|
+
"_disabled": "__disabled_18lm2_gg_",
|
|
34
|
+
"__SText": "___SText_18lm2_gg_",
|
|
35
|
+
"_size_m": "_size_m_18lm2_gg_",
|
|
36
|
+
"_size_l": "_size_l_18lm2_gg_",
|
|
37
|
+
"__SValue": "___SValue_18lm2_gg_",
|
|
38
|
+
"_state_normal": "_state_normal_18lm2_gg_",
|
|
39
|
+
"_state_invalid": "_state_invalid_18lm2_gg_",
|
|
40
|
+
"__SControl": "___SControl_18lm2_gg_",
|
|
41
|
+
"_keyboardFocused": "__keyboardFocused_18lm2_gg_",
|
|
42
|
+
"_theme": "__theme_18lm2_gg_",
|
|
43
|
+
"--theme": "--theme_18lm2"
|
|
44
44
|
});
|
|
45
45
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
46
46
|
(0, _inherits2["default"])(RadioGroupRoot, _Component);
|
|
@@ -90,7 +90,7 @@ SControl {
|
|
|
90
90
|
|
|
91
91
|
SControl:checked ~ SValue::before {
|
|
92
92
|
border-color: var(--intergalactic-control-primary-info, #008ff8);
|
|
93
|
-
background-color: var(--intergalactic-
|
|
93
|
+
background-color: var(--intergalactic-control-primary-info, #008ff8);
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
SControl:checked ~ SValue[size='m']::after {
|
|
@@ -104,12 +104,12 @@ SControl:checked ~ SValue[size='l']::after {
|
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
SValue[state='normal'][keyboardFocused]::before {
|
|
107
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.
|
|
107
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
|
|
108
108
|
border-color: var(--intergalactic-border-info-active, #006dca);
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
SValue[state='invalid'][keyboardFocused]::before {
|
|
112
|
-
box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.
|
|
112
|
+
box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5));
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
SControl:checked ~ SValue[theme]::before {
|
package/lib/es6/Radio.js
CHANGED
|
@@ -18,19 +18,19 @@ import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhan
|
|
|
18
18
|
import resolveColor from '@semcore/utils/lib/color';
|
|
19
19
|
import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
|
|
20
20
|
/*__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SRadio": "
|
|
23
|
-
"_disabled": "
|
|
24
|
-
"__SText": "
|
|
25
|
-
"_size_m": "
|
|
26
|
-
"_size_l": "
|
|
27
|
-
"__SValue": "
|
|
28
|
-
"_state_normal": "
|
|
29
|
-
"_state_invalid": "
|
|
30
|
-
"__SControl": "
|
|
31
|
-
"_keyboardFocused": "
|
|
32
|
-
"_theme": "
|
|
33
|
-
"--theme": "--
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadio_18lm2_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_18lm2_gg_.__disabled_18lm2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_18lm2_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SText_18lm2_gg_._size_m_18lm2_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_18lm2_gg_._size_l_18lm2_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_18lm2_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_18lm2_gg_::after,.___SValue_18lm2_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_18lm2_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_18lm2_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_18lm2_gg_._size_m_18lm2_gg_{width:16px;height:16px}.___SValue_18lm2_gg_._size_l_18lm2_gg_{width:20px;height:20px}.___SValue_18lm2_gg_._state_normal_18lm2_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_18lm2_gg_._state_invalid_18lm2_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_18lm2_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_18lm2_gg_:checked~.___SValue_18lm2_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_18lm2_gg_:checked~.___SValue_18lm2_gg_._size_m_18lm2_gg_::after{width:6px;height:6px}.___SControl_18lm2_gg_:checked~.___SValue_18lm2_gg_._size_l_18lm2_gg_::after{width:8px;height:8px}.___SValue_18lm2_gg_._state_normal_18lm2_gg_.__keyboardFocused_18lm2_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_18lm2_gg_._state_invalid_18lm2_gg_.__keyboardFocused_18lm2_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_18lm2_gg_:checked~.___SValue_18lm2_gg_.__theme_18lm2_gg_::before{border-color:var(--theme_18lm2);background-color:var(--theme_18lm2)}.___SValue_18lm2_gg_._state_normal_18lm2_gg_.__theme_18lm2_gg_::before{border-color:var(--theme_18lm2)}" /*__inner_css_end__*/, "18lm2_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SRadio": "___SRadio_18lm2_gg_",
|
|
23
|
+
"_disabled": "__disabled_18lm2_gg_",
|
|
24
|
+
"__SText": "___SText_18lm2_gg_",
|
|
25
|
+
"_size_m": "_size_m_18lm2_gg_",
|
|
26
|
+
"_size_l": "_size_l_18lm2_gg_",
|
|
27
|
+
"__SValue": "___SValue_18lm2_gg_",
|
|
28
|
+
"_state_normal": "_state_normal_18lm2_gg_",
|
|
29
|
+
"_state_invalid": "_state_invalid_18lm2_gg_",
|
|
30
|
+
"__SControl": "___SControl_18lm2_gg_",
|
|
31
|
+
"_keyboardFocused": "__keyboardFocused_18lm2_gg_",
|
|
32
|
+
"_theme": "__theme_18lm2_gg_",
|
|
33
|
+
"--theme": "--theme_18lm2"
|
|
34
34
|
});
|
|
35
35
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
36
36
|
_inherits(RadioGroupRoot, _Component);
|
|
@@ -90,7 +90,7 @@ SControl {
|
|
|
90
90
|
|
|
91
91
|
SControl:checked ~ SValue::before {
|
|
92
92
|
border-color: var(--intergalactic-control-primary-info, #008ff8);
|
|
93
|
-
background-color: var(--intergalactic-
|
|
93
|
+
background-color: var(--intergalactic-control-primary-info, #008ff8);
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
SControl:checked ~ SValue[size='m']::after {
|
|
@@ -104,12 +104,12 @@ SControl:checked ~ SValue[size='l']::after {
|
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
SValue[state='normal'][keyboardFocused]::before {
|
|
107
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.
|
|
107
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
|
|
108
108
|
border-color: var(--intergalactic-border-info-active, #006dca);
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
SValue[state='invalid'][keyboardFocused]::before {
|
|
112
|
-
box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.
|
|
112
|
+
box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5));
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
SControl:checked ~ SValue[theme]::before {
|