@semcore/radio 16.1.1 → 16.2.0-prerelease.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/README.md +4 -4
- package/lib/cjs/Radio.js +22 -21
- package/lib/cjs/Radio.js.map +1 -1
- package/lib/cjs/style/radio.shadow.css +13 -13
- package/lib/es6/Radio.js +22 -21
- package/lib/es6/Radio.js.map +1 -1
- package/lib/es6/style/radio.shadow.css +13 -13
- package/lib/esm/Radio.mjs +22 -22
- package/lib/esm/style/radio.shadow.css +13 -13
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/@semcore/radio)
|
|
4
4
|
[](https://www.npmjs.com/package/@semcore/radio)
|
|
5
|
-
[](https://github.com/semrush/intergalactic/blob/
|
|
5
|
+
[](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
|
|
6
6
|
|
|
7
7
|
> This component is part of the Intergalactic Design System
|
|
8
8
|
|
|
@@ -20,13 +20,13 @@ npm install @semcore/radio
|
|
|
20
20
|
|
|
21
21
|
## 👤 Author
|
|
22
22
|
|
|
23
|
-
[UI-kit team](https://github.com/semrush/intergalactic/blob/
|
|
23
|
+
[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
|
|
24
24
|
|
|
25
25
|
## 🤝 Contributing
|
|
26
26
|
|
|
27
27
|
Contributions, issues and feature requests are welcome!
|
|
28
28
|
|
|
29
|
-
Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/
|
|
29
|
+
Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).
|
|
30
30
|
|
|
31
31
|
## Show your support
|
|
32
32
|
|
|
@@ -34,4 +34,4 @@ Give a ⭐️ if this project helped you!
|
|
|
34
34
|
|
|
35
35
|
## 📝 License
|
|
36
36
|
|
|
37
|
-
This project is [MIT](https://github.com/semrush/intergalactic/blob/
|
|
37
|
+
This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.
|
package/lib/cjs/Radio.js
CHANGED
|
@@ -33,23 +33,23 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
33
33
|
var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"],
|
|
34
34
|
_excluded2 = ["children", "Children"];
|
|
35
35
|
/*!__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
36
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
36
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SRadio_1sk16_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1sk16_gg_ .___SText_1sk16_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRadio_1sk16_gg_ .___SText_1sk16_gg_.__color_1sk16_gg_{color:var(--color_1sk16)}.___SRadio_1sk16_gg_.__disabled_1sk16_gg_{pointer-events:none}.___SText_1sk16_gg_._size_m_1sk16_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1sk16_gg_._size_l_1sk16_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1sk16_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1sk16_gg_::after,.___SValue_1sk16_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SValue_1sk16_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1sk16_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1sk16_gg_.__disabled_1sk16_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;-moz-user-select:none;user-select:none}.___SValue_1sk16_gg_._size_m_1sk16_gg_{width:16px;height:16px}.___SValue_1sk16_gg_._size_m_1sk16_gg_ .___SInvalidPattern_1sk16_gg_:before{width:14px;height:14px}.___SValue_1sk16_gg_._size_l_1sk16_gg_{width:20px;height:20px}.___SValue_1sk16_gg_._size_l_1sk16_gg_ .___SInvalidPattern_1sk16_gg_:before{width:18px;height:18px}.___SValue_1sk16_gg_._state_normal_1sk16_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1sk16_gg_._state_normal_1sk16_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SValue_1sk16_gg_._state_normal_1sk16_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SControl_1sk16_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1sk16_gg_:checked~.___SValue_1sk16_gg_._size_m_1sk16_gg_::after{width:6px;height:6px}.___SControl_1sk16_gg_:checked~.___SValue_1sk16_gg_._size_l_1sk16_gg_::after{width:8px;height:8px}.___SControl_1sk16_gg_:focus-visible+.___SValue_1sk16_gg_._state_normal_1sk16_gg_::before{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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}.___SControl_1sk16_gg_:checked:focus-visible~.___SValue_1sk16_gg_::before,.___SControl_1sk16_gg_:checked~.___SValue_1sk16_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_1sk16_gg_:focus-visible+.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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_1sk16_gg_:focus-visible+.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SControl_1sk16_gg_:focus-visible+.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}@supports (color:oklab(0%0 0%)){.___SControl_1sk16_gg_:focus-visible+.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652))}}.___SControl_1sk16_gg_:checked~.___SValue_1sk16_gg_.__theme_1sk16_gg_::before{border-color:var(--theme_1sk16);background-color:var(--theme_1sk16)}.___SValue_1sk16_gg_._state_normal_1sk16_gg_.__theme_1sk16_gg_::before{border-color:var(--theme_1sk16)}.___SInvalidPattern_1sk16_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1sk16_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_1sk16_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_1sk16_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__*/"1sk16_gg_"),
|
|
37
37
|
/*__reshadow_css_end__*/
|
|
38
38
|
{
|
|
39
|
-
"__SRadio": "
|
|
40
|
-
"_disabled": "
|
|
41
|
-
"__SText": "
|
|
42
|
-
"_size_m": "
|
|
43
|
-
"_size_l": "
|
|
44
|
-
"__SValue": "
|
|
45
|
-
"_state_normal": "
|
|
46
|
-
"_state_invalid": "
|
|
47
|
-
"__SControl": "
|
|
48
|
-
"_theme": "
|
|
49
|
-
"--theme": "--
|
|
50
|
-
"_color": "
|
|
51
|
-
"--color": "--
|
|
52
|
-
"__SInvalidPattern": "
|
|
39
|
+
"__SRadio": "___SRadio_1sk16_gg_",
|
|
40
|
+
"_disabled": "__disabled_1sk16_gg_",
|
|
41
|
+
"__SText": "___SText_1sk16_gg_",
|
|
42
|
+
"_size_m": "_size_m_1sk16_gg_",
|
|
43
|
+
"_size_l": "_size_l_1sk16_gg_",
|
|
44
|
+
"__SValue": "___SValue_1sk16_gg_",
|
|
45
|
+
"_state_normal": "_state_normal_1sk16_gg_",
|
|
46
|
+
"_state_invalid": "_state_invalid_1sk16_gg_",
|
|
47
|
+
"__SControl": "___SControl_1sk16_gg_",
|
|
48
|
+
"_theme": "__theme_1sk16_gg_",
|
|
49
|
+
"--theme": "--theme_1sk16",
|
|
50
|
+
"_color": "__color_1sk16_gg_",
|
|
51
|
+
"--color": "--color_1sk16",
|
|
52
|
+
"__SInvalidPattern": "___SInvalidPattern_1sk16_gg_"
|
|
53
53
|
});
|
|
54
54
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
55
55
|
function RadioGroupRoot() {
|
|
@@ -320,7 +320,7 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
320
320
|
(0, _defineProperty2["default"])(ValueRoot, "displayName", 'Value');
|
|
321
321
|
(0, _defineProperty2["default"])(ValueRoot, "contextType", RadioGroup[_core.CONTEXT_COMPONENT]);
|
|
322
322
|
(0, _defineProperty2["default"])(ValueRoot, "style", style);
|
|
323
|
-
|
|
323
|
+
function Control(props) {
|
|
324
324
|
var _ref3 = arguments[0],
|
|
325
325
|
_ref9;
|
|
326
326
|
var SControl = _flexBox.Box;
|
|
@@ -331,9 +331,10 @@ var Control = function Control(props) {
|
|
|
331
331
|
"type": 'radio',
|
|
332
332
|
"aria-invalid": state === 'invalid'
|
|
333
333
|
}, _ref3))));
|
|
334
|
-
}
|
|
334
|
+
}
|
|
335
|
+
;
|
|
335
336
|
Control.displayName = 'Control';
|
|
336
|
-
|
|
337
|
+
function RadioMark(props) {
|
|
337
338
|
var _ref4 = arguments[0],
|
|
338
339
|
_ref0;
|
|
339
340
|
var SValue = _flexBox.Box;
|
|
@@ -348,9 +349,9 @@ var RadioMark = function RadioMark(props) {
|
|
|
348
349
|
"use:theme": resolveColor(theme),
|
|
349
350
|
"aria-hidden": true
|
|
350
351
|
}, _ref4))), state === 'invalid' && !checked && /*#__PURE__*/_react["default"].createElement(SInvalidPattern, _ref0.cn("SInvalidPattern", {})));
|
|
351
|
-
}
|
|
352
|
+
}
|
|
352
353
|
RadioMark.displayName = 'RadioMark';
|
|
353
|
-
|
|
354
|
+
function Text(props) {
|
|
354
355
|
var _ref5 = arguments[0],
|
|
355
356
|
_ref1;
|
|
356
357
|
var SText = _typography.Text;
|
|
@@ -366,7 +367,7 @@ var Text = function Text(props) {
|
|
|
366
367
|
"tag": 'span',
|
|
367
368
|
"use:color": resolveColor(color)
|
|
368
369
|
}, _ref5))));
|
|
369
|
-
}
|
|
370
|
+
}
|
|
370
371
|
Text.displayName = 'Text';
|
|
371
372
|
var Value = (0, _core.createComponent)(ValueRoot, {
|
|
372
373
|
Control: Control,
|
package/lib/cjs/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["_core","require","_assignProps8","_interopRequireWildcard","_resolveColorEnhance","_interopRequireDefault","_inputProps","_logger","_useColorResolver","_flexBox","_typography","_react","_excluded","_excluded2","style","sstyled","insert","RadioGroupRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","Flex","assignProps","Component","_defineProperty2","defaultValue","RadioGroup","exports","createComponent","RadioRoot","_Component2","_this","_len","length","args","Array","_key","concat","hoistedDisabled","undefined","logger","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","Box","_this$asProps3","styles","hasChildren","cn","_objectSpread2","Fragment","Radio","Value","Text","CONTEXT_COMPONENT","ValueRoot","_Component3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps4","forwardRef","includeInputProps","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","commonControlProps","inputValue","controlProps","ref","callAllEventHandlers","bindHandlerChange","getRadioMarkProps","_this$asProps5","keyboardFocused","tag","resolveColor","other","_objectWithoutProperties2","_getInputProps3","_getInputProps4","radioMarkProps","_children","_Children","propsWithoutChildren","markProps","onClick","componentDidUpdate","componentDidMount","_ref8","_this$asProps6","_ref7","Control","RadioMark","inputProps","defaultChecked","resolveColorEnhance","_ref3","arguments[0]","_ref9","SControl","displayName","_ref4","_ref0","SValue","SInvalidPattern","InvalidStateBox","_ref5","_ref1","SText","TypographyText","color","React","useEffect","useColorResolver","wrapRadioGroup","wrapper","_default"],"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\nconst 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\nconst 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\nconst 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,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAH,uBAAA,CAAAF,OAAA;AACA,IAAAM,OAAA,GAAAF,sBAAA,CAAAJ,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAN,sBAAA,CAAAJ,OAAA;AAA0B,IAAAW,SAAA;EAAAC,UAAA;AAAA;AAAA,IAAAC,KAAA,8BAAAd,KAAA,CAAAe,OAAA,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;IAAA,IAAAE,gBAAA,mBAAAF,cAAA;IAAA,WAAAG,WAAA,mBAAAH,cAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,cAAA,EAAAC,UAAA;EAAA,WAAAK,aAAA,aAAAN,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,oBACE1B,MAAA,YAAA2B,aAAA,CAAcC,aAAI,MAAAvC,KAAA,CAAAwC,WAAA;QAAA,aAAY,QAAQ;QAAA,QAAM,OAAO;QAAA,kBAAiB,CAAC,UAAU;MAAC,GAAAJ,IAAA,gBAC9EzB,MAAA,YAAA2B,aAAA,CAACD,QAAQ,MAAE,CACP,CAAC;IAEX;EAAC;AAAA,EAlC0BI,eAAS;AAAA,IAAAC,gBAAA,aAAhCzB,cAAc,iBACG,YAAY;AAAA,IAAAyB,gBAAA,aAD7BzB,cAAc,kBAGI;EACpB0B,YAAY,EAAE;AAChB,CAAC;AAgCH,IAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,EAAC7B,cAAc,CAAC;AAAC,IAE7C8B,SAAS,0BAAAC,WAAA;EAAA,SAAAD,UAAA;IAAA,IAAAE,KAAA;IAAA,IAAA9B,gBAAA,mBAAA4B,SAAA;IAAA,SAAAG,IAAA,GAAA7B,SAAA,CAAA8B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAjC,SAAA,CAAAiC,IAAA;IAAA;IAAAL,KAAA,OAAA7B,WAAA,mBAAA2B,SAAA,KAAAQ,MAAA,CAAAH,IAAA;IAAA,IAAAV,gBAAA,aAAAO,KAAA,WAKL;MACNO,eAAe,EAAEC;IACnB,CAAC;IAAA,IAAAf,gBAAA,aAAAO,KAAA,mBAEe,UAACf,QAAQ,EAAK;MAC5BwB,kBAAM,CAACC,IAAI,CACT,IAAI,4JAEJV,KAAA,CAAKpB,OAAO,CAAC,cAAc,CAC7B,CAAC;MACDoB,KAAA,CAAKW,QAAQ,CAAC;QAAEJ,eAAe,EAAEtB;MAAS,CAAC,CAAC;IAC9C,CAAC;IAAA,OAAAe,KAAA;EAAA;EAAA,IAAA3B,UAAA,aAAAyB,SAAA,EAAAC,WAAA;EAAA,WAAAzB,aAAA,aAAAwB,SAAA;IAAAvB,GAAA;IAAAC,KAAA,EAED,SAAAoC,YAAYA,CAAA,EAAG;MACb;MACA,IAAAC,aAAA,GAAwC,IAAAtB,wBAAW,EAAC,IAAI,CAACX,OAAO,EAAE,IAAI,CAACkC,OAAO,CAAC;QAAAC,kBAAA,GAAAF,aAAA,CAAvE/B,IAAI;QAAJA,IAAI,GAAAiC,kBAAA,cAAG,GAAG,GAAAA,kBAAA;QAAE9B,QAAQ,GAAA4B,aAAA,CAAR5B,QAAQ;QAAE+B,KAAK,GAAAH,aAAA,CAALG,KAAK;MACnC,IAAQT,eAAe,GAAK,IAAI,CAACU,KAAK,CAA9BV,eAAe;MAEvB,IAAMW,SAAS,GAAG;QAChBpC,IAAI,EAAJA,IAAI;QACJqC,QAAQ,EAAEH,KAAK;QACf/B,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIsB,eAAe;QACrCa,aAAa,EAAE,IAAI,CAACA,aAAa;QACjCC,YAAY,EAAE,IAAI,CAACC,KAAK,CAACrC;MAC3B,CAAC;MAED,OAAOiC,SAAS;IAClB;EAAC;IAAA3C,GAAA;IAAAC,KAAA,EAED,SAAA+C,aAAaA,CAAA,EAAG;MAAA,IAAAC,gBAAA;MACd;MACA,IAAAC,aAAA,GAMI,IAAAlC,wBAAW,EAAC,IAAI,CAACX,OAAO,EAAE,IAAI,CAACkC,OAAO,CAAC;QAAAY,kBAAA,GAAAD,aAAA,CALzC3C,IAAI;QAAJA,IAAI,GAAA4C,kBAAA,cAAG,GAAG,GAAAA,kBAAA;QAAAC,mBAAA,GAAAF,aAAA,CACVR,KAAK;QAALA,KAAK,GAAAU,mBAAA,cAAG,QAAQ,GAAAA,mBAAA;QAChB9C,KAAK,GAAA4C,aAAA,CAAL5C,KAAK;QACLI,QAAQ,GAAAwC,aAAA,CAARxC,QAAQ;QACRF,IAAI,GAAA0C,aAAA,CAAJ1C,IAAI;MAEN,IAAA6C,cAAA,GAA2B,IAAI,CAAChD,OAAO;QAA/BJ,KAAK,GAAAoD,cAAA,CAALpD,KAAK;QAAEqD,OAAO,GAAAD,cAAA,CAAPC,OAAO;MACtB,IAAQtB,eAAe,GAAK,IAAI,CAACU,KAAK,CAA9BV,eAAe;MAEvB,OAAO;QACLzB,IAAI,GAAA0C,gBAAA,GAAE,IAAI,CAACF,KAAK,CAACxC,IAAI,cAAA0C,gBAAA,cAAAA,gBAAA,GAAI1C,IAAI;QAC7BG,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIsB,eAAe;QACrCU,KAAK,EAAEA,KAAK;QACZpC,KAAK,EAALA,KAAK;QACLL,KAAK,EAALA,KAAK;QACLqD,OAAO,EAAPA,OAAO;QACP9C,IAAI,EAAJA,IAAI;QACJqC,aAAa,EAAE,IAAI,CAACA,aAAa;QACjCC,YAAY,EAAE,IAAI,CAACC,KAAK,CAACrC;MAC3B,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,MAAMA,CAAA,EAAG;MAAA,IAAA4C,KAAA,QAAAlD,OAAA;QAAAmD,KAAA;MACP,IAAMC,MAAM,GAIMC,YAAG;MAHrB,IAAAC,cAAA,GAAoD,IAAI,CAACtD,OAAO;QAAxDuD,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAE/C,QAAQ,GAAA8C,cAAA,CAAR9C,QAAQ;QAAYgD,WAAW,GAAAF,cAAA,CAArBf,QAAQ;MAElC,OAAAY,KAAA,GAAO,IAAAjE,aAAO,EAACqE,MAAM,CAAC,eACpBzE,MAAA,YAAA2B,aAAA,CAAC2C,MAAM,EAAAD,KAAA,CAAAM,EAAA,eAAAC,cAAA,qBAAAvF,KAAA,CAAAwC,WAAA;QAAA,OAAkB,OAAO;QAAA,kBAAiB,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU;MAAC,GAAAuC,KAAA,KAC/EM,WAAW,gBAEN1E,MAAA,YAAA2B,aAAA,CAACD,QAAQ,EAAA2C,KAAA,CAAAM,EAAA,gBAAE,CAAC,gBAGZ3E,MAAA,YAAA2B,aAAA,CAAA3B,MAAA,YAAA6E,QAAA,qBACE7E,MAAA,YAAA2B,aAAA,CAACmD,KAAK,CAACC,KAAK,MAAE,CAAC,eACf/E,MAAA,YAAA2B,aAAA,CAACmD,KAAK,CAACE,IAAI,MAAE,CACb,CAEF,CAAC;IAEb;EAAC;AAAA,EA7EqBlD,eAAS;AAAA,IAAAC,gBAAA,aAA3BK,SAAS,iBACQ,OAAO;AAAA,IAAAL,gBAAA,aADxBK,SAAS,WAEEjC,KAAK;AAAA,IAAA4B,gBAAA,aAFhBK,SAAS,iBAGQH,UAAU,CAACgD,uBAAiB,CAAC;AAAA,IA6E9CC,SAAS,0BAAAC,WAAA;EAAA,SAAAD,UAAA;IAAA,IAAAE,MAAA;IAAA,IAAA5E,gBAAA,mBAAA0E,SAAA;IAAA,SAAAG,KAAA,GAAA3E,SAAA,CAAA8B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAA2C,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;MAAA7C,IAAA,CAAA6C,KAAA,IAAA5E,SAAA,CAAA4E,KAAA;IAAA;IAAAF,MAAA,OAAA3E,WAAA,mBAAAyE,SAAA,KAAAtC,MAAA,CAAAH,IAAA;IAAA,IAAAV,gBAAA,aAAAqD,MAAA,uBAWO,UAACtE,KAAK;MAAA,OAAK,UAACyE,CAAC,EAAK;QACpC,IAAI,OAAOH,MAAA,CAAKhC,OAAO,CAAC9B,QAAQ,KAAK,UAAU,EAAE;UAC/C8D,MAAA,CAAKhC,OAAO,CAAC9B,QAAQ,CAACR,KAAK,EAAEyE,CAAC,CAAC;QACjC;MACF,CAAC;IAAA;IAAA,OAAAH,MAAA;EAAA;EAAA,IAAAzE,UAAA,aAAAuE,SAAA,EAAAC,WAAA;EAAA,WAAAvE,aAAA,aAAAsE,SAAA;IAAArE,GAAA;IAAAC,KAAA,EAED,SAAAC,iBAAiBA,CAAA,EAAG;MAClB,OAAO;QACLoD,OAAO,EAAE,SAATA,OAAOA,CAAGoB,CAAC;UAAA,OAAKA,CAAC,CAACC,MAAM,CAACrB,OAAO;QAAA;MAClC,CAAC;IACH;EAAC;IAAAtD,GAAA;IAAAC,KAAA,EAED,SAAA2E,eAAeA,CAAA,EAAG;MAChB,IAAMC,YAAY,GAAG,IAAI,CAACtC,OAAO,CAACtC,KAAK;MACvC,IAAA6E,cAAA,GAAwD,IAAI,CAACzE,OAAO;QAA5D0E,UAAU,GAAAD,cAAA,CAAVC,UAAU;QAAEC,iBAAiB,GAAAF,cAAA,CAAjBE,iBAAiB;QAAEtC,KAAK,GAAAoC,cAAA,CAALpC,KAAK;QAAEzC,KAAK,GAAA6E,cAAA,CAAL7E,KAAK;MACnD,IAAAgF,cAAA,GAA6B,IAAAC,sBAAa,EAAC,IAAI,CAAC7E,OAAO,EAAE2E,iBAAiB,CAAC;QAAAG,eAAA,OAAAC,eAAA,aAAAH,cAAA;QAApEI,kBAAkB,GAAAF,eAAA;MACzB,IAAMG,UAAU,GAAGrF,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE;MAE9B,IAAMsF,YAAY,OAAAxB,cAAA,iBAAAA,cAAA;QAChByB,GAAG,EAAET,UAAU;QACfrC,KAAK,EAALA;MAAK,GACF2C,kBAAkB;QACrBpF,KAAK,EAAEqF;MAAU,EAClB;MAED,IAAIT,YAAY,KAAK5C,SAAS,EAAE;QAC9B,IAAQxB,QAAQ,GAAK,IAAI,CAACsC,KAAK,CAAvBtC,QAAQ;QAEhB8E,YAAY,CAACjC,OAAO,GAAGuB,YAAY,KAAKS,UAAU;QAClDC,YAAY,CAAC9E,QAAQ,GAAG,IAAAgF,kCAAoB,EAAChF,QAAQ,EAAE,IAAI,CAACiF,iBAAiB,CAACJ,UAAU,CAAC,CAAC;MAC5F;MAEA,OAAOC,YAAY;IACrB;EAAC;IAAAvF,GAAA;IAAAC,KAAA,EAED,SAAA0F,iBAAiBA,CAAA,EAAG;MAClB,IAAMd,YAAY,GAAG,IAAI,CAACtC,OAAO,CAACtC,KAAK;MACvC,IAAA2F,cAAA,GAWI,IAAI,CAACvF,OAAO;QAVdE,IAAI,GAAAqF,cAAA,CAAJrF,IAAI;QACJmC,KAAK,GAAAkD,cAAA,CAALlD,KAAK;QACLpC,KAAK,GAAAsF,cAAA,CAALtF,KAAK;QACLuF,eAAe,GAAAD,cAAA,CAAfC,eAAe;QACf5F,KAAK,GAAA2F,cAAA,CAAL3F,KAAK;QACL6F,GAAG,GAAAF,cAAA,CAAHE,GAAG;QACHpF,QAAQ,GAAAkF,cAAA,CAARlF,QAAQ;QACRsE,iBAAiB,GAAAY,cAAA,CAAjBZ,iBAAiB;QACjBe,YAAY,GAAAH,cAAA,CAAZG,YAAY;QACTC,KAAK,OAAAC,yBAAA,aAAAL,cAAA,EAAAxG,SAAA;MAEV,IAAA8G,eAAA,GAA6C,IAAAhB,sBAAa,EAACc,KAAK,EAAEhB,iBAAiB,CAAC;QAAAmB,eAAA,OAAAf,eAAA,aAAAc,eAAA;QAA7Eb,kBAAkB,GAAAc,eAAA;QAAEC,cAAc,GAAAD,eAAA;MACzC,IAAkBE,SAAS,GAAmDD,cAAc,CAApFxD,QAAQ;QAAuB0D,SAAS,GAA8BF,cAAc,CAA/DvF,QAAQ;QAAgB0F,oBAAoB,OAAAN,yBAAA,aAAKG,cAAc,EAAA/G,UAAA;MAC5F,IAAMiG,UAAU,GAAGrF,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE;MAE9B,IAAMuG,SAAS,OAAAzC,cAAA;QACbzD,KAAK,EAALA,KAAK;QACLC,IAAI,EAAJA,IAAI;QACJmC,KAAK,EAALA,KAAK;QACLmD,eAAe,EAAfA,eAAe;QACfnF,QAAQ,EAARA,QAAQ;QACRqF,YAAY,EAAZA,YAAY;QACZzC,OAAO,EAAE+B,kBAAkB,CAAC/B;MAAO,GAChCiD,oBAAoB,CACxB;MAED,IAAI1B,YAAY,KAAK5C,SAAS,EAAE;QAC9B,IAAQwE,OAAO,GAAK,IAAI,CAAC1D,KAAK,CAAtB0D,OAAO;QAEf,IAAIX,GAAG,KAAK,OAAO,EAAE;UACnBU,SAAS,CAACC,OAAO,GAAG,IAAAhB,kCAAoB,EAACgB,OAAO,EAAE,IAAI,CAACf,iBAAiB,CAACJ,UAAU,CAAC,CAAC;QACvF;MACF;MAEA,OAAOkB,SAAS;IAClB;EAAC;IAAAxG,GAAA;IAAAC,KAAA,EAED,SAAAyG,kBAAkBA,CAAA,EAAG;MACnB,IAAI,IAAI,CAACrG,OAAO,CAACyC,YAAY,KAAK,IAAI,CAACzC,OAAO,CAACK,QAAQ,EAAE;QACvD,IAAI,CAACL,OAAO,CAACwC,aAAa,CAAC,IAAI,CAACxC,OAAO,CAACK,QAAQ,CAAC;MACnD;IACF;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAA0G,iBAAiBA,CAAA,EAAG;MAClB,IAAI,IAAI,CAACtG,OAAO,CAACyC,YAAY,KAAK,IAAI,CAACzC,OAAO,CAACK,QAAQ,EAAE;QACvD,IAAI,CAACL,OAAO,CAACwC,aAAa,CAAC,IAAI,CAACxC,OAAO,CAACK,QAAQ,CAAC;MACnD;IACF;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,MAAMA,CAAA,EAAG;MAAA,IAAAiG,KAAA;MACP,IAAAC,cAAA,GAAoD,IAAI,CAACxG,OAAO;QAAxDuD,MAAM,GAAAiD,cAAA,CAANjD,MAAM;QAAYC,WAAW,GAAAgD,cAAA,CAArBjE,QAAQ;QAAe/B,QAAQ,GAAAgG,cAAA,CAARhG,QAAQ;MAE/C,IAAI,CAACgD,WAAW,EAAE;QAAA,IAAAiD,KAAA;QAChB,OAAAA,KAAA,GAAO,IAAAvH,aAAO,EAACqE,MAAM,CAAC,eACpBzE,MAAA,YAAA2B,aAAA,CAAA3B,MAAA,YAAA6E,QAAA,qBACE7E,MAAA,YAAA2B,aAAA,CAACmD,KAAK,CAACC,KAAK,CAAC6C,OAAO,MAAE,CAAC,eACvB5H,MAAA,YAAA2B,aAAA,CAACmD,KAAK,CAACC,KAAK,CAAC8C,SAAS,MAAE,CACxB,CAAC;MAEP;MAEA,OAAAJ,KAAA,GAAO,IAAArH,aAAO,EAACqE,MAAM,CAAC,eAACzE,MAAA,YAAA2B,aAAA,CAACD,QAAQ,EAAA+F,KAAA,CAAA9C,EAAA,gBAAE,CAAC;IACrC;EAAC;AAAA,EA/GqB7C,eAAS;AAAA,IAAAC,gBAAA,aAA3BmD,SAAS,kBACS;EACpBW,iBAAiB,EAAEiC,sBAAU;EAC7BC,cAAc,EAAE;AAClB,CAAC;AAAA,IAAAhG,gBAAA,aAJGmD,SAAS,aAMI,CAAC,IAAA8C,+BAAmB,EAAC,CAAC,CAAC;AAAA,IAAAjG,gBAAA,aANpCmD,SAAS,iBAOQ,OAAO;AAAA,IAAAnD,gBAAA,aAPxBmD,SAAS,iBAQQjD,UAAU,CAACgD,uBAAiB,CAAC;AAAA,IAAAlD,gBAAA,aAR9CmD,SAAS,WASE/E,KAAK;AAyGtB,IAAMyH,OAAO,GAAG,SAAVA,OAAOA,CAAIhE,KAAK,EAAK;EAAA,IAAAqE,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACzB,IAAMC,QAAQ,GAIM7D,YAAG;EAHvB,IAAQE,MAAM,GAAYb,KAAK,CAAvBa,MAAM;IAAElB,KAAK,GAAKK,KAAK,CAAfL,KAAK;EAErB,OAAA4E,KAAA,GAAO,IAAA/H,aAAO,EAACqE,MAAM,CAAC,eACpBzE,MAAA,YAAA2B,aAAA,CAACyG,QAAQ,EAAAD,KAAA,CAAAxD,EAAA,iBAAAC,cAAA,qBAAAvF,KAAA,CAAAwC,WAAA;IAAA,OAAkB,OAAO;IAAA,QAAM,OAAO;IAAA,gBAAe0B,KAAK,KAAK;EAAS,GAAA0E,KAAA,GAAG,CAAC;AAEzF,CAAC;AACDL,OAAO,CAACS,WAAW,GAAG,SAAS;AAE/B,IAAMR,SAAS,GAAG,SAAZA,SAASA,CAAIjE,KAAK,EAAK;EAAA,IAAA0E,KAAA,GAAAJ,YAAA;IAAAK,KAAA;EAC3B,IAAMC,MAAM,GAKMjE,YAAG;EAJrB,IAAMkE,eAAe,GAAGC,wBAAe;EACvC,IAAQvH,KAAK,GAA2CyC,KAAK,CAArDzC,KAAK;IAAEsD,MAAM,GAAmCb,KAAK,CAA9Ca,MAAM;IAAEmC,YAAY,GAAqBhD,KAAK,CAAtCgD,YAAY;IAAErD,KAAK,GAAcK,KAAK,CAAxBL,KAAK;IAAEY,OAAO,GAAKP,KAAK,CAAjBO,OAAO;EAEnD,OAAAoE,KAAA,GAAO,IAAAnI,aAAO,EAACqE,MAAM,CAAC,eACpBzE,MAAA,YAAA2B,aAAA,CAAC6G,MAAM,EAAAD,KAAA,CAAA5D,EAAA,eAAAC,cAAA,qBAAAvF,KAAA,CAAAwC,WAAA;IAAA,OAAkB,KAAK;IAAA,aAAY+E,YAAY,CAACzF,KAAK,CAAC;IAAA,eAAe;EAAI,GAAAmH,KAAA,KAC7E/E,KAAK,KAAK,SAAS,IAAI,CAACY,OAAO,iBAAInE,MAAA,YAAA2B,aAAA,CAAC8G,eAAe,EAAAF,KAAA,CAAA5D,EAAA,uBAAE,CAChD,CAAC;AAEb,CAAC;AACDkD,SAAS,CAACQ,WAAW,GAAG,WAAW;AAEnC,IAAMrD,IAAI,GAAG,SAAPA,IAAIA,CAAIpB,KAAK,EAAK;EAAA,IAAA+E,KAAA,GAAAT,YAAA;IAAAU,KAAA;EACtB,IAAMC,KAAK,GAWMC,gBAAc;EAV/B,IAAQrE,MAAM,GAAYb,KAAK,CAAvBa,MAAM;IAAEsE,KAAK,GAAKnF,KAAK,CAAfmF,KAAK;EAErBC,iBAAK,CAACC,SAAS,CAAC,YAAM;IACpB,IAAIrF,KAAK,CAACD,YAAY,KAAKC,KAAK,CAACrC,QAAQ,EAAE;MACzCqC,KAAK,CAACF,aAAa,CAACE,KAAK,CAACrC,QAAQ,CAAC;IACrC;EACF,CAAC,EAAE,CAACqC,KAAK,CAACD,YAAY,EAAEC,KAAK,CAACrC,QAAQ,EAAEqC,KAAK,CAACF,aAAa,CAAC,CAAC;EAC7D,IAAMkD,YAAY,GAAG,IAAAsC,kCAAgB,EAAC,CAAC;EAEvC,OAAAN,KAAA,GAAO,IAAAxI,aAAO,EAACqE,MAAM,CAAC,eACpBzE,MAAA,YAAA2B,aAAA,CAACkH,KAAK,EAAAD,KAAA,CAAAjE,EAAA,cAAAC,cAAA,qBAAAvF,KAAA,CAAAwC,WAAA;IAAA,OAA6B,MAAM;IAAA,aAAY+E,YAAY,CAACmC,KAAK;EAAC,GAAAJ,KAAA,GAAG,CAAC;AAEhF,CAAC;AACD3D,IAAI,CAACqD,WAAW,GAAG,MAAM;AAIzB,IAAMtD,KAAK,GAAG,IAAA5C,qBAAe,EAAC+C,SAAS,EAAE;EACvC0C,OAAO,EAAPA,OAAO;EACPC,SAAS,EAATA;AACF,CAAC,CAAC;AAEF,IAAM/C,KAAK,GAAG,IAAA3C,qBAAe,EAACC,SAAS,EAAE;EACvC4C,IAAI,EAAJA,IAAI;EACJD,KAAK,EAALA;AACF,CAAC,CAAC;AAEK,IAAMoE,cAAc,GAAAjH,OAAA,CAAAiH,cAAA,GAAG,SAAjBA,cAAcA,CAAIC,OAAO;EAAA,OAAKA,OAAO;AAAA;AAAC,IAAAC,QAAA,GAAAnH,OAAA,cAEpC4C,KAAK","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["_core","require","_assignProps8","_interopRequireWildcard","_resolveColorEnhance","_interopRequireDefault","_inputProps","_logger","_useColorResolver","_flexBox","_typography","_react","_excluded","_excluded2","style","sstyled","insert","RadioGroupRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","Flex","assignProps","Component","_defineProperty2","defaultValue","RadioGroup","exports","createComponent","RadioRoot","_Component2","_this","_len","length","args","Array","_key","concat","hoistedDisabled","undefined","logger","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","Box","_this$asProps3","styles","hasChildren","cn","_objectSpread2","Fragment","Radio","Value","Text","CONTEXT_COMPONENT","ValueRoot","_Component3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps4","forwardRef","includeInputProps","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","commonControlProps","inputValue","controlProps","ref","callAllEventHandlers","bindHandlerChange","getRadioMarkProps","_this$asProps5","keyboardFocused","tag","resolveColor","other","_objectWithoutProperties2","_getInputProps3","_getInputProps4","radioMarkProps","_children","_Children","propsWithoutChildren","markProps","onClick","componentDidUpdate","componentDidMount","_ref8","_this$asProps6","_ref7","Control","RadioMark","inputProps","defaultChecked","resolveColorEnhance","_ref3","arguments[0]","_ref9","SControl","displayName","_ref4","_ref0","SValue","SInvalidPattern","InvalidStateBox","_ref5","_ref1","SText","TypographyText","color","React","useEffect","useColorResolver","wrapRadioGroup","wrapper","_default"],"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":"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","ignoreList":[]}
|
|
@@ -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 {
|
|
@@ -115,20 +115,20 @@ SControl:checked~SValue[size='l']::after {
|
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
SControl:focus-visible+SValue[state='normal']::before {
|
|
118
|
-
border-color: var(--intergalactic-border-info-active,
|
|
118
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
|
|
119
119
|
@mixin focus-outline-mixin;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
SControl:checked~SValue::before,
|
|
123
123
|
SControl:checked:focus-visible~SValue::before {
|
|
124
|
-
border-color: var(--intergalactic-control-primary-info,
|
|
125
|
-
background-color: var(--intergalactic-control-primary-info,
|
|
124
|
+
border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
125
|
+
background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
SControl:focus-visible+SValue[state='invalid']::before {
|
|
129
|
-
border-color: var(--intergalactic-border-critical-active,
|
|
129
|
+
border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
|
|
130
130
|
@mixin focus-outline-mixin;
|
|
131
|
-
outline-color: var(--intergalactic-keyboard-focus-invalid-outline,
|
|
131
|
+
outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
|
|
132
132
|
}
|
|
133
133
|
|
|
134
134
|
SControl:checked~SValue[theme]::before {
|
|
@@ -150,8 +150,8 @@ SInvalidPattern {
|
|
|
150
150
|
top: 1px;
|
|
151
151
|
left: 1px;
|
|
152
152
|
border-radius: 50%;
|
|
153
|
-
background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg,
|
|
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%));
|
|
154
154
|
background-size: 6px 6px;
|
|
155
|
-
background-color: var(--intergalactic-bg-primary-neutral,
|
|
155
|
+
background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
156
156
|
}
|
|
157
157
|
}
|
package/lib/es6/Radio.js
CHANGED
|
@@ -24,23 +24,23 @@ import { Flex, Box, InvalidStateBox } from '@semcore/flex-box';
|
|
|
24
24
|
import { Text as TypographyText } from '@semcore/typography';
|
|
25
25
|
import React from 'react';
|
|
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_1sk16_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1sk16_gg_ .___SText_1sk16_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRadio_1sk16_gg_ .___SText_1sk16_gg_.__color_1sk16_gg_{color:var(--color_1sk16)}.___SRadio_1sk16_gg_.__disabled_1sk16_gg_{pointer-events:none}.___SText_1sk16_gg_._size_m_1sk16_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1sk16_gg_._size_l_1sk16_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1sk16_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1sk16_gg_::after,.___SValue_1sk16_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SValue_1sk16_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1sk16_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1sk16_gg_.__disabled_1sk16_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;-moz-user-select:none;user-select:none}.___SValue_1sk16_gg_._size_m_1sk16_gg_{width:16px;height:16px}.___SValue_1sk16_gg_._size_m_1sk16_gg_ .___SInvalidPattern_1sk16_gg_:before{width:14px;height:14px}.___SValue_1sk16_gg_._size_l_1sk16_gg_{width:20px;height:20px}.___SValue_1sk16_gg_._size_l_1sk16_gg_ .___SInvalidPattern_1sk16_gg_:before{width:18px;height:18px}.___SValue_1sk16_gg_._state_normal_1sk16_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1sk16_gg_._state_normal_1sk16_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SValue_1sk16_gg_._state_normal_1sk16_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SControl_1sk16_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1sk16_gg_:checked~.___SValue_1sk16_gg_._size_m_1sk16_gg_::after{width:6px;height:6px}.___SControl_1sk16_gg_:checked~.___SValue_1sk16_gg_._size_l_1sk16_gg_::after{width:8px;height:8px}.___SControl_1sk16_gg_:focus-visible+.___SValue_1sk16_gg_._state_normal_1sk16_gg_::before{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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}.___SControl_1sk16_gg_:checked:focus-visible~.___SValue_1sk16_gg_::before,.___SControl_1sk16_gg_:checked~.___SValue_1sk16_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_1sk16_gg_:focus-visible+.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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_1sk16_gg_:focus-visible+.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SControl_1sk16_gg_:focus-visible+.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}@supports (color:oklab(0%0 0%)){.___SControl_1sk16_gg_:focus-visible+.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652))}}.___SControl_1sk16_gg_:checked~.___SValue_1sk16_gg_.__theme_1sk16_gg_::before{border-color:var(--theme_1sk16);background-color:var(--theme_1sk16)}.___SValue_1sk16_gg_._state_normal_1sk16_gg_.__theme_1sk16_gg_::before{border-color:var(--theme_1sk16)}.___SInvalidPattern_1sk16_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1sk16_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_1sk16_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_1sk16_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__*/"1sk16_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
|
-
"_theme": "
|
|
40
|
-
"--theme": "--
|
|
41
|
-
"_color": "
|
|
42
|
-
"--color": "--
|
|
43
|
-
"__SInvalidPattern": "
|
|
30
|
+
"__SRadio": "___SRadio_1sk16_gg_",
|
|
31
|
+
"_disabled": "__disabled_1sk16_gg_",
|
|
32
|
+
"__SText": "___SText_1sk16_gg_",
|
|
33
|
+
"_size_m": "_size_m_1sk16_gg_",
|
|
34
|
+
"_size_l": "_size_l_1sk16_gg_",
|
|
35
|
+
"__SValue": "___SValue_1sk16_gg_",
|
|
36
|
+
"_state_normal": "_state_normal_1sk16_gg_",
|
|
37
|
+
"_state_invalid": "_state_invalid_1sk16_gg_",
|
|
38
|
+
"__SControl": "___SControl_1sk16_gg_",
|
|
39
|
+
"_theme": "__theme_1sk16_gg_",
|
|
40
|
+
"--theme": "--theme_1sk16",
|
|
41
|
+
"_color": "__color_1sk16_gg_",
|
|
42
|
+
"--color": "--color_1sk16",
|
|
43
|
+
"__SInvalidPattern": "___SInvalidPattern_1sk16_gg_"
|
|
44
44
|
});
|
|
45
45
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
46
46
|
function RadioGroupRoot() {
|
|
@@ -311,7 +311,7 @@ _defineProperty(ValueRoot, "enhance", [resolveColorEnhance()]);
|
|
|
311
311
|
_defineProperty(ValueRoot, "displayName", 'Value');
|
|
312
312
|
_defineProperty(ValueRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
|
|
313
313
|
_defineProperty(ValueRoot, "style", style);
|
|
314
|
-
|
|
314
|
+
function Control(props) {
|
|
315
315
|
var _ref3 = arguments[0],
|
|
316
316
|
_ref9;
|
|
317
317
|
var SControl = Box;
|
|
@@ -322,9 +322,10 @@ var Control = function Control(props) {
|
|
|
322
322
|
"type": 'radio',
|
|
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],
|
|
329
330
|
_ref0;
|
|
330
331
|
var SValue = Box;
|
|
@@ -339,9 +340,9 @@ var RadioMark = function RadioMark(props) {
|
|
|
339
340
|
"use:theme": resolveColor(theme),
|
|
340
341
|
"aria-hidden": true
|
|
341
342
|
}, _ref4))), state === 'invalid' && !checked && /*#__PURE__*/React.createElement(SInvalidPattern, _ref0.cn("SInvalidPattern", {})));
|
|
342
|
-
}
|
|
343
|
+
}
|
|
343
344
|
RadioMark.displayName = 'RadioMark';
|
|
344
|
-
|
|
345
|
+
function Text(props) {
|
|
345
346
|
var _ref5 = arguments[0],
|
|
346
347
|
_ref1;
|
|
347
348
|
var SText = TypographyText;
|
|
@@ -357,7 +358,7 @@ var Text = function Text(props) {
|
|
|
357
358
|
"tag": 'span',
|
|
358
359
|
"use:color": resolveColor(color)
|
|
359
360
|
}, _ref5))));
|
|
360
|
-
}
|
|
361
|
+
}
|
|
361
362
|
Text.displayName = 'Text';
|
|
362
363
|
export { inputProps, RadioGroup };
|
|
363
364
|
var Value = createComponent(ValueRoot, {
|
package/lib/es6/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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\nconst 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\nconst 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\nconst 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":"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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":"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","ignoreList":[]}
|
|
@@ -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 {
|
|
@@ -115,20 +115,20 @@ SControl:checked~SValue[size='l']::after {
|
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
SControl:focus-visible+SValue[state='normal']::before {
|
|
118
|
-
border-color: var(--intergalactic-border-info-active,
|
|
118
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
|
|
119
119
|
@mixin focus-outline-mixin;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
SControl:checked~SValue::before,
|
|
123
123
|
SControl:checked:focus-visible~SValue::before {
|
|
124
|
-
border-color: var(--intergalactic-control-primary-info,
|
|
125
|
-
background-color: var(--intergalactic-control-primary-info,
|
|
124
|
+
border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
125
|
+
background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
SControl:focus-visible+SValue[state='invalid']::before {
|
|
129
|
-
border-color: var(--intergalactic-border-critical-active,
|
|
129
|
+
border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
|
|
130
130
|
@mixin focus-outline-mixin;
|
|
131
|
-
outline-color: var(--intergalactic-keyboard-focus-invalid-outline,
|
|
131
|
+
outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
|
|
132
132
|
}
|
|
133
133
|
|
|
134
134
|
SControl:checked~SValue[theme]::before {
|
|
@@ -150,8 +150,8 @@ SInvalidPattern {
|
|
|
150
150
|
top: 1px;
|
|
151
151
|
left: 1px;
|
|
152
152
|
border-radius: 50%;
|
|
153
|
-
background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg,
|
|
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%));
|
|
154
154
|
background-size: 6px 6px;
|
|
155
|
-
background-color: var(--intergalactic-bg-primary-neutral,
|
|
155
|
+
background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
156
156
|
}
|
|
157
157
|
}
|
package/lib/esm/Radio.mjs
CHANGED
|
@@ -22,25 +22,25 @@ var style = (
|
|
|
22
22
|
/*__reshadow_css_start__*/
|
|
23
23
|
(sstyled.insert(
|
|
24
24
|
/*__inner_css_start__*/
|
|
25
|
-
'.
|
|
25
|
+
'.___SRadio_1sk16_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1sk16_gg_ .___SText_1sk16_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRadio_1sk16_gg_ .___SText_1sk16_gg_.__color_1sk16_gg_{color:var(--color_1sk16)}.___SRadio_1sk16_gg_.__disabled_1sk16_gg_{pointer-events:none}.___SText_1sk16_gg_._size_m_1sk16_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1sk16_gg_._size_l_1sk16_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1sk16_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1sk16_gg_::after,.___SValue_1sk16_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SValue_1sk16_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1sk16_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1sk16_gg_.__disabled_1sk16_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;-moz-user-select:none;user-select:none}.___SValue_1sk16_gg_._size_m_1sk16_gg_{width:16px;height:16px}.___SValue_1sk16_gg_._size_m_1sk16_gg_ .___SInvalidPattern_1sk16_gg_:before{width:14px;height:14px}.___SValue_1sk16_gg_._size_l_1sk16_gg_{width:20px;height:20px}.___SValue_1sk16_gg_._size_l_1sk16_gg_ .___SInvalidPattern_1sk16_gg_:before{width:18px;height:18px}.___SValue_1sk16_gg_._state_normal_1sk16_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1sk16_gg_._state_normal_1sk16_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SValue_1sk16_gg_._state_normal_1sk16_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SControl_1sk16_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1sk16_gg_:checked~.___SValue_1sk16_gg_._size_m_1sk16_gg_::after{width:6px;height:6px}.___SControl_1sk16_gg_:checked~.___SValue_1sk16_gg_._size_l_1sk16_gg_::after{width:8px;height:8px}.___SControl_1sk16_gg_:focus-visible+.___SValue_1sk16_gg_._state_normal_1sk16_gg_::before{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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}.___SControl_1sk16_gg_:checked:focus-visible~.___SValue_1sk16_gg_::before,.___SControl_1sk16_gg_:checked~.___SValue_1sk16_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_1sk16_gg_:focus-visible+.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);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_1sk16_gg_:focus-visible+.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SControl_1sk16_gg_:focus-visible+.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}@supports (color:oklab(0%0 0%)){.___SControl_1sk16_gg_:focus-visible+.___SValue_1sk16_gg_._state_invalid_1sk16_gg_::before{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652))}}.___SControl_1sk16_gg_:checked~.___SValue_1sk16_gg_.__theme_1sk16_gg_::before{border-color:var(--theme_1sk16);background-color:var(--theme_1sk16)}.___SValue_1sk16_gg_._state_normal_1sk16_gg_.__theme_1sk16_gg_::before{border-color:var(--theme_1sk16)}.___SInvalidPattern_1sk16_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1sk16_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_1sk16_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_1sk16_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%))}}}',
|
|
26
26
|
/*__inner_css_end__*/
|
|
27
|
-
"
|
|
27
|
+
"1sk16_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
|
-
"_theme": "
|
|
40
|
-
"--theme": "--
|
|
41
|
-
"_color": "
|
|
42
|
-
"--color": "--
|
|
43
|
-
"__SInvalidPattern": "
|
|
30
|
+
"__SRadio": "___SRadio_1sk16_gg_",
|
|
31
|
+
"_disabled": "__disabled_1sk16_gg_",
|
|
32
|
+
"__SText": "___SText_1sk16_gg_",
|
|
33
|
+
"_size_m": "_size_m_1sk16_gg_",
|
|
34
|
+
"_size_l": "_size_l_1sk16_gg_",
|
|
35
|
+
"__SValue": "___SValue_1sk16_gg_",
|
|
36
|
+
"_state_normal": "_state_normal_1sk16_gg_",
|
|
37
|
+
"_state_invalid": "_state_invalid_1sk16_gg_",
|
|
38
|
+
"__SControl": "___SControl_1sk16_gg_",
|
|
39
|
+
"_theme": "__theme_1sk16_gg_",
|
|
40
|
+
"--theme": "--theme_1sk16",
|
|
41
|
+
"_color": "__color_1sk16_gg_",
|
|
42
|
+
"--color": "--color_1sk16",
|
|
43
|
+
"__SInvalidPattern": "___SInvalidPattern_1sk16_gg_"
|
|
44
44
|
})
|
|
45
45
|
);
|
|
46
46
|
var RadioGroupRoot = /* @__PURE__ */ (function(_Component) {
|
|
@@ -264,7 +264,7 @@ _defineProperty(ValueRoot, "enhance", [resolveColorEnhance()]);
|
|
|
264
264
|
_defineProperty(ValueRoot, "displayName", "Value");
|
|
265
265
|
_defineProperty(ValueRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
|
|
266
266
|
_defineProperty(ValueRoot, "style", style);
|
|
267
|
-
|
|
267
|
+
function Control(props) {
|
|
268
268
|
var _ref3 = arguments[0], _ref9;
|
|
269
269
|
var SControl = Box;
|
|
270
270
|
var styles = props.styles, state = props.state;
|
|
@@ -273,9 +273,9 @@ var Control = function Control2(props) {
|
|
|
273
273
|
"type": "radio",
|
|
274
274
|
"aria-invalid": state === "invalid"
|
|
275
275
|
}, _ref3))));
|
|
276
|
-
}
|
|
276
|
+
}
|
|
277
277
|
Control.displayName = "Control";
|
|
278
|
-
|
|
278
|
+
function RadioMark(props) {
|
|
279
279
|
var _ref4 = arguments[0], _ref0;
|
|
280
280
|
var SValue = Box;
|
|
281
281
|
var SInvalidPattern = InvalidStateBox;
|
|
@@ -285,9 +285,9 @@ var RadioMark = function RadioMark2(props) {
|
|
|
285
285
|
"use:theme": resolveColor(theme),
|
|
286
286
|
"aria-hidden": true
|
|
287
287
|
}, _ref4))), state === "invalid" && !checked && /* @__PURE__ */ React.createElement(SInvalidPattern, _ref0.cn("SInvalidPattern", {})));
|
|
288
|
-
}
|
|
288
|
+
}
|
|
289
289
|
RadioMark.displayName = "RadioMark";
|
|
290
|
-
|
|
290
|
+
function Text(props) {
|
|
291
291
|
var _ref5 = arguments[0], _ref1;
|
|
292
292
|
var SText = Text$1;
|
|
293
293
|
var styles = props.styles, color = props.color;
|
|
@@ -301,7 +301,7 @@ var Text = function Text2(props) {
|
|
|
301
301
|
"tag": "span",
|
|
302
302
|
"use:color": resolveColor(color)
|
|
303
303
|
}, _ref5))));
|
|
304
|
-
}
|
|
304
|
+
}
|
|
305
305
|
Text.displayName = "Text";
|
|
306
306
|
var Value = createComponent(ValueRoot, {
|
|
307
307
|
Control,
|
|
@@ -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 {
|
|
@@ -115,20 +115,20 @@ SControl:checked~SValue[size='l']::after {
|
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
SControl:focus-visible+SValue[state='normal']::before {
|
|
118
|
-
border-color: var(--intergalactic-border-info-active,
|
|
118
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
|
|
119
119
|
@mixin focus-outline-mixin;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
SControl:checked~SValue::before,
|
|
123
123
|
SControl:checked:focus-visible~SValue::before {
|
|
124
|
-
border-color: var(--intergalactic-control-primary-info,
|
|
125
|
-
background-color: var(--intergalactic-control-primary-info,
|
|
124
|
+
border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
125
|
+
background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
SControl:focus-visible+SValue[state='invalid']::before {
|
|
129
|
-
border-color: var(--intergalactic-border-critical-active,
|
|
129
|
+
border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
|
|
130
130
|
@mixin focus-outline-mixin;
|
|
131
|
-
outline-color: var(--intergalactic-keyboard-focus-invalid-outline,
|
|
131
|
+
outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
|
|
132
132
|
}
|
|
133
133
|
|
|
134
134
|
SControl:checked~SValue[theme]::before {
|
|
@@ -150,8 +150,8 @@ SInvalidPattern {
|
|
|
150
150
|
top: 1px;
|
|
151
151
|
left: 1px;
|
|
152
152
|
border-radius: 50%;
|
|
153
|
-
background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg,
|
|
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%));
|
|
154
154
|
background-size: 6px 6px;
|
|
155
|
-
background-color: var(--intergalactic-bg-primary-neutral,
|
|
155
|
+
background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
156
156
|
}
|
|
157
157
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/radio",
|
|
3
3
|
"description": "Semrush Radio Component",
|
|
4
|
-
"version": "16.
|
|
4
|
+
"version": "16.2.0-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,11 +14,11 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/flex-box": "16.0.
|
|
18
|
-
"@semcore/typography": "16.
|
|
17
|
+
"@semcore/flex-box": "16.1.0-prerelease.0",
|
|
18
|
+
"@semcore/typography": "16.4.0-prerelease.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
|
-
"@semcore/base-components": "^16.0.0"
|
|
21
|
+
"@semcore/base-components": "^16.6.0-prerelease.0"
|
|
22
22
|
},
|
|
23
23
|
"repository": {
|
|
24
24
|
"type": "git",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"directory": "semcore/radio"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@semcore/core": "16.
|
|
29
|
+
"@semcore/core": "16.6.0-prerelease.0",
|
|
30
30
|
"@semcore/testing-utils": "1.0.0"
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|