@semcore/radio 6.43.0 → 6.43.1-prerelease.2
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 +16 -16
- package/lib/es6/Radio.js +16 -16
- package/lib/esm/Radio.mjs +123 -123
- 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.43.1] - 2025-03-18
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [4.48.0 ~> 4.48.1], `@semcore/flex-box` [5.41.0 ~> 5.41.1], `@semcore/core` [2.39.0 ~> 2.39.1]).
|
|
10
|
+
|
|
5
11
|
## [6.43.0] - 2025-03-14
|
|
6
12
|
|
|
7
13
|
### Added
|
package/lib/cjs/Radio.js
CHANGED
|
@@ -36,22 +36,22 @@ var _typography = require("@semcore/typography");
|
|
|
36
36
|
var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"],
|
|
37
37
|
_excluded2 = ["children", "Children"];
|
|
38
38
|
/*__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
39
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
40
|
-
"__SRadio": "
|
|
41
|
-
"_disabled": "
|
|
42
|
-
"__SText": "
|
|
43
|
-
"_size_m": "
|
|
44
|
-
"_size_l": "
|
|
45
|
-
"__SValue": "
|
|
46
|
-
"_state_normal": "
|
|
47
|
-
"_state_invalid": "
|
|
48
|
-
"__SControl": "
|
|
49
|
-
"_keyboardFocused": "
|
|
50
|
-
"_theme": "
|
|
51
|
-
"--theme": "--
|
|
52
|
-
"_color": "
|
|
53
|
-
"--color": "--
|
|
54
|
-
"__SInvalidPattern": "
|
|
39
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SRadio_n8xmt_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_n8xmt_gg_ .___SText_n8xmt_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_n8xmt_gg_ .___SText_n8xmt_gg_.__color_n8xmt_gg_{color:var(--color_n8xmt)}.___SRadio_n8xmt_gg_.__disabled_n8xmt_gg_{pointer-events:none}.___SText_n8xmt_gg_._size_m_n8xmt_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_n8xmt_gg_._size_l_n8xmt_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_n8xmt_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_n8xmt_gg_::after,.___SValue_n8xmt_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_n8xmt_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_n8xmt_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_n8xmt_gg_.__disabled_n8xmt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_n8xmt_gg_._size_m_n8xmt_gg_{width:16px;height:16px}.___SValue_n8xmt_gg_._size_m_n8xmt_gg_ .___SInvalidPattern_n8xmt_gg_:before{width:14px;height:14px}.___SValue_n8xmt_gg_._size_l_n8xmt_gg_{width:20px;height:20px}.___SValue_n8xmt_gg_._size_l_n8xmt_gg_ .___SInvalidPattern_n8xmt_gg_:before{width:18px;height:18px}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_n8xmt_gg_._state_invalid_n8xmt_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_n8xmt_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_._size_m_n8xmt_gg_::after{width:6px;height:6px}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_._size_l_n8xmt_gg_::after{width:8px;height:8px}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_.__keyboardFocused_n8xmt_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_n8xmt_gg_._state_invalid_n8xmt_gg_.__keyboardFocused_n8xmt_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_.__theme_n8xmt_gg_::before{border-color:var(--theme_n8xmt);background-color:var(--theme_n8xmt)}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_.__theme_n8xmt_gg_::before{border-color:var(--theme_n8xmt)}.___SInvalidPattern_n8xmt_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_n8xmt_gg_:before{content:\"\";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "n8xmt_gg_") /*__reshadow_css_end__*/, {
|
|
40
|
+
"__SRadio": "___SRadio_n8xmt_gg_",
|
|
41
|
+
"_disabled": "__disabled_n8xmt_gg_",
|
|
42
|
+
"__SText": "___SText_n8xmt_gg_",
|
|
43
|
+
"_size_m": "_size_m_n8xmt_gg_",
|
|
44
|
+
"_size_l": "_size_l_n8xmt_gg_",
|
|
45
|
+
"__SValue": "___SValue_n8xmt_gg_",
|
|
46
|
+
"_state_normal": "_state_normal_n8xmt_gg_",
|
|
47
|
+
"_state_invalid": "_state_invalid_n8xmt_gg_",
|
|
48
|
+
"__SControl": "___SControl_n8xmt_gg_",
|
|
49
|
+
"_keyboardFocused": "__keyboardFocused_n8xmt_gg_",
|
|
50
|
+
"_theme": "__theme_n8xmt_gg_",
|
|
51
|
+
"--theme": "--theme_n8xmt",
|
|
52
|
+
"_color": "__color_n8xmt_gg_",
|
|
53
|
+
"--color": "--color_n8xmt",
|
|
54
|
+
"__SInvalidPattern": "___SInvalidPattern_n8xmt_gg_"
|
|
55
55
|
});
|
|
56
56
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
57
57
|
(0, _inherits2["default"])(RadioGroupRoot, _Component);
|
package/lib/es6/Radio.js
CHANGED
|
@@ -24,22 +24,22 @@ import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance
|
|
|
24
24
|
import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
|
|
25
25
|
import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
|
|
26
26
|
/*__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
27
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
28
|
-
"__SRadio": "
|
|
29
|
-
"_disabled": "
|
|
30
|
-
"__SText": "
|
|
31
|
-
"_size_m": "
|
|
32
|
-
"_size_l": "
|
|
33
|
-
"__SValue": "
|
|
34
|
-
"_state_normal": "
|
|
35
|
-
"_state_invalid": "
|
|
36
|
-
"__SControl": "
|
|
37
|
-
"_keyboardFocused": "
|
|
38
|
-
"_theme": "
|
|
39
|
-
"--theme": "--
|
|
40
|
-
"_color": "
|
|
41
|
-
"--color": "--
|
|
42
|
-
"__SInvalidPattern": "
|
|
27
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadio_n8xmt_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_n8xmt_gg_ .___SText_n8xmt_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_n8xmt_gg_ .___SText_n8xmt_gg_.__color_n8xmt_gg_{color:var(--color_n8xmt)}.___SRadio_n8xmt_gg_.__disabled_n8xmt_gg_{pointer-events:none}.___SText_n8xmt_gg_._size_m_n8xmt_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_n8xmt_gg_._size_l_n8xmt_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_n8xmt_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_n8xmt_gg_::after,.___SValue_n8xmt_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_n8xmt_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_n8xmt_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_n8xmt_gg_.__disabled_n8xmt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_n8xmt_gg_._size_m_n8xmt_gg_{width:16px;height:16px}.___SValue_n8xmt_gg_._size_m_n8xmt_gg_ .___SInvalidPattern_n8xmt_gg_:before{width:14px;height:14px}.___SValue_n8xmt_gg_._size_l_n8xmt_gg_{width:20px;height:20px}.___SValue_n8xmt_gg_._size_l_n8xmt_gg_ .___SInvalidPattern_n8xmt_gg_:before{width:18px;height:18px}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_n8xmt_gg_._state_invalid_n8xmt_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_n8xmt_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_._size_m_n8xmt_gg_::after{width:6px;height:6px}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_._size_l_n8xmt_gg_::after{width:8px;height:8px}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_.__keyboardFocused_n8xmt_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_n8xmt_gg_._state_invalid_n8xmt_gg_.__keyboardFocused_n8xmt_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_.__theme_n8xmt_gg_::before{border-color:var(--theme_n8xmt);background-color:var(--theme_n8xmt)}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_.__theme_n8xmt_gg_::before{border-color:var(--theme_n8xmt)}.___SInvalidPattern_n8xmt_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_n8xmt_gg_:before{content:\"\";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "n8xmt_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__SRadio": "___SRadio_n8xmt_gg_",
|
|
29
|
+
"_disabled": "__disabled_n8xmt_gg_",
|
|
30
|
+
"__SText": "___SText_n8xmt_gg_",
|
|
31
|
+
"_size_m": "_size_m_n8xmt_gg_",
|
|
32
|
+
"_size_l": "_size_l_n8xmt_gg_",
|
|
33
|
+
"__SValue": "___SValue_n8xmt_gg_",
|
|
34
|
+
"_state_normal": "_state_normal_n8xmt_gg_",
|
|
35
|
+
"_state_invalid": "_state_invalid_n8xmt_gg_",
|
|
36
|
+
"__SControl": "___SControl_n8xmt_gg_",
|
|
37
|
+
"_keyboardFocused": "__keyboardFocused_n8xmt_gg_",
|
|
38
|
+
"_theme": "__theme_n8xmt_gg_",
|
|
39
|
+
"--theme": "--theme_n8xmt",
|
|
40
|
+
"_color": "__color_n8xmt_gg_",
|
|
41
|
+
"--color": "--color_n8xmt",
|
|
42
|
+
"__SInvalidPattern": "___SInvalidPattern_n8xmt_gg_"
|
|
43
43
|
});
|
|
44
44
|
import logger from '@semcore/utils/lib/logger';
|
|
45
45
|
import { Text as TypographyText } from '@semcore/typography';
|
package/lib/esm/Radio.mjs
CHANGED
|
@@ -1,54 +1,54 @@
|
|
|
1
1
|
import N from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
import G from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
3
|
+
import h from "@babel/runtime/helpers/esm/objectSpread2";
|
|
4
|
+
import R from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
|
+
import V from "@babel/runtime/helpers/esm/classCallCheck";
|
|
6
|
+
import z from "@babel/runtime/helpers/esm/createClass";
|
|
7
7
|
import D from "@babel/runtime/helpers/esm/inherits";
|
|
8
8
|
import T from "@babel/runtime/helpers/esm/createSuper";
|
|
9
|
-
import
|
|
9
|
+
import g from "@babel/runtime/helpers/esm/defineProperty";
|
|
10
10
|
import { sstyled as Y } from "@semcore/utils/lib/core/index";
|
|
11
|
-
import w, { CONTEXT_COMPONENT as j, assignProps as
|
|
11
|
+
import w, { CONTEXT_COMPONENT as j, assignProps as C, Component as E, sstyled as v } from "@semcore/core";
|
|
12
12
|
import l from "react";
|
|
13
13
|
import { Flex as Z, Box as I, InvalidStateBox as ee } from "@semcore/flex-box";
|
|
14
14
|
import A, { callAllEventHandlers as H } from "@semcore/utils/lib/assignProps";
|
|
15
|
-
import
|
|
16
|
-
import
|
|
15
|
+
import te from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
|
|
16
|
+
import re from "@semcore/utils/lib/enhances/resolveColorEnhance";
|
|
17
17
|
import O, { inputProps as ae } from "@semcore/utils/lib/inputProps";
|
|
18
18
|
import { inputProps as Ie } from "@semcore/utils/lib/inputProps";
|
|
19
19
|
import { useColorResolver as oe } from "@semcore/utils/lib/use/useColorResolver";
|
|
20
|
-
import
|
|
21
|
-
import { Text as
|
|
22
|
-
var
|
|
20
|
+
import ne from "@semcore/utils/lib/logger";
|
|
21
|
+
import { Text as _e } from "@semcore/typography";
|
|
22
|
+
var ie = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"], le = ["children", "Children"], B = (
|
|
23
23
|
/*__reshadow_css_start__*/
|
|
24
24
|
(Y.insert(
|
|
25
25
|
/*__inner_css_start__*/
|
|
26
|
-
'.
|
|
27
|
-
"
|
|
26
|
+
'.___SRadio_n8xmt_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_n8xmt_gg_ .___SText_n8xmt_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_n8xmt_gg_ .___SText_n8xmt_gg_.__color_n8xmt_gg_{color:var(--color_n8xmt)}.___SRadio_n8xmt_gg_.__disabled_n8xmt_gg_{pointer-events:none}.___SText_n8xmt_gg_._size_m_n8xmt_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_n8xmt_gg_._size_l_n8xmt_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_n8xmt_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_n8xmt_gg_::after,.___SValue_n8xmt_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_n8xmt_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_n8xmt_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_n8xmt_gg_.__disabled_n8xmt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_n8xmt_gg_._size_m_n8xmt_gg_{width:16px;height:16px}.___SValue_n8xmt_gg_._size_m_n8xmt_gg_ .___SInvalidPattern_n8xmt_gg_:before{width:14px;height:14px}.___SValue_n8xmt_gg_._size_l_n8xmt_gg_{width:20px;height:20px}.___SValue_n8xmt_gg_._size_l_n8xmt_gg_ .___SInvalidPattern_n8xmt_gg_:before{width:18px;height:18px}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_n8xmt_gg_._state_invalid_n8xmt_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_n8xmt_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_._size_m_n8xmt_gg_::after{width:6px;height:6px}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_._size_l_n8xmt_gg_::after{width:8px;height:8px}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_.__keyboardFocused_n8xmt_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_n8xmt_gg_._state_invalid_n8xmt_gg_.__keyboardFocused_n8xmt_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_n8xmt_gg_:checked~.___SValue_n8xmt_gg_.__theme_n8xmt_gg_::before{border-color:var(--theme_n8xmt);background-color:var(--theme_n8xmt)}.___SValue_n8xmt_gg_._state_normal_n8xmt_gg_.__theme_n8xmt_gg_::before{border-color:var(--theme_n8xmt)}.___SInvalidPattern_n8xmt_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_n8xmt_gg_:before{content:"";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}',
|
|
27
|
+
"n8xmt_gg_"
|
|
28
28
|
), {
|
|
29
|
-
__SRadio: "
|
|
30
|
-
_disabled: "
|
|
31
|
-
__SText: "
|
|
32
|
-
_size_m: "
|
|
33
|
-
_size_l: "
|
|
34
|
-
__SValue: "
|
|
35
|
-
_state_normal: "
|
|
36
|
-
_state_invalid: "
|
|
37
|
-
__SControl: "
|
|
38
|
-
_keyboardFocused: "
|
|
39
|
-
_theme: "
|
|
40
|
-
"--theme": "--
|
|
41
|
-
_color: "
|
|
42
|
-
"--color": "--
|
|
43
|
-
__SInvalidPattern: "
|
|
29
|
+
__SRadio: "___SRadio_n8xmt_gg_",
|
|
30
|
+
_disabled: "__disabled_n8xmt_gg_",
|
|
31
|
+
__SText: "___SText_n8xmt_gg_",
|
|
32
|
+
_size_m: "_size_m_n8xmt_gg_",
|
|
33
|
+
_size_l: "_size_l_n8xmt_gg_",
|
|
34
|
+
__SValue: "___SValue_n8xmt_gg_",
|
|
35
|
+
_state_normal: "_state_normal_n8xmt_gg_",
|
|
36
|
+
_state_invalid: "_state_invalid_n8xmt_gg_",
|
|
37
|
+
__SControl: "___SControl_n8xmt_gg_",
|
|
38
|
+
_keyboardFocused: "__keyboardFocused_n8xmt_gg_",
|
|
39
|
+
_theme: "__theme_n8xmt_gg_",
|
|
40
|
+
"--theme": "--theme_n8xmt",
|
|
41
|
+
_color: "__color_n8xmt_gg_",
|
|
42
|
+
"--color": "--color_n8xmt",
|
|
43
|
+
__SInvalidPattern: "___SInvalidPattern_n8xmt_gg_"
|
|
44
44
|
})
|
|
45
|
-
), $ = /* @__PURE__ */ function(
|
|
46
|
-
D(
|
|
47
|
-
var o = T(
|
|
48
|
-
function
|
|
49
|
-
return
|
|
45
|
+
), $ = /* @__PURE__ */ function(c) {
|
|
46
|
+
D(_, c);
|
|
47
|
+
var o = T(_);
|
|
48
|
+
function _() {
|
|
49
|
+
return V(this, _), o.apply(this, arguments);
|
|
50
50
|
}
|
|
51
|
-
return
|
|
51
|
+
return z(_, [{
|
|
52
52
|
key: "uncontrolledProps",
|
|
53
53
|
value: function() {
|
|
54
54
|
return {
|
|
@@ -58,55 +58,55 @@ var ne = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled
|
|
|
58
58
|
}, {
|
|
59
59
|
key: "setContext",
|
|
60
60
|
value: function() {
|
|
61
|
-
var
|
|
61
|
+
var t = this.asProps, e = t.theme, a = t.size, n = t.name, i = t.value, s = t.onChange, d = t.disabled;
|
|
62
62
|
return {
|
|
63
63
|
onChange: s,
|
|
64
|
-
value:
|
|
64
|
+
value: i,
|
|
65
65
|
theme: e,
|
|
66
66
|
size: a,
|
|
67
|
-
name:
|
|
67
|
+
name: n,
|
|
68
68
|
disabled: d
|
|
69
69
|
};
|
|
70
70
|
}
|
|
71
71
|
}, {
|
|
72
72
|
key: "render",
|
|
73
73
|
value: function() {
|
|
74
|
-
var
|
|
75
|
-
return /* @__PURE__ */ l.createElement(Z,
|
|
74
|
+
var t = this.asProps, e = this.asProps.Children;
|
|
75
|
+
return /* @__PURE__ */ l.createElement(Z, C({
|
|
76
76
|
direction: "column",
|
|
77
77
|
role: "group",
|
|
78
78
|
__excludeProps: ["onChange"]
|
|
79
|
-
},
|
|
79
|
+
}, t), /* @__PURE__ */ l.createElement(e, null));
|
|
80
80
|
}
|
|
81
|
-
}]),
|
|
81
|
+
}]), _;
|
|
82
82
|
}(E);
|
|
83
|
-
|
|
84
|
-
|
|
83
|
+
g($, "displayName", "RadioGroup");
|
|
84
|
+
g($, "defaultProps", {
|
|
85
85
|
defaultValue: null
|
|
86
86
|
});
|
|
87
|
-
var U = w($),
|
|
88
|
-
D(
|
|
89
|
-
var o = T(
|
|
90
|
-
function
|
|
91
|
-
var
|
|
92
|
-
|
|
93
|
-
for (var
|
|
87
|
+
var U = w($), y = /* @__PURE__ */ function(c) {
|
|
88
|
+
D(_, c);
|
|
89
|
+
var o = T(_);
|
|
90
|
+
function _() {
|
|
91
|
+
var r;
|
|
92
|
+
V(this, _);
|
|
93
|
+
for (var t = arguments.length, e = new Array(t), a = 0; a < t; a++)
|
|
94
94
|
e[a] = arguments[a];
|
|
95
|
-
return
|
|
95
|
+
return r = o.call.apply(o, [this].concat(e)), g(R(r), "state", {
|
|
96
96
|
hoistedDisabled: void 0
|
|
97
|
-
}),
|
|
98
|
-
|
|
99
|
-
hoistedDisabled:
|
|
97
|
+
}), g(R(r), "hoistDisabled", function(n) {
|
|
98
|
+
ne.warn(!0, "Don't set disabled on Radio.Value or Radio.Text, set it on Radio or on RadioGroup (for all items) instead. Otherwise it will produce wrong SSR output.", r.asProps["data-ui-name"]), r.setState({
|
|
99
|
+
hoistedDisabled: n
|
|
100
100
|
});
|
|
101
|
-
}),
|
|
101
|
+
}), r;
|
|
102
102
|
}
|
|
103
|
-
return
|
|
103
|
+
return z(_, [{
|
|
104
104
|
key: "getTextProps",
|
|
105
105
|
value: function() {
|
|
106
|
-
var
|
|
106
|
+
var t = A(this.asProps, this.context), e = t.size, a = e === void 0 ? "m" : e, n = t.disabled, i = t.label, s = this.state.hoistedDisabled, d = {
|
|
107
107
|
size: a,
|
|
108
|
-
children:
|
|
109
|
-
disabled:
|
|
108
|
+
children: i,
|
|
109
|
+
disabled: n ?? s,
|
|
110
110
|
hoistDisabled: this.hoistDisabled,
|
|
111
111
|
rootDisabled: this.props.disabled
|
|
112
112
|
};
|
|
@@ -115,15 +115,15 @@ var U = w($), S = /* @__PURE__ */ function(g) {
|
|
|
115
115
|
}, {
|
|
116
116
|
key: "getValueProps",
|
|
117
117
|
value: function() {
|
|
118
|
-
var
|
|
118
|
+
var t, e = A(this.asProps, this.context), a = e.size, n = a === void 0 ? "m" : a, i = e.state, s = i === void 0 ? "normal" : i, d = e.theme, m = e.disabled, b = e.name, u = this.asProps, p = u.value, x = u.checked, P = this.state.hoistedDisabled;
|
|
119
119
|
return {
|
|
120
|
-
size: (
|
|
121
|
-
disabled:
|
|
120
|
+
size: (t = this.props.size) !== null && t !== void 0 ? t : n,
|
|
121
|
+
disabled: m ?? P,
|
|
122
122
|
state: s,
|
|
123
123
|
theme: d,
|
|
124
|
-
value:
|
|
125
|
-
checked:
|
|
126
|
-
name:
|
|
124
|
+
value: p,
|
|
125
|
+
checked: x,
|
|
126
|
+
name: b,
|
|
127
127
|
hoistDisabled: this.hoistDisabled,
|
|
128
128
|
rootDisabled: this.props.disabled
|
|
129
129
|
};
|
|
@@ -131,32 +131,32 @@ var U = w($), S = /* @__PURE__ */ function(g) {
|
|
|
131
131
|
}, {
|
|
132
132
|
key: "render",
|
|
133
133
|
value: function() {
|
|
134
|
-
var
|
|
135
|
-
return e =
|
|
134
|
+
var t = this.asProps, e, a = I, n = this.asProps, i = n.styles, s = n.Children, d = n.children;
|
|
135
|
+
return e = v(i), /* @__PURE__ */ l.createElement(a, e.cn("SRadio", h({}, C({
|
|
136
136
|
tag: "label",
|
|
137
137
|
__excludeProps: ["onChange", "label", "disabled"]
|
|
138
|
-
},
|
|
138
|
+
}, t))), d ? /* @__PURE__ */ l.createElement(s, e.cn("Children", {})) : /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(S.Value, null), /* @__PURE__ */ l.createElement(S.Text, null)));
|
|
139
139
|
}
|
|
140
|
-
}]),
|
|
140
|
+
}]), _;
|
|
141
141
|
}(E);
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
var
|
|
146
|
-
D(
|
|
147
|
-
var o = T(
|
|
148
|
-
function
|
|
149
|
-
var
|
|
150
|
-
|
|
151
|
-
for (var
|
|
142
|
+
g(y, "displayName", "Radio");
|
|
143
|
+
g(y, "style", B);
|
|
144
|
+
g(y, "contextType", U[j]);
|
|
145
|
+
var f = /* @__PURE__ */ function(c) {
|
|
146
|
+
D(_, c);
|
|
147
|
+
var o = T(_);
|
|
148
|
+
function _() {
|
|
149
|
+
var r;
|
|
150
|
+
V(this, _);
|
|
151
|
+
for (var t = arguments.length, e = new Array(t), a = 0; a < t; a++)
|
|
152
152
|
e[a] = arguments[a];
|
|
153
|
-
return
|
|
154
|
-
return function(
|
|
155
|
-
typeof
|
|
153
|
+
return r = o.call.apply(o, [this].concat(e)), g(R(r), "bindHandlerChange", function(n) {
|
|
154
|
+
return function(i) {
|
|
155
|
+
typeof r.context.onChange == "function" && r.context.onChange(n, i);
|
|
156
156
|
};
|
|
157
|
-
}),
|
|
157
|
+
}), r;
|
|
158
158
|
}
|
|
159
|
-
return
|
|
159
|
+
return z(_, [{
|
|
160
160
|
key: "uncontrolledProps",
|
|
161
161
|
value: function() {
|
|
162
162
|
return {
|
|
@@ -168,35 +168,35 @@ var b = /* @__PURE__ */ function(g) {
|
|
|
168
168
|
}, {
|
|
169
169
|
key: "getControlProps",
|
|
170
170
|
value: function() {
|
|
171
|
-
var
|
|
171
|
+
var t = this.context.value, e = this.asProps, a = e.forwardRef, n = e.includeInputProps, i = e.state, s = e.value, d = O(this.asProps, n), m = G(d, 1), b = m[0], u = s ?? "", p = h(h({
|
|
172
172
|
ref: a,
|
|
173
|
-
state:
|
|
174
|
-
},
|
|
173
|
+
state: i
|
|
174
|
+
}, b), {}, {
|
|
175
175
|
value: u
|
|
176
176
|
});
|
|
177
|
-
if (
|
|
178
|
-
var
|
|
179
|
-
|
|
177
|
+
if (t !== void 0) {
|
|
178
|
+
var x = this.props, P = x.onChange;
|
|
179
|
+
x.onClick, p.checked = t === u, p.onChange = H(P, this.bindHandlerChange(u));
|
|
180
180
|
}
|
|
181
|
-
return
|
|
181
|
+
return p;
|
|
182
182
|
}
|
|
183
183
|
}, {
|
|
184
184
|
key: "getRadioMarkProps",
|
|
185
185
|
value: function() {
|
|
186
|
-
var
|
|
187
|
-
|
|
188
|
-
var K = N(
|
|
189
|
-
theme:
|
|
186
|
+
var t = this.context.value, e = this.asProps, a = e.size, n = e.state, i = e.theme, s = e.keyboardFocused, d = e.value, m = e.tag, b = e.disabled, u = e.includeInputProps, p = e.resolveColor, x = N(e, ie), P = O(x, u), F = G(P, 2), J = F[0], k = F[1];
|
|
187
|
+
k.children, k.Children;
|
|
188
|
+
var K = N(k, le), L = d ?? "", M = h({
|
|
189
|
+
theme: i,
|
|
190
190
|
size: a,
|
|
191
|
-
state:
|
|
191
|
+
state: n,
|
|
192
192
|
keyboardFocused: s,
|
|
193
|
-
disabled:
|
|
194
|
-
resolveColor:
|
|
193
|
+
disabled: b,
|
|
194
|
+
resolveColor: p,
|
|
195
195
|
checked: J.checked
|
|
196
196
|
}, K);
|
|
197
|
-
if (
|
|
197
|
+
if (t !== void 0) {
|
|
198
198
|
var Q = this.props.onClick;
|
|
199
|
-
|
|
199
|
+
m !== "label" && (M.onClick = H(Q, this.bindHandlerChange(L)));
|
|
200
200
|
}
|
|
201
201
|
return M;
|
|
202
202
|
}
|
|
@@ -213,53 +213,53 @@ var b = /* @__PURE__ */ function(g) {
|
|
|
213
213
|
}, {
|
|
214
214
|
key: "render",
|
|
215
215
|
value: function() {
|
|
216
|
-
var
|
|
217
|
-
return
|
|
216
|
+
var t, e = this.asProps, a = e.styles, n = e.children, i = e.Children;
|
|
217
|
+
return n ? (t = v(a), /* @__PURE__ */ l.createElement(i, t.cn("Children", {}))) : (v(a), /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(S.Value.Control, null), /* @__PURE__ */ l.createElement(S.Value.RadioMark, null)));
|
|
218
218
|
}
|
|
219
|
-
}]),
|
|
219
|
+
}]), _;
|
|
220
220
|
}(E);
|
|
221
|
-
|
|
221
|
+
g(f, "defaultProps", {
|
|
222
222
|
includeInputProps: ae,
|
|
223
223
|
defaultChecked: !1
|
|
224
224
|
});
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
225
|
+
g(f, "enhance", [te(), re()]);
|
|
226
|
+
g(f, "displayName", "Value");
|
|
227
|
+
g(f, "contextType", U[j]);
|
|
228
|
+
g(f, "style", B);
|
|
229
229
|
var W = function(o) {
|
|
230
|
-
var
|
|
231
|
-
return
|
|
230
|
+
var _ = arguments[0], r, t = I, e = o.styles, a = o.state;
|
|
231
|
+
return r = v(e), /* @__PURE__ */ l.createElement(t, r.cn("SControl", h({}, C({
|
|
232
232
|
tag: "input",
|
|
233
233
|
type: "radio",
|
|
234
234
|
"aria-invalid": a === "invalid"
|
|
235
|
-
},
|
|
235
|
+
}, _))));
|
|
236
236
|
};
|
|
237
237
|
W.displayName = "Control";
|
|
238
238
|
var X = function(o) {
|
|
239
|
-
var
|
|
240
|
-
return
|
|
239
|
+
var _ = arguments[0], r, t = I, e = ee, a = o.theme, n = o.styles, i = o.resolveColor, s = o.state, d = o.checked;
|
|
240
|
+
return r = v(n), /* @__PURE__ */ l.createElement(t, r.cn("SValue", h({}, C({
|
|
241
241
|
tag: "div",
|
|
242
|
-
"use:theme":
|
|
242
|
+
"use:theme": i(a),
|
|
243
243
|
"aria-hidden": !0
|
|
244
|
-
},
|
|
244
|
+
}, _))), s === "invalid" && !d && /* @__PURE__ */ l.createElement(e, r.cn("SInvalidPattern", {})));
|
|
245
245
|
};
|
|
246
246
|
X.displayName = "RadioMark";
|
|
247
247
|
var q = function(o) {
|
|
248
|
-
var
|
|
248
|
+
var _ = arguments[0], r, t = _e, e = o.styles, a = o.color;
|
|
249
249
|
l.useEffect(function() {
|
|
250
250
|
o.rootDisabled !== o.disabled && o.hoistDisabled(o.disabled);
|
|
251
251
|
}, [o.rootDisabled, o.disabled, o.hoistDisabled]);
|
|
252
|
-
var
|
|
253
|
-
return
|
|
252
|
+
var n = oe();
|
|
253
|
+
return r = v(e), /* @__PURE__ */ l.createElement(t, r.cn("SText", h({}, C({
|
|
254
254
|
tag: "span",
|
|
255
|
-
"use:color":
|
|
256
|
-
},
|
|
255
|
+
"use:color": n(a)
|
|
256
|
+
}, _))));
|
|
257
257
|
};
|
|
258
258
|
q.displayName = "Text";
|
|
259
|
-
var se = w(
|
|
259
|
+
var se = w(f, {
|
|
260
260
|
Control: W,
|
|
261
261
|
RadioMark: X
|
|
262
|
-
}),
|
|
262
|
+
}), S = w(y, {
|
|
263
263
|
Text: q,
|
|
264
264
|
Value: se
|
|
265
265
|
}), Te = function(o) {
|
|
@@ -267,7 +267,7 @@ var se = w(b, {
|
|
|
267
267
|
};
|
|
268
268
|
export {
|
|
269
269
|
U as RadioGroup,
|
|
270
|
-
|
|
270
|
+
S as default,
|
|
271
271
|
Ie as inputProps,
|
|
272
272
|
Te as wrapRadioGroup
|
|
273
273
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/radio",
|
|
3
3
|
"description": "Semrush Radio Component",
|
|
4
|
-
"version": "6.43.
|
|
4
|
+
"version": "6.43.1-prerelease.2",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/utils": "4.48.
|
|
18
|
-
"@semcore/flex-box": "5.41.
|
|
19
|
-
"@semcore/typography": "5.52.
|
|
17
|
+
"@semcore/utils": "4.48.1-prerelease.2",
|
|
18
|
+
"@semcore/flex-box": "5.41.1-prerelease.2",
|
|
19
|
+
"@semcore/typography": "5.52.1-prerelease.2"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
|
-
"@semcore/core": "^2.
|
|
22
|
+
"@semcore/core": "^2.39.1-prerelease.2",
|
|
23
23
|
"react": "16.8 - 18",
|
|
24
24
|
"react-dom": "16.8 - 18"
|
|
25
25
|
},
|