@semcore/radio 5.0.11 → 5.1.0

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [5.1.0] - 2022-10-10
+
+### Changed
+
+- Added support for React 18 🔥
+
+## [5.0.12] - 2022-10-04
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/utils` [3.37.1 ~> 3.37.2], `@semcore/flex-box` [4.5.11 ~> 4.5.12]).
+
 ## [5.0.11] - 2022-09-22
 
 ### Fixed
@@ -26,24 +38,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/utils` [3.36.0 ~> 3.37.0], `@semcore/flex-box` [4.5.9 ~> 4.5.10]).
 
-## [5.0.7] - 2022-08-11
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.35.1 ~> 3.36.0], `@semcore/flex-box` [4.5.8 ~> 4.5.9], `@semcore/typography` [4.0.11 ~> 4.1.0]).
-
-## [5.0.6] - 2022-07-22
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.34.0 ~> 3.35.0], `@semcore/flex-box` [4.5.6 ~> 4.5.7]).
-
-## [5.0.5] - 2022-07-07
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.33.0 ~> 3.34.0], `@semcore/flex-box` [4.5.5 ~> 4.5.6]).
-
 ## [5.0.4] - 2022-06-27
 
 ### Fixed
@@ -56,12 +50,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/utils` [3.32.2 ~> 3.33.0], `@semcore/flex-box` [4.5.4 ~> 4.5.5]).
 
-## [5.0.2] - 2022-05-31
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.1 ~> 3.32.2], `@semcore/flex-box` [4.5.3 ~> 4.5.4]).
-
 ## [5.0.1] - 2022-05-19
 
 ### Fixed
@@ -81,12 +69,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/typography` [3.4.1 ~> 3.4.2]).
 
-## [4.2.5] - 2022-03-14
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.31.2 ~> 3.31.2], `@semcore/flex-box` [4.5.0 ~> 4.5.1]).
-
 ## [4.2.3] - 2022-02-24
 
 ### Added

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright ©, 2022, Semrush Inc. (written by Roman Lysov, Sergey Kobets, Mikhail Karachev, Julia Mnizhek, Elena Krasnopolskaia, Mikhail Sereniti).
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/lib/cjs/Radio.js

@@ -62,23 +62,23 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SRadio_1egmk_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1egmk_gg_.__disabled_1egmk_gg_{opacity:0.3;cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.___SText_1egmk_gg_{margin-left:8px}.___SText_1egmk_gg_._size_m_1egmk_gg_{font-size:14px;line-height:1.42}.___SText_1egmk_gg_._size_l_1egmk_gg_{font-size:16px;line-height:1.5}.___SValue_1egmk_gg_{position:relative;flex-shrink:0;padding:0;outline:none;z-index:0;margin-top:2px}.___SValue_1egmk_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border:1px solid;border-radius:50%}.___SValue_1egmk_gg_:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:#fff}.___SValue_1egmk_gg_._size_m_1egmk_gg_{width:16px;height:16px}.___SValue_1egmk_gg_._size_l_1egmk_gg_{width:20px;height:20px}.___SValue_1egmk_gg_._state_normal_1egmk_gg_:before{border-color:#c4c7cf}.___SValue_1egmk_gg_._state_invalid_1egmk_gg_:before{border-color:#ff4953}.___SControl_1egmk_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1egmk_gg_:checked~.___SValue_1egmk_gg_:before{border-color:#008ff8;background-color:#008ff8}.___SControl_1egmk_gg_:checked~.___SValue_1egmk_gg_._size_m_1egmk_gg_:after{width:6px;height:6px}.___SControl_1egmk_gg_:checked~.___SValue_1egmk_gg_._size_l_1egmk_gg_:after{width:8px;height:8px}.___SValue_1egmk_gg_._state_normal_1egmk_gg_.__keyboardFocused_1egmk_gg_:before{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2);border-color:#008ff8}.___SValue_1egmk_gg_._state_invalid_1egmk_gg_.__keyboardFocused_1egmk_gg_:before{box-shadow:0px 0px 0px 3px rgba(255, 73, 83, 0.2)}.___SControl_1egmk_gg_:checked~.___SValue_1egmk_gg_.__theme_1egmk_gg_:before{border-color:var(--theme_1egmk);background-color:var(--theme_1egmk)}.___SValue_1egmk_gg_._state_normal_1egmk_gg_.__theme_1egmk_gg_:before{border-color:var(--theme_1egmk)}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SRadio_gz43v_gg_ {\n  display: inline-flex;\n  align-items: flex-start;\n  cursor: pointer;\n}\n\n.___SRadio_gz43v_gg_.__disabled_gz43v_gg_ {\n  opacity: 0.3;\n  cursor: default;\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.___SText_gz43v_gg_ {\n  margin-left: 8px;\n}\n\n.___SText_gz43v_gg_._size_m_gz43v_gg_ {\n  font-size: 14px;\n  line-height: 1.42;\n}\n\n.___SText_gz43v_gg_._size_l_gz43v_gg_ {\n  font-size: 16px;\n  line-height: 1.5;\n}\n\n.___SValue_gz43v_gg_ {\n  position: relative;\n  flex-shrink: 0;\n  padding: 0;\n  outline: none;\n  z-index: 0;\n\n  margin-top: 2px\n}\n\n.___SValue_gz43v_gg_::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: #fff;\n    border: 1px solid;\n    border-radius: 50%;\n  }\n\n.___SValue_gz43v_gg_::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 0;\n    height: 0;\n    border-radius: 50%;\n    background: #fff;\n  }\n\n.___SValue_gz43v_gg_._size_m_gz43v_gg_ {\n  width: 16px;\n  height: 16px;\n}\n\n.___SValue_gz43v_gg_._size_l_gz43v_gg_ {\n  width: 20px;\n  height: 20px;\n}\n\n.___SValue_gz43v_gg_._state_normal_gz43v_gg_::before {\n  border-color: #c4c7cf;\n}\n\n.___SValue_gz43v_gg_._state_invalid_gz43v_gg_::before {\n  border-color: #ff4953;\n}\n\n.___SControl_gz43v_gg_ {\n  position: absolute;\n  clip: rect(1px, 1px, 1px, 1px);\n}\n\n.___SControl_gz43v_gg_:checked ~ .___SValue_gz43v_gg_::before {\n  border-color: #008ff8;\n  background-color: #008ff8;\n}\n\n.___SControl_gz43v_gg_:checked ~ .___SValue_gz43v_gg_._size_m_gz43v_gg_::after {\n  width: 6px;\n  height: 6px;\n}\n\n.___SControl_gz43v_gg_:checked ~ .___SValue_gz43v_gg_._size_l_gz43v_gg_::after {\n  width: 8px;\n  height: 8px;\n}\n\n.___SValue_gz43v_gg_._state_normal_gz43v_gg_.__keyboardFocused_gz43v_gg_::before {\n  box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  border-color: #008ff8;\n}\n\n.___SValue_gz43v_gg_._state_invalid_gz43v_gg_.__keyboardFocused_gz43v_gg_::before {\n  box-shadow: 0px 0px 0px 3px rgba(255, 73, 83, 0.2);\n}\n\n.___SControl_gz43v_gg_:checked ~ .___SValue_gz43v_gg_.__theme_gz43v_gg_::before {\n  border-color: var(--theme_gz43v);\n  background-color: var(--theme_gz43v);\n}\n\n.___SValue_gz43v_gg_._state_normal_gz43v_gg_.__theme_gz43v_gg_::before {\n  border-color: var(--theme_gz43v);\n}\n"
 /*__inner_css_end__*/
-, "1egmk_gg_")
+, "gz43v_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SRadio": "___SRadio_1egmk_gg_",
-  "_disabled": "__disabled_1egmk_gg_",
-  "__SText": "___SText_1egmk_gg_",
-  "_size_m": "_size_m_1egmk_gg_",
-  "_size_l": "_size_l_1egmk_gg_",
-  "__SValue": "___SValue_1egmk_gg_",
-  "_state_normal": "_state_normal_1egmk_gg_",
-  "_state_invalid": "_state_invalid_1egmk_gg_",
-  "__SControl": "___SControl_1egmk_gg_",
-  "_keyboardFocused": "__keyboardFocused_1egmk_gg_",
-  "_theme": "__theme_1egmk_gg_",
-  "--theme": "--theme_1egmk"
+  "__SRadio": "___SRadio_gz43v_gg_",
+  "_disabled": "__disabled_gz43v_gg_",
+  "__SText": "___SText_gz43v_gg_",
+  "_size_m": "_size_m_gz43v_gg_",
+  "_size_l": "_size_l_gz43v_gg_",
+  "__SValue": "___SValue_gz43v_gg_",
+  "_state_normal": "_state_normal_gz43v_gg_",
+  "_state_invalid": "_state_invalid_gz43v_gg_",
+  "__SControl": "___SControl_gz43v_gg_",
+  "_keyboardFocused": "__keyboardFocused_gz43v_gg_",
+  "_theme": "__theme_gz43v_gg_",
+  "--theme": "--theme_gz43v"
 });
 
 var RadioGroupRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

package/lib/cjs/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport { IBoxProps } from '@semcore/flex-box';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Text } from '@semcore/typography';\n\nexport type RadioSize = 'm' | 'l';\nexport type RadioState = 'normal' | 'invalid';\nexport type RadioValue = string | number | boolean;\n\nexport interface IRadioProps extends IBoxProps {\n  /**\n   * The value displaying the state of the component\n   * @default normal\n   */\n  state?: RadioState;\n  /**\n   * Radio button size\n   * @default m\n   **/\n  size?: RadioSize;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n}\n\nexport interface IRadioGroupProps {\n  /** Radio group name */\n  name?: string;\n  /** Active default value */\n  defaultValue?: RadioValue;\n  /** Active value */\n  value?: RadioValue;\n  /** Called when the selected element is changed */\n  onChange?: (value: RadioValue, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n  /** Radio button size */\n  size?: RadioSize;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n  /** Blocks access and changes to the form field */\n  disabled?: boolean;\n}\n\nexport interface IRadioValueProps extends IBoxProps, IKeyboardFocusProps {\n  /** List of elements that can be put on a hidden input */\n  includeInputProps?: string[];\n  /**\n   * The value displaying the state of the component\n   * @default normal\n   */\n  state?: RadioState;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n  /** Radio button size */\n  size?: RadioSize;\n  /** The element value is required for RadioGroup */\n  value?: RadioValue;\n  /** Default value if `value` property is not provided */\n  defaultValue?: RadioValue;\n  /** Called when the value changes */\n  onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n  /** Blocks access and changes to the form field */\n  disabled?: boolean;\n}\n\nexport interface IRadioCtx {\n  getValueProps: PropGetterFn;\n  getTextProps: PropGetterFn;\n}\n\ndeclare const RadioGroup: <T>(props: CProps<IRadioGroupProps & T>) => ReturnEl;\n\nexport { RadioGroup };\n\ndeclare const Radio: (<T>(props: CProps<IRadioProps & T, IRadioCtx>) => ReturnEl) & {\n  Value: <T>(props: IRadioValueProps & T) => ReturnEl;\n  Text: typeof Text;\n};\n\nexport default Radio;\n"],"mappings":""}

package/lib/es6/Radio.js

@@ -31,23 +31,23 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SRadio_1egmk_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1egmk_gg_.__disabled_1egmk_gg_{opacity:0.3;cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.___SText_1egmk_gg_{margin-left:8px}.___SText_1egmk_gg_._size_m_1egmk_gg_{font-size:14px;line-height:1.42}.___SText_1egmk_gg_._size_l_1egmk_gg_{font-size:16px;line-height:1.5}.___SValue_1egmk_gg_{position:relative;flex-shrink:0;padding:0;outline:none;z-index:0;margin-top:2px}.___SValue_1egmk_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border:1px solid;border-radius:50%}.___SValue_1egmk_gg_:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:#fff}.___SValue_1egmk_gg_._size_m_1egmk_gg_{width:16px;height:16px}.___SValue_1egmk_gg_._size_l_1egmk_gg_{width:20px;height:20px}.___SValue_1egmk_gg_._state_normal_1egmk_gg_:before{border-color:#c4c7cf}.___SValue_1egmk_gg_._state_invalid_1egmk_gg_:before{border-color:#ff4953}.___SControl_1egmk_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1egmk_gg_:checked~.___SValue_1egmk_gg_:before{border-color:#008ff8;background-color:#008ff8}.___SControl_1egmk_gg_:checked~.___SValue_1egmk_gg_._size_m_1egmk_gg_:after{width:6px;height:6px}.___SControl_1egmk_gg_:checked~.___SValue_1egmk_gg_._size_l_1egmk_gg_:after{width:8px;height:8px}.___SValue_1egmk_gg_._state_normal_1egmk_gg_.__keyboardFocused_1egmk_gg_:before{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2);border-color:#008ff8}.___SValue_1egmk_gg_._state_invalid_1egmk_gg_.__keyboardFocused_1egmk_gg_:before{box-shadow:0px 0px 0px 3px rgba(255, 73, 83, 0.2)}.___SControl_1egmk_gg_:checked~.___SValue_1egmk_gg_.__theme_1egmk_gg_:before{border-color:var(--theme_1egmk);background-color:var(--theme_1egmk)}.___SValue_1egmk_gg_._state_normal_1egmk_gg_.__theme_1egmk_gg_:before{border-color:var(--theme_1egmk)}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SRadio_gz43v_gg_ {\n  display: inline-flex;\n  align-items: flex-start;\n  cursor: pointer;\n}\n\n.___SRadio_gz43v_gg_.__disabled_gz43v_gg_ {\n  opacity: 0.3;\n  cursor: default;\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.___SText_gz43v_gg_ {\n  margin-left: 8px;\n}\n\n.___SText_gz43v_gg_._size_m_gz43v_gg_ {\n  font-size: 14px;\n  line-height: 1.42;\n}\n\n.___SText_gz43v_gg_._size_l_gz43v_gg_ {\n  font-size: 16px;\n  line-height: 1.5;\n}\n\n.___SValue_gz43v_gg_ {\n  position: relative;\n  flex-shrink: 0;\n  padding: 0;\n  outline: none;\n  z-index: 0;\n\n  margin-top: 2px\n}\n\n.___SValue_gz43v_gg_::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: #fff;\n    border: 1px solid;\n    border-radius: 50%;\n  }\n\n.___SValue_gz43v_gg_::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 0;\n    height: 0;\n    border-radius: 50%;\n    background: #fff;\n  }\n\n.___SValue_gz43v_gg_._size_m_gz43v_gg_ {\n  width: 16px;\n  height: 16px;\n}\n\n.___SValue_gz43v_gg_._size_l_gz43v_gg_ {\n  width: 20px;\n  height: 20px;\n}\n\n.___SValue_gz43v_gg_._state_normal_gz43v_gg_::before {\n  border-color: #c4c7cf;\n}\n\n.___SValue_gz43v_gg_._state_invalid_gz43v_gg_::before {\n  border-color: #ff4953;\n}\n\n.___SControl_gz43v_gg_ {\n  position: absolute;\n  clip: rect(1px, 1px, 1px, 1px);\n}\n\n.___SControl_gz43v_gg_:checked ~ .___SValue_gz43v_gg_::before {\n  border-color: #008ff8;\n  background-color: #008ff8;\n}\n\n.___SControl_gz43v_gg_:checked ~ .___SValue_gz43v_gg_._size_m_gz43v_gg_::after {\n  width: 6px;\n  height: 6px;\n}\n\n.___SControl_gz43v_gg_:checked ~ .___SValue_gz43v_gg_._size_l_gz43v_gg_::after {\n  width: 8px;\n  height: 8px;\n}\n\n.___SValue_gz43v_gg_._state_normal_gz43v_gg_.__keyboardFocused_gz43v_gg_::before {\n  box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n  border-color: #008ff8;\n}\n\n.___SValue_gz43v_gg_._state_invalid_gz43v_gg_.__keyboardFocused_gz43v_gg_::before {\n  box-shadow: 0px 0px 0px 3px rgba(255, 73, 83, 0.2);\n}\n\n.___SControl_gz43v_gg_:checked ~ .___SValue_gz43v_gg_.__theme_gz43v_gg_::before {\n  border-color: var(--theme_gz43v);\n  background-color: var(--theme_gz43v);\n}\n\n.___SValue_gz43v_gg_._state_normal_gz43v_gg_.__theme_gz43v_gg_::before {\n  border-color: var(--theme_gz43v);\n}\n"
 /*__inner_css_end__*/
-, "1egmk_gg_")
+, "gz43v_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SRadio": "___SRadio_1egmk_gg_",
-  "_disabled": "__disabled_1egmk_gg_",
-  "__SText": "___SText_1egmk_gg_",
-  "_size_m": "_size_m_1egmk_gg_",
-  "_size_l": "_size_l_1egmk_gg_",
-  "__SValue": "___SValue_1egmk_gg_",
-  "_state_normal": "_state_normal_1egmk_gg_",
-  "_state_invalid": "_state_invalid_1egmk_gg_",
-  "__SControl": "___SControl_1egmk_gg_",
-  "_keyboardFocused": "__keyboardFocused_1egmk_gg_",
-  "_theme": "__theme_1egmk_gg_",
-  "--theme": "--theme_1egmk"
+  "__SRadio": "___SRadio_gz43v_gg_",
+  "_disabled": "__disabled_gz43v_gg_",
+  "__SText": "___SText_gz43v_gg_",
+  "_size_m": "_size_m_gz43v_gg_",
+  "_size_l": "_size_l_gz43v_gg_",
+  "__SValue": "___SValue_gz43v_gg_",
+  "_state_normal": "_state_normal_gz43v_gg_",
+  "_state_invalid": "_state_invalid_gz43v_gg_",
+  "__SControl": "___SControl_gz43v_gg_",
+  "_keyboardFocused": "__keyboardFocused_gz43v_gg_",
+  "_theme": "__theme_gz43v_gg_",
+  "--theme": "--theme_gz43v"
 });
 
 var RadioGroupRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport { IBoxProps } from '@semcore/flex-box';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Text } from '@semcore/typography';\n\nexport type RadioSize = 'm' | 'l';\nexport type RadioState = 'normal' | 'invalid';\nexport type RadioValue = string | number | boolean;\n\nexport interface IRadioProps extends IBoxProps {\n  /**\n   * The value displaying the state of the component\n   * @default normal\n   */\n  state?: RadioState;\n  /**\n   * Radio button size\n   * @default m\n   **/\n  size?: RadioSize;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n}\n\nexport interface IRadioGroupProps {\n  /** Radio group name */\n  name?: string;\n  /** Active default value */\n  defaultValue?: RadioValue;\n  /** Active value */\n  value?: RadioValue;\n  /** Called when the selected element is changed */\n  onChange?: (value: RadioValue, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n  /** Radio button size */\n  size?: RadioSize;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n  /** Blocks access and changes to the form field */\n  disabled?: boolean;\n}\n\nexport interface IRadioValueProps extends IBoxProps, IKeyboardFocusProps {\n  /** List of elements that can be put on a hidden input */\n  includeInputProps?: string[];\n  /**\n   * The value displaying the state of the component\n   * @default normal\n   */\n  state?: RadioState;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n  /** Radio button size */\n  size?: RadioSize;\n  /** The element value is required for RadioGroup */\n  value?: RadioValue;\n  /** Default value if `value` property is not provided */\n  defaultValue?: RadioValue;\n  /** Called when the value changes */\n  onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n  /** Blocks access and changes to the form field */\n  disabled?: boolean;\n}\n\nexport interface IRadioCtx {\n  getValueProps: PropGetterFn;\n  getTextProps: PropGetterFn;\n}\n\ndeclare const RadioGroup: <T>(props: CProps<IRadioGroupProps & T>) => ReturnEl;\n\nexport { RadioGroup };\n\ndeclare const Radio: (<T>(props: CProps<IRadioProps & T, IRadioCtx>) => ReturnEl) & {\n  Value: <T>(props: IRadioValueProps & T) => ReturnEl;\n  Text: typeof Text;\n};\n\nexport default Radio;\n"],"mappings":""}

package/package.json

@@ -1,17 +1,13 @@
 {
   "name": "@semcore/radio",
   "description": "Semrush Radio Component",
-  "version": "5.0.11",
+  "version": "5.1.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
-  "scripts": {
-    "build": "build --source=js",
-    "test": "jest"
-  },
   "dependencies": {
     "@semcore/utils": "^3.15",
     "@semcore/flex-box": "^4",
@@ -19,7 +15,7 @@
   },
   "peerDependencies": {
     "@semcore/core": "^1.11",
-    "react": "16.8 - 17"
+    "react": "16.8 - 18"
   },
   "jest": {
     "preset": "@semcore/jest-preset-ui"
@@ -30,6 +26,11 @@
     "directory": "semcore/radio"
   },
   "devDependencies": {
+    "@types/react": "18.0.21",
     "@semcore/jest-preset-ui": "1.0.0"
+  },
+  "scripts": {
+    "build": "pnpm semcore-builder --source=js",
+    "test": "jest"
   }
-}
+}

package/lib/cjs/index.d.ts

@@ -1,78 +0,0 @@
-import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
-import { IBoxProps } from '@semcore/flex-box';
-import { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
-import { Text } from '@semcore/typography';
-
-export type RadioSize = 'm' | 'l';
-export type RadioState = 'normal' | 'invalid';
-export type RadioValue = string | number | boolean;
-
-export interface IRadioProps extends IBoxProps {
-  /**
-   * The value displaying the state of the component
-   * @default normal
-   */
-  state?: RadioState;
-  /**
-   * Radio button size
-   * @default m
-   **/
-  size?: RadioSize;
-  /** The theme of the radio button that you can send your color to */
-  theme?: string;
-}
-
-export interface IRadioGroupProps {
-  /** Radio group name */
-  name?: string;
-  /** Active default value */
-  defaultValue?: RadioValue;
-  /** Active value */
-  value?: RadioValue;
-  /** Called when the selected element is changed */
-  onChange?: (value: RadioValue, e?: React.SyntheticEvent<HTMLInputElement>) => void;
-  /** Radio button size */
-  size?: RadioSize;
-  /** The theme of the radio button that you can send your color to */
-  theme?: string;
-  /** Blocks access and changes to the form field */
-  disabled?: boolean;
-}
-
-export interface IRadioValueProps extends IBoxProps, IKeyboardFocusProps {
-  /** List of elements that can be put on a hidden input */
-  includeInputProps?: string[];
-  /**
-   * The value displaying the state of the component
-   * @default normal
-   */
-  state?: RadioState;
-  /** The theme of the radio button that you can send your color to */
-  theme?: string;
-  /** Radio button size */
-  size?: RadioSize;
-  /** The element value is required for RadioGroup */
-  value?: RadioValue;
-  /** Default value if `value` property is not provided */
-  defaultValue?: RadioValue;
-  /** Called when the value changes */
-  onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;
-  /** Blocks access and changes to the form field */
-  disabled?: boolean;
-}
-
-export interface IRadioCtx {
-  getValueProps: PropGetterFn;
-  getTextProps: PropGetterFn;
-}
-
-declare const RadioGroup: <T>(props: CProps<IRadioGroupProps & T>) => ReturnEl;
-
-export { RadioGroup };
-
-declare const Radio: (<T>(props: CProps<IRadioProps & T, IRadioCtx>) => ReturnEl) & {
-  Value: <T>(props: IRadioValueProps & T) => ReturnEl;
-  Text: typeof Text;
-};
-
-export default Radio;

package/lib/es6/index.d.ts

@@ -1,78 +0,0 @@
-import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
-import { IBoxProps } from '@semcore/flex-box';
-import { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
-import { Text } from '@semcore/typography';
-
-export type RadioSize = 'm' | 'l';
-export type RadioState = 'normal' | 'invalid';
-export type RadioValue = string | number | boolean;
-
-export interface IRadioProps extends IBoxProps {
-  /**
-   * The value displaying the state of the component
-   * @default normal
-   */
-  state?: RadioState;
-  /**
-   * Radio button size
-   * @default m
-   **/
-  size?: RadioSize;
-  /** The theme of the radio button that you can send your color to */
-  theme?: string;
-}
-
-export interface IRadioGroupProps {
-  /** Radio group name */
-  name?: string;
-  /** Active default value */
-  defaultValue?: RadioValue;
-  /** Active value */
-  value?: RadioValue;
-  /** Called when the selected element is changed */
-  onChange?: (value: RadioValue, e?: React.SyntheticEvent<HTMLInputElement>) => void;
-  /** Radio button size */
-  size?: RadioSize;
-  /** The theme of the radio button that you can send your color to */
-  theme?: string;
-  /** Blocks access and changes to the form field */
-  disabled?: boolean;
-}
-
-export interface IRadioValueProps extends IBoxProps, IKeyboardFocusProps {
-  /** List of elements that can be put on a hidden input */
-  includeInputProps?: string[];
-  /**
-   * The value displaying the state of the component
-   * @default normal
-   */
-  state?: RadioState;
-  /** The theme of the radio button that you can send your color to */
-  theme?: string;
-  /** Radio button size */
-  size?: RadioSize;
-  /** The element value is required for RadioGroup */
-  value?: RadioValue;
-  /** Default value if `value` property is not provided */
-  defaultValue?: RadioValue;
-  /** Called when the value changes */
-  onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;
-  /** Blocks access and changes to the form field */
-  disabled?: boolean;
-}
-
-export interface IRadioCtx {
-  getValueProps: PropGetterFn;
-  getTextProps: PropGetterFn;
-}
-
-declare const RadioGroup: <T>(props: CProps<IRadioGroupProps & T>) => ReturnEl;
-
-export { RadioGroup };
-
-declare const Radio: (<T>(props: CProps<IRadioProps & T, IRadioCtx>) => ReturnEl) & {
-  Value: <T>(props: IRadioValueProps & T) => ReturnEl;
-  Text: typeof Text;
-};
-
-export default Radio;