@semcore/radio 6.43.4 → 6.44.0-prerelease.1
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 +16 -16
- package/lib/cjs/style/radio.shadow.css +13 -13
- package/lib/es6/Radio.js +16 -16
- package/lib/es6/style/radio.shadow.css +13 -13
- package/lib/esm/Radio.mjs +17 -17
- package/lib/esm/style/radio.shadow.css +13 -13
- package/package.json +5 -5
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
|
+
## [6.44.0] - 2026-05-06
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/utils` [4.48.5 ~> 4.49.0], `@semcore/flex-box` [5.41.4 ~> 5.42.0], `@semcore/core` [2.39.4 ~> 2.40.0]).
|
|
10
|
+
|
|
5
11
|
## [6.43.4] - 2025-05-13
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/Radio.js
CHANGED
|
@@ -36,24 +36,24 @@ var _typography = require("@semcore/typography");
|
|
|
36
36
|
var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"],
|
|
37
37
|
_excluded2 = ["children", "Children"];
|
|
38
38
|
/*!__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
39
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
39
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SRadio_kf98w_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_kf98w_gg_ .___SText_kf98w_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRadio_kf98w_gg_ .___SText_kf98w_gg_.__color_kf98w_gg_{color:var(--color_kf98w)}.___SRadio_kf98w_gg_.__disabled_kf98w_gg_{pointer-events:none}.___SText_kf98w_gg_._size_m_kf98w_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_kf98w_gg_._size_l_kf98w_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_kf98w_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_kf98w_gg_::after,.___SValue_kf98w_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SValue_kf98w_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_kf98w_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_kf98w_gg_.__disabled_kf98w_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_kf98w_gg_._size_m_kf98w_gg_{width:16px;height:16px}.___SValue_kf98w_gg_._size_m_kf98w_gg_ .___SInvalidPattern_kf98w_gg_:before{width:14px;height:14px}.___SValue_kf98w_gg_._size_l_kf98w_gg_{width:20px;height:20px}.___SValue_kf98w_gg_._size_l_kf98w_gg_ .___SInvalidPattern_kf98w_gg_:before{width:18px;height:18px}.___SValue_kf98w_gg_._state_normal_kf98w_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0)){.___SValue_kf98w_gg_._state_normal_kf98w_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SValue_kf98w_gg_._state_normal_kf98w_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SValue_kf98w_gg_._state_invalid_kf98w_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0)){.___SValue_kf98w_gg_._state_invalid_kf98w_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SValue_kf98w_gg_._state_invalid_kf98w_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SControl_kf98w_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_kf98w_gg_:checked~.___SValue_kf98w_gg_::before{border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}.___SControl_kf98w_gg_:checked~.___SValue_kf98w_gg_._size_m_kf98w_gg_::after{width:6px;height:6px}.___SControl_kf98w_gg_:checked~.___SValue_kf98w_gg_._size_l_kf98w_gg_::after{width:8px;height:8px}.___SValue_kf98w_gg_._state_normal_kf98w_gg_.__keyboardFocused_kf98w_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441));border-color:var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386))}@supports (color:color(display-p3 0 0 0)){.___SValue_kf98w_gg_._state_normal_kf98w_gg_.__keyboardFocused_kf98w_gg_::before{border-color:var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386))}@media (color-gamut:p3){.___SValue_kf98w_gg_._state_normal_kf98w_gg_.__keyboardFocused_kf98w_gg_::before{border-color:var(--intergalactic-border-info-active, color(display-p3 0.01805 0.08333 0.73488 / 0.386))}}}.___SValue_kf98w_gg_._state_invalid_kf98w_gg_.__keyboardFocused_kf98w_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 2, 7, 0.652))}.___SControl_kf98w_gg_:checked~.___SValue_kf98w_gg_.__theme_kf98w_gg_::before{border-color:var(--theme_kf98w);background-color:var(--theme_kf98w)}.___SValue_kf98w_gg_._state_normal_kf98w_gg_.__theme_kf98w_gg_::before{border-color:var(--theme_kf98w)}.___SInvalidPattern_kf98w_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_kf98w_gg_:before{content:\"\";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}@supports (color:color(display-p3 0 0 0)){.___SInvalidPattern_kf98w_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%))}@media (color-gamut:p3){.___SInvalidPattern_kf98w_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, color(display-p3 0.918 0.19866 0.14259 / 0.56) 0, color(display-p3 0.918 0.19866 0.14259 / 0.56) 1px, transparent 0, transparent 50%))}}}", /*__inner_css_end__*/"kf98w_gg_"),
|
|
40
40
|
/*__reshadow_css_end__*/
|
|
41
41
|
{
|
|
42
|
-
"__SRadio": "
|
|
43
|
-
"_disabled": "
|
|
44
|
-
"__SText": "
|
|
45
|
-
"_size_m": "
|
|
46
|
-
"_size_l": "
|
|
47
|
-
"__SValue": "
|
|
48
|
-
"_state_normal": "
|
|
49
|
-
"_state_invalid": "
|
|
50
|
-
"__SControl": "
|
|
51
|
-
"_keyboardFocused": "
|
|
52
|
-
"_theme": "
|
|
53
|
-
"--theme": "--
|
|
54
|
-
"_color": "
|
|
55
|
-
"--color": "--
|
|
56
|
-
"__SInvalidPattern": "
|
|
42
|
+
"__SRadio": "___SRadio_kf98w_gg_",
|
|
43
|
+
"_disabled": "__disabled_kf98w_gg_",
|
|
44
|
+
"__SText": "___SText_kf98w_gg_",
|
|
45
|
+
"_size_m": "_size_m_kf98w_gg_",
|
|
46
|
+
"_size_l": "_size_l_kf98w_gg_",
|
|
47
|
+
"__SValue": "___SValue_kf98w_gg_",
|
|
48
|
+
"_state_normal": "_state_normal_kf98w_gg_",
|
|
49
|
+
"_state_invalid": "_state_invalid_kf98w_gg_",
|
|
50
|
+
"__SControl": "___SControl_kf98w_gg_",
|
|
51
|
+
"_keyboardFocused": "__keyboardFocused_kf98w_gg_",
|
|
52
|
+
"_theme": "__theme_kf98w_gg_",
|
|
53
|
+
"--theme": "--theme_kf98w",
|
|
54
|
+
"_color": "__color_kf98w_gg_",
|
|
55
|
+
"--color": "--color_kf98w",
|
|
56
|
+
"__SInvalidPattern": "___SInvalidPattern_kf98w_gg_"
|
|
57
57
|
});
|
|
58
58
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
59
59
|
(0, _inherits2["default"])(RadioGroupRoot, _Component);
|
|
@@ -5,7 +5,7 @@ SRadio {
|
|
|
5
5
|
|
|
6
6
|
SText {
|
|
7
7
|
margin-left: var(--intergalactic-spacing-2x, 8px);
|
|
8
|
-
color: var(--intergalactic-text-primary,
|
|
8
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
SText[color] {
|
|
@@ -43,7 +43,7 @@ SValue {
|
|
|
43
43
|
left: 0;
|
|
44
44
|
right: 0;
|
|
45
45
|
bottom: 0;
|
|
46
|
-
background: var(--intergalactic-bg-primary-neutral,
|
|
46
|
+
background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
47
47
|
border: 1px solid;
|
|
48
48
|
border-radius: 50%;
|
|
49
49
|
transition: calc(var(--intergalactic-duration-control, 200) * 1ms) all ease-in-out;
|
|
@@ -60,12 +60,12 @@ SValue {
|
|
|
60
60
|
width: 0;
|
|
61
61
|
height: 0;
|
|
62
62
|
border-radius: 50%;
|
|
63
|
-
background: var(--intergalactic-bg-primary-neutral,
|
|
63
|
+
background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
SValue[disabled] {
|
|
68
|
-
opacity: var(--intergalactic-disabled-opacity, 0.
|
|
68
|
+
opacity: var(--intergalactic-disabled-opacity, 0.4);
|
|
69
69
|
cursor: default;
|
|
70
70
|
pointer-events: none;
|
|
71
71
|
user-select: none;
|
|
@@ -92,11 +92,11 @@ SValue[size='l'] {
|
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
SValue[state='normal']::before {
|
|
95
|
-
border-color: var(--intergalactic-border-primary,
|
|
95
|
+
border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
SValue[state='invalid']::before {
|
|
99
|
-
border-color: var(--intergalactic-border-critical-active,
|
|
99
|
+
border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
|
|
100
100
|
}
|
|
101
101
|
|
|
102
102
|
SControl {
|
|
@@ -105,8 +105,8 @@ SControl {
|
|
|
105
105
|
}
|
|
106
106
|
|
|
107
107
|
SControl:checked~SValue::before {
|
|
108
|
-
border-color: var(--intergalactic-control-primary-info,
|
|
109
|
-
background-color: var(--intergalactic-control-primary-info,
|
|
108
|
+
border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
109
|
+
background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
SControl:checked~SValue[size='m']::after {
|
|
@@ -120,12 +120,12 @@ SControl:checked~SValue[size='l']::after {
|
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
SValue[state='normal'][keyboardFocused]::before {
|
|
123
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px
|
|
124
|
-
border-color: var(--intergalactic-border-info-active,
|
|
123
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441));
|
|
124
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.382 0.248 264.2 / 0.386));
|
|
125
125
|
}
|
|
126
126
|
|
|
127
127
|
SValue[state='invalid'][keyboardFocused]::before {
|
|
128
|
-
box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px
|
|
128
|
+
box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px oklch(0.628 0.257 28.9 / 0.652));
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
SControl:checked~SValue[theme]::before {
|
|
@@ -147,8 +147,8 @@ SInvalidPattern {
|
|
|
147
147
|
top: 1px;
|
|
148
148
|
left: 1px;
|
|
149
149
|
border-radius: 50%;
|
|
150
|
-
background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg,
|
|
150
|
+
background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.628 0.258 29 / 0.56) 0, oklch(0.628 0.258 29 / 0.56) 1px, transparent 0, transparent 50%));
|
|
151
151
|
background-size: 6px 6px;
|
|
152
|
-
background-color: var(--intergalactic-bg-primary-neutral,
|
|
152
|
+
background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
153
153
|
}
|
|
154
154
|
}
|
package/lib/es6/Radio.js
CHANGED
|
@@ -24,24 +24,24 @@ import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance
|
|
|
24
24
|
import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
|
|
25
25
|
import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
|
|
26
26
|
/*!__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
27
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadio_kf98w_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_kf98w_gg_ .___SText_kf98w_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRadio_kf98w_gg_ .___SText_kf98w_gg_.__color_kf98w_gg_{color:var(--color_kf98w)}.___SRadio_kf98w_gg_.__disabled_kf98w_gg_{pointer-events:none}.___SText_kf98w_gg_._size_m_kf98w_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_kf98w_gg_._size_l_kf98w_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_kf98w_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_kf98w_gg_::after,.___SValue_kf98w_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SValue_kf98w_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_kf98w_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_kf98w_gg_.__disabled_kf98w_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_kf98w_gg_._size_m_kf98w_gg_{width:16px;height:16px}.___SValue_kf98w_gg_._size_m_kf98w_gg_ .___SInvalidPattern_kf98w_gg_:before{width:14px;height:14px}.___SValue_kf98w_gg_._size_l_kf98w_gg_{width:20px;height:20px}.___SValue_kf98w_gg_._size_l_kf98w_gg_ .___SInvalidPattern_kf98w_gg_:before{width:18px;height:18px}.___SValue_kf98w_gg_._state_normal_kf98w_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0)){.___SValue_kf98w_gg_._state_normal_kf98w_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SValue_kf98w_gg_._state_normal_kf98w_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SValue_kf98w_gg_._state_invalid_kf98w_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0)){.___SValue_kf98w_gg_._state_invalid_kf98w_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SValue_kf98w_gg_._state_invalid_kf98w_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SControl_kf98w_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_kf98w_gg_:checked~.___SValue_kf98w_gg_::before{border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}.___SControl_kf98w_gg_:checked~.___SValue_kf98w_gg_._size_m_kf98w_gg_::after{width:6px;height:6px}.___SControl_kf98w_gg_:checked~.___SValue_kf98w_gg_._size_l_kf98w_gg_::after{width:8px;height:8px}.___SValue_kf98w_gg_._state_normal_kf98w_gg_.__keyboardFocused_kf98w_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441));border-color:var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386))}@supports (color:color(display-p3 0 0 0)){.___SValue_kf98w_gg_._state_normal_kf98w_gg_.__keyboardFocused_kf98w_gg_::before{border-color:var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386))}@media (color-gamut:p3){.___SValue_kf98w_gg_._state_normal_kf98w_gg_.__keyboardFocused_kf98w_gg_::before{border-color:var(--intergalactic-border-info-active, color(display-p3 0.01805 0.08333 0.73488 / 0.386))}}}.___SValue_kf98w_gg_._state_invalid_kf98w_gg_.__keyboardFocused_kf98w_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 2, 7, 0.652))}.___SControl_kf98w_gg_:checked~.___SValue_kf98w_gg_.__theme_kf98w_gg_::before{border-color:var(--theme_kf98w);background-color:var(--theme_kf98w)}.___SValue_kf98w_gg_._state_normal_kf98w_gg_.__theme_kf98w_gg_::before{border-color:var(--theme_kf98w)}.___SInvalidPattern_kf98w_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_kf98w_gg_:before{content:\"\";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}@supports (color:color(display-p3 0 0 0)){.___SInvalidPattern_kf98w_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%))}@media (color-gamut:p3){.___SInvalidPattern_kf98w_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, color(display-p3 0.918 0.19866 0.14259 / 0.56) 0, color(display-p3 0.918 0.19866 0.14259 / 0.56) 1px, transparent 0, transparent 50%))}}}", /*__inner_css_end__*/"kf98w_gg_"),
|
|
28
28
|
/*__reshadow_css_end__*/
|
|
29
29
|
{
|
|
30
|
-
"__SRadio": "
|
|
31
|
-
"_disabled": "
|
|
32
|
-
"__SText": "
|
|
33
|
-
"_size_m": "
|
|
34
|
-
"_size_l": "
|
|
35
|
-
"__SValue": "
|
|
36
|
-
"_state_normal": "
|
|
37
|
-
"_state_invalid": "
|
|
38
|
-
"__SControl": "
|
|
39
|
-
"_keyboardFocused": "
|
|
40
|
-
"_theme": "
|
|
41
|
-
"--theme": "--
|
|
42
|
-
"_color": "
|
|
43
|
-
"--color": "--
|
|
44
|
-
"__SInvalidPattern": "
|
|
30
|
+
"__SRadio": "___SRadio_kf98w_gg_",
|
|
31
|
+
"_disabled": "__disabled_kf98w_gg_",
|
|
32
|
+
"__SText": "___SText_kf98w_gg_",
|
|
33
|
+
"_size_m": "_size_m_kf98w_gg_",
|
|
34
|
+
"_size_l": "_size_l_kf98w_gg_",
|
|
35
|
+
"__SValue": "___SValue_kf98w_gg_",
|
|
36
|
+
"_state_normal": "_state_normal_kf98w_gg_",
|
|
37
|
+
"_state_invalid": "_state_invalid_kf98w_gg_",
|
|
38
|
+
"__SControl": "___SControl_kf98w_gg_",
|
|
39
|
+
"_keyboardFocused": "__keyboardFocused_kf98w_gg_",
|
|
40
|
+
"_theme": "__theme_kf98w_gg_",
|
|
41
|
+
"--theme": "--theme_kf98w",
|
|
42
|
+
"_color": "__color_kf98w_gg_",
|
|
43
|
+
"--color": "--color_kf98w",
|
|
44
|
+
"__SInvalidPattern": "___SInvalidPattern_kf98w_gg_"
|
|
45
45
|
});
|
|
46
46
|
import logger from '@semcore/utils/lib/logger';
|
|
47
47
|
import { Text as TypographyText } from '@semcore/typography';
|
|
@@ -5,7 +5,7 @@ SRadio {
|
|
|
5
5
|
|
|
6
6
|
SText {
|
|
7
7
|
margin-left: var(--intergalactic-spacing-2x, 8px);
|
|
8
|
-
color: var(--intergalactic-text-primary,
|
|
8
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
SText[color] {
|
|
@@ -43,7 +43,7 @@ SValue {
|
|
|
43
43
|
left: 0;
|
|
44
44
|
right: 0;
|
|
45
45
|
bottom: 0;
|
|
46
|
-
background: var(--intergalactic-bg-primary-neutral,
|
|
46
|
+
background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
47
47
|
border: 1px solid;
|
|
48
48
|
border-radius: 50%;
|
|
49
49
|
transition: calc(var(--intergalactic-duration-control, 200) * 1ms) all ease-in-out;
|
|
@@ -60,12 +60,12 @@ SValue {
|
|
|
60
60
|
width: 0;
|
|
61
61
|
height: 0;
|
|
62
62
|
border-radius: 50%;
|
|
63
|
-
background: var(--intergalactic-bg-primary-neutral,
|
|
63
|
+
background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
SValue[disabled] {
|
|
68
|
-
opacity: var(--intergalactic-disabled-opacity, 0.
|
|
68
|
+
opacity: var(--intergalactic-disabled-opacity, 0.4);
|
|
69
69
|
cursor: default;
|
|
70
70
|
pointer-events: none;
|
|
71
71
|
user-select: none;
|
|
@@ -92,11 +92,11 @@ SValue[size='l'] {
|
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
SValue[state='normal']::before {
|
|
95
|
-
border-color: var(--intergalactic-border-primary,
|
|
95
|
+
border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
SValue[state='invalid']::before {
|
|
99
|
-
border-color: var(--intergalactic-border-critical-active,
|
|
99
|
+
border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
|
|
100
100
|
}
|
|
101
101
|
|
|
102
102
|
SControl {
|
|
@@ -105,8 +105,8 @@ SControl {
|
|
|
105
105
|
}
|
|
106
106
|
|
|
107
107
|
SControl:checked~SValue::before {
|
|
108
|
-
border-color: var(--intergalactic-control-primary-info,
|
|
109
|
-
background-color: var(--intergalactic-control-primary-info,
|
|
108
|
+
border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
109
|
+
background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
SControl:checked~SValue[size='m']::after {
|
|
@@ -120,12 +120,12 @@ SControl:checked~SValue[size='l']::after {
|
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
SValue[state='normal'][keyboardFocused]::before {
|
|
123
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px
|
|
124
|
-
border-color: var(--intergalactic-border-info-active,
|
|
123
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441));
|
|
124
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.382 0.248 264.2 / 0.386));
|
|
125
125
|
}
|
|
126
126
|
|
|
127
127
|
SValue[state='invalid'][keyboardFocused]::before {
|
|
128
|
-
box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px
|
|
128
|
+
box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px oklch(0.628 0.257 28.9 / 0.652));
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
SControl:checked~SValue[theme]::before {
|
|
@@ -147,8 +147,8 @@ SInvalidPattern {
|
|
|
147
147
|
top: 1px;
|
|
148
148
|
left: 1px;
|
|
149
149
|
border-radius: 50%;
|
|
150
|
-
background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg,
|
|
150
|
+
background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.628 0.258 29 / 0.56) 0, oklch(0.628 0.258 29 / 0.56) 1px, transparent 0, transparent 50%));
|
|
151
151
|
background-size: 6px 6px;
|
|
152
|
-
background-color: var(--intergalactic-bg-primary-neutral,
|
|
152
|
+
background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
153
153
|
}
|
|
154
154
|
}
|
package/lib/esm/Radio.mjs
CHANGED
|
@@ -25,26 +25,26 @@ var style = (
|
|
|
25
25
|
/*__reshadow_css_start__*/
|
|
26
26
|
(sstyled.insert(
|
|
27
27
|
/*__inner_css_start__*/
|
|
28
|
-
'.
|
|
28
|
+
'.___SRadio_kf98w_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_kf98w_gg_ .___SText_kf98w_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRadio_kf98w_gg_ .___SText_kf98w_gg_.__color_kf98w_gg_{color:var(--color_kf98w)}.___SRadio_kf98w_gg_.__disabled_kf98w_gg_{pointer-events:none}.___SText_kf98w_gg_._size_m_kf98w_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_kf98w_gg_._size_l_kf98w_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_kf98w_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_kf98w_gg_::after,.___SValue_kf98w_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SValue_kf98w_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_kf98w_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_kf98w_gg_.__disabled_kf98w_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_kf98w_gg_._size_m_kf98w_gg_{width:16px;height:16px}.___SValue_kf98w_gg_._size_m_kf98w_gg_ .___SInvalidPattern_kf98w_gg_:before{width:14px;height:14px}.___SValue_kf98w_gg_._size_l_kf98w_gg_{width:20px;height:20px}.___SValue_kf98w_gg_._size_l_kf98w_gg_ .___SInvalidPattern_kf98w_gg_:before{width:18px;height:18px}.___SValue_kf98w_gg_._state_normal_kf98w_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0)){.___SValue_kf98w_gg_._state_normal_kf98w_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SValue_kf98w_gg_._state_normal_kf98w_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SValue_kf98w_gg_._state_invalid_kf98w_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0)){.___SValue_kf98w_gg_._state_invalid_kf98w_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SValue_kf98w_gg_._state_invalid_kf98w_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SControl_kf98w_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_kf98w_gg_:checked~.___SValue_kf98w_gg_::before{border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}.___SControl_kf98w_gg_:checked~.___SValue_kf98w_gg_._size_m_kf98w_gg_::after{width:6px;height:6px}.___SControl_kf98w_gg_:checked~.___SValue_kf98w_gg_._size_l_kf98w_gg_::after{width:8px;height:8px}.___SValue_kf98w_gg_._state_normal_kf98w_gg_.__keyboardFocused_kf98w_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441));border-color:var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386))}@supports (color:color(display-p3 0 0 0)){.___SValue_kf98w_gg_._state_normal_kf98w_gg_.__keyboardFocused_kf98w_gg_::before{border-color:var(--intergalactic-border-info-active, rgba(0, 22, 195, 0.386))}@media (color-gamut:p3){.___SValue_kf98w_gg_._state_normal_kf98w_gg_.__keyboardFocused_kf98w_gg_::before{border-color:var(--intergalactic-border-info-active, color(display-p3 0.01805 0.08333 0.73488 / 0.386))}}}.___SValue_kf98w_gg_._state_invalid_kf98w_gg_.__keyboardFocused_kf98w_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 2, 7, 0.652))}.___SControl_kf98w_gg_:checked~.___SValue_kf98w_gg_.__theme_kf98w_gg_::before{border-color:var(--theme_kf98w);background-color:var(--theme_kf98w)}.___SValue_kf98w_gg_._state_normal_kf98w_gg_.__theme_kf98w_gg_::before{border-color:var(--theme_kf98w)}.___SInvalidPattern_kf98w_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_kf98w_gg_:before{content:"";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}@supports (color:color(display-p3 0 0 0)){.___SInvalidPattern_kf98w_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%))}@media (color-gamut:p3){.___SInvalidPattern_kf98w_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, color(display-p3 0.918 0.19866 0.14259 / 0.56) 0, color(display-p3 0.918 0.19866 0.14259 / 0.56) 1px, transparent 0, transparent 50%))}}}',
|
|
29
29
|
/*__inner_css_end__*/
|
|
30
|
-
"
|
|
30
|
+
"kf98w_gg_"
|
|
31
31
|
), /*__reshadow_css_end__*/
|
|
32
32
|
{
|
|
33
|
-
"__SRadio": "
|
|
34
|
-
"_disabled": "
|
|
35
|
-
"__SText": "
|
|
36
|
-
"_size_m": "
|
|
37
|
-
"_size_l": "
|
|
38
|
-
"__SValue": "
|
|
39
|
-
"_state_normal": "
|
|
40
|
-
"_state_invalid": "
|
|
41
|
-
"__SControl": "
|
|
42
|
-
"_keyboardFocused": "
|
|
43
|
-
"_theme": "
|
|
44
|
-
"--theme": "--
|
|
45
|
-
"_color": "
|
|
46
|
-
"--color": "--
|
|
47
|
-
"__SInvalidPattern": "
|
|
33
|
+
"__SRadio": "___SRadio_kf98w_gg_",
|
|
34
|
+
"_disabled": "__disabled_kf98w_gg_",
|
|
35
|
+
"__SText": "___SText_kf98w_gg_",
|
|
36
|
+
"_size_m": "_size_m_kf98w_gg_",
|
|
37
|
+
"_size_l": "_size_l_kf98w_gg_",
|
|
38
|
+
"__SValue": "___SValue_kf98w_gg_",
|
|
39
|
+
"_state_normal": "_state_normal_kf98w_gg_",
|
|
40
|
+
"_state_invalid": "_state_invalid_kf98w_gg_",
|
|
41
|
+
"__SControl": "___SControl_kf98w_gg_",
|
|
42
|
+
"_keyboardFocused": "__keyboardFocused_kf98w_gg_",
|
|
43
|
+
"_theme": "__theme_kf98w_gg_",
|
|
44
|
+
"--theme": "--theme_kf98w",
|
|
45
|
+
"_color": "__color_kf98w_gg_",
|
|
46
|
+
"--color": "--color_kf98w",
|
|
47
|
+
"__SInvalidPattern": "___SInvalidPattern_kf98w_gg_"
|
|
48
48
|
})
|
|
49
49
|
);
|
|
50
50
|
var RadioGroupRoot = /* @__PURE__ */ function(_Component) {
|
|
@@ -5,7 +5,7 @@ SRadio {
|
|
|
5
5
|
|
|
6
6
|
SText {
|
|
7
7
|
margin-left: var(--intergalactic-spacing-2x, 8px);
|
|
8
|
-
color: var(--intergalactic-text-primary,
|
|
8
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
SText[color] {
|
|
@@ -43,7 +43,7 @@ SValue {
|
|
|
43
43
|
left: 0;
|
|
44
44
|
right: 0;
|
|
45
45
|
bottom: 0;
|
|
46
|
-
background: var(--intergalactic-bg-primary-neutral,
|
|
46
|
+
background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
47
47
|
border: 1px solid;
|
|
48
48
|
border-radius: 50%;
|
|
49
49
|
transition: calc(var(--intergalactic-duration-control, 200) * 1ms) all ease-in-out;
|
|
@@ -60,12 +60,12 @@ SValue {
|
|
|
60
60
|
width: 0;
|
|
61
61
|
height: 0;
|
|
62
62
|
border-radius: 50%;
|
|
63
|
-
background: var(--intergalactic-bg-primary-neutral,
|
|
63
|
+
background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
SValue[disabled] {
|
|
68
|
-
opacity: var(--intergalactic-disabled-opacity, 0.
|
|
68
|
+
opacity: var(--intergalactic-disabled-opacity, 0.4);
|
|
69
69
|
cursor: default;
|
|
70
70
|
pointer-events: none;
|
|
71
71
|
user-select: none;
|
|
@@ -92,11 +92,11 @@ SValue[size='l'] {
|
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
SValue[state='normal']::before {
|
|
95
|
-
border-color: var(--intergalactic-border-primary,
|
|
95
|
+
border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
SValue[state='invalid']::before {
|
|
99
|
-
border-color: var(--intergalactic-border-critical-active,
|
|
99
|
+
border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
|
|
100
100
|
}
|
|
101
101
|
|
|
102
102
|
SControl {
|
|
@@ -105,8 +105,8 @@ SControl {
|
|
|
105
105
|
}
|
|
106
106
|
|
|
107
107
|
SControl:checked~SValue::before {
|
|
108
|
-
border-color: var(--intergalactic-control-primary-info,
|
|
109
|
-
background-color: var(--intergalactic-control-primary-info,
|
|
108
|
+
border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
109
|
+
background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
SControl:checked~SValue[size='m']::after {
|
|
@@ -120,12 +120,12 @@ SControl:checked~SValue[size='l']::after {
|
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
SValue[state='normal'][keyboardFocused]::before {
|
|
123
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px
|
|
124
|
-
border-color: var(--intergalactic-border-info-active,
|
|
123
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441));
|
|
124
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.382 0.248 264.2 / 0.386));
|
|
125
125
|
}
|
|
126
126
|
|
|
127
127
|
SValue[state='invalid'][keyboardFocused]::before {
|
|
128
|
-
box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px
|
|
128
|
+
box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px oklch(0.628 0.257 28.9 / 0.652));
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
SControl:checked~SValue[theme]::before {
|
|
@@ -147,8 +147,8 @@ SInvalidPattern {
|
|
|
147
147
|
top: 1px;
|
|
148
148
|
left: 1px;
|
|
149
149
|
border-radius: 50%;
|
|
150
|
-
background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg,
|
|
150
|
+
background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.628 0.258 29 / 0.56) 0, oklch(0.628 0.258 29 / 0.56) 1px, transparent 0, transparent 50%));
|
|
151
151
|
background-size: 6px 6px;
|
|
152
|
-
background-color: var(--intergalactic-bg-primary-neutral,
|
|
152
|
+
background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
153
153
|
}
|
|
154
154
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/radio",
|
|
3
3
|
"description": "Semrush Radio Component",
|
|
4
|
-
"version": "6.
|
|
4
|
+
"version": "6.44.0-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/utils": "4.
|
|
18
|
-
"@semcore/flex-box": "5.
|
|
19
|
-
"@semcore/typography": "5.
|
|
17
|
+
"@semcore/utils": "4.49.0-prerelease.1",
|
|
18
|
+
"@semcore/flex-box": "5.42.0-prerelease.1",
|
|
19
|
+
"@semcore/typography": "5.54.0-prerelease.1"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
|
-
"@semcore/core": "^2.
|
|
22
|
+
"@semcore/core": "^2.40.0-prerelease.1",
|
|
23
23
|
"react": "16.8 - 18",
|
|
24
24
|
"react-dom": "16.8 - 18"
|
|
25
25
|
},
|