@semcore/radio 6.9.2 → 6.10.0

package/CHANGELOG.md

@@ -2,7 +2,16 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [6.9.2-prerelease.0] - 2023-09-20
+## [6.10.0-prerelease.0] - 2023-09-29
+
+### Added
+
+- simplified use: `<Radio />`.
+- advanced use with new sub-components `<Radio.Value.Control />` and `<Radio.Value.RadioMark />`
+- added warning about using `disabled` prop on `Radio.Value` with recommendation to use `disabled` prop on root `Radio` because it may cause SSR related issues.
+- input tag now gets `aria-invalid` if `state` prop is `invalid`.
+
+## [6.9.2] - 2023-09-20
 
 ### Changed
 

package/lib/cjs/Radio.js

@@ -1,7 +1,7 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,6 +12,7 @@ Object.defineProperty(exports, "inputProps", {
     return _inputProps.inputProps;
   }
 });
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -23,24 +24,28 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _core = _interopRequireWildcard(require("@semcore/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("@semcore/flex-box");
-var _assignProps6 = _interopRequireDefault(require("@semcore/utils/lib/assignProps"));
+var _assignProps8 = _interopRequireWildcard(require("@semcore/utils/lib/assignProps"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
 var _color = _interopRequireDefault(require("@semcore/utils/lib/color"));
 var _inputProps = _interopRequireWildcard(require("@semcore/utils/lib/inputProps"));
+var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
+var _typography = require("@semcore/typography");
+var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps"],
+  _excluded2 = ["children", "Children"];
 /*__reshadow-styles__:"./style/radio.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadio_b7i6u_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_b7i6u_gg_.__disabled_b7i6u_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_b7i6u_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SText_b7i6u_gg_._size_m_b7i6u_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_b7i6u_gg_._size_l_b7i6u_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_b7i6u_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_b7i6u_gg_::after,.___SValue_b7i6u_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_b7i6u_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_b7i6u_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_b7i6u_gg_._size_m_b7i6u_gg_{width:16px;height:16px}.___SValue_b7i6u_gg_._size_l_b7i6u_gg_{width:20px;height:20px}.___SValue_b7i6u_gg_._state_normal_b7i6u_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_b7i6u_gg_._state_invalid_b7i6u_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_b7i6u_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_b7i6u_gg_:checked~.___SValue_b7i6u_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_b7i6u_gg_:checked~.___SValue_b7i6u_gg_._size_m_b7i6u_gg_::after{width:6px;height:6px}.___SControl_b7i6u_gg_:checked~.___SValue_b7i6u_gg_._size_l_b7i6u_gg_::after{width:8px;height:8px}.___SValue_b7i6u_gg_._state_normal_b7i6u_gg_.__keyboardFocused_b7i6u_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_b7i6u_gg_._state_invalid_b7i6u_gg_.__keyboardFocused_b7i6u_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_b7i6u_gg_:checked~.___SValue_b7i6u_gg_.__theme_b7i6u_gg_::before{border-color:var(--theme_b7i6u);background-color:var(--theme_b7i6u)}.___SValue_b7i6u_gg_._state_normal_b7i6u_gg_.__theme_b7i6u_gg_::before{border-color:var(--theme_b7i6u)}" /*__inner_css_end__*/, "b7i6u_gg_") /*__reshadow_css_end__*/, {
-  "__SRadio": "___SRadio_b7i6u_gg_",
-  "_disabled": "__disabled_b7i6u_gg_",
-  "__SText": "___SText_b7i6u_gg_",
-  "_size_m": "_size_m_b7i6u_gg_",
-  "_size_l": "_size_l_b7i6u_gg_",
-  "__SValue": "___SValue_b7i6u_gg_",
-  "_state_normal": "_state_normal_b7i6u_gg_",
-  "_state_invalid": "_state_invalid_b7i6u_gg_",
-  "__SControl": "___SControl_b7i6u_gg_",
-  "_keyboardFocused": "__keyboardFocused_b7i6u_gg_",
-  "_theme": "__theme_b7i6u_gg_",
-  "--theme": "--theme_b7i6u"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadio_14o54_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SText_14o54_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SText_14o54_gg_._size_m_14o54_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_14o54_gg_._size_l_14o54_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_14o54_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_14o54_gg_::after,.___SValue_14o54_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_14o54_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_14o54_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_14o54_gg_.__disabled_14o54_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_14o54_gg_._size_m_14o54_gg_{width:16px;height:16px}.___SValue_14o54_gg_._size_l_14o54_gg_{width:20px;height:20px}.___SValue_14o54_gg_._state_normal_14o54_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_14o54_gg_._state_invalid_14o54_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_14o54_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_14o54_gg_:checked~.___SValue_14o54_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_14o54_gg_:checked~.___SValue_14o54_gg_._size_m_14o54_gg_::after{width:6px;height:6px}.___SControl_14o54_gg_:checked~.___SValue_14o54_gg_._size_l_14o54_gg_::after{width:8px;height:8px}.___SValue_14o54_gg_._state_normal_14o54_gg_.__keyboardFocused_14o54_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_14o54_gg_._state_invalid_14o54_gg_.__keyboardFocused_14o54_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_14o54_gg_:checked~.___SValue_14o54_gg_.__theme_14o54_gg_::before{border-color:var(--theme_14o54);background-color:var(--theme_14o54)}.___SValue_14o54_gg_._state_normal_14o54_gg_.__theme_14o54_gg_::before{border-color:var(--theme_14o54)}" /*__inner_css_end__*/, "14o54_gg_") /*__reshadow_css_end__*/, {
+  "__SRadio": "___SRadio_14o54_gg_",
+  "__SText": "___SText_14o54_gg_",
+  "_size_m": "_size_m_14o54_gg_",
+  "_size_l": "_size_l_14o54_gg_",
+  "__SValue": "___SValue_14o54_gg_",
+  "_disabled": "__disabled_14o54_gg_",
+  "_state_normal": "_state_normal_14o54_gg_",
+  "_state_invalid": "_state_invalid_14o54_gg_",
+  "__SControl": "___SControl_14o54_gg_",
+  "_keyboardFocused": "__keyboardFocused_14o54_gg_",
+  "_theme": "__theme_14o54_gg_",
+  "--theme": "--theme_14o54"
 });
 var RadioGroupRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RadioGroupRoot, _Component);
@@ -97,91 +102,116 @@ var RadioGroupRoot = /*#__PURE__*/function (_Component) {
 });
 var RadioGroup = (0, _core["default"])(RadioGroupRoot);
 exports.RadioGroup = RadioGroup;
-var Radio = /*#__PURE__*/function (_Component2) {
-  (0, _inherits2["default"])(Radio, _Component2);
-  var _super2 = (0, _createSuper2["default"])(Radio);
-  function Radio() {
+var RadioRoot = /*#__PURE__*/function (_Component2) {
+  (0, _inherits2["default"])(RadioRoot, _Component2);
+  var _super2 = (0, _createSuper2["default"])(RadioRoot);
+  function RadioRoot() {
     var _this;
-    (0, _classCallCheck2["default"])(this, Radio);
+    (0, _classCallCheck2["default"])(this, RadioRoot);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
     _this = _super2.call.apply(_super2, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerChange", function (value) {
-      return function (checked, e) {
-        _this.context.onChange(value, e);
-      };
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      hoistedDisabled: undefined
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "hoistDisabled", function (disabled) {
+      _logger["default"].warn(true, "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.", _this.asProps['data-ui-name']);
+      _this.setState({
+        hoistedDisabled: disabled
+      });
     });
     return _this;
   }
-  (0, _createClass2["default"])(Radio, [{
-    key: "getValueProps",
-    value: function getValueProps(props) {
+  (0, _createClass2["default"])(RadioRoot, [{
+    key: "getTextProps",
+    value: function getTextProps() {
       // The default values are here, since you cannot rewrite out of context
-      var _assignProps4 = (0, _assignProps6["default"])(this.props, this.context),
-        _assignProps4$state = _assignProps4.state,
-        state = _assignProps4$state === void 0 ? 'normal' : _assignProps4$state,
-        _assignProps4$size = _assignProps4.size,
-        size = _assignProps4$size === void 0 ? 'm' : _assignProps4$size,
-        theme = _assignProps4.theme,
-        name = _assignProps4.name,
-        disabled = _assignProps4.disabled;
-      var value = this.context.value;
-      var other = {};
-      // if used with the context
-      if (value !== undefined) {
-        other['checked'] = value === props.value;
-        other['onChange'] = this.bindHandlerChange(props.value);
-        if (this.asProps.tag !== 'label') {
-          other['onClick'] = this.bindHandlerChange(props.value);
-        }
-      }
-      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
-        state: state,
+      var _assignProps6 = (0, _assignProps8["default"])(this.asProps, this.context),
+        _assignProps6$size = _assignProps6.size,
+        size = _assignProps6$size === void 0 ? 'm' : _assignProps6$size,
+        disabled = _assignProps6.disabled,
+        label = _assignProps6.label;
+      var hoistedDisabled = this.state.hoistedDisabled;
+      var textProps = {
         size: size,
-        theme: theme,
-        name: name,
-        disabled: disabled
-      });
+        children: label,
+        disabled: disabled !== null && disabled !== void 0 ? disabled : hoistedDisabled,
+        hoistDisabled: this.hoistDisabled,
+        rootDisabled: this.props.disabled
+      };
+      return textProps;
     }
   }, {
-    key: "getTextProps",
-    value: function getTextProps() {
+    key: "getValueProps",
+    value: function getValueProps() {
+      var _this$props$size;
       // The default values are here, since you cannot rewrite out of context
-      var _assignProps5 = (0, _assignProps6["default"])(this.props, this.context),
-        _assignProps5$size = _assignProps5.size,
-        size = _assignProps5$size === void 0 ? 'm' : _assignProps5$size;
+      var _assignProps7 = (0, _assignProps8["default"])(this.context, this.asProps),
+        _assignProps7$size = _assignProps7.size,
+        size = _assignProps7$size === void 0 ? 'm' : _assignProps7$size,
+        _assignProps7$state = _assignProps7.state,
+        state = _assignProps7$state === void 0 ? 'normal' : _assignProps7$state,
+        theme = _assignProps7.theme,
+        disabled = _assignProps7.disabled,
+        name = _assignProps7.name;
+      var _this$asProps2 = this.asProps,
+        value = _this$asProps2.value,
+        checked = _this$asProps2.checked;
+      var hoistedDisabled = this.state.hoistedDisabled;
       return {
-        size: size
+        size: (_this$props$size = this.props.size) !== null && _this$props$size !== void 0 ? _this$props$size : size,
+        disabled: disabled !== null && disabled !== void 0 ? disabled : hoistedDisabled,
+        state: state,
+        theme: theme,
+        value: value,
+        checked: checked,
+        name: name,
+        hoistDisabled: this.hoistDisabled,
+        rootDisabled: this.props.disabled
       };
     }
   }, {
     key: "render",
     value: function render() {
       var _ref2 = this.asProps,
-        _ref4;
+        _ref6;
       var SRadio = _flexBox.Box;
-      var _this$asProps2 = this.asProps,
-        styles = _this$asProps2.styles,
-        Children = _this$asProps2.Children;
-      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SRadio, _ref4.cn("SRadio", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "tag": 'label'
-      }, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})));
+      var _this$asProps3 = this.asProps,
+        styles = _this$asProps3.styles,
+        Children = _this$asProps3.Children,
+        hasChildren = _this$asProps3.children;
+      return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SRadio, _ref6.cn("SRadio", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "tag": 'label',
+        "__excludeProps": ['onChange', 'label', 'disabled']
+      }, _ref2))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Radio.Value, null), /*#__PURE__*/_react["default"].createElement(Radio.Text, null)));
     }
   }]);
-  return Radio;
+  return RadioRoot;
 }(_core.Component);
-(0, _defineProperty2["default"])(Radio, "displayName", 'Radio');
-(0, _defineProperty2["default"])(Radio, "style", style);
-(0, _defineProperty2["default"])(Radio, "contextType", RadioGroup[_core.CONTEXT_COMPONENT]);
-var Value = /*#__PURE__*/function (_Component3) {
-  (0, _inherits2["default"])(Value, _Component3);
-  var _super3 = (0, _createSuper2["default"])(Value);
-  function Value() {
-    (0, _classCallCheck2["default"])(this, Value);
-    return _super3.apply(this, arguments);
+(0, _defineProperty2["default"])(RadioRoot, "displayName", 'Radio');
+(0, _defineProperty2["default"])(RadioRoot, "style", style);
+(0, _defineProperty2["default"])(RadioRoot, "contextType", RadioGroup[_core.CONTEXT_COMPONENT]);
+var ValueRoot = /*#__PURE__*/function (_Component3) {
+  (0, _inherits2["default"])(ValueRoot, _Component3);
+  var _super3 = (0, _createSuper2["default"])(ValueRoot);
+  function ValueRoot() {
+    var _this2;
+    (0, _classCallCheck2["default"])(this, ValueRoot);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    _this2 = _super3.call.apply(_super3, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "bindHandlerChange", function (value) {
+      return function (e) {
+        if (typeof _this2.context.onChange === 'function') {
+          _this2.context.onChange(value, e);
+        }
+      };
+    });
+    return _this2;
   }
-  (0, _createClass2["default"])(Value, [{
+  (0, _createClass2["default"])(ValueRoot, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       return {
@@ -190,48 +220,157 @@ var Value = /*#__PURE__*/function (_Component3) {
         }
       };
     }
+  }, {
+    key: "getControlProps",
+    value: function getControlProps() {
+      var currentValue = this.context.value;
+      var _this$asProps4 = this.asProps,
+        forwardRef = _this$asProps4.forwardRef,
+        includeInputProps = _this$asProps4.includeInputProps,
+        state = _this$asProps4.state,
+        value = _this$asProps4.value;
+      var _getInputProps = (0, _inputProps["default"])(this.asProps, includeInputProps),
+        _getInputProps2 = (0, _slicedToArray2["default"])(_getInputProps, 1),
+        commonControlProps = _getInputProps2[0];
+      var inputValue = value !== null && value !== void 0 ? value : '';
+      var controlProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+        ref: forwardRef,
+        state: state
+      }, commonControlProps), {}, {
+        value: inputValue
+      });
+      if (currentValue !== undefined) {
+        var _this$props = this.props,
+          onChange = _this$props.onChange,
+          onClick = _this$props.onClick;
+        controlProps.checked = currentValue === inputValue;
+        controlProps.onChange = (0, _assignProps8.callAllEventHandlers)(onChange, this.bindHandlerChange(inputValue));
+      }
+      return controlProps;
+    }
+  }, {
+    key: "getRadioMarkProps",
+    value: function getRadioMarkProps() {
+      var currentValue = this.context.value;
+      var _this$asProps5 = this.asProps,
+        size = _this$asProps5.size,
+        state = _this$asProps5.state,
+        theme = _this$asProps5.theme,
+        keyboardFocused = _this$asProps5.keyboardFocused,
+        value = _this$asProps5.value,
+        tag = _this$asProps5.tag,
+        disabled = _this$asProps5.disabled,
+        includeInputProps = _this$asProps5.includeInputProps,
+        other = (0, _objectWithoutProperties2["default"])(_this$asProps5, _excluded);
+      var _getInputProps3 = (0, _inputProps["default"])(other, includeInputProps),
+        _getInputProps4 = (0, _slicedToArray2["default"])(_getInputProps3, 2),
+        radioMarkProps = _getInputProps4[1];
+      var children = radioMarkProps.children,
+        Children = radioMarkProps.Children,
+        propsWithoutChildren = (0, _objectWithoutProperties2["default"])(radioMarkProps, _excluded2);
+      var inputValue = value !== null && value !== void 0 ? value : '';
+      var markProps = (0, _objectSpread2["default"])({
+        theme: theme,
+        size: size,
+        state: state,
+        keyboardFocused: keyboardFocused,
+        disabled: disabled
+      }, propsWithoutChildren);
+      if (currentValue !== undefined) {
+        var onClick = this.props.onClick;
+        if (tag !== 'label') {
+          markProps.onClick = (0, _assignProps8.callAllEventHandlers)(onClick, this.bindHandlerChange(inputValue));
+        }
+      }
+      return markProps;
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      if (this.asProps.rootDisabled !== this.asProps.disabled) {
+        this.asProps.hoistDisabled(this.asProps.disabled);
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.asProps.rootDisabled !== this.asProps.disabled) {
+        this.asProps.hoistDisabled(this.asProps.disabled);
+      }
+    }
   }, {
     key: "render",
     value: function render() {
-      var _ref5;
-      var SValue = _flexBox.Box;
-      var SControl = _flexBox.Box;
-      var _this$asProps3 = this.asProps,
-        forwardRef = _this$asProps3.forwardRef,
-        styles = _this$asProps3.styles,
-        includeInputProps = _this$asProps3.includeInputProps,
-        theme = _this$asProps3.theme;
-      var _getInputProps = (0, _inputProps["default"])(this.asProps, includeInputProps),
-        _getInputProps2 = (0, _slicedToArray2["default"])(_getInputProps, 2),
-        controlProps = _getInputProps2[0],
-        boxProps = _getInputProps2[1];
-      return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SControl, _ref5.cn("SControl", (0, _objectSpread2["default"])({
-        "tag": 'input',
-        "type": 'radio'
-      }, controlProps))), /*#__PURE__*/_react["default"].createElement(SValue, _ref5.cn("SValue", (0, _objectSpread2["default"])({
-        "ref": forwardRef,
-        "use:theme": (0, _color["default"])(theme)
-      }, boxProps))));
+      var _ref8;
+      var _this$asProps6 = this.asProps,
+        styles = _this$asProps6.styles,
+        hasChildren = _this$asProps6.children,
+        Children = _this$asProps6.Children;
+      if (!hasChildren) {
+        var _ref7;
+        return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Radio.Value.Control, null), /*#__PURE__*/_react["default"].createElement(Radio.Value.RadioMark, null));
+      }
+      return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {}));
     }
   }]);
-  return Value;
+  return ValueRoot;
 }(_core.Component);
-(0, _defineProperty2["default"])(Value, "defaultProps", {
+(0, _defineProperty2["default"])(ValueRoot, "defaultProps", {
   includeInputProps: _inputProps.inputProps,
   defaultChecked: false
 });
-(0, _defineProperty2["default"])(Value, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
-(0, _defineProperty2["default"])(Value, "hoistProps", ['disabled']);
-function Text(props) {
+(0, _defineProperty2["default"])(ValueRoot, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
+(0, _defineProperty2["default"])(ValueRoot, "displayName", 'Value');
+(0, _defineProperty2["default"])(ValueRoot, "contextType", RadioGroup[_core.CONTEXT_COMPONENT]);
+(0, _defineProperty2["default"])(ValueRoot, "style", style);
+var Control = function Control(props) {
   var _ref3 = arguments[0],
-    _ref6;
-  var SText = _flexBox.Box;
+    _ref9;
+  var SControl = _flexBox.Box;
+  var styles = props.styles,
+    state = props.state;
+  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SControl, _ref9.cn("SControl", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tag": 'input',
+    "type": 'radio',
+    "aria-invalid": state === 'invalid'
+  }, _ref3))));
+};
+Control.displayName = 'Control';
+var RadioMark = function RadioMark(props) {
+  var _ref4 = arguments[0],
+    _ref10;
+  var SValue = _flexBox.Box;
+  var theme = props.theme,
+    styles = props.styles;
+  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SValue, _ref10.cn("SValue", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tag": 'div',
+    "use:theme": (0, _color["default"])(theme)
+  }, _ref4))));
+};
+RadioMark.displayName = 'RadioMark';
+var Text = function Text(props) {
+  var _ref5 = arguments[0],
+    _ref11;
+  var SText = _typography.Text;
   var styles = props.styles;
-  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref6.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
-}
-var _default = (0, _core["default"])(Radio, {
-  Value: Value,
-  Text: Text
+  _react["default"].useEffect(function () {
+    if (props.rootDisabled !== props.disabled) {
+      props.hoistDisabled(props.disabled);
+    }
+  }, [props.rootDisabled, props.disabled, props.hoistDisabled]);
+  return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref11.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tag": 'span'
+  }, _ref5))));
+};
+Text.displayName = 'Text';
+var Value = (0, _core["default"])(ValueRoot, {
+  Control: Control,
+  RadioMark: RadioMark
+});
+var Radio = (0, _core["default"])(RadioRoot, {
+  Text: Text,
+  Value: Value
 });
+var _default = Radio;
 exports["default"] = _default;
 //# sourceMappingURL=Radio.js.map

package/lib/cjs/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_assignProps6","_keyboardFocusEnhance","_color","_inputProps","style","sstyled","insert","RadioGroupRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","Flex","assignProps","Component","_defineProperty2","state","defaultValue","RadioGroup","createComponent","exports","Radio","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized2","checked","e","context","getValueProps","props","_assignProps4","_assignProps4$state","_assignProps4$size","other","undefined","bindHandlerChange","tag","_objectSpread2","getTextProps","_assignProps5","_assignProps5$size","_ref2","_ref4","SRadio","Box","_this$asProps2","styles","cn","CONTEXT_COMPONENT","Value","_Component3","_super3","target","_ref5","SValue","SControl","_this$asProps3","forwardRef","includeInputProps","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","boxProps","Fragment","resolveColor","inputProps","defaultChecked","keyboardFocusEnhance","Text","_ref3","arguments[0]","_ref6","SText","_default"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColor from '@semcore/utils/lib/color';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\n\nimport style from './style/radio.shadow.css';\n\nclass RadioGroupRoot extends Component {\n  static displayName = 'RadioGroup';\n\n  static defaultProps = {\n    state: 'normal',\n    size: 'm',\n    defaultValue: null,\n  };\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  setContext() {\n    const { theme, size, name, value, onChange, disabled } = this.asProps;\n    return {\n      onChange,\n      value,\n      theme,\n      size,\n      name,\n      disabled,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n\n    return (\n      <Root render={Flex} direction='column' role='radiogroup' __excludeProps={['onChange']}>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass Radio extends Component {\n  static displayName = 'Radio';\n  static style = style;\n  static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n  bindHandlerChange = (value) => (checked, e) => {\n    this.context.onChange(value, e);\n  };\n\n  getValueProps(props) {\n    // The default values are here, since you cannot rewrite out of context\n    const {\n      state = 'normal',\n      size = 'm',\n      theme,\n      name,\n      disabled,\n    } = assignProps(this.props, this.context);\n    const { value } = this.context;\n    const other = {};\n    // if used with the context\n    if (value !== undefined) {\n      other['checked'] = value === props.value;\n      other['onChange'] = this.bindHandlerChange(props.value);\n      if (this.asProps.tag !== 'label') {\n        other['onClick'] = this.bindHandlerChange(props.value);\n      }\n    }\n    return {\n      ...other,\n      state,\n      size,\n      theme,\n      name,\n      disabled,\n    };\n  }\n\n  getTextProps() {\n    // The default values are here, since you cannot rewrite out of context\n    const { size = 'm' } = assignProps(this.props, this.context);\n    return {\n      size: size,\n    };\n  }\n\n  render() {\n    const SRadio = Root;\n    const { styles, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <SRadio render={Box} tag='label'>\n        <Children />\n      </SRadio>,\n    );\n  }\n}\n\nclass Value extends Component {\n  static defaultProps = {\n    includeInputProps: inputProps,\n    defaultChecked: false,\n  };\n  static enhance = [keyboardFocusEnhance()];\n  static hoistProps = ['disabled'];\n\n  uncontrolledProps() {\n    return {\n      checked: (e) => e.target.checked,\n    };\n  }\n\n  render() {\n    const SValue = Box;\n    const SControl = Box;\n    const { forwardRef, styles, includeInputProps, theme } = this.asProps;\n\n    const [controlProps, boxProps] = getInputProps(this.asProps, includeInputProps);\n\n    return sstyled(styles)(\n      <>\n        <SControl tag='input' type='radio' {...controlProps} />\n        <SValue ref={forwardRef} use:theme={resolveColor(theme)} {...boxProps} />\n      </>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} />);\n}\n\nexport { inputProps, RadioGroup };\nexport default createComponent(Radio, {\n  Value,\n  Text,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Radio.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_assignProps8","_keyboardFocusEnhance","_color","_inputProps","_logger","_typography","_excluded","_excluded2","style","sstyled","insert","RadioGroupRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","Flex","assignProps","Component","_defineProperty2","state","defaultValue","RadioGroup","createComponent","exports","RadioRoot","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized2","hoistedDisabled","undefined","logger","warn","setState","getTextProps","_assignProps6","context","_assignProps6$size","label","textProps","children","hoistDisabled","rootDisabled","props","getValueProps","_this$props$size","_assignProps7","_assignProps7$size","_assignProps7$state","_this$asProps2","checked","_ref2","_ref6","SRadio","Box","_this$asProps3","styles","hasChildren","cn","_objectSpread2","Fragment","Radio","Value","Text","CONTEXT_COMPONENT","ValueRoot","_Component3","_super3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps4","forwardRef","includeInputProps","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","commonControlProps","inputValue","controlProps","ref","_this$props","onClick","callAllEventHandlers","bindHandlerChange","getRadioMarkProps","_this$asProps5","keyboardFocused","tag","other","_objectWithoutProperties2","_getInputProps3","_getInputProps4","radioMarkProps","propsWithoutChildren","markProps","componentDidUpdate","componentDidMount","_ref8","_this$asProps6","_ref7","Control","RadioMark","inputProps","defaultChecked","keyboardFocusEnhance","_ref3","arguments[0]","_ref9","SControl","displayName","_ref4","_ref10","SValue","resolveColor","_ref5","_ref11","SText","TypographyText","React","useEffect","_default"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport assignProps, { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColor from '@semcore/utils/lib/color';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\n\nimport style from './style/radio.shadow.css';\nimport logger from '@semcore/utils/lib/logger';\nimport { Text as TypographyText } from '@semcore/typography';\n\nclass RadioGroupRoot extends Component {\n  static displayName = 'RadioGroup';\n\n  static defaultProps = {\n    state: 'normal',\n    size: 'm',\n    defaultValue: null,\n  };\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  setContext() {\n    const { theme, size, name, value, onChange, disabled } = this.asProps;\n\n    return {\n      onChange,\n      value,\n      theme,\n      size,\n      name,\n      disabled,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n\n    return (\n      <Root render={Flex} direction='column' role='radiogroup' __excludeProps={['onChange']}>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass RadioRoot extends Component {\n  static displayName = 'Radio';\n  static style = style;\n  static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n  state = {\n    hoistedDisabled: undefined,\n  };\n\n  hoistDisabled = (disabled) => {\n    logger.warn(\n      true,\n      `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.`,\n      this.asProps['data-ui-name'],\n    );\n    this.setState({ hoistedDisabled: disabled });\n  };\n\n  getTextProps() {\n    // The default values are here, since you cannot rewrite out of context\n    const { size = 'm', disabled, label } = assignProps(this.asProps, this.context);\n    const { hoistedDisabled } = this.state;\n\n    const textProps = {\n      size,\n      children: label,\n      disabled: disabled ?? hoistedDisabled,\n      hoistDisabled: this.hoistDisabled,\n      rootDisabled: this.props.disabled,\n    };\n\n    return textProps;\n  }\n\n  getValueProps() {\n    // The default values are here, since you cannot rewrite out of context\n    const {\n      size = 'm',\n      state = 'normal',\n      theme,\n      disabled,\n      name,\n    } = assignProps(this.context, this.asProps);\n    const { value, checked } = this.asProps;\n    const { hoistedDisabled } = this.state;\n\n    return {\n      size: this.props.size ?? size,\n      disabled: disabled ?? hoistedDisabled,\n      state: state,\n      theme,\n      value,\n      checked,\n      name,\n      hoistDisabled: this.hoistDisabled,\n      rootDisabled: this.props.disabled,\n    };\n  }\n\n  render() {\n    const SRadio = Root;\n    const { styles, Children, children: hasChildren } = this.asProps;\n\n    return sstyled(styles)(\n      <SRadio render={Box} tag='label' __excludeProps={['onChange', 'label', 'disabled']}>\n        {hasChildren ? (\n          <Children />\n        ) : (\n          <>\n            <Radio.Value />\n            <Radio.Text />\n          </>\n        )}\n      </SRadio>,\n    );\n  }\n}\n\nclass ValueRoot extends Component {\n  static defaultProps = {\n    includeInputProps: inputProps,\n    defaultChecked: false,\n  };\n  static enhance = [keyboardFocusEnhance()];\n  static displayName = 'Value';\n  static contextType = RadioGroup[CONTEXT_COMPONENT];\n  static style = style;\n\n  bindHandlerChange = (value) => (e) => {\n    if (typeof this.context.onChange === 'function') {\n      this.context.onChange(value, e);\n    }\n  };\n\n  uncontrolledProps() {\n    return {\n      checked: (e) => e.target.checked,\n    };\n  }\n\n  getControlProps() {\n    const currentValue = this.context.value;\n    const { forwardRef, includeInputProps, state, value } = this.asProps;\n    const [commonControlProps] = getInputProps(this.asProps, includeInputProps);\n    const inputValue = value ?? '';\n\n    const controlProps = {\n      ref: forwardRef,\n      state,\n      ...commonControlProps,\n      value: inputValue,\n    };\n\n    if (currentValue !== undefined) {\n      const { onChange, onClick } = this.props;\n\n      controlProps.checked = currentValue === inputValue;\n      controlProps.onChange = callAllEventHandlers(onChange, this.bindHandlerChange(inputValue));\n    }\n\n    return controlProps;\n  }\n\n  getRadioMarkProps() {\n    const currentValue = this.context.value;\n    const {\n      size,\n      state,\n      theme,\n      keyboardFocused,\n      value,\n      tag,\n      disabled,\n      includeInputProps,\n      ...other\n    } = this.asProps;\n    const [, radioMarkProps] = getInputProps(other, includeInputProps);\n    const { children, Children, ...propsWithoutChildren } = radioMarkProps;\n    const inputValue = value ?? '';\n\n    const markProps = {\n      theme,\n      size,\n      state,\n      keyboardFocused,\n      disabled,\n      ...propsWithoutChildren,\n    };\n\n    if (currentValue !== undefined) {\n      const { onClick } = this.props;\n\n      if (tag !== 'label') {\n        markProps.onClick = callAllEventHandlers(onClick, this.bindHandlerChange(inputValue));\n      }\n    }\n\n    return markProps;\n  }\n\n  componentDidUpdate() {\n    if (this.asProps.rootDisabled !== this.asProps.disabled) {\n      this.asProps.hoistDisabled(this.asProps.disabled);\n    }\n  }\n  componentDidMount() {\n    if (this.asProps.rootDisabled !== this.asProps.disabled) {\n      this.asProps.hoistDisabled(this.asProps.disabled);\n    }\n  }\n\n  render() {\n    const { styles, children: hasChildren, Children } = this.asProps;\n\n    if (!hasChildren) {\n      return sstyled(styles)(\n        <>\n          <Radio.Value.Control />\n          <Radio.Value.RadioMark />\n        </>,\n      );\n    }\n\n    return sstyled(styles)(<Children />);\n  }\n}\n\nconst Control = (props) => {\n  const SControl = Root;\n  const { styles, state } = props;\n\n  return sstyled(styles)(\n    <SControl render={Box} tag='input' type='radio' aria-invalid={state === 'invalid'} />,\n  );\n};\nControl.displayName = 'Control';\n\nconst RadioMark = (props) => {\n  const SValue = Root;\n  const { theme, styles } = props;\n\n  return sstyled(styles)(<SValue render={Box} tag='div' use:theme={resolveColor(theme)} />);\n};\nRadioMark.displayName = 'RadioMark';\n\nconst Text = (props) => {\n  const SText = Root;\n  const { styles } = props;\n\n  React.useEffect(() => {\n    if (props.rootDisabled !== props.disabled) {\n      props.hoistDisabled(props.disabled);\n    }\n  }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n\n  return sstyled(styles)(<SText render={TypographyText} tag='span' />);\n};\nText.displayName = 'Text';\n\nexport { inputProps, RadioGroup };\n\nconst Value = createComponent(ValueRoot, {\n  Control,\n  RadioMark,\n});\n\nconst Radio = createComponent(RadioRoot, {\n  Text,\n  Value,\n});\n\nexport default Radio;\n"],"mappings":"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"}

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

@@ -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 {\n  /**\n   *  HTML tag name for the displayed item\n   */\n  tag?: React.ElementType | string;\n}\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\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":""}
+{"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 { Box, 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  /** Radio item value **/\n  value?: string;\n\n  /** Radio item checked flag **/\n  checked?: boolean;\n\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  /** Radio item text **/\n  label?: string;\n  /** Blocks access and changes to the radio item **/\n  disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {\n  /**\n   *  HTML tag name for the displayed item\n   */\n  tag?: React.ElementType | string;\n}\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\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     * @deprecated set `state` on root Radio instead\n     * The value displaying the state of the component\n     * @default normal\n     */\n    state?: RadioState;\n    /**\n     * @deprecated\n     * The theme of the radio button that you can send your color to\n     */\n    theme?: string;\n    /**\n     * @deprecated set `size` on root RadioGroup instead\n     * Radio button size\n     */\n    size?: RadioSize;\n    /**\n     * @deprecated set `value` on root Radio instead\n     * The element value is required for RadioGroup\n     */\n    value?: RadioValue;\n    /**\n     * @deprecated set `defaultValue` on root RadioGroup instead\n     * Default value if `value` property is not provided\n     */\n    defaultValue?: RadioValue;\n    /**\n     * @deprecated set `onChange` on root RadioGroup instead\n     * Called when the value changes\n     */\n    onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n    /**\n     * @deprecated set `disabled` on root Radio instead\n     * Blocks access and changes to the form field\n     */\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\nexport type RadioValueControlProps = {};\nexport type RadioValueMarkProps = {};\n\ndeclare const RadioGroup: IntergalacticRadioGroupComponent;\n\nexport { RadioGroup };\n\ndeclare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n  Value: Intergalactic.Component<'input', RadioValueProps> & {\n    Control: Intergalactic.Component<'input', RadioValueControlProps>;\n    RadioMark: Intergalactic.Component<typeof Box, RadioValueMarkProps>;\n  };\n  Text: typeof Text;\n};\n\nexport default Radio;\n"],"mappings":""}

package/lib/cjs/style/radio.shadow.css

@@ -4,13 +4,6 @@ SRadio {
   cursor: pointer;
 }
 
-SRadio[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
-  cursor: default;
-  pointer-events: none;
-  user-select: none;
-}
-
 SText {
   margin-left: var(--intergalactic-spacing-2x, 8px);
   color: var(--intergalactic-text-primary, #191b23);
@@ -63,6 +56,13 @@ SValue {
   }
 }
 
+SValue[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  cursor: default;
+  pointer-events: none;
+  user-select: none;
+}
+
 SValue[size='m'] {
   width: 16px;
   height: 16px;