@semcore/radio 5.0.10 → 5.0.12

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [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
+
+- Fixed arrangement of internal and external circles in `checked` state.
+
 ## [5.0.10] - 2022-08-30
 
 ### Changed

package/lib/cjs/Radio.js

@@ -62,23 +62,23 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SRadio_1dsze_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1dsze_gg_.__disabled_1dsze_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_1dsze_gg_{margin-left:8px}.___SText_1dsze_gg_._size_m_1dsze_gg_{font-size:14px;line-height:1.42}.___SText_1dsze_gg_._size_l_1dsze_gg_{font-size:16px;line-height:1.5}.___SValue_1dsze_gg_{position:relative;flex-shrink:0;padding:0;outline:none;z-index:0;margin-top:2px}.___SValue_1dsze_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border:1px solid;border-radius:50%}.___SValue_1dsze_gg_:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:0;height:0;border-radius:50%;background:#fff}.___SValue_1dsze_gg_._size_m_1dsze_gg_{width:16px;height:16px}.___SValue_1dsze_gg_._size_l_1dsze_gg_{width:20px;height:20px}.___SValue_1dsze_gg_._state_normal_1dsze_gg_:before{border-color:#c4c7cf}.___SValue_1dsze_gg_._state_invalid_1dsze_gg_:before{border-color:#ff4953}.___SControl_1dsze_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1dsze_gg_:checked~.___SValue_1dsze_gg_:before{border-color:#008ff8;background-color:#008ff8}.___SControl_1dsze_gg_:checked~.___SValue_1dsze_gg_._size_m_1dsze_gg_:after{width:6px;height:6px}.___SControl_1dsze_gg_:checked~.___SValue_1dsze_gg_._size_l_1dsze_gg_:after{width:8px;height:8px}.___SValue_1dsze_gg_._state_normal_1dsze_gg_.__keyboardFocused_1dsze_gg_:before{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2);border-color:#008ff8}.___SValue_1dsze_gg_._state_invalid_1dsze_gg_.__keyboardFocused_1dsze_gg_:before{box-shadow:0px 0px 0px 3px rgba(255, 73, 83, 0.2)}.___SControl_1dsze_gg_:checked~.___SValue_1dsze_gg_.__theme_1dsze_gg_:before{border-color:var(--theme_1dsze);background-color:var(--theme_1dsze)}.___SValue_1dsze_gg_._state_normal_1dsze_gg_.__theme_1dsze_gg_:before{border-color:var(--theme_1dsze)}"
+".___SRadio_t56y7_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_t56y7_gg_.__disabled_t56y7_gg_{opacity:0.3;cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_t56y7_gg_{margin-left:8px}.___SText_t56y7_gg_._size_m_t56y7_gg_{font-size:14px;line-height:1.42}.___SText_t56y7_gg_._size_l_t56y7_gg_{font-size:16px;line-height:1.5}.___SValue_t56y7_gg_{position:relative;flex-shrink:0;padding:0;outline:none;z-index:0;margin-top:2px}.___SValue_t56y7_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border:1px solid;border-radius:50%}.___SValue_t56y7_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_t56y7_gg_._size_m_t56y7_gg_{width:16px;height:16px}.___SValue_t56y7_gg_._size_l_t56y7_gg_{width:20px;height:20px}.___SValue_t56y7_gg_._state_normal_t56y7_gg_:before{border-color:#c4c7cf}.___SValue_t56y7_gg_._state_invalid_t56y7_gg_:before{border-color:#ff4953}.___SControl_t56y7_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_t56y7_gg_:checked~.___SValue_t56y7_gg_:before{border-color:#008ff8;background-color:#008ff8}.___SControl_t56y7_gg_:checked~.___SValue_t56y7_gg_._size_m_t56y7_gg_:after{width:6px;height:6px}.___SControl_t56y7_gg_:checked~.___SValue_t56y7_gg_._size_l_t56y7_gg_:after{width:8px;height:8px}.___SValue_t56y7_gg_._state_normal_t56y7_gg_.__keyboardFocused_t56y7_gg_:before{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2);border-color:#008ff8}.___SValue_t56y7_gg_._state_invalid_t56y7_gg_.__keyboardFocused_t56y7_gg_:before{box-shadow:0px 0px 0px 3px rgba(255, 73, 83, 0.2)}.___SControl_t56y7_gg_:checked~.___SValue_t56y7_gg_.__theme_t56y7_gg_:before{border-color:var(--theme_t56y7);background-color:var(--theme_t56y7)}.___SValue_t56y7_gg_._state_normal_t56y7_gg_.__theme_t56y7_gg_:before{border-color:var(--theme_t56y7)}"
 /*__inner_css_end__*/
-, "1dsze_gg_")
+, "t56y7_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SRadio": "___SRadio_1dsze_gg_",
-  "_disabled": "__disabled_1dsze_gg_",
-  "__SText": "___SText_1dsze_gg_",
-  "_size_m": "_size_m_1dsze_gg_",
-  "_size_l": "_size_l_1dsze_gg_",
-  "__SValue": "___SValue_1dsze_gg_",
-  "_state_normal": "_state_normal_1dsze_gg_",
-  "_state_invalid": "_state_invalid_1dsze_gg_",
-  "__SControl": "___SControl_1dsze_gg_",
-  "_keyboardFocused": "__keyboardFocused_1dsze_gg_",
-  "_theme": "__theme_1dsze_gg_",
-  "--theme": "--theme_1dsze"
+  "__SRadio": "___SRadio_t56y7_gg_",
+  "_disabled": "__disabled_t56y7_gg_",
+  "__SText": "___SText_t56y7_gg_",
+  "_size_m": "_size_m_t56y7_gg_",
+  "_size_l": "_size_l_t56y7_gg_",
+  "__SValue": "___SValue_t56y7_gg_",
+  "_state_normal": "_state_normal_t56y7_gg_",
+  "_state_invalid": "_state_invalid_t56y7_gg_",
+  "__SControl": "___SControl_t56y7_gg_",
+  "_keyboardFocused": "__keyboardFocused_t56y7_gg_",
+  "_theme": "__theme_t56y7_gg_",
+  "--theme": "--theme_t56y7"
 });
 
 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/cjs/style/radio.shadow.css

@@ -55,7 +55,9 @@ SValue {
     left: 0;
     right: 0;
     bottom: 0;
-    margin: auto;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
     width: 0;
     height: 0;
     border-radius: 50%;

package/lib/es6/Radio.js

@@ -31,23 +31,23 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SRadio_1dsze_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1dsze_gg_.__disabled_1dsze_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_1dsze_gg_{margin-left:8px}.___SText_1dsze_gg_._size_m_1dsze_gg_{font-size:14px;line-height:1.42}.___SText_1dsze_gg_._size_l_1dsze_gg_{font-size:16px;line-height:1.5}.___SValue_1dsze_gg_{position:relative;flex-shrink:0;padding:0;outline:none;z-index:0;margin-top:2px}.___SValue_1dsze_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border:1px solid;border-radius:50%}.___SValue_1dsze_gg_:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:0;height:0;border-radius:50%;background:#fff}.___SValue_1dsze_gg_._size_m_1dsze_gg_{width:16px;height:16px}.___SValue_1dsze_gg_._size_l_1dsze_gg_{width:20px;height:20px}.___SValue_1dsze_gg_._state_normal_1dsze_gg_:before{border-color:#c4c7cf}.___SValue_1dsze_gg_._state_invalid_1dsze_gg_:before{border-color:#ff4953}.___SControl_1dsze_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1dsze_gg_:checked~.___SValue_1dsze_gg_:before{border-color:#008ff8;background-color:#008ff8}.___SControl_1dsze_gg_:checked~.___SValue_1dsze_gg_._size_m_1dsze_gg_:after{width:6px;height:6px}.___SControl_1dsze_gg_:checked~.___SValue_1dsze_gg_._size_l_1dsze_gg_:after{width:8px;height:8px}.___SValue_1dsze_gg_._state_normal_1dsze_gg_.__keyboardFocused_1dsze_gg_:before{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2);border-color:#008ff8}.___SValue_1dsze_gg_._state_invalid_1dsze_gg_.__keyboardFocused_1dsze_gg_:before{box-shadow:0px 0px 0px 3px rgba(255, 73, 83, 0.2)}.___SControl_1dsze_gg_:checked~.___SValue_1dsze_gg_.__theme_1dsze_gg_:before{border-color:var(--theme_1dsze);background-color:var(--theme_1dsze)}.___SValue_1dsze_gg_._state_normal_1dsze_gg_.__theme_1dsze_gg_:before{border-color:var(--theme_1dsze)}"
+".___SRadio_t56y7_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_t56y7_gg_.__disabled_t56y7_gg_{opacity:0.3;cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_t56y7_gg_{margin-left:8px}.___SText_t56y7_gg_._size_m_t56y7_gg_{font-size:14px;line-height:1.42}.___SText_t56y7_gg_._size_l_t56y7_gg_{font-size:16px;line-height:1.5}.___SValue_t56y7_gg_{position:relative;flex-shrink:0;padding:0;outline:none;z-index:0;margin-top:2px}.___SValue_t56y7_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border:1px solid;border-radius:50%}.___SValue_t56y7_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_t56y7_gg_._size_m_t56y7_gg_{width:16px;height:16px}.___SValue_t56y7_gg_._size_l_t56y7_gg_{width:20px;height:20px}.___SValue_t56y7_gg_._state_normal_t56y7_gg_:before{border-color:#c4c7cf}.___SValue_t56y7_gg_._state_invalid_t56y7_gg_:before{border-color:#ff4953}.___SControl_t56y7_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_t56y7_gg_:checked~.___SValue_t56y7_gg_:before{border-color:#008ff8;background-color:#008ff8}.___SControl_t56y7_gg_:checked~.___SValue_t56y7_gg_._size_m_t56y7_gg_:after{width:6px;height:6px}.___SControl_t56y7_gg_:checked~.___SValue_t56y7_gg_._size_l_t56y7_gg_:after{width:8px;height:8px}.___SValue_t56y7_gg_._state_normal_t56y7_gg_.__keyboardFocused_t56y7_gg_:before{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2);border-color:#008ff8}.___SValue_t56y7_gg_._state_invalid_t56y7_gg_.__keyboardFocused_t56y7_gg_:before{box-shadow:0px 0px 0px 3px rgba(255, 73, 83, 0.2)}.___SControl_t56y7_gg_:checked~.___SValue_t56y7_gg_.__theme_t56y7_gg_:before{border-color:var(--theme_t56y7);background-color:var(--theme_t56y7)}.___SValue_t56y7_gg_._state_normal_t56y7_gg_.__theme_t56y7_gg_:before{border-color:var(--theme_t56y7)}"
 /*__inner_css_end__*/
-, "1dsze_gg_")
+, "t56y7_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SRadio": "___SRadio_1dsze_gg_",
-  "_disabled": "__disabled_1dsze_gg_",
-  "__SText": "___SText_1dsze_gg_",
-  "_size_m": "_size_m_1dsze_gg_",
-  "_size_l": "_size_l_1dsze_gg_",
-  "__SValue": "___SValue_1dsze_gg_",
-  "_state_normal": "_state_normal_1dsze_gg_",
-  "_state_invalid": "_state_invalid_1dsze_gg_",
-  "__SControl": "___SControl_1dsze_gg_",
-  "_keyboardFocused": "__keyboardFocused_1dsze_gg_",
-  "_theme": "__theme_1dsze_gg_",
-  "--theme": "--theme_1dsze"
+  "__SRadio": "___SRadio_t56y7_gg_",
+  "_disabled": "__disabled_t56y7_gg_",
+  "__SText": "___SText_t56y7_gg_",
+  "_size_m": "_size_m_t56y7_gg_",
+  "_size_l": "_size_l_t56y7_gg_",
+  "__SValue": "___SValue_t56y7_gg_",
+  "_state_normal": "_state_normal_t56y7_gg_",
+  "_state_invalid": "_state_invalid_t56y7_gg_",
+  "__SControl": "___SControl_t56y7_gg_",
+  "_keyboardFocused": "__keyboardFocused_t56y7_gg_",
+  "_theme": "__theme_t56y7_gg_",
+  "--theme": "--theme_t56y7"
 });
 
 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/lib/es6/style/radio.shadow.css

@@ -55,7 +55,9 @@ SValue {
     left: 0;
     right: 0;
     bottom: 0;
-    margin: auto;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
     width: 0;
     height: 0;
     border-radius: 50%;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/radio",
   "description": "Semrush Radio Component",
-  "version": "5.0.10",
+  "version": "5.0.12",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,7 +9,7 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "scripts": {
-    "build": "build --source=js",
+    "build": "pnpm semcore-builder --source=js",
     "test": "jest"
   },
   "dependencies": {
@@ -30,6 +30,7 @@
     "directory": "semcore/radio"
   },
   "devDependencies": {
+    "@types/react": "16.8 - 17",
     "@semcore/jest-preset-ui": "1.0.0"
   }
 }

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;