@semcore/radio 5.4.13 → 5.4.14

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 CHANGED
@@ -2,11 +2,13 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [5.4.13] - 2023-04-26
5
+ ## [5.4.14] - 2023-05-03
6
6
 
7
7
  ### Changed
8
8
 
9
- - Version patch update due to children dependencies update (`@semcore/typography` [4.3.30 ~> 4.4.0]).
9
+ - Version patch update due to children dependencies update (`@semcore/utils` [3.50.4 ~> 3.50.5], `@semcore/flex-box` [4.7.20 ~> 4.7.21]).
10
+
11
+ ## [5.4.13] - 2023-04-26
10
12
 
11
13
  ## [5.4.12] - 2023-04-24
12
14
 
package/lib/cjs/Radio.js CHANGED
@@ -28,19 +28,19 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/e
28
28
  var _color = _interopRequireDefault(require("@semcore/utils/lib/color"));
29
29
  var _inputProps = _interopRequireWildcard(require("@semcore/utils/lib/inputProps"));
30
30
  /*__reshadow-styles__:"./style/radio.shadow.css"*/
31
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadio_1gw5z_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1gw5z_gg_.__disabled_1gw5z_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_1gw5z_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SText_1gw5z_gg_._size_m_1gw5z_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1gw5z_gg_._size_l_1gw5z_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1gw5z_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1gw5z_gg_::after,.___SValue_1gw5z_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1gw5z_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1gw5z_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1gw5z_gg_._size_m_1gw5z_gg_{width:16px;height:16px}.___SValue_1gw5z_gg_._size_l_1gw5z_gg_{width:20px;height:20px}.___SValue_1gw5z_gg_._state_normal_1gw5z_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1gw5z_gg_._state_invalid_1gw5z_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1gw5z_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1gw5z_gg_:checked~.___SValue_1gw5z_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-bg-primary-info, #008ff8)}.___SControl_1gw5z_gg_:checked~.___SValue_1gw5z_gg_._size_m_1gw5z_gg_::after{width:6px;height:6px}.___SControl_1gw5z_gg_:checked~.___SValue_1gw5z_gg_._size_l_1gw5z_gg_::after{width:8px;height:8px}.___SValue_1gw5z_gg_._state_normal_1gw5z_gg_.__keyboardFocused_1gw5z_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_1gw5z_gg_._state_invalid_1gw5z_gg_.__keyboardFocused_1gw5z_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.3))}.___SControl_1gw5z_gg_:checked~.___SValue_1gw5z_gg_.__theme_1gw5z_gg_::before{border-color:var(--theme_1gw5z);background-color:var(--theme_1gw5z)}.___SValue_1gw5z_gg_._state_normal_1gw5z_gg_.__theme_1gw5z_gg_::before{border-color:var(--theme_1gw5z)}" /*__inner_css_end__*/, "1gw5z_gg_") /*__reshadow_css_end__*/, {
32
- "__SRadio": "___SRadio_1gw5z_gg_",
33
- "_disabled": "__disabled_1gw5z_gg_",
34
- "__SText": "___SText_1gw5z_gg_",
35
- "_size_m": "_size_m_1gw5z_gg_",
36
- "_size_l": "_size_l_1gw5z_gg_",
37
- "__SValue": "___SValue_1gw5z_gg_",
38
- "_state_normal": "_state_normal_1gw5z_gg_",
39
- "_state_invalid": "_state_invalid_1gw5z_gg_",
40
- "__SControl": "___SControl_1gw5z_gg_",
41
- "_keyboardFocused": "__keyboardFocused_1gw5z_gg_",
42
- "_theme": "__theme_1gw5z_gg_",
43
- "--theme": "--theme_1gw5z"
31
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadio_hz8uv_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_hz8uv_gg_.__disabled_hz8uv_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_hz8uv_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SText_hz8uv_gg_._size_m_hz8uv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_hz8uv_gg_._size_l_hz8uv_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_hz8uv_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_hz8uv_gg_::after,.___SValue_hz8uv_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_hz8uv_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_hz8uv_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_hz8uv_gg_._size_m_hz8uv_gg_{width:16px;height:16px}.___SValue_hz8uv_gg_._size_l_hz8uv_gg_{width:20px;height:20px}.___SValue_hz8uv_gg_._state_normal_hz8uv_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_hz8uv_gg_._state_invalid_hz8uv_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_hz8uv_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_hz8uv_gg_:checked~.___SValue_hz8uv_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-bg-primary-info, #008ff8)}.___SControl_hz8uv_gg_:checked~.___SValue_hz8uv_gg_._size_m_hz8uv_gg_::after{width:6px;height:6px}.___SControl_hz8uv_gg_:checked~.___SValue_hz8uv_gg_._size_l_hz8uv_gg_::after{width:8px;height:8px}.___SValue_hz8uv_gg_._state_normal_hz8uv_gg_.__keyboardFocused_hz8uv_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_hz8uv_gg_._state_invalid_hz8uv_gg_.__keyboardFocused_hz8uv_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.3))}.___SControl_hz8uv_gg_:checked~.___SValue_hz8uv_gg_.__theme_hz8uv_gg_::before{border-color:var(--theme_hz8uv);background-color:var(--theme_hz8uv)}.___SValue_hz8uv_gg_._state_normal_hz8uv_gg_.__theme_hz8uv_gg_::before{border-color:var(--theme_hz8uv)}" /*__inner_css_end__*/, "hz8uv_gg_") /*__reshadow_css_end__*/, {
32
+ "__SRadio": "___SRadio_hz8uv_gg_",
33
+ "_disabled": "__disabled_hz8uv_gg_",
34
+ "__SText": "___SText_hz8uv_gg_",
35
+ "_size_m": "_size_m_hz8uv_gg_",
36
+ "_size_l": "_size_l_hz8uv_gg_",
37
+ "__SValue": "___SValue_hz8uv_gg_",
38
+ "_state_normal": "_state_normal_hz8uv_gg_",
39
+ "_state_invalid": "_state_invalid_hz8uv_gg_",
40
+ "__SControl": "___SControl_hz8uv_gg_",
41
+ "_keyboardFocused": "__keyboardFocused_hz8uv_gg_",
42
+ "_theme": "__theme_hz8uv_gg_",
43
+ "--theme": "--theme_hz8uv"
44
44
  });
45
45
  var RadioGroupRoot = /*#__PURE__*/function (_Component) {
46
46
  (0, _inherits2["default"])(RadioGroupRoot, _Component);
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_assignProps5","_keyboardFocusEnhance","_color","_inputProps","style","sstyled","insert","RadioGroupRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","render","Children","createElement","Component","_defineProperty2","state","defaultValue","RadioGroup","createComponent","exports","Radio","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized2","checked","e","context","getValueProps","props","_assignProps3","assignProps","_assignProps3$state","_assignProps3$size","other","undefined","bindHandlerChange","_objectSpread2","getTextProps","_assignProps4","_assignProps4$size","_ref","_ref3","SRadio","Box","_this$asProps2","styles","cn","CONTEXT_COMPONENT","Value","_Component3","_super3","target","_ref4","SValue","SControl","_this$asProps3","forwardRef","includeInputProps","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","boxProps","Fragment","resolveColor","inputProps","defaultChecked","keyboardFocusEnhance","Text","_ref2","arguments[0]","_ref5","SText","_default"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColor from '@semcore/utils/lib/color';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\n\nimport style from './style/radio.shadow.css';\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\n state: 'normal',\n size: 'm',\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n setContext() {\n const { theme, size, name, value, onChange } = this.asProps;\n return {\n onChange,\n value,\n theme,\n size,\n name,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n return <Children />;\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass Radio extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n bindHandlerChange = (value) => (checked, e) => {\n this.context.onChange(value, e);\n };\n\n getValueProps(props) {\n // The default values are here, since you cannot rewrite out of context\n const { state = 'normal', size = 'm', theme, name } = assignProps(this.props, this.context);\n const { value } = this.context;\n const other = {};\n // if used with the context\n if (value !== undefined) {\n other['checked'] = value === props.value;\n other['onChange'] = this.bindHandlerChange(props.value);\n }\n return {\n ...other,\n state,\n size,\n theme,\n name,\n };\n }\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm' } = assignProps(this.props, this.context);\n return {\n size: size,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag=\"label\">\n <Children />\n </SRadio>,\n );\n }\n}\n\nclass Value extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n static enhance = [keyboardFocusEnhance()];\n static hoistProps = ['disabled'];\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n render() {\n const SValue = Box;\n const SControl = Box;\n const { forwardRef, styles, includeInputProps, theme } = this.asProps;\n\n const [controlProps, boxProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <>\n <SControl tag=\"input\" type=\"radio\" {...controlProps} />\n <SValue ref={forwardRef} use:theme={resolveColor(theme)} {...boxProps} />\n </>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} />);\n}\n\nexport { inputProps, RadioGroup };\nexport default createComponent(Radio, {\n Value,\n Text,\n});\n"],"mappings":"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"}
1
+ {"version":3,"file":"Radio.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_assignProps5","_keyboardFocusEnhance","_color","_inputProps","style","sstyled","insert","RadioGroupRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","render","Children","createElement","Component","_defineProperty2","state","defaultValue","RadioGroup","createComponent","exports","Radio","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized2","checked","e","context","getValueProps","props","_assignProps3","assignProps","_assignProps3$state","_assignProps3$size","other","undefined","bindHandlerChange","_objectSpread2","getTextProps","_assignProps4","_assignProps4$size","_ref","_ref3","SRadio","Box","_this$asProps2","styles","cn","CONTEXT_COMPONENT","Value","_Component3","_super3","target","_ref4","SValue","SControl","_this$asProps3","forwardRef","includeInputProps","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","boxProps","Fragment","resolveColor","inputProps","defaultChecked","keyboardFocusEnhance","Text","_ref2","arguments[0]","_ref5","SText","_default"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColor from '@semcore/utils/lib/color';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\n\nimport style from './style/radio.shadow.css';\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\n state: 'normal',\n size: 'm',\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n setContext() {\n const { theme, size, name, value, onChange } = this.asProps;\n return {\n onChange,\n value,\n theme,\n size,\n name,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n return <Children />;\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass Radio extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n bindHandlerChange = (value) => (checked, e) => {\n this.context.onChange(value, e);\n };\n\n getValueProps(props) {\n // The default values are here, since you cannot rewrite out of context\n const { state = 'normal', size = 'm', theme, name } = assignProps(this.props, this.context);\n const { value } = this.context;\n const other = {};\n // if used with the context\n if (value !== undefined) {\n other['checked'] = value === props.value;\n other['onChange'] = this.bindHandlerChange(props.value);\n }\n return {\n ...other,\n state,\n size,\n theme,\n name,\n };\n }\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm' } = assignProps(this.props, this.context);\n return {\n size: size,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag=\"label\">\n <Children />\n </SRadio>,\n );\n }\n}\n\nclass Value extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n static enhance = [keyboardFocusEnhance()];\n static hoistProps = ['disabled'];\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n render() {\n const SValue = Box;\n const SControl = Box;\n const { forwardRef, styles, includeInputProps, theme } = this.asProps;\n\n const [controlProps, boxProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <>\n <SControl tag=\"input\" type=\"radio\" {...controlProps} />\n <SValue ref={forwardRef} use:theme={resolveColor(theme)} {...boxProps} />\n </>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} />);\n}\n\nexport { inputProps, RadioGroup };\nexport default createComponent(Radio, {\n Value,\n Text,\n});\n"],"mappings":"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"}
package/lib/es6/Radio.js CHANGED
@@ -17,19 +17,19 @@ import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhan
17
17
  import resolveColor from '@semcore/utils/lib/color';
18
18
  import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
19
19
  /*__reshadow-styles__:"./style/radio.shadow.css"*/
20
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadio_1gw5z_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1gw5z_gg_.__disabled_1gw5z_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_1gw5z_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SText_1gw5z_gg_._size_m_1gw5z_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1gw5z_gg_._size_l_1gw5z_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1gw5z_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1gw5z_gg_::after,.___SValue_1gw5z_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1gw5z_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1gw5z_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1gw5z_gg_._size_m_1gw5z_gg_{width:16px;height:16px}.___SValue_1gw5z_gg_._size_l_1gw5z_gg_{width:20px;height:20px}.___SValue_1gw5z_gg_._state_normal_1gw5z_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1gw5z_gg_._state_invalid_1gw5z_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1gw5z_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1gw5z_gg_:checked~.___SValue_1gw5z_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-bg-primary-info, #008ff8)}.___SControl_1gw5z_gg_:checked~.___SValue_1gw5z_gg_._size_m_1gw5z_gg_::after{width:6px;height:6px}.___SControl_1gw5z_gg_:checked~.___SValue_1gw5z_gg_._size_l_1gw5z_gg_::after{width:8px;height:8px}.___SValue_1gw5z_gg_._state_normal_1gw5z_gg_.__keyboardFocused_1gw5z_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_1gw5z_gg_._state_invalid_1gw5z_gg_.__keyboardFocused_1gw5z_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.3))}.___SControl_1gw5z_gg_:checked~.___SValue_1gw5z_gg_.__theme_1gw5z_gg_::before{border-color:var(--theme_1gw5z);background-color:var(--theme_1gw5z)}.___SValue_1gw5z_gg_._state_normal_1gw5z_gg_.__theme_1gw5z_gg_::before{border-color:var(--theme_1gw5z)}" /*__inner_css_end__*/, "1gw5z_gg_") /*__reshadow_css_end__*/, {
21
- "__SRadio": "___SRadio_1gw5z_gg_",
22
- "_disabled": "__disabled_1gw5z_gg_",
23
- "__SText": "___SText_1gw5z_gg_",
24
- "_size_m": "_size_m_1gw5z_gg_",
25
- "_size_l": "_size_l_1gw5z_gg_",
26
- "__SValue": "___SValue_1gw5z_gg_",
27
- "_state_normal": "_state_normal_1gw5z_gg_",
28
- "_state_invalid": "_state_invalid_1gw5z_gg_",
29
- "__SControl": "___SControl_1gw5z_gg_",
30
- "_keyboardFocused": "__keyboardFocused_1gw5z_gg_",
31
- "_theme": "__theme_1gw5z_gg_",
32
- "--theme": "--theme_1gw5z"
20
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadio_hz8uv_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_hz8uv_gg_.__disabled_hz8uv_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_hz8uv_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SText_hz8uv_gg_._size_m_hz8uv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_hz8uv_gg_._size_l_hz8uv_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_hz8uv_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_hz8uv_gg_::after,.___SValue_hz8uv_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_hz8uv_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_hz8uv_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_hz8uv_gg_._size_m_hz8uv_gg_{width:16px;height:16px}.___SValue_hz8uv_gg_._size_l_hz8uv_gg_{width:20px;height:20px}.___SValue_hz8uv_gg_._state_normal_hz8uv_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_hz8uv_gg_._state_invalid_hz8uv_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_hz8uv_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_hz8uv_gg_:checked~.___SValue_hz8uv_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-bg-primary-info, #008ff8)}.___SControl_hz8uv_gg_:checked~.___SValue_hz8uv_gg_._size_m_hz8uv_gg_::after{width:6px;height:6px}.___SControl_hz8uv_gg_:checked~.___SValue_hz8uv_gg_._size_l_hz8uv_gg_::after{width:8px;height:8px}.___SValue_hz8uv_gg_._state_normal_hz8uv_gg_.__keyboardFocused_hz8uv_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_hz8uv_gg_._state_invalid_hz8uv_gg_.__keyboardFocused_hz8uv_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.3))}.___SControl_hz8uv_gg_:checked~.___SValue_hz8uv_gg_.__theme_hz8uv_gg_::before{border-color:var(--theme_hz8uv);background-color:var(--theme_hz8uv)}.___SValue_hz8uv_gg_._state_normal_hz8uv_gg_.__theme_hz8uv_gg_::before{border-color:var(--theme_hz8uv)}" /*__inner_css_end__*/, "hz8uv_gg_") /*__reshadow_css_end__*/, {
21
+ "__SRadio": "___SRadio_hz8uv_gg_",
22
+ "_disabled": "__disabled_hz8uv_gg_",
23
+ "__SText": "___SText_hz8uv_gg_",
24
+ "_size_m": "_size_m_hz8uv_gg_",
25
+ "_size_l": "_size_l_hz8uv_gg_",
26
+ "__SValue": "___SValue_hz8uv_gg_",
27
+ "_state_normal": "_state_normal_hz8uv_gg_",
28
+ "_state_invalid": "_state_invalid_hz8uv_gg_",
29
+ "__SControl": "___SControl_hz8uv_gg_",
30
+ "_keyboardFocused": "__keyboardFocused_hz8uv_gg_",
31
+ "_theme": "__theme_hz8uv_gg_",
32
+ "--theme": "--theme_hz8uv"
33
33
  });
34
34
  var RadioGroupRoot = /*#__PURE__*/function (_Component) {
35
35
  _inherits(RadioGroupRoot, _Component);
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.js","names":["React","createComponent","Component","CONTEXT_COMPONENT","sstyled","Root","Box","assignProps","keyboardFocusEnhance","resolveColor","getInputProps","inputProps","style","_sstyled","insert","RadioGroupRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","render","Children","createElement","_defineProperty","state","defaultValue","RadioGroup","Radio","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized","checked","e","context","getValueProps","props","_assignProps3","_assignProps3$state","_assignProps3$size","other","undefined","bindHandlerChange","_objectSpread","getTextProps","_assignProps4","_assignProps4$size","_ref","_ref3","SRadio","_this$asProps2","styles","cn","_assignProps","Value","_Component3","_super3","target","_ref4","SValue","SControl","_this$asProps3","forwardRef","includeInputProps","_getInputProps","_getInputProps2","_slicedToArray","controlProps","boxProps","Fragment","defaultChecked","Text","_ref2","arguments[0]","_ref5","SText","_assignProps2"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColor from '@semcore/utils/lib/color';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\n\nimport style from './style/radio.shadow.css';\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\n state: 'normal',\n size: 'm',\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n setContext() {\n const { theme, size, name, value, onChange } = this.asProps;\n return {\n onChange,\n value,\n theme,\n size,\n name,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n return <Children />;\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass Radio extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n bindHandlerChange = (value) => (checked, e) => {\n this.context.onChange(value, e);\n };\n\n getValueProps(props) {\n // The default values are here, since you cannot rewrite out of context\n const { state = 'normal', size = 'm', theme, name } = assignProps(this.props, this.context);\n const { value } = this.context;\n const other = {};\n // if used with the context\n if (value !== undefined) {\n other['checked'] = value === props.value;\n other['onChange'] = this.bindHandlerChange(props.value);\n }\n return {\n ...other,\n state,\n size,\n theme,\n name,\n };\n }\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm' } = assignProps(this.props, this.context);\n return {\n size: size,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag=\"label\">\n <Children />\n </SRadio>,\n );\n }\n}\n\nclass Value extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n static enhance = [keyboardFocusEnhance()];\n static hoistProps = ['disabled'];\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n render() {\n const SValue = Box;\n const SControl = Box;\n const { forwardRef, styles, includeInputProps, theme } = this.asProps;\n\n const [controlProps, boxProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <>\n <SControl tag=\"input\" type=\"radio\" {...controlProps} />\n <SValue ref={forwardRef} use:theme={resolveColor(theme)} {...boxProps} />\n </>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} />);\n}\n\nexport { inputProps, RadioGroup };\nexport default createComponent(Radio, {\n Value,\n Text,\n});\n"],"mappings":"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"}
1
+ {"version":3,"file":"Radio.js","names":["React","createComponent","Component","CONTEXT_COMPONENT","sstyled","Root","Box","assignProps","keyboardFocusEnhance","resolveColor","getInputProps","inputProps","style","_sstyled","insert","RadioGroupRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","render","Children","createElement","_defineProperty","state","defaultValue","RadioGroup","Radio","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized","checked","e","context","getValueProps","props","_assignProps3","_assignProps3$state","_assignProps3$size","other","undefined","bindHandlerChange","_objectSpread","getTextProps","_assignProps4","_assignProps4$size","_ref","_ref3","SRadio","_this$asProps2","styles","cn","_assignProps","Value","_Component3","_super3","target","_ref4","SValue","SControl","_this$asProps3","forwardRef","includeInputProps","_getInputProps","_getInputProps2","_slicedToArray","controlProps","boxProps","Fragment","defaultChecked","Text","_ref2","arguments[0]","_ref5","SText","_assignProps2"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColor from '@semcore/utils/lib/color';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\n\nimport style from './style/radio.shadow.css';\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\n state: 'normal',\n size: 'm',\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n setContext() {\n const { theme, size, name, value, onChange } = this.asProps;\n return {\n onChange,\n value,\n theme,\n size,\n name,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n return <Children />;\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass Radio extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n bindHandlerChange = (value) => (checked, e) => {\n this.context.onChange(value, e);\n };\n\n getValueProps(props) {\n // The default values are here, since you cannot rewrite out of context\n const { state = 'normal', size = 'm', theme, name } = assignProps(this.props, this.context);\n const { value } = this.context;\n const other = {};\n // if used with the context\n if (value !== undefined) {\n other['checked'] = value === props.value;\n other['onChange'] = this.bindHandlerChange(props.value);\n }\n return {\n ...other,\n state,\n size,\n theme,\n name,\n };\n }\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm' } = assignProps(this.props, this.context);\n return {\n size: size,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag=\"label\">\n <Children />\n </SRadio>,\n );\n }\n}\n\nclass Value extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n static enhance = [keyboardFocusEnhance()];\n static hoistProps = ['disabled'];\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n render() {\n const SValue = Box;\n const SControl = Box;\n const { forwardRef, styles, includeInputProps, theme } = this.asProps;\n\n const [controlProps, boxProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <>\n <SControl tag=\"input\" type=\"radio\" {...controlProps} />\n <SValue ref={forwardRef} use:theme={resolveColor(theme)} {...boxProps} />\n </>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} />);\n}\n\nexport { inputProps, RadioGroup };\nexport default createComponent(Radio, {\n Value,\n Text,\n});\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,iBAAiB,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC5F,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,WAAW,MAAM,gCAAgC;AACxD,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,YAAY,MAAM,0BAA0B;AACnD,OAAOC,aAAa,IAAIC,UAAU,QAAQ,+BAA+B;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIpEC,cAAc,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAAK,eAAA,OAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EASlB,SAAAC,kBAAA,EAAoB;MAClB,OAAO;QACLD,KAAK,EAAE;MACT,CAAC;IACH;EAAC;IAAAD,GAAA;IAAAC,KAAA,EAED,SAAAE,WAAA,EAAa;MACX,IAAAC,aAAA,GAA+C,IAAI,CAACC,OAAO;QAAnDC,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;MAC1C,OAAO;QACLA,QAAQ,EAARA,QAAQ;QACRR,KAAK,EAALA,KAAK;QACLK,KAAK,EAALA,KAAK;QACLC,IAAI,EAAJA,IAAI;QACJC,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAS,OAAA,EAAS;MACP,IAAQC,QAAQ,GAAK,IAAI,CAACN,OAAO,CAAzBM,QAAQ;MAChB,oBAAOnC,KAAA,CAAAoC,aAAA,CAACD,QAAQ,OAAG;IACrB;EAAC;EAAA,OAAApB,cAAA;AAAA,EA7B0Bb,SAAS;AAAAmC,eAAA,CAAhCtB,cAAc,iBACG,YAAY;AAAAsB,eAAA,CAD7BtB,cAAc,kBAGI;EACpBuB,KAAK,EAAE,QAAQ;EACfP,IAAI,EAAE,GAAG;EACTQ,YAAY,EAAE;AAChB,CAAC;AAyBH,IAAMC,UAAU,GAAGvC,eAAe,CAACc,cAAc,CAAC;AAAC,IAE7C0B,KAAK,0BAAAC,WAAA;EAAAzB,SAAA,CAAAwB,KAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAAxB,YAAA,CAAAsB,KAAA;EAAA,SAAAA,MAAA;IAAA,IAAAG,KAAA;IAAAxB,eAAA,OAAAqB,KAAA;IAAA,SAAAI,IAAA,GAAAvB,SAAA,CAAAwB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAA3B,SAAA,CAAA2B,IAAA;IAAA;IAAAL,KAAA,GAAAD,OAAA,CAAAO,IAAA,CAAA7B,KAAA,CAAAsB,OAAA,SAAAQ,MAAA,CAAAJ,IAAA;IAAAV,eAAA,CAAAe,sBAAA,CAAAR,KAAA,wBAKW,UAACnB,KAAK;MAAA,OAAK,UAAC4B,OAAO,EAAEC,CAAC,EAAK;QAC7CV,KAAA,CAAKW,OAAO,CAACtB,QAAQ,CAACR,KAAK,EAAE6B,CAAC,CAAC;MACjC,CAAC;IAAA;IAAA,OAAAV,KAAA;EAAA;EAAArB,YAAA,CAAAkB,KAAA;IAAAjB,GAAA;IAAAC,KAAA,EAED,SAAA+B,cAAcC,KAAK,EAAE;MACnB;MACA,IAAAC,aAAA,GAAsDnD,WAAW,CAAC,IAAI,CAACkD,KAAK,EAAE,IAAI,CAACF,OAAO,CAAC;QAAAI,mBAAA,GAAAD,aAAA,CAAnFpB,KAAK;QAALA,KAAK,GAAAqB,mBAAA,cAAG,QAAQ,GAAAA,mBAAA;QAAAC,kBAAA,GAAAF,aAAA,CAAE3B,IAAI;QAAJA,IAAI,GAAA6B,kBAAA,cAAG,GAAG,GAAAA,kBAAA;QAAE9B,KAAK,GAAA4B,aAAA,CAAL5B,KAAK;QAAEE,IAAI,GAAA0B,aAAA,CAAJ1B,IAAI;MACjD,IAAQP,KAAK,GAAK,IAAI,CAAC8B,OAAO,CAAtB9B,KAAK;MACb,IAAMoC,KAAK,GAAG,CAAC,CAAC;MAChB;MACA,IAAIpC,KAAK,KAAKqC,SAAS,EAAE;QACvBD,KAAK,CAAC,SAAS,CAAC,GAAGpC,KAAK,KAAKgC,KAAK,CAAChC,KAAK;QACxCoC,KAAK,CAAC,UAAU,CAAC,GAAG,IAAI,CAACE,iBAAiB,CAACN,KAAK,CAAChC,KAAK,CAAC;MACzD;MACA,OAAAuC,aAAA,CAAAA,aAAA,KACKH,KAAK;QACRvB,KAAK,EAALA,KAAK;QACLP,IAAI,EAAJA,IAAI;QACJD,KAAK,EAALA,KAAK;QACLE,IAAI,EAAJA;MAAI;IAER;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAwC,aAAA,EAAe;MACb;MACA,IAAAC,aAAA,GAAuB3D,WAAW,CAAC,IAAI,CAACkD,KAAK,EAAE,IAAI,CAACF,OAAO,CAAC;QAAAY,kBAAA,GAAAD,aAAA,CAApDnC,IAAI;QAAJA,IAAI,GAAAoC,kBAAA,cAAG,GAAG,GAAAA,kBAAA;MAClB,OAAO;QACLpC,IAAI,EAAEA;MACR,CAAC;IACH;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAS,OAAA,EAAS;MAAA,IAAAkC,IAAA,QAAAvC,OAAA;QAAAwC,KAAA;MACP,IAAMC,MAAM,GAIMhE,GAAG;MAHrB,IAAAiE,cAAA,GAA6B,IAAI,CAAC1C,OAAO;QAAjC2C,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAErC,QAAQ,GAAAoC,cAAA,CAARpC,QAAQ;MAExB,OAAAkC,KAAA,GAAOjE,OAAO,CAACoE,MAAM,CAAC,eACpBxE,KAAA,CAAAoC,aAAA,CAACkC,MAAM,EAAAD,KAAA,CAAAI,EAAA,WAAAT,aAAA,KAAAU,YAAA;QAAA,OAAkB;MAAO,GAAAN,IAAA,kBAC9BpE,KAAA,CAAAoC,aAAA,CAACD,QAAQ,EAAAkC,KAAA,CAAAI,EAAA,iBAAG,CACL;IAEb;EAAC;EAAA,OAAAhC,KAAA;AAAA,EA7CiBvC,SAAS;AAAAmC,eAAA,CAAvBI,KAAK,iBACY,OAAO;AAAAJ,eAAA,CADxBI,KAAK,WAEM7B,KAAK;AAAAyB,eAAA,CAFhBI,KAAK,iBAGYD,UAAU,CAACrC,iBAAiB,CAAC;AAAA,IA6C9CwE,KAAK,0BAAAC,WAAA;EAAA3D,SAAA,CAAA0D,KAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAA1D,YAAA,CAAAwD,KAAA;EAAA,SAAAA,MAAA;IAAAvD,eAAA,OAAAuD,KAAA;IAAA,OAAAE,OAAA,CAAAxD,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAoD,KAAA;IAAAnD,GAAA;IAAAC,KAAA,EAQT,SAAAC,kBAAA,EAAoB;MAClB,OAAO;QACL2B,OAAO,EAAE,SAAAA,QAACC,CAAC;UAAA,OAAKA,CAAC,CAACwB,MAAM,CAACzB,OAAO;QAAA;MAClC,CAAC;IACH;EAAC;IAAA7B,GAAA;IAAAC,KAAA,EAED,SAAAS,OAAA,EAAS;MAAA,IAAA6C,KAAA;MACP,IAAMC,MAAM,GAAG1E,GAAG;MAClB,IAAM2E,QAAQ,GAAG3E,GAAG;MACpB,IAAA4E,cAAA,GAAyD,IAAI,CAACrD,OAAO;QAA7DsD,UAAU,GAAAD,cAAA,CAAVC,UAAU;QAAEX,MAAM,GAAAU,cAAA,CAANV,MAAM;QAAEY,iBAAiB,GAAAF,cAAA,CAAjBE,iBAAiB;QAAEtD,KAAK,GAAAoD,cAAA,CAALpD,KAAK;MAEpD,IAAAuD,cAAA,GAAiC3E,aAAa,CAAC,IAAI,CAACmB,OAAO,EAAEuD,iBAAiB,CAAC;QAAAE,eAAA,GAAAC,cAAA,CAAAF,cAAA;QAAxEG,YAAY,GAAAF,eAAA;QAAEG,QAAQ,GAAAH,eAAA;MAE7B,OAAAP,KAAA,GAAO3E,OAAO,CAACoE,MAAM,CAAC,eACpBxE,KAAA,CAAAoC,aAAA,CAAApC,KAAA,CAAA0F,QAAA,qBACE1F,KAAA,CAAAoC,aAAA,CAAC6C,QAAQ,EAAAF,KAAA,CAAAN,EAAA,aAAAT,aAAA;QAAA,OAAK,OAAO;QAAA,QAAM;MAAO,GAAKwB,YAAY,GAAI,eACvDxF,KAAA,CAAAoC,aAAA,CAAC4C,MAAM,EAAAD,KAAA,CAAAN,EAAA,WAAAT,aAAA;QAAA,OAAMmB,UAAU;QAAA,aAAa1E,YAAY,CAACqB,KAAK;MAAC,GAAM2D,QAAQ,GAAI,CACxE;IAEP;EAAC;EAAA,OAAAd,KAAA;AAAA,EA3BiBzE,SAAS;AAAAmC,eAAA,CAAvBsC,KAAK,kBACa;EACpBS,iBAAiB,EAAEzE,UAAU;EAC7BgF,cAAc,EAAE;AAClB,CAAC;AAAAtD,eAAA,CAJGsC,KAAK,aAKQ,CAACnE,oBAAoB,EAAE,CAAC;AAAA6B,eAAA,CALrCsC,KAAK,gBAMW,CAAC,UAAU,CAAC;AAwBlC,SAASiB,IAAIA,CAACnC,KAAK,EAAE;EAAA,IAAAoC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,IAAMC,KAAK,GAE2B1F,GAAG;EADzC,IAAQkE,MAAM,GAAKf,KAAK,CAAhBe,MAAM;EACd,OAAAuB,KAAA,GAAO3F,OAAO,CAACoE,MAAM,CAAC,eAACxE,KAAA,CAAAoC,aAAA,CAAC4D,KAAK,EAAAD,KAAA,CAAAtB,EAAA,UAAAT,aAAA,KAAAiC,aAAA,KAAAJ,KAAA,IAAgB;AAC/C;AAEA,SAASlF,UAAU,EAAE6B,UAAU;AAC/B,eAAevC,eAAe,CAACwC,KAAK,EAAE;EACpCkC,KAAK,EAALA,KAAK;EACLiB,IAAI,EAAJA;AACF,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/radio",
3
3
  "description": "Semrush Radio Component",
4
- "version": "5.4.13",
4
+ "version": "5.4.14",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",