@semcore/radio 16.2.0 → 16.2.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 +1 -1
- package/lib/cjs/Radio.js +93 -92
- package/lib/cjs/Radio.js.map +1 -1
- package/lib/cjs/index.d.js +2 -0
- package/lib/cjs/index.d.js.map +1 -0
- package/lib/cjs/index.js +4 -20
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/radio.shadow.css +14 -4
- package/lib/es6/Radio.js +90 -89
- package/lib/es6/Radio.js.map +1 -1
- package/lib/es6/index.d.js +2 -0
- package/lib/es6/index.d.js.map +1 -0
- package/lib/es6/index.js +2 -2
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/style/radio.shadow.css +14 -4
- package/lib/esm/Radio.mjs +54 -52
- package/lib/esm/index.mjs +2 -1
- package/lib/esm/style/radio.shadow.css +14 -4
- package/lib/types/index.d.ts +147 -2
- package/package.json +5 -5
- package/lib/cjs/Radio.type.js +0 -2
- package/lib/cjs/Radio.type.js.map +0 -1
- package/lib/es6/Radio.type.js +0 -2
- package/lib/es6/Radio.type.js.map +0 -1
- package/lib/esm/Radio.type.mjs +0 -1
- package/lib/types/Radio.d.ts +0 -9
- package/lib/types/Radio.type.d.ts +0 -98
package/lib/es6/Radio.js
CHANGED
|
@@ -12,36 +12,36 @@ import { assignProps as _assignProps4 } from "@semcore/core";
|
|
|
12
12
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
13
13
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
14
14
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
15
|
-
var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor",
|
|
16
|
-
|
|
17
|
-
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
18
|
-
import { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
|
|
15
|
+
var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"],
|
|
16
|
+
_excluded2 = ["children", "Children"];
|
|
17
|
+
import { createComponent, Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';
|
|
18
|
+
import assignProps, { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
|
|
19
19
|
import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
|
|
20
20
|
import getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';
|
|
21
21
|
import logger from '@semcore/core/lib/utils/logger';
|
|
22
22
|
import { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';
|
|
23
|
+
import { Flex, Box, InvalidStateBox } from '@semcore/flex-box';
|
|
23
24
|
import { Text as TypographyText } from '@semcore/typography';
|
|
24
25
|
import React from 'react';
|
|
25
26
|
/*!__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
26
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
27
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SRadio_1382i_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1382i_gg_ .___SText_1382i_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRadio_1382i_gg_ .___SText_1382i_gg_.__color_1382i_gg_{color:var(--color_1382i)}.___SRadio_1382i_gg_.__disabled_1382i_gg_{pointer-events:none}.___SText_1382i_gg_._size_m_1382i_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1382i_gg_._size_l_1382i_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1382i_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1382i_gg_::after,.___SValue_1382i_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SValue_1382i_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1382i_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1382i_gg_.__disabled_1382i_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_1382i_gg_._size_m_1382i_gg_{width:16px;height:16px}.___SValue_1382i_gg_._size_m_1382i_gg_ .___SInvalidPattern_1382i_gg_:before{width:14px;height:14px}.___SValue_1382i_gg_._size_l_1382i_gg_{width:20px;height:20px}.___SValue_1382i_gg_._size_l_1382i_gg_ .___SInvalidPattern_1382i_gg_:before{width:18px;height:18px}.___SValue_1382i_gg_._state_normal_1382i_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1382i_gg_._state_normal_1382i_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SValue_1382i_gg_._state_normal_1382i_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SControl_1382i_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1382i_gg_:checked~.___SValue_1382i_gg_._size_m_1382i_gg_::after{width:6px;height:6px}.___SControl_1382i_gg_:checked~.___SValue_1382i_gg_._size_l_1382i_gg_::after{width:8px;height:8px}.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_normal_1382i_gg_::before{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}@supports (color:color(display-p3 0 0 0%)){.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_normal_1382i_gg_::before{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_normal_1382i_gg_::before{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SControl_1382i_gg_:checked:focus-visible~.___SValue_1382i_gg_::before,.___SControl_1382i_gg_:checked~.___SValue_1382i_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_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}@supports (color:color(display-p3 0 0 0%)){.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56));outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}@supports (color:oklab(0%0 0%)){.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652))}}.___SControl_1382i_gg_:checked~.___SValue_1382i_gg_.__theme_1382i_gg_::before{border-color:var(--theme_1382i);background-color:var(--theme_1382i)}.___SValue_1382i_gg_._state_normal_1382i_gg_.__theme_1382i_gg_::before{border-color:var(--theme_1382i)}.___SInvalidPattern_1382i_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1382i_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_1382i_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_1382i_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__*/"1382i_gg_"),
|
|
27
28
|
/*__reshadow_css_end__*/
|
|
28
29
|
{
|
|
29
|
-
"__SRadio": "
|
|
30
|
-
"_disabled": "
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"_color": "
|
|
41
|
-
"--color": "--
|
|
42
|
-
"__SInvalidPattern": "
|
|
30
|
+
"__SRadio": "___SRadio_1382i_gg_",
|
|
31
|
+
"_disabled": "__disabled_1382i_gg_",
|
|
32
|
+
"__SText": "___SText_1382i_gg_",
|
|
33
|
+
"_size_m": "_size_m_1382i_gg_",
|
|
34
|
+
"_size_l": "_size_l_1382i_gg_",
|
|
35
|
+
"__SValue": "___SValue_1382i_gg_",
|
|
36
|
+
"_state_normal": "_state_normal_1382i_gg_",
|
|
37
|
+
"_state_invalid": "_state_invalid_1382i_gg_",
|
|
38
|
+
"__SControl": "___SControl_1382i_gg_",
|
|
39
|
+
"_theme": "__theme_1382i_gg_",
|
|
40
|
+
"--theme": "--theme_1382i",
|
|
41
|
+
"_color": "__color_1382i_gg_",
|
|
42
|
+
"--color": "--color_1382i",
|
|
43
|
+
"__SInvalidPattern": "___SInvalidPattern_1382i_gg_"
|
|
43
44
|
});
|
|
44
|
-
var RadioContext = /*#__PURE__*/React.createContext({});
|
|
45
45
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
46
46
|
function RadioGroupRoot() {
|
|
47
47
|
_classCallCheck(this, RadioGroupRoot);
|
|
@@ -91,9 +91,7 @@ _defineProperty(RadioGroupRoot, "displayName", 'RadioGroup');
|
|
|
91
91
|
_defineProperty(RadioGroupRoot, "defaultProps", {
|
|
92
92
|
defaultValue: null
|
|
93
93
|
});
|
|
94
|
-
var RadioGroup = createComponent(RadioGroupRoot
|
|
95
|
-
context: RadioContext
|
|
96
|
-
});
|
|
94
|
+
var RadioGroup = createComponent(RadioGroupRoot);
|
|
97
95
|
var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
98
96
|
function RadioRoot() {
|
|
99
97
|
var _this;
|
|
@@ -102,7 +100,6 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
102
100
|
args[_key] = arguments[_key];
|
|
103
101
|
}
|
|
104
102
|
_this = _callSuper(this, RadioRoot, [].concat(args));
|
|
105
|
-
_defineProperty(_this, "context", {});
|
|
106
103
|
_defineProperty(_this, "state", {
|
|
107
104
|
hoistedDisabled: undefined
|
|
108
105
|
});
|
|
@@ -118,16 +115,15 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
118
115
|
return _createClass(RadioRoot, [{
|
|
119
116
|
key: "getTextProps",
|
|
120
117
|
value: function getTextProps() {
|
|
121
|
-
|
|
122
|
-
var
|
|
123
|
-
|
|
124
|
-
size =
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
label = _this$asProps2.label;
|
|
118
|
+
// The default values are here, since you cannot rewrite out of context
|
|
119
|
+
var _assignProps6 = assignProps(this.asProps, this.context),
|
|
120
|
+
_assignProps6$size = _assignProps6.size,
|
|
121
|
+
size = _assignProps6$size === void 0 ? 'm' : _assignProps6$size,
|
|
122
|
+
disabled = _assignProps6.disabled,
|
|
123
|
+
label = _assignProps6.label;
|
|
128
124
|
var hoistedDisabled = this.state.hoistedDisabled;
|
|
129
125
|
var textProps = {
|
|
130
|
-
size: size
|
|
126
|
+
size: size,
|
|
131
127
|
children: label,
|
|
132
128
|
disabled: disabled !== null && disabled !== void 0 ? disabled : hoistedDisabled,
|
|
133
129
|
hoistDisabled: this.hoistDisabled,
|
|
@@ -138,21 +134,19 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
138
134
|
}, {
|
|
139
135
|
key: "getValueProps",
|
|
140
136
|
value: function getValueProps() {
|
|
141
|
-
var _this$
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
theme =
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
value = _this$asProps4.value,
|
|
155
|
-
checked = _this$asProps4.checked;
|
|
137
|
+
var _this$props$size;
|
|
138
|
+
// The default values are here, since you cannot rewrite out of context
|
|
139
|
+
var _assignProps7 = assignProps(this.asProps, this.context),
|
|
140
|
+
_assignProps7$size = _assignProps7.size,
|
|
141
|
+
size = _assignProps7$size === void 0 ? 'm' : _assignProps7$size,
|
|
142
|
+
_assignProps7$state = _assignProps7.state,
|
|
143
|
+
state = _assignProps7$state === void 0 ? 'normal' : _assignProps7$state,
|
|
144
|
+
theme = _assignProps7.theme,
|
|
145
|
+
disabled = _assignProps7.disabled,
|
|
146
|
+
name = _assignProps7.name;
|
|
147
|
+
var _this$asProps2 = this.asProps,
|
|
148
|
+
value = _this$asProps2.value,
|
|
149
|
+
checked = _this$asProps2.checked;
|
|
156
150
|
var hoistedDisabled = this.state.hoistedDisabled;
|
|
157
151
|
return {
|
|
158
152
|
size: (_this$props$size = this.props.size) !== null && _this$props$size !== void 0 ? _this$props$size : size,
|
|
@@ -172,10 +166,10 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
172
166
|
var _ref2 = this.asProps,
|
|
173
167
|
_ref6;
|
|
174
168
|
var SRadio = Box;
|
|
175
|
-
var _this$
|
|
176
|
-
styles = _this$
|
|
177
|
-
Children = _this$
|
|
178
|
-
hasChildren = _this$
|
|
169
|
+
var _this$asProps3 = this.asProps,
|
|
170
|
+
styles = _this$asProps3.styles,
|
|
171
|
+
Children = _this$asProps3.Children,
|
|
172
|
+
hasChildren = _this$asProps3.children;
|
|
179
173
|
return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SRadio, _ref6.cn("SRadio", _objectSpread({}, _assignProps2({
|
|
180
174
|
"tag": 'label',
|
|
181
175
|
"__excludeProps": ['onChange', 'label', 'disabled']
|
|
@@ -185,7 +179,7 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
185
179
|
}(Component);
|
|
186
180
|
_defineProperty(RadioRoot, "displayName", 'Radio');
|
|
187
181
|
_defineProperty(RadioRoot, "style", style);
|
|
188
|
-
_defineProperty(RadioRoot, "contextType",
|
|
182
|
+
_defineProperty(RadioRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
|
|
189
183
|
var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
190
184
|
function ValueRoot() {
|
|
191
185
|
var _this2;
|
|
@@ -194,10 +188,9 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
194
188
|
args[_key2] = arguments[_key2];
|
|
195
189
|
}
|
|
196
190
|
_this2 = _callSuper(this, ValueRoot, [].concat(args));
|
|
197
|
-
_defineProperty(_this2, "context", {});
|
|
198
191
|
_defineProperty(_this2, "bindHandlerChange", function (value) {
|
|
199
192
|
return function (e) {
|
|
200
|
-
if (typeof _this2.context.onChange === 'function'
|
|
193
|
+
if (typeof _this2.context.onChange === 'function') {
|
|
201
194
|
_this2.context.onChange(value, e);
|
|
202
195
|
}
|
|
203
196
|
};
|
|
@@ -218,50 +211,52 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
218
211
|
key: "getControlProps",
|
|
219
212
|
value: function getControlProps() {
|
|
220
213
|
var currentValue = this.context.value;
|
|
221
|
-
var _this$
|
|
222
|
-
forwardRef = _this$
|
|
223
|
-
includeInputProps = _this$
|
|
224
|
-
state = _this$
|
|
225
|
-
value = _this$
|
|
226
|
-
var onChange = this.props.onChange;
|
|
214
|
+
var _this$asProps4 = this.asProps,
|
|
215
|
+
forwardRef = _this$asProps4.forwardRef,
|
|
216
|
+
includeInputProps = _this$asProps4.includeInputProps,
|
|
217
|
+
state = _this$asProps4.state,
|
|
218
|
+
value = _this$asProps4.value;
|
|
227
219
|
var _getInputProps = getInputProps(this.asProps, includeInputProps),
|
|
228
220
|
_getInputProps2 = _slicedToArray(_getInputProps, 1),
|
|
229
221
|
commonControlProps = _getInputProps2[0];
|
|
230
222
|
var inputValue = value !== null && value !== void 0 ? value : '';
|
|
231
|
-
|
|
223
|
+
var controlProps = _objectSpread(_objectSpread({
|
|
232
224
|
ref: forwardRef,
|
|
233
225
|
state: state
|
|
234
226
|
}, commonControlProps), {}, {
|
|
235
227
|
value: inputValue
|
|
236
|
-
}
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
228
|
+
});
|
|
229
|
+
if (currentValue !== undefined) {
|
|
230
|
+
var onChange = this.props.onChange;
|
|
231
|
+
controlProps.checked = currentValue === inputValue;
|
|
232
|
+
controlProps.onChange = callAllEventHandlers(onChange, this.bindHandlerChange(inputValue));
|
|
233
|
+
}
|
|
234
|
+
return controlProps;
|
|
240
235
|
}
|
|
241
236
|
}, {
|
|
242
237
|
key: "getRadioMarkProps",
|
|
243
238
|
value: function getRadioMarkProps() {
|
|
244
239
|
var currentValue = this.context.value;
|
|
245
|
-
var _this$
|
|
246
|
-
size = _this$
|
|
247
|
-
state = _this$
|
|
248
|
-
theme = _this$
|
|
249
|
-
keyboardFocused = _this$
|
|
250
|
-
value = _this$
|
|
251
|
-
tag = _this$
|
|
252
|
-
disabled = _this$
|
|
253
|
-
includeInputProps = _this$
|
|
254
|
-
resolveColor = _this$
|
|
255
|
-
|
|
256
|
-
Children = _this$asProps7.Children,
|
|
257
|
-
other = _objectWithoutProperties(_this$asProps7, _excluded);
|
|
258
|
-
var onClick = this.props.onClick;
|
|
240
|
+
var _this$asProps5 = this.asProps,
|
|
241
|
+
size = _this$asProps5.size,
|
|
242
|
+
state = _this$asProps5.state,
|
|
243
|
+
theme = _this$asProps5.theme,
|
|
244
|
+
keyboardFocused = _this$asProps5.keyboardFocused,
|
|
245
|
+
value = _this$asProps5.value,
|
|
246
|
+
tag = _this$asProps5.tag,
|
|
247
|
+
disabled = _this$asProps5.disabled,
|
|
248
|
+
includeInputProps = _this$asProps5.includeInputProps,
|
|
249
|
+
resolveColor = _this$asProps5.resolveColor,
|
|
250
|
+
other = _objectWithoutProperties(_this$asProps5, _excluded);
|
|
259
251
|
var _getInputProps3 = getInputProps(other, includeInputProps),
|
|
260
252
|
_getInputProps4 = _slicedToArray(_getInputProps3, 2),
|
|
261
253
|
commonControlProps = _getInputProps4[0],
|
|
262
254
|
radioMarkProps = _getInputProps4[1];
|
|
255
|
+
var _children = radioMarkProps.children,
|
|
256
|
+
_Children = radioMarkProps.Children,
|
|
257
|
+
propsWithoutChildren = _objectWithoutProperties(radioMarkProps, _excluded2);
|
|
263
258
|
var inputValue = value !== null && value !== void 0 ? value : '';
|
|
264
|
-
|
|
259
|
+
var markProps = _objectSpread({
|
|
265
260
|
theme: theme,
|
|
266
261
|
size: size,
|
|
267
262
|
state: state,
|
|
@@ -269,9 +264,14 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
269
264
|
disabled: disabled,
|
|
270
265
|
resolveColor: resolveColor,
|
|
271
266
|
checked: commonControlProps.checked
|
|
272
|
-
},
|
|
273
|
-
|
|
274
|
-
|
|
267
|
+
}, propsWithoutChildren);
|
|
268
|
+
if (currentValue !== undefined) {
|
|
269
|
+
var onClick = this.props.onClick;
|
|
270
|
+
if (tag !== 'label') {
|
|
271
|
+
markProps.onClick = callAllEventHandlers(onClick, this.bindHandlerChange(inputValue));
|
|
272
|
+
}
|
|
273
|
+
}
|
|
274
|
+
return markProps;
|
|
275
275
|
}
|
|
276
276
|
}, {
|
|
277
277
|
key: "componentDidUpdate",
|
|
@@ -291,10 +291,10 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
291
291
|
key: "render",
|
|
292
292
|
value: function render() {
|
|
293
293
|
var _ref8;
|
|
294
|
-
var _this$
|
|
295
|
-
styles = _this$
|
|
296
|
-
hasChildren = _this$
|
|
297
|
-
Children = _this$
|
|
294
|
+
var _this$asProps6 = this.asProps,
|
|
295
|
+
styles = _this$asProps6.styles,
|
|
296
|
+
hasChildren = _this$asProps6.children,
|
|
297
|
+
Children = _this$asProps6.Children;
|
|
298
298
|
if (!hasChildren) {
|
|
299
299
|
var _ref7;
|
|
300
300
|
return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Radio.Value.Control, null), /*#__PURE__*/React.createElement(Radio.Value.RadioMark, null));
|
|
@@ -309,7 +309,7 @@ _defineProperty(ValueRoot, "defaultProps", {
|
|
|
309
309
|
});
|
|
310
310
|
_defineProperty(ValueRoot, "enhance", [resolveColorEnhance()]);
|
|
311
311
|
_defineProperty(ValueRoot, "displayName", 'Value');
|
|
312
|
-
_defineProperty(ValueRoot, "contextType",
|
|
312
|
+
_defineProperty(ValueRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
|
|
313
313
|
_defineProperty(ValueRoot, "style", style);
|
|
314
314
|
function Control(props) {
|
|
315
315
|
var _ref3 = arguments[0],
|
|
@@ -323,6 +323,7 @@ function Control(props) {
|
|
|
323
323
|
"aria-invalid": state === 'invalid'
|
|
324
324
|
}, _ref3))));
|
|
325
325
|
}
|
|
326
|
+
;
|
|
326
327
|
Control.displayName = 'Control';
|
|
327
328
|
function RadioMark(props) {
|
|
328
329
|
var _ref4 = arguments[0],
|
|
@@ -359,6 +360,7 @@ function Text(props) {
|
|
|
359
360
|
}, _ref5))));
|
|
360
361
|
}
|
|
361
362
|
Text.displayName = 'Text';
|
|
363
|
+
export { inputProps, RadioGroup };
|
|
362
364
|
var Value = createComponent(ValueRoot, {
|
|
363
365
|
Control: Control,
|
|
364
366
|
RadioMark: RadioMark
|
|
@@ -370,6 +372,5 @@ var Radio = createComponent(RadioRoot, {
|
|
|
370
372
|
export var wrapRadioGroup = function wrapRadioGroup(wrapper) {
|
|
371
373
|
return wrapper;
|
|
372
374
|
};
|
|
373
|
-
export { inputProps, RadioGroup };
|
|
374
375
|
export default Radio;
|
|
375
376
|
//# sourceMappingURL=Radio.js.map
|
package/lib/es6/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["Flex","Box","InvalidStateBox","createComponent","Component","sstyled","Root","callAllEventHandlers","resolveColorEnhance","getInputProps","inputProps","logger","useColorResolver","Text","TypographyText","React","style","_sstyled","insert","RadioContext","createContext","RadioGroupRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","_assignProps","_defineProperty","defaultValue","RadioGroup","context","RadioRoot","_Component2","_this","_len","length","args","Array","_key","concat","hoistedDisabled","undefined","warn","setState","getTextProps","_this$context$size","_this$asProps2","_this$asProps2$size","_this$asProps2$disabl","label","state","textProps","children","hoistDisabled","rootDisabled","props","getValueProps","_this$context$size2","_this$props$size","_this$asProps3","_this$asProps3$state","_this$asProps3$size","_this$asProps3$theme","_this$asProps3$disabl","_this$asProps3$name","_this$asProps4","checked","_ref2","_ref6","SRadio","_this$asProps5","styles","hasChildren","cn","_objectSpread","_assignProps2","Fragment","Radio","Value","ValueRoot","_Component3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps6","forwardRef","includeInputProps","_getInputProps","_getInputProps2","_slicedToArray","commonControlProps","inputValue","ref","bindHandlerChange","getRadioMarkProps","_this$asProps7","keyboardFocused","tag","resolveColor","other","_objectWithoutProperties","_excluded","onClick","_getInputProps3","_getInputProps4","radioMarkProps","componentDidUpdate","componentDidMount","_ref8","_this$asProps8","_ref7","Control","RadioMark","defaultChecked","_ref3","arguments[0]","_ref9","SControl","_assignProps3","displayName","_ref4","_ref0","SValue","SInvalidPattern","_assignProps4","_ref5","_ref1","SText","color","useEffect","_assignProps5","wrapRadioGroup","wrapper"],"sources":["../../src/Radio.tsx"],"sourcesContent":["import { Flex, Box, InvalidStateBox } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { Text as TypographyText } from '@semcore/typography';\nimport React from 'react';\n\nimport type { NSRadio } from './Radio.type';\nimport style from './style/radio.shadow.css';\n\nconst RadioContext = React.createContext<{\n onChange?: NSRadio.Group.Props['onChange'];\n value?: NSRadio.Group.Props['value'];\n theme?: NSRadio.Group.Props['theme'];\n size?: NSRadio.Group.Props['size'];\n name?: NSRadio.Group.Props['name'];\n disabled?: NSRadio.Group.Props['disabled'];\n}>({});\n\nclass RadioGroupRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSRadio.Group.Component>,\n [],\n { value: null }\n> {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n setContext() {\n const { theme, size, name, value, onChange, disabled } = this.asProps;\n\n return {\n onChange,\n value,\n theme,\n size,\n name,\n disabled,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n\n return (\n <Root render={Flex} direction='column' role='group' __excludeProps={['onChange']}>\n <Children />\n </Root>\n );\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot, {}, { context: RadioContext }) as unknown as NSRadio.Group.Component;\n\nclass RadioRoot extends Component<Intergalactic.InternalTypings.InferComponentProps<NSRadio.Component>> {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioContext;\n\n context: React.ContextType<typeof RadioContext> = {};\n\n state = {\n hoistedDisabled: undefined,\n };\n\n hoistDisabled = (disabled: NSRadio.Props['disabled']) => {\n logger.warn(\n true,\n `Don't set disabled on Radio.Value or Radio.Text, set it on Radio or on RadioGroup (for all items) instead. Otherwise it will produce wrong SSR output.`,\n this.asProps['data-ui-name'],\n );\n this.setState({ hoistedDisabled: disabled });\n };\n\n getTextProps() {\n const { size = this.context.size ?? 'm', disabled = this.context.disabled, label } = this.asProps;\n\n const { hoistedDisabled } = this.state;\n\n const textProps = {\n size: size === 'm' ? 200 : 300,\n children: label,\n disabled: disabled ?? hoistedDisabled,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n\n return textProps;\n }\n\n getValueProps() {\n const {\n state = 'normal',\n size = this.context.size ?? 'm',\n theme = this.context.theme,\n disabled = this.context.disabled,\n name = this.context.name,\n } = this.asProps;\n\n const { value, checked } = this.asProps;\n const { hoistedDisabled } = this.state;\n\n return {\n size: this.props.size ?? size,\n disabled: disabled ?? hoistedDisabled,\n state: state,\n theme,\n value,\n checked,\n name,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children, children: hasChildren } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag='label' __excludeProps={['onChange', 'label', 'disabled']}>\n {hasChildren\n ? (\n <Children />\n )\n : (\n <>\n <Radio.Value />\n <Radio.Text />\n </>\n )}\n </SRadio>,\n );\n }\n}\n\nclass ValueRoot extends Component<\n Intergalactic.InternalTypings.InferChildComponentProps<NSRadio.Value.Component, typeof RadioRoot, 'Value'>,\n typeof ValueRoot.enhance,\n { checked: (e: React.ChangeEvent<HTMLInputElement>) => boolean }\n> {\n context: React.ContextType<typeof RadioContext> = {};\n\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n\n static enhance = [resolveColorEnhance()] as const;\n static displayName = 'Value';\n static contextType = RadioContext;\n static style = style;\n\n bindHandlerChange = (value: NSRadio.Props['value']) => (e: React.ChangeEvent<HTMLInputElement>) => {\n if (typeof this.context.onChange === 'function' && value !== undefined) {\n this.context.onChange(value, e);\n }\n };\n\n uncontrolledProps() {\n return {\n checked: (e: React.ChangeEvent<HTMLInputElement>) => e.target.checked,\n };\n }\n\n getControlProps() {\n const { value: currentValue } = this.context;\n const { forwardRef, includeInputProps, state, value } = this.asProps;\n const { onChange } = this.props;\n\n const [commonControlProps] = getInputProps(this.asProps, includeInputProps);\n const inputValue = value ?? '';\n\n return {\n ref: forwardRef,\n state,\n ...commonControlProps,\n value: inputValue,\n ...(currentValue !== undefined\n ? {\n checked: currentValue === inputValue,\n onChange: callAllEventHandlers(onChange, this.bindHandlerChange(inputValue)),\n }\n : {}),\n };\n }\n\n getRadioMarkProps() {\n const { value: currentValue } = this.context;\n const {\n size,\n state,\n theme,\n keyboardFocused,\n value,\n tag,\n disabled,\n includeInputProps,\n resolveColor,\n children,\n Children,\n ...other\n } = this.asProps;\n const { onClick } = this.props;\n const [commonControlProps, radioMarkProps] = getInputProps(other, includeInputProps);\n const inputValue = value ?? '';\n\n return {\n theme,\n size,\n state,\n keyboardFocused,\n disabled,\n resolveColor,\n checked: commonControlProps.checked,\n ...radioMarkProps,\n ...(currentValue !== undefined && tag !== 'label'\n ? {\n onClick: callAllEventHandlers(onClick, this.bindHandlerChange(inputValue)),\n }\n : {}),\n };\n }\n\n componentDidUpdate() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n\n componentDidMount() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n\n render() {\n const { styles, children: hasChildren, Children } = this.asProps;\n\n if (!hasChildren) {\n return sstyled(styles)(\n <>\n <Radio.Value.Control />\n <Radio.Value.RadioMark />\n </>,\n );\n }\n\n return sstyled(styles)(<Children />);\n }\n}\n\nfunction Control(\n props: Intergalactic.InternalTypings.InferChildComponentProps<\n NSRadio.Value.Control.Component,\n typeof ValueRoot,\n 'Control'\n >,\n) {\n const SControl = Root;\n const { styles, state } = props;\n\n return sstyled(styles)(<SControl render={Box} tag='input' type='radio' aria-invalid={state === 'invalid'} />);\n}\nControl.displayName = 'Control';\n\nfunction RadioMark(\n props: Intergalactic.InternalTypings.InferChildComponentProps<\n NSRadio.Value.Mark.Component,\n typeof ValueRoot,\n 'RadioMark'\n >,\n) {\n const SValue = Root;\n const SInvalidPattern = InvalidStateBox;\n const { theme, styles, resolveColor, state, checked } = props;\n\n return sstyled(styles)(\n <SValue render={Box} tag='div' use:theme={resolveColor(theme)} aria-hidden={true}>\n {state === 'invalid' && !checked && <SInvalidPattern />}\n </SValue>,\n );\n}\nRadioMark.displayName = 'RadioMark';\n\nfunction Text(\n props: Intergalactic.InternalTypings.InferChildComponentProps<NSRadio.Text.Component, typeof RadioRoot, 'Text'>,\n) {\n const SText = Root;\n const { styles, color } = props;\n\n React.useEffect(() => {\n if (props.rootDisabled !== props.disabled) {\n props.hoistDisabled(props.disabled);\n }\n }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n const resolveColor = useColorResolver();\n\n return sstyled(styles)(<SText render={TypographyText} tag='span' use:color={resolveColor(color)} />);\n}\nText.displayName = 'Text';\n\nconst Value = createComponent(ValueRoot, {\n Control,\n RadioMark,\n}) as NSRadio.Value.Component;\n\nconst Radio = createComponent(RadioRoot, {\n Text,\n Value,\n}) as NSRadio.Component;\n\nexport const wrapRadioGroup = <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<NSRadio.Group.Component>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => wrapper as NSRadio.Group.Component<PropsExtending>;\n\nexport { inputProps, RadioGroup };\n\nexport default Radio;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["createComponent","Component","CONTEXT_COMPONENT","sstyled","Root","assignProps","callAllEventHandlers","resolveColorEnhance","getInputProps","inputProps","logger","useColorResolver","Flex","Box","InvalidStateBox","Text","TypographyText","React","style","_sstyled","insert","RadioGroupRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","_assignProps","_defineProperty","defaultValue","RadioGroup","RadioRoot","_Component2","_this","_len","length","args","Array","_key","concat","hoistedDisabled","undefined","warn","setState","getTextProps","_assignProps6","context","_assignProps6$size","label","state","textProps","children","hoistDisabled","rootDisabled","props","getValueProps","_this$props$size","_assignProps7","_assignProps7$size","_assignProps7$state","_this$asProps2","checked","_ref2","_ref6","SRadio","_this$asProps3","styles","hasChildren","cn","_objectSpread","_assignProps2","Fragment","Radio","Value","ValueRoot","_Component3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps4","forwardRef","includeInputProps","_getInputProps","_getInputProps2","_slicedToArray","commonControlProps","inputValue","controlProps","ref","bindHandlerChange","getRadioMarkProps","_this$asProps5","keyboardFocused","tag","resolveColor","other","_objectWithoutProperties","_excluded","_getInputProps3","_getInputProps4","radioMarkProps","_children","_Children","propsWithoutChildren","_excluded2","markProps","onClick","componentDidUpdate","componentDidMount","_ref8","_this$asProps6","_ref7","Control","RadioMark","defaultChecked","_ref3","arguments[0]","_ref9","SControl","_assignProps3","displayName","_ref4","_ref0","SValue","SInvalidPattern","_assignProps4","_ref5","_ref1","SText","color","useEffect","_assignProps5","wrapRadioGroup","wrapper"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import { createComponent, Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport assignProps, { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { Flex, Box, InvalidStateBox } from '@semcore/flex-box';\nimport { Text as TypographyText } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/radio.shadow.css';\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n setContext() {\n const { theme, size, name, value, onChange, disabled } = this.asProps;\n\n return {\n onChange,\n value,\n theme,\n size,\n name,\n disabled,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n\n return (\n <Root render={Flex} direction='column' role='group' __excludeProps={['onChange']}>\n <Children />\n </Root>\n );\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass RadioRoot extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n state = {\n hoistedDisabled: undefined,\n };\n\n hoistDisabled = (disabled) => {\n logger.warn(\n true,\n `Don't set disabled on Radio.Value or Radio.Text, set it on Radio or on RadioGroup (for all items) instead. Otherwise it will produce wrong SSR output.`,\n this.asProps['data-ui-name'],\n );\n this.setState({ hoistedDisabled: disabled });\n };\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm', disabled, label } = assignProps(this.asProps, this.context);\n const { hoistedDisabled } = this.state;\n\n const textProps = {\n size,\n children: label,\n disabled: disabled ?? hoistedDisabled,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n\n return textProps;\n }\n\n getValueProps() {\n // The default values are here, since you cannot rewrite out of context\n const {\n size = 'm',\n state = 'normal',\n theme,\n disabled,\n name,\n } = assignProps(this.asProps, this.context);\n const { value, checked } = this.asProps;\n const { hoistedDisabled } = this.state;\n\n return {\n size: this.props.size ?? size,\n disabled: disabled ?? hoistedDisabled,\n state: state,\n theme,\n value,\n checked,\n name,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children, children: hasChildren } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag='label' __excludeProps={['onChange', 'label', 'disabled']}>\n {hasChildren\n ? (\n <Children />\n )\n : (\n <>\n <Radio.Value />\n <Radio.Text />\n </>\n )}\n </SRadio>,\n );\n }\n}\n\nclass ValueRoot extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n\n static enhance = [resolveColorEnhance()];\n static displayName = 'Value';\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n static style = style;\n\n bindHandlerChange = (value) => (e) => {\n if (typeof this.context.onChange === 'function') {\n this.context.onChange(value, e);\n }\n };\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n getControlProps() {\n const currentValue = this.context.value;\n const { forwardRef, includeInputProps, state, value } = this.asProps;\n const [commonControlProps] = getInputProps(this.asProps, includeInputProps);\n const inputValue = value ?? '';\n\n const controlProps = {\n ref: forwardRef,\n state,\n ...commonControlProps,\n value: inputValue,\n };\n\n if (currentValue !== undefined) {\n const { onChange } = this.props;\n\n controlProps.checked = currentValue === inputValue;\n controlProps.onChange = callAllEventHandlers(onChange, this.bindHandlerChange(inputValue));\n }\n\n return controlProps;\n }\n\n getRadioMarkProps() {\n const currentValue = this.context.value;\n const {\n size,\n state,\n theme,\n keyboardFocused,\n value,\n tag,\n disabled,\n includeInputProps,\n resolveColor,\n ...other\n } = this.asProps;\n const [commonControlProps, radioMarkProps] = getInputProps(other, includeInputProps);\n const { children: _children, Children: _Children, ...propsWithoutChildren } = radioMarkProps;\n const inputValue = value ?? '';\n\n const markProps = {\n theme,\n size,\n state,\n keyboardFocused,\n disabled,\n resolveColor,\n checked: commonControlProps.checked,\n ...propsWithoutChildren,\n };\n\n if (currentValue !== undefined) {\n const { onClick } = this.props;\n\n if (tag !== 'label') {\n markProps.onClick = callAllEventHandlers(onClick, this.bindHandlerChange(inputValue));\n }\n }\n\n return markProps;\n }\n\n componentDidUpdate() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n\n componentDidMount() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n\n render() {\n const { styles, children: hasChildren, Children } = this.asProps;\n\n if (!hasChildren) {\n return sstyled(styles)(\n <>\n <Radio.Value.Control />\n <Radio.Value.RadioMark />\n </>,\n );\n }\n\n return sstyled(styles)(<Children />);\n }\n}\n\nfunction Control(props) {\n const SControl = Root;\n const { styles, state } = props;\n\n return sstyled(styles)(\n <SControl render={Box} tag='input' type='radio' aria-invalid={state === 'invalid'} />,\n );\n};\nControl.displayName = 'Control';\n\nfunction RadioMark(props) {\n const SValue = Root;\n const SInvalidPattern = InvalidStateBox;\n const { theme, styles, resolveColor, state, checked } = props;\n\n return sstyled(styles)(\n <SValue render={Box} tag='div' use:theme={resolveColor(theme)} aria-hidden={true}>\n {state === 'invalid' && !checked && <SInvalidPattern />}\n </SValue>,\n );\n}\nRadioMark.displayName = 'RadioMark';\n\nfunction Text(props) {\n const SText = Root;\n const { styles, color } = props;\n\n React.useEffect(() => {\n if (props.rootDisabled !== props.disabled) {\n props.hoistDisabled(props.disabled);\n }\n }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n const resolveColor = useColorResolver();\n\n return sstyled(styles)(\n <SText render={TypographyText} tag='span' use:color={resolveColor(color)} />,\n );\n}\nText.displayName = 'Text';\n\nexport { inputProps, RadioGroup };\n\nconst Value = createComponent(ValueRoot, {\n Control,\n RadioMark,\n});\n\nconst Radio = createComponent(RadioRoot, {\n Text,\n Value,\n});\n\nexport const wrapRadioGroup = (wrapper) => wrapper;\n\nexport default Radio;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,SAASA,eAAe,EAAEC,SAAS,EAAEC,iBAAiB,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC5F,OAAOC,WAAW,IAAIC,oBAAoB,QAAQ,qCAAqC;AACvF,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,OAAOC,aAAa,IAAIC,UAAU,QAAQ,oCAAoC;AAC9E,OAAOC,MAAM,MAAM,gCAAgC;AACnD,SAASC,gBAAgB,QAAQ,8CAA8C;AAC/E,SAASC,IAAI,EAAEC,GAAG,EAAEC,eAAe,QAAQ,mBAAmB;AAC9D,SAASC,IAAI,IAAIC,cAAc,QAAQ,qBAAqB;AAC5D,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIpBC,cAAc,0BAAAC,UAAA;EAAA,SAAAD,eAAA;IAAAE,eAAA,OAAAF,cAAA;IAAA,OAAAG,UAAA,OAAAH,cAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,cAAA,EAAAC,UAAA;EAAA,OAAAK,YAAA,CAAAN,cAAA;IAAAO,GAAA;IAAAC,KAAA,EAOlB,SAAAC,iBAAiBA,CAAA,EAAG;MAClB,OAAO;QACLD,KAAK,EAAE;MACT,CAAC;IACH;EAAC;IAAAD,GAAA;IAAAC,KAAA,EAED,SAAAE,UAAUA,CAAA,EAAG;MACX,IAAAC,aAAA,GAAyD,IAAI,CAACC,OAAO;QAA7DC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEC,IAAI,GAAAH,aAAA,CAAJG,IAAI;QAAEC,IAAI,GAAAJ,aAAA,CAAJI,IAAI;QAAEP,KAAK,GAAAG,aAAA,CAALH,KAAK;QAAEQ,QAAQ,GAAAL,aAAA,CAARK,QAAQ;QAAEC,QAAQ,GAAAN,aAAA,CAARM,QAAQ;MAEpD,OAAO;QACLD,QAAQ,EAARA,QAAQ;QACRR,KAAK,EAALA,KAAK;QACLK,KAAK,EAALA,KAAK;QACLC,IAAI,EAAJA,IAAI;QACJC,IAAI,EAAJA,IAAI;QACJE,QAAQ,EAARA;MACF,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAP,OAAA;MACP,IAAQQ,QAAQ,GAAK,IAAI,CAACR,OAAO,CAAzBQ,QAAQ;MAEhB,oBACExB,KAAA,CAAAyB,aAAA,CAAc9B,IAAI,EAAA+B,YAAA;QAAA,aAAY,QAAQ;QAAA,QAAM,OAAO;QAAA,kBAAiB,CAAC,UAAU;MAAC,GAAAH,IAAA,gBAC9EvB,KAAA,CAAAyB,aAAA,CAACD,QAAQ,MAAE,CACP,CAAC;IAEX;EAAC;AAAA,EAlC0BxC,SAAS;AAAA2C,eAAA,CAAhCvB,cAAc,iBACG,YAAY;AAAAuB,eAAA,CAD7BvB,cAAc,kBAGI;EACpBwB,YAAY,EAAE;AAChB,CAAC;AAgCH,IAAMC,UAAU,GAAG9C,eAAe,CAACqB,cAAc,CAAC;AAAC,IAE7C0B,SAAS,0BAAAC,WAAA;EAAA,SAAAD,UAAA;IAAA,IAAAE,KAAA;IAAA1B,eAAA,OAAAwB,SAAA;IAAA,SAAAG,IAAA,GAAAzB,SAAA,CAAA0B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAA7B,SAAA,CAAA6B,IAAA;IAAA;IAAAL,KAAA,GAAAzB,UAAA,OAAAuB,SAAA,KAAAQ,MAAA,CAAAH,IAAA;IAAAR,eAAA,CAAAK,KAAA,WAKL;MACNO,eAAe,EAAEC;IACnB,CAAC;IAAAb,eAAA,CAAAK,KAAA,mBAEe,UAACX,QAAQ,EAAK;MAC5B5B,MAAM,CAACgD,IAAI,CACT,IAAI,4JAEJT,KAAA,CAAKhB,OAAO,CAAC,cAAc,CAC7B,CAAC;MACDgB,KAAA,CAAKU,QAAQ,CAAC;QAAEH,eAAe,EAAElB;MAAS,CAAC,CAAC;IAC9C,CAAC;IAAA,OAAAW,KAAA;EAAA;EAAAvB,SAAA,CAAAqB,SAAA,EAAAC,WAAA;EAAA,OAAArB,YAAA,CAAAoB,SAAA;IAAAnB,GAAA;IAAAC,KAAA,EAED,SAAA+B,YAAYA,CAAA,EAAG;MACb;MACA,IAAAC,aAAA,GAAwCxD,WAAW,CAAC,IAAI,CAAC4B,OAAO,EAAE,IAAI,CAAC6B,OAAO,CAAC;QAAAC,kBAAA,GAAAF,aAAA,CAAvE1B,IAAI;QAAJA,IAAI,GAAA4B,kBAAA,cAAG,GAAG,GAAAA,kBAAA;QAAEzB,QAAQ,GAAAuB,aAAA,CAARvB,QAAQ;QAAE0B,KAAK,GAAAH,aAAA,CAALG,KAAK;MACnC,IAAQR,eAAe,GAAK,IAAI,CAACS,KAAK,CAA9BT,eAAe;MAEvB,IAAMU,SAAS,GAAG;QAChB/B,IAAI,EAAJA,IAAI;QACJgC,QAAQ,EAAEH,KAAK;QACf1B,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIkB,eAAe;QACrCY,aAAa,EAAE,IAAI,CAACA,aAAa;QACjCC,YAAY,EAAE,IAAI,CAACC,KAAK,CAAChC;MAC3B,CAAC;MAED,OAAO4B,SAAS;IAClB;EAAC;IAAAtC,GAAA;IAAAC,KAAA,EAED,SAAA0C,aAAaA,CAAA,EAAG;MAAA,IAAAC,gBAAA;MACd;MACA,IAAAC,aAAA,GAMIpE,WAAW,CAAC,IAAI,CAAC4B,OAAO,EAAE,IAAI,CAAC6B,OAAO,CAAC;QAAAY,kBAAA,GAAAD,aAAA,CALzCtC,IAAI;QAAJA,IAAI,GAAAuC,kBAAA,cAAG,GAAG,GAAAA,kBAAA;QAAAC,mBAAA,GAAAF,aAAA,CACVR,KAAK;QAALA,KAAK,GAAAU,mBAAA,cAAG,QAAQ,GAAAA,mBAAA;QAChBzC,KAAK,GAAAuC,aAAA,CAALvC,KAAK;QACLI,QAAQ,GAAAmC,aAAA,CAARnC,QAAQ;QACRF,IAAI,GAAAqC,aAAA,CAAJrC,IAAI;MAEN,IAAAwC,cAAA,GAA2B,IAAI,CAAC3C,OAAO;QAA/BJ,KAAK,GAAA+C,cAAA,CAAL/C,KAAK;QAAEgD,OAAO,GAAAD,cAAA,CAAPC,OAAO;MACtB,IAAQrB,eAAe,GAAK,IAAI,CAACS,KAAK,CAA9BT,eAAe;MAEvB,OAAO;QACLrB,IAAI,GAAAqC,gBAAA,GAAE,IAAI,CAACF,KAAK,CAACnC,IAAI,cAAAqC,gBAAA,cAAAA,gBAAA,GAAIrC,IAAI;QAC7BG,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIkB,eAAe;QACrCS,KAAK,EAAEA,KAAK;QACZ/B,KAAK,EAALA,KAAK;QACLL,KAAK,EAALA,KAAK;QACLgD,OAAO,EAAPA,OAAO;QACPzC,IAAI,EAAJA,IAAI;QACJgC,aAAa,EAAE,IAAI,CAACA,aAAa;QACjCC,YAAY,EAAE,IAAI,CAACC,KAAK,CAAChC;MAC3B,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,MAAMA,CAAA,EAAG;MAAA,IAAAuC,KAAA,QAAA7C,OAAA;QAAA8C,KAAA;MACP,IAAMC,MAAM,GAIMnE,GAAG;MAHrB,IAAAoE,cAAA,GAAoD,IAAI,CAAChD,OAAO;QAAxDiD,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEzC,QAAQ,GAAAwC,cAAA,CAARxC,QAAQ;QAAY0C,WAAW,GAAAF,cAAA,CAArBd,QAAQ;MAElC,OAAAY,KAAA,GAAO5E,OAAO,CAAC+E,MAAM,CAAC,eACpBjE,KAAA,CAAAyB,aAAA,CAACsC,MAAM,EAAAD,KAAA,CAAAK,EAAA,WAAAC,aAAA,KAAAC,aAAA;QAAA,OAAkB,OAAO;QAAA,kBAAiB,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU;MAAC,GAAAR,KAAA,KAC/EK,WAAW,gBAENlE,KAAA,CAAAyB,aAAA,CAACD,QAAQ,EAAAsC,KAAA,CAAAK,EAAA,gBAAE,CAAC,gBAGZnE,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAAsE,QAAA,qBACEtE,KAAA,CAAAyB,aAAA,CAAC8C,KAAK,CAACC,KAAK,MAAE,CAAC,eACfxE,KAAA,CAAAyB,aAAA,CAAC8C,KAAK,CAACzE,IAAI,MAAE,CACb,CAEF,CAAC;IAEb;EAAC;AAAA,EA7EqBd,SAAS;AAAA2C,eAAA,CAA3BG,SAAS,iBACQ,OAAO;AAAAH,eAAA,CADxBG,SAAS,WAEE7B,KAAK;AAAA0B,eAAA,CAFhBG,SAAS,iBAGQD,UAAU,CAAC5C,iBAAiB,CAAC;AAAA,IA6E9CwF,SAAS,0BAAAC,WAAA;EAAA,SAAAD,UAAA;IAAA,IAAAE,MAAA;IAAArE,eAAA,OAAAmE,SAAA;IAAA,SAAAG,KAAA,GAAApE,SAAA,CAAA0B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAwC,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;MAAA1C,IAAA,CAAA0C,KAAA,IAAArE,SAAA,CAAAqE,KAAA;IAAA;IAAAF,MAAA,GAAApE,UAAA,OAAAkE,SAAA,KAAAnC,MAAA,CAAAH,IAAA;IAAAR,eAAA,CAAAgD,MAAA,uBAWO,UAAC/D,KAAK;MAAA,OAAK,UAACkE,CAAC,EAAK;QACpC,IAAI,OAAOH,MAAA,CAAK9B,OAAO,CAACzB,QAAQ,KAAK,UAAU,EAAE;UAC/CuD,MAAA,CAAK9B,OAAO,CAACzB,QAAQ,CAACR,KAAK,EAAEkE,CAAC,CAAC;QACjC;MACF,CAAC;IAAA;IAAA,OAAAH,MAAA;EAAA;EAAAlE,SAAA,CAAAgE,SAAA,EAAAC,WAAA;EAAA,OAAAhE,YAAA,CAAA+D,SAAA;IAAA9D,GAAA;IAAAC,KAAA,EAED,SAAAC,iBAAiBA,CAAA,EAAG;MAClB,OAAO;QACL+C,OAAO,EAAE,SAATA,OAAOA,CAAGkB,CAAC;UAAA,OAAKA,CAAC,CAACC,MAAM,CAACnB,OAAO;QAAA;MAClC,CAAC;IACH;EAAC;IAAAjD,GAAA;IAAAC,KAAA,EAED,SAAAoE,eAAeA,CAAA,EAAG;MAChB,IAAMC,YAAY,GAAG,IAAI,CAACpC,OAAO,CAACjC,KAAK;MACvC,IAAAsE,cAAA,GAAwD,IAAI,CAAClE,OAAO;QAA5DmE,UAAU,GAAAD,cAAA,CAAVC,UAAU;QAAEC,iBAAiB,GAAAF,cAAA,CAAjBE,iBAAiB;QAAEpC,KAAK,GAAAkC,cAAA,CAALlC,KAAK;QAAEpC,KAAK,GAAAsE,cAAA,CAALtE,KAAK;MACnD,IAAAyE,cAAA,GAA6B9F,aAAa,CAAC,IAAI,CAACyB,OAAO,EAAEoE,iBAAiB,CAAC;QAAAE,eAAA,GAAAC,cAAA,CAAAF,cAAA;QAApEG,kBAAkB,GAAAF,eAAA;MACzB,IAAMG,UAAU,GAAG7E,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE;MAE9B,IAAM8E,YAAY,GAAAtB,aAAA,CAAAA,aAAA;QAChBuB,GAAG,EAAER,UAAU;QACfnC,KAAK,EAALA;MAAK,GACFwC,kBAAkB;QACrB5E,KAAK,EAAE6E;MAAU,EAClB;MAED,IAAIR,YAAY,KAAKzC,SAAS,EAAE;QAC9B,IAAQpB,QAAQ,GAAK,IAAI,CAACiC,KAAK,CAAvBjC,QAAQ;QAEhBsE,YAAY,CAAC9B,OAAO,GAAGqB,YAAY,KAAKQ,UAAU;QAClDC,YAAY,CAACtE,QAAQ,GAAG/B,oBAAoB,CAAC+B,QAAQ,EAAE,IAAI,CAACwE,iBAAiB,CAACH,UAAU,CAAC,CAAC;MAC5F;MAEA,OAAOC,YAAY;IACrB;EAAC;IAAA/E,GAAA;IAAAC,KAAA,EAED,SAAAiF,iBAAiBA,CAAA,EAAG;MAClB,IAAMZ,YAAY,GAAG,IAAI,CAACpC,OAAO,CAACjC,KAAK;MACvC,IAAAkF,cAAA,GAWI,IAAI,CAAC9E,OAAO;QAVdE,IAAI,GAAA4E,cAAA,CAAJ5E,IAAI;QACJ8B,KAAK,GAAA8C,cAAA,CAAL9C,KAAK;QACL/B,KAAK,GAAA6E,cAAA,CAAL7E,KAAK;QACL8E,eAAe,GAAAD,cAAA,CAAfC,eAAe;QACfnF,KAAK,GAAAkF,cAAA,CAALlF,KAAK;QACLoF,GAAG,GAAAF,cAAA,CAAHE,GAAG;QACH3E,QAAQ,GAAAyE,cAAA,CAARzE,QAAQ;QACR+D,iBAAiB,GAAAU,cAAA,CAAjBV,iBAAiB;QACjBa,YAAY,GAAAH,cAAA,CAAZG,YAAY;QACTC,KAAK,GAAAC,wBAAA,CAAAL,cAAA,EAAAM,SAAA;MAEV,IAAAC,eAAA,GAA6C9G,aAAa,CAAC2G,KAAK,EAAEd,iBAAiB,CAAC;QAAAkB,eAAA,GAAAf,cAAA,CAAAc,eAAA;QAA7Eb,kBAAkB,GAAAc,eAAA;QAAEC,cAAc,GAAAD,eAAA;MACzC,IAAkBE,SAAS,GAAmDD,cAAc,CAApFrD,QAAQ;QAAuBuD,SAAS,GAA8BF,cAAc,CAA/D/E,QAAQ;QAAgBkF,oBAAoB,GAAAP,wBAAA,CAAKI,cAAc,EAAAI,UAAA;MAC5F,IAAMlB,UAAU,GAAG7E,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE;MAE9B,IAAMgG,SAAS,GAAAxC,aAAA;QACbnD,KAAK,EAALA,KAAK;QACLC,IAAI,EAAJA,IAAI;QACJ8B,KAAK,EAALA,KAAK;QACL+C,eAAe,EAAfA,eAAe;QACf1E,QAAQ,EAARA,QAAQ;QACR4E,YAAY,EAAZA,YAAY;QACZrC,OAAO,EAAE4B,kBAAkB,CAAC5B;MAAO,GAChC8C,oBAAoB,CACxB;MAED,IAAIzB,YAAY,KAAKzC,SAAS,EAAE;QAC9B,IAAQqE,OAAO,GAAK,IAAI,CAACxD,KAAK,CAAtBwD,OAAO;QAEf,IAAIb,GAAG,KAAK,OAAO,EAAE;UACnBY,SAAS,CAACC,OAAO,GAAGxH,oBAAoB,CAACwH,OAAO,EAAE,IAAI,CAACjB,iBAAiB,CAACH,UAAU,CAAC,CAAC;QACvF;MACF;MAEA,OAAOmB,SAAS;IAClB;EAAC;IAAAjG,GAAA;IAAAC,KAAA,EAED,SAAAkG,kBAAkBA,CAAA,EAAG;MACnB,IAAI,IAAI,CAAC9F,OAAO,CAACoC,YAAY,KAAK,IAAI,CAACpC,OAAO,CAACK,QAAQ,EAAE;QACvD,IAAI,CAACL,OAAO,CAACmC,aAAa,CAAC,IAAI,CAACnC,OAAO,CAACK,QAAQ,CAAC;MACnD;IACF;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAmG,iBAAiBA,CAAA,EAAG;MAClB,IAAI,IAAI,CAAC/F,OAAO,CAACoC,YAAY,KAAK,IAAI,CAACpC,OAAO,CAACK,QAAQ,EAAE;QACvD,IAAI,CAACL,OAAO,CAACmC,aAAa,CAAC,IAAI,CAACnC,OAAO,CAACK,QAAQ,CAAC;MACnD;IACF;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,MAAMA,CAAA,EAAG;MAAA,IAAA0F,KAAA;MACP,IAAAC,cAAA,GAAoD,IAAI,CAACjG,OAAO;QAAxDiD,MAAM,GAAAgD,cAAA,CAANhD,MAAM;QAAYC,WAAW,GAAA+C,cAAA,CAArB/D,QAAQ;QAAe1B,QAAQ,GAAAyF,cAAA,CAARzF,QAAQ;MAE/C,IAAI,CAAC0C,WAAW,EAAE;QAAA,IAAAgD,KAAA;QAChB,OAAAA,KAAA,GAAOhI,OAAO,CAAC+E,MAAM,CAAC,eACpBjE,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAAsE,QAAA,qBACEtE,KAAA,CAAAyB,aAAA,CAAC8C,KAAK,CAACC,KAAK,CAAC2C,OAAO,MAAE,CAAC,eACvBnH,KAAA,CAAAyB,aAAA,CAAC8C,KAAK,CAACC,KAAK,CAAC4C,SAAS,MAAE,CACxB,CAAC;MAEP;MAEA,OAAAJ,KAAA,GAAO9H,OAAO,CAAC+E,MAAM,CAAC,eAACjE,KAAA,CAAAyB,aAAA,CAACD,QAAQ,EAAAwF,KAAA,CAAA7C,EAAA,gBAAE,CAAC;IACrC;EAAC;AAAA,EA/GqBnF,SAAS;AAAA2C,eAAA,CAA3B8C,SAAS,kBACS;EACpBW,iBAAiB,EAAE5F,UAAU;EAC7B6H,cAAc,EAAE;AAClB,CAAC;AAAA1F,eAAA,CAJG8C,SAAS,aAMI,CAACnF,mBAAmB,CAAC,CAAC,CAAC;AAAAqC,eAAA,CANpC8C,SAAS,iBAOQ,OAAO;AAAA9C,eAAA,CAPxB8C,SAAS,iBAQQ5C,UAAU,CAAC5C,iBAAiB,CAAC;AAAA0C,eAAA,CAR9C8C,SAAS,WASExE,KAAK;AAyGtB,SAASkH,OAAOA,CAAC9D,KAAK,EAAE;EAAA,IAAAiE,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAMC,QAAQ,GAIM7H,GAAG;EAHvB,IAAQqE,MAAM,GAAYZ,KAAK,CAAvBY,MAAM;IAAEjB,KAAK,GAAKK,KAAK,CAAfL,KAAK;EAErB,OAAAwE,KAAA,GAAOtI,OAAO,CAAC+E,MAAM,CAAC,eACpBjE,KAAA,CAAAyB,aAAA,CAACgG,QAAQ,EAAAD,KAAA,CAAArD,EAAA,aAAAC,aAAA,KAAAsD,aAAA;IAAA,OAAkB,OAAO;IAAA,QAAM,OAAO;IAAA,gBAAe1E,KAAK,KAAK;EAAS,GAAAsE,KAAA,GAAG,CAAC;AAEzF;AAAC;AACDH,OAAO,CAACQ,WAAW,GAAG,SAAS;AAE/B,SAASP,SAASA,CAAC/D,KAAK,EAAE;EAAA,IAAAuE,KAAA,GAAAL,YAAA;IAAAM,KAAA;EACxB,IAAMC,MAAM,GAKMlI,GAAG;EAJrB,IAAMmI,eAAe,GAAGlI,eAAe;EACvC,IAAQoB,KAAK,GAA2CoC,KAAK,CAArDpC,KAAK;IAAEgD,MAAM,GAAmCZ,KAAK,CAA9CY,MAAM;IAAEgC,YAAY,GAAqB5C,KAAK,CAAtC4C,YAAY;IAAEjD,KAAK,GAAcK,KAAK,CAAxBL,KAAK;IAAEY,OAAO,GAAKP,KAAK,CAAjBO,OAAO;EAEnD,OAAAiE,KAAA,GAAO3I,OAAO,CAAC+E,MAAM,CAAC,eACpBjE,KAAA,CAAAyB,aAAA,CAACqG,MAAM,EAAAD,KAAA,CAAA1D,EAAA,WAAAC,aAAA,KAAA4D,aAAA;IAAA,OAAkB,KAAK;IAAA,aAAY/B,YAAY,CAAChF,KAAK,CAAC;IAAA,eAAe;EAAI,GAAA2G,KAAA,KAC7E5E,KAAK,KAAK,SAAS,IAAI,CAACY,OAAO,iBAAI5D,KAAA,CAAAyB,aAAA,CAACsG,eAAe,EAAAF,KAAA,CAAA1D,EAAA,uBAAE,CAChD,CAAC;AAEb;AACAiD,SAAS,CAACO,WAAW,GAAG,WAAW;AAEnC,SAAS7H,IAAIA,CAACuD,KAAK,EAAE;EAAA,IAAA4E,KAAA,GAAAV,YAAA;IAAAW,KAAA;EACnB,IAAMC,KAAK,GAWMpI,cAAc;EAV/B,IAAQkE,MAAM,GAAYZ,KAAK,CAAvBY,MAAM;IAAEmE,KAAK,GAAK/E,KAAK,CAAf+E,KAAK;EAErBpI,KAAK,CAACqI,SAAS,CAAC,YAAM;IACpB,IAAIhF,KAAK,CAACD,YAAY,KAAKC,KAAK,CAAChC,QAAQ,EAAE;MACzCgC,KAAK,CAACF,aAAa,CAACE,KAAK,CAAChC,QAAQ,CAAC;IACrC;EACF,CAAC,EAAE,CAACgC,KAAK,CAACD,YAAY,EAAEC,KAAK,CAAChC,QAAQ,EAAEgC,KAAK,CAACF,aAAa,CAAC,CAAC;EAC7D,IAAM8C,YAAY,GAAGvG,gBAAgB,CAAC,CAAC;EAEvC,OAAAwI,KAAA,GAAOhJ,OAAO,CAAC+E,MAAM,CAAC,eACpBjE,KAAA,CAAAyB,aAAA,CAAC0G,KAAK,EAAAD,KAAA,CAAA/D,EAAA,UAAAC,aAAA,KAAAkE,aAAA;IAAA,OAA6B,MAAM;IAAA,aAAYrC,YAAY,CAACmC,KAAK;EAAC,GAAAH,KAAA,GAAG,CAAC;AAEhF;AACAnI,IAAI,CAAC6H,WAAW,GAAG,MAAM;AAEzB,SAASnI,UAAU,EAAEqC,UAAU;AAE/B,IAAM2C,KAAK,GAAGzF,eAAe,CAAC0F,SAAS,EAAE;EACvC0C,OAAO,EAAPA,OAAO;EACPC,SAAS,EAATA;AACF,CAAC,CAAC;AAEF,IAAM7C,KAAK,GAAGxF,eAAe,CAAC+C,SAAS,EAAE;EACvChC,IAAI,EAAJA,IAAI;EACJ0E,KAAK,EAALA;AACF,CAAC,CAAC;AAEF,OAAO,IAAM+D,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,OAAO;EAAA,OAAKA,OAAO;AAAA;AAElD,eAAejE,KAAK","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type RadioSize = 'm' | 'l';\nexport type RadioState = 'normal' | 'invalid';\nexport type RadioValue = string | number | boolean;\n\n/** @deprecated */\nexport interface IRadioProps extends RadioProps, UnknownProperties {}\nexport type RadioProps = BoxProps & {\n /** Radio item value **/\n value?: RadioValue;\n\n /** Radio item checked flag **/\n checked?: boolean;\n\n /**\n * The value displaying the state of the component\n * @default normal\n */\n state?: RadioState;\n /**\n * Radio button size\n * @default m\n **/\n size?: RadioSize;\n /** The theme of the radio button that you can send your color to */\n theme?: string;\n /** Radio item text **/\n label?: string;\n /** Blocks access and changes to the radio item **/\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {\n /**\n * HTML tag name for the displayed item\n */\n tag?: React.ElementType | string;\n}\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\n /** Radio group name */\n name?: string;\n /** Active default value */\n defaultValue?: T;\n /** Active value */\n value?: T;\n /** Called when the selected element is changed */\n onChange?:\n | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /** Radio button size */\n size?: RadioSize;\n /** The theme of the radio button that you can send your color to */\n theme?: string;\n /** Blocks access and changes to the form field */\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioValueProps extends RadioValueProps, UnknownProperties {}\nexport type RadioValueProps = BoxProps & {\n /** List of elements that can be put on a hidden input */\n includeInputProps?: string[];\n /**\n * @deprecated set `state` on root Radio instead\n * The value displaying the state of the component\n * @default normal\n */\n state?: RadioState;\n /**\n * @deprecated\n * The theme of the radio button that you can send your color to\n */\n theme?: string;\n /**\n * @deprecated set `size` on root RadioGroup instead\n * Radio button size\n */\n size?: RadioSize;\n /**\n * @deprecated set `value` on root Radio instead\n * The element value is required for RadioGroup\n */\n value?: RadioValue;\n /**\n * @deprecated set `defaultValue` on root RadioGroup instead\n * Default value if `value` property is not provided\n */\n defaultValue?: RadioValue;\n /**\n * @deprecated set `onChange` on root RadioGroup instead\n * Called when the value changes\n */\n onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n /**\n * @deprecated set `disabled` on root Radio instead\n * Blocks access and changes to the form field\n */\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioCtx extends RadioCtx, UnknownProperties {}\nexport type RadioCtx = {\n getValueProps: PropGetterFn;\n getTextProps: PropGetterFn;\n};\n\ntype IntergalacticRadioGroupComponent<PropsExtending = {}> = (<\n Value extends RadioValue,\n Tag extends Intergalactic.Tag = typeof Flex,\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>> &\n PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, RadioGroupProps>;\n\nexport type RadioValueControlProps = {};\nexport type RadioValueMarkProps = {};\n\ndeclare const RadioGroup: IntergalacticRadioGroupComponent;\n\nexport { RadioGroup };\n\ndeclare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n Value: Intergalactic.Component<'input', RadioValueProps> & {\n Control: Intergalactic.Component<'input', RadioValueControlProps>;\n RadioMark: Intergalactic.Component<typeof Box, RadioValueMarkProps>;\n };\n Text: typeof Text;\n};\n\ndeclare const wrapRadioGroup: <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticRadioGroupComponent>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => IntergalacticRadioGroupComponent<PropsExtending>;\nexport { wrapRadioGroup };\n\nexport default Radio;\n"],"mappings":"","ignoreList":[]}
|
package/lib/es6/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default
|
|
2
|
-
export * from './Radio
|
|
1
|
+
export { default } from './Radio';
|
|
2
|
+
export * from './Radio';
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Radio';\nexport * from './Radio';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,SAAS;AACjC,cAAc,SAAS","ignoreList":[]}
|
|
@@ -17,6 +17,16 @@ SRadio[disabled] {
|
|
|
17
17
|
pointer-events: none;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
SText[size='m'] {
|
|
21
|
+
font-size: var(--intergalactic-fs-200, 14px);
|
|
22
|
+
line-height: var(--intergalactic-lh-200, 142%);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
SText[size='l'] {
|
|
26
|
+
font-size: var(--intergalactic-fs-300, 16px);
|
|
27
|
+
line-height: var(--intergalactic-lh-300, 150%);
|
|
28
|
+
}
|
|
29
|
+
|
|
20
30
|
SValue {
|
|
21
31
|
position: relative;
|
|
22
32
|
flex-shrink: 0;
|
|
@@ -86,7 +96,7 @@ SValue[state='normal']::before {
|
|
|
86
96
|
}
|
|
87
97
|
|
|
88
98
|
SValue[state='invalid']::before {
|
|
89
|
-
border-color: var(--intergalactic-border-critical-active, oklch(0.
|
|
99
|
+
border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
|
|
90
100
|
}
|
|
91
101
|
|
|
92
102
|
SControl {
|
|
@@ -105,7 +115,7 @@ SControl:checked~SValue[size='l']::after {
|
|
|
105
115
|
}
|
|
106
116
|
|
|
107
117
|
SControl:focus-visible+SValue[state='normal']::before {
|
|
108
|
-
border-color: var(--intergalactic-border-info-active, oklch(0.
|
|
118
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
|
|
109
119
|
@mixin focus-outline-mixin;
|
|
110
120
|
}
|
|
111
121
|
|
|
@@ -116,7 +126,7 @@ SControl:checked:focus-visible~SValue::before {
|
|
|
116
126
|
}
|
|
117
127
|
|
|
118
128
|
SControl:focus-visible+SValue[state='invalid']::before {
|
|
119
|
-
border-color: var(--intergalactic-border-critical-active, oklch(0.
|
|
129
|
+
border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
|
|
120
130
|
@mixin focus-outline-mixin;
|
|
121
131
|
outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
|
|
122
132
|
}
|
|
@@ -140,7 +150,7 @@ SInvalidPattern {
|
|
|
140
150
|
top: 1px;
|
|
141
151
|
left: 1px;
|
|
142
152
|
border-radius: 50%;
|
|
143
|
-
background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.
|
|
153
|
+
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%));
|
|
144
154
|
background-size: 6px 6px;
|
|
145
155
|
background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
146
156
|
}
|