@semcore/radio 6.2.0 → 6.2.1-beta.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/lib/cjs/Radio.js +13 -13
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/es6/Radio.js +13 -13
- package/lib/es6/index.d.js.map +1 -1
- package/lib/types/index.d.ts +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [6.2.1-beta.0] - 2023-08-14
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/core` [2.2.0 ~> 2.2.1]).
|
|
10
|
+
|
|
5
11
|
## [6.2.0] - 2023-08-07
|
|
6
12
|
|
|
7
13
|
### Changed
|
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__*/".
|
|
32
|
-
"__SRadio": "
|
|
33
|
-
"_disabled": "
|
|
34
|
-
"__SText": "
|
|
35
|
-
"_size_m": "
|
|
36
|
-
"_size_l": "
|
|
37
|
-
"__SValue": "
|
|
38
|
-
"_state_normal": "
|
|
39
|
-
"_state_invalid": "
|
|
40
|
-
"__SControl": "
|
|
41
|
-
"_keyboardFocused": "
|
|
42
|
-
"_theme": "
|
|
43
|
-
"--theme": "--
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadio_1s62z_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1s62z_gg_.__disabled_1s62z_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_1s62z_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SText_1s62z_gg_._size_m_1s62z_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1s62z_gg_._size_l_1s62z_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1s62z_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1s62z_gg_::after,.___SValue_1s62z_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1s62z_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1s62z_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1s62z_gg_._size_m_1s62z_gg_{width:16px;height:16px}.___SValue_1s62z_gg_._size_l_1s62z_gg_{width:20px;height:20px}.___SValue_1s62z_gg_._state_normal_1s62z_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1s62z_gg_._state_invalid_1s62z_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1s62z_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1s62z_gg_:checked~.___SValue_1s62z_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1s62z_gg_:checked~.___SValue_1s62z_gg_._size_m_1s62z_gg_::after{width:6px;height:6px}.___SControl_1s62z_gg_:checked~.___SValue_1s62z_gg_._size_l_1s62z_gg_::after{width:8px;height:8px}.___SValue_1s62z_gg_._state_normal_1s62z_gg_.__keyboardFocused_1s62z_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_1s62z_gg_._state_invalid_1s62z_gg_.__keyboardFocused_1s62z_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_1s62z_gg_:checked~.___SValue_1s62z_gg_.__theme_1s62z_gg_::before{border-color:var(--theme_1s62z);background-color:var(--theme_1s62z)}.___SValue_1s62z_gg_._state_normal_1s62z_gg_.__theme_1s62z_gg_::before{border-color:var(--theme_1s62z)}" /*__inner_css_end__*/, "1s62z_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SRadio": "___SRadio_1s62z_gg_",
|
|
33
|
+
"_disabled": "__disabled_1s62z_gg_",
|
|
34
|
+
"__SText": "___SText_1s62z_gg_",
|
|
35
|
+
"_size_m": "_size_m_1s62z_gg_",
|
|
36
|
+
"_size_l": "_size_l_1s62z_gg_",
|
|
37
|
+
"__SValue": "___SValue_1s62z_gg_",
|
|
38
|
+
"_state_normal": "_state_normal_1s62z_gg_",
|
|
39
|
+
"_state_invalid": "_state_invalid_1s62z_gg_",
|
|
40
|
+
"__SControl": "___SControl_1s62z_gg_",
|
|
41
|
+
"_keyboardFocused": "__keyboardFocused_1s62z_gg_",
|
|
42
|
+
"_theme": "__theme_1s62z_gg_",
|
|
43
|
+
"--theme": "--theme_1s62z"
|
|
44
44
|
});
|
|
45
45
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
46
46
|
(0, _inherits2["default"])(RadioGroupRoot, _Component);
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps, Flex } from '@semcore/flex-box';\nimport { KeyboardFocusProps } 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\n/** @deprecated */\nexport interface IRadioProps extends RadioProps, UnknownProperties {}\nexport type RadioProps = BoxProps & {\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\n/** @deprecated */\nexport interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {}\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\n /**\n * HTML tag name for the displayed item\n */\n tag?: React.ElementType | string;\n /** Radio group name */\n name?: string;\n /** Active default value */\n defaultValue?: T;\n /** Active value */\n value?: T;\n /** Called when the selected element is changed */\n onChange?:\n | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /** Radio button size */\n size?: RadioSize;\n /** The theme of the radio button that you can send your color to */\n theme?: string;\n /** Blocks access and changes to the form field */\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioValueProps extends RadioValueProps, UnknownProperties {}\nexport type RadioValueProps = BoxProps &\n KeyboardFocusProps & {\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\n/** @deprecated */\nexport interface IRadioCtx extends RadioCtx, UnknownProperties {}\nexport type RadioCtx = {\n getValueProps: PropGetterFn;\n getTextProps: PropGetterFn;\n};\n\ntype IntergalacticRadioGroupComponent = (<\n Value extends RadioValue,\n Tag extends Intergalactic.Tag = typeof Flex,\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, RadioGroupProps<Value>>,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n Intergalactic.InternalTypings.ComponentAdditive<'div'>;\n\ndeclare const RadioGroup: IntergalacticRadioGroupComponent;\n\nexport { RadioGroup };\n\ndeclare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n Value: Intergalactic.Component<'input', RadioValueProps>;\n Text: typeof Text;\n};\n\nexport default Radio;\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps, Flex } from '@semcore/flex-box';\nimport { KeyboardFocusProps } 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\n/** @deprecated */\nexport interface IRadioProps extends RadioProps, UnknownProperties {}\nexport type RadioProps = BoxProps & {\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\n/** @deprecated */\nexport interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {}\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\n /**\n * HTML tag name for the displayed item\n */\n tag?: React.ElementType | string;\n /** Radio group name */\n name?: string;\n /** Active default value */\n defaultValue?: T;\n /** Active value */\n value?: T;\n /** Called when the selected element is changed */\n onChange?:\n | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /** Radio button size */\n size?: RadioSize;\n /** The theme of the radio button that you can send your color to */\n theme?: string;\n /** Blocks access and changes to the form field */\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioValueProps extends RadioValueProps, UnknownProperties {}\nexport type RadioValueProps = BoxProps &\n KeyboardFocusProps & {\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\n/** @deprecated */\nexport interface IRadioCtx extends RadioCtx, UnknownProperties {}\nexport type RadioCtx = {\n getValueProps: PropGetterFn;\n getTextProps: PropGetterFn;\n};\n\ntype IntergalacticRadioGroupComponent = (<\n Value extends RadioValue,\n Tag extends Intergalactic.Tag = typeof Flex,\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>>,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n Intergalactic.InternalTypings.ComponentAdditive<'div'>;\n\ndeclare const RadioGroup: IntergalacticRadioGroupComponent;\n\nexport { RadioGroup };\n\ndeclare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n Value: Intergalactic.Component<'input', RadioValueProps>;\n Text: typeof Text;\n};\n\nexport default Radio;\n"],"mappings":""}
|
package/lib/es6/Radio.js
CHANGED
|
@@ -18,19 +18,19 @@ import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhan
|
|
|
18
18
|
import resolveColor from '@semcore/utils/lib/color';
|
|
19
19
|
import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
|
|
20
20
|
/*__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SRadio": "
|
|
23
|
-
"_disabled": "
|
|
24
|
-
"__SText": "
|
|
25
|
-
"_size_m": "
|
|
26
|
-
"_size_l": "
|
|
27
|
-
"__SValue": "
|
|
28
|
-
"_state_normal": "
|
|
29
|
-
"_state_invalid": "
|
|
30
|
-
"__SControl": "
|
|
31
|
-
"_keyboardFocused": "
|
|
32
|
-
"_theme": "
|
|
33
|
-
"--theme": "--
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadio_1s62z_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1s62z_gg_.__disabled_1s62z_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_1s62z_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SText_1s62z_gg_._size_m_1s62z_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1s62z_gg_._size_l_1s62z_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1s62z_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1s62z_gg_::after,.___SValue_1s62z_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1s62z_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1s62z_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1s62z_gg_._size_m_1s62z_gg_{width:16px;height:16px}.___SValue_1s62z_gg_._size_l_1s62z_gg_{width:20px;height:20px}.___SValue_1s62z_gg_._state_normal_1s62z_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1s62z_gg_._state_invalid_1s62z_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1s62z_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1s62z_gg_:checked~.___SValue_1s62z_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1s62z_gg_:checked~.___SValue_1s62z_gg_._size_m_1s62z_gg_::after{width:6px;height:6px}.___SControl_1s62z_gg_:checked~.___SValue_1s62z_gg_._size_l_1s62z_gg_::after{width:8px;height:8px}.___SValue_1s62z_gg_._state_normal_1s62z_gg_.__keyboardFocused_1s62z_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_1s62z_gg_._state_invalid_1s62z_gg_.__keyboardFocused_1s62z_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_1s62z_gg_:checked~.___SValue_1s62z_gg_.__theme_1s62z_gg_::before{border-color:var(--theme_1s62z);background-color:var(--theme_1s62z)}.___SValue_1s62z_gg_._state_normal_1s62z_gg_.__theme_1s62z_gg_::before{border-color:var(--theme_1s62z)}" /*__inner_css_end__*/, "1s62z_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SRadio": "___SRadio_1s62z_gg_",
|
|
23
|
+
"_disabled": "__disabled_1s62z_gg_",
|
|
24
|
+
"__SText": "___SText_1s62z_gg_",
|
|
25
|
+
"_size_m": "_size_m_1s62z_gg_",
|
|
26
|
+
"_size_l": "_size_l_1s62z_gg_",
|
|
27
|
+
"__SValue": "___SValue_1s62z_gg_",
|
|
28
|
+
"_state_normal": "_state_normal_1s62z_gg_",
|
|
29
|
+
"_state_invalid": "_state_invalid_1s62z_gg_",
|
|
30
|
+
"__SControl": "___SControl_1s62z_gg_",
|
|
31
|
+
"_keyboardFocused": "__keyboardFocused_1s62z_gg_",
|
|
32
|
+
"_theme": "__theme_1s62z_gg_",
|
|
33
|
+
"--theme": "--theme_1s62z"
|
|
34
34
|
});
|
|
35
35
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
36
36
|
_inherits(RadioGroupRoot, _Component);
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps, Flex } from '@semcore/flex-box';\nimport { KeyboardFocusProps } 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\n/** @deprecated */\nexport interface IRadioProps extends RadioProps, UnknownProperties {}\nexport type RadioProps = BoxProps & {\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\n/** @deprecated */\nexport interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {}\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\n /**\n * HTML tag name for the displayed item\n */\n tag?: React.ElementType | string;\n /** Radio group name */\n name?: string;\n /** Active default value */\n defaultValue?: T;\n /** Active value */\n value?: T;\n /** Called when the selected element is changed */\n onChange?:\n | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /** Radio button size */\n size?: RadioSize;\n /** The theme of the radio button that you can send your color to */\n theme?: string;\n /** Blocks access and changes to the form field */\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioValueProps extends RadioValueProps, UnknownProperties {}\nexport type RadioValueProps = BoxProps &\n KeyboardFocusProps & {\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\n/** @deprecated */\nexport interface IRadioCtx extends RadioCtx, UnknownProperties {}\nexport type RadioCtx = {\n getValueProps: PropGetterFn;\n getTextProps: PropGetterFn;\n};\n\ntype IntergalacticRadioGroupComponent = (<\n Value extends RadioValue,\n Tag extends Intergalactic.Tag = typeof Flex,\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, RadioGroupProps<Value>>,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n Intergalactic.InternalTypings.ComponentAdditive<'div'>;\n\ndeclare const RadioGroup: IntergalacticRadioGroupComponent;\n\nexport { RadioGroup };\n\ndeclare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n Value: Intergalactic.Component<'input', RadioValueProps>;\n Text: typeof Text;\n};\n\nexport default Radio;\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps, Flex } from '@semcore/flex-box';\nimport { KeyboardFocusProps } 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\n/** @deprecated */\nexport interface IRadioProps extends RadioProps, UnknownProperties {}\nexport type RadioProps = BoxProps & {\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\n/** @deprecated */\nexport interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {}\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\n /**\n * HTML tag name for the displayed item\n */\n tag?: React.ElementType | string;\n /** Radio group name */\n name?: string;\n /** Active default value */\n defaultValue?: T;\n /** Active value */\n value?: T;\n /** Called when the selected element is changed */\n onChange?:\n | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /** Radio button size */\n size?: RadioSize;\n /** The theme of the radio button that you can send your color to */\n theme?: string;\n /** Blocks access and changes to the form field */\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioValueProps extends RadioValueProps, UnknownProperties {}\nexport type RadioValueProps = BoxProps &\n KeyboardFocusProps & {\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\n/** @deprecated */\nexport interface IRadioCtx extends RadioCtx, UnknownProperties {}\nexport type RadioCtx = {\n getValueProps: PropGetterFn;\n getTextProps: PropGetterFn;\n};\n\ntype IntergalacticRadioGroupComponent = (<\n Value extends RadioValue,\n Tag extends Intergalactic.Tag = typeof Flex,\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>>,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n Intergalactic.InternalTypings.ComponentAdditive<'div'>;\n\ndeclare const RadioGroup: IntergalacticRadioGroupComponent;\n\nexport { RadioGroup };\n\ndeclare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n Value: Intergalactic.Component<'input', RadioValueProps>;\n Text: typeof Text;\n};\n\nexport default Radio;\n"],"mappings":""}
|
package/lib/types/index.d.ts
CHANGED
|
@@ -86,7 +86,7 @@ type IntergalacticRadioGroupComponent = (<
|
|
|
86
86
|
Value extends RadioValue,
|
|
87
87
|
Tag extends Intergalactic.Tag = typeof Flex,
|
|
88
88
|
>(
|
|
89
|
-
props: Intergalactic.InternalTypings.ComponentProps<Tag, RadioGroupProps<Value>>,
|
|
89
|
+
props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>>,
|
|
90
90
|
) => Intergalactic.InternalTypings.ComponentRenderingResults) &
|
|
91
91
|
Intergalactic.InternalTypings.ComponentAdditive<'div'>;
|
|
92
92
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/radio",
|
|
3
3
|
"description": "Semrush Radio Component",
|
|
4
|
-
"version": "6.2.0",
|
|
4
|
+
"version": "6.2.1-beta.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,12 +9,12 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/utils": "4.
|
|
13
|
-
"@semcore/flex-box": "5.2.0",
|
|
14
|
-
"@semcore/typography": "5.3.0"
|
|
12
|
+
"@semcore/utils": "4.2.0-beta.0",
|
|
13
|
+
"@semcore/flex-box": "5.2.1-beta.0",
|
|
14
|
+
"@semcore/typography": "5.3.1-beta.0"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
|
-
"@semcore/core": "^2",
|
|
17
|
+
"@semcore/core": "^2.2.1",
|
|
18
18
|
"react": "16.8 - 18",
|
|
19
19
|
"react-dom": "16.8 - 18"
|
|
20
20
|
},
|