@semcore/radio 6.9.2 → 6.10.0

package/lib/es6/Radio.js

@@ -1,3 +1,4 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -7,31 +8,37 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps5 } from "@semcore/core";
+import { assignProps as _assignProps4 } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
+var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps"],
+  _excluded2 = ["children", "Children"];
 import React from 'react';
 import createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';
 import { Flex, Box } from '@semcore/flex-box';
-import assignProps from '@semcore/utils/lib/assignProps';
+import assignProps, { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
 import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
 import resolveColor from '@semcore/utils/lib/color';
 import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
 /*__reshadow-styles__:"./style/radio.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_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__*/_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"
 });
+import logger from '@semcore/utils/lib/logger';
+import { Text as TypographyText } from '@semcore/typography';
 var RadioGroupRoot = /*#__PURE__*/function (_Component) {
   _inherits(RadioGroupRoot, _Component);
   var _super = _createSuper(RadioGroupRoot);
@@ -86,91 +93,116 @@ _defineProperty(RadioGroupRoot, "defaultProps", {
   defaultValue: null
 });
 var RadioGroup = createComponent(RadioGroupRoot);
-var Radio = /*#__PURE__*/function (_Component2) {
-  _inherits(Radio, _Component2);
-  var _super2 = _createSuper(Radio);
-  function Radio() {
+var RadioRoot = /*#__PURE__*/function (_Component2) {
+  _inherits(RadioRoot, _Component2);
+  var _super2 = _createSuper(RadioRoot);
+  function RadioRoot() {
     var _this;
-    _classCallCheck(this, Radio);
+    _classCallCheck(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));
-    _defineProperty(_assertThisInitialized(_this), "bindHandlerChange", function (value) {
-      return function (checked, e) {
-        _this.context.onChange(value, e);
-      };
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      hoistedDisabled: undefined
+    });
+    _defineProperty(_assertThisInitialized(_this), "hoistDisabled", function (disabled) {
+      logger.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;
   }
-  _createClass(Radio, [{
-    key: "getValueProps",
-    value: function getValueProps(props) {
+  _createClass(RadioRoot, [{
+    key: "getTextProps",
+    value: function getTextProps() {
       // The default values are here, since you cannot rewrite out of context
-      var _assignProps4 = assignProps(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 _objectSpread(_objectSpread({}, other), {}, {
-        state: state,
+      var _assignProps6 = assignProps(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 = assignProps(this.props, this.context),
-        _assignProps5$size = _assignProps5.size,
-        size = _assignProps5$size === void 0 ? 'm' : _assignProps5$size;
+      var _assignProps7 = assignProps(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 = Box;
-      var _this$asProps2 = this.asProps,
-        styles = _this$asProps2.styles,
-        Children = _this$asProps2.Children;
-      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SRadio, _ref4.cn("SRadio", _objectSpread({}, _assignProps2({
-        "tag": 'label'
-      }, _ref2))), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})));
+      var _this$asProps3 = this.asProps,
+        styles = _this$asProps3.styles,
+        Children = _this$asProps3.Children,
+        hasChildren = _this$asProps3.children;
+      return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SRadio, _ref6.cn("SRadio", _objectSpread({}, _assignProps2({
+        "tag": 'label',
+        "__excludeProps": ['onChange', 'label', 'disabled']
+      }, _ref2))), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Radio.Value, null), /*#__PURE__*/React.createElement(Radio.Text, null)));
     }
   }]);
-  return Radio;
+  return RadioRoot;
 }(Component);
-_defineProperty(Radio, "displayName", 'Radio');
-_defineProperty(Radio, "style", style);
-_defineProperty(Radio, "contextType", RadioGroup[CONTEXT_COMPONENT]);
-var Value = /*#__PURE__*/function (_Component3) {
-  _inherits(Value, _Component3);
-  var _super3 = _createSuper(Value);
-  function Value() {
-    _classCallCheck(this, Value);
-    return _super3.apply(this, arguments);
+_defineProperty(RadioRoot, "displayName", 'Radio');
+_defineProperty(RadioRoot, "style", style);
+_defineProperty(RadioRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
+var ValueRoot = /*#__PURE__*/function (_Component3) {
+  _inherits(ValueRoot, _Component3);
+  var _super3 = _createSuper(ValueRoot);
+  function ValueRoot() {
+    var _this2;
+    _classCallCheck(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));
+    _defineProperty(_assertThisInitialized(_this2), "bindHandlerChange", function (value) {
+      return function (e) {
+        if (typeof _this2.context.onChange === 'function') {
+          _this2.context.onChange(value, e);
+        }
+      };
+    });
+    return _this2;
   }
-  _createClass(Value, [{
+  _createClass(ValueRoot, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       return {
@@ -179,48 +211,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 = getInputProps(this.asProps, includeInputProps),
+        _getInputProps2 = _slicedToArray(_getInputProps, 1),
+        commonControlProps = _getInputProps2[0];
+      var inputValue = value !== null && value !== void 0 ? value : '';
+      var controlProps = _objectSpread(_objectSpread({
+        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 = 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 = _objectWithoutProperties(_this$asProps5, _excluded);
+      var _getInputProps3 = getInputProps(other, includeInputProps),
+        _getInputProps4 = _slicedToArray(_getInputProps3, 2),
+        radioMarkProps = _getInputProps4[1];
+      var children = radioMarkProps.children,
+        Children = radioMarkProps.Children,
+        propsWithoutChildren = _objectWithoutProperties(radioMarkProps, _excluded2);
+      var inputValue = value !== null && value !== void 0 ? value : '';
+      var markProps = _objectSpread({
+        theme: theme,
+        size: size,
+        state: state,
+        keyboardFocused: keyboardFocused,
+        disabled: disabled
+      }, propsWithoutChildren);
+      if (currentValue !== undefined) {
+        var onClick = this.props.onClick;
+        if (tag !== 'label') {
+          markProps.onClick = 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 = Box;
-      var SControl = Box;
-      var _this$asProps3 = this.asProps,
-        forwardRef = _this$asProps3.forwardRef,
-        styles = _this$asProps3.styles,
-        includeInputProps = _this$asProps3.includeInputProps,
-        theme = _this$asProps3.theme;
-      var _getInputProps = getInputProps(this.asProps, includeInputProps),
-        _getInputProps2 = _slicedToArray(_getInputProps, 2),
-        controlProps = _getInputProps2[0],
-        boxProps = _getInputProps2[1];
-      return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SControl, _ref5.cn("SControl", _objectSpread({
-        "tag": 'input',
-        "type": 'radio'
-      }, controlProps))), /*#__PURE__*/React.createElement(SValue, _ref5.cn("SValue", _objectSpread({
-        "ref": forwardRef,
-        "use:theme": resolveColor(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 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Radio.Value.Control, null), /*#__PURE__*/React.createElement(Radio.Value.RadioMark, null));
+      }
+      return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(Children, _ref8.cn("Children", {}));
     }
   }]);
-  return Value;
+  return ValueRoot;
 }(Component);
-_defineProperty(Value, "defaultProps", {
+_defineProperty(ValueRoot, "defaultProps", {
   includeInputProps: inputProps,
   defaultChecked: false
 });
-_defineProperty(Value, "enhance", [keyboardFocusEnhance()]);
-_defineProperty(Value, "hoistProps", ['disabled']);
-function Text(props) {
+_defineProperty(ValueRoot, "enhance", [keyboardFocusEnhance()]);
+_defineProperty(ValueRoot, "displayName", 'Value');
+_defineProperty(ValueRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
+_defineProperty(ValueRoot, "style", style);
+var Control = function Control(props) {
   var _ref3 = arguments[0],
-    _ref6;
-  var SText = Box;
+    _ref9;
+  var SControl = Box;
+  var styles = props.styles,
+    state = props.state;
+  return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SControl, _ref9.cn("SControl", _objectSpread({}, _assignProps3({
+    "tag": 'input',
+    "type": 'radio',
+    "aria-invalid": state === 'invalid'
+  }, _ref3))));
+};
+Control.displayName = 'Control';
+var RadioMark = function RadioMark(props) {
+  var _ref4 = arguments[0],
+    _ref10;
+  var SValue = Box;
+  var theme = props.theme,
+    styles = props.styles;
+  return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SValue, _ref10.cn("SValue", _objectSpread({}, _assignProps4({
+    "tag": 'div',
+    "use:theme": resolveColor(theme)
+  }, _ref4))));
+};
+RadioMark.displayName = 'RadioMark';
+var Text = function Text(props) {
+  var _ref5 = arguments[0],
+    _ref11;
+  var SText = TypographyText;
   var styles = props.styles;
-  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref6.cn("SText", _objectSpread({}, _assignProps3({}, _ref3))));
-}
+  React.useEffect(function () {
+    if (props.rootDisabled !== props.disabled) {
+      props.hoistDisabled(props.disabled);
+    }
+  }, [props.rootDisabled, props.disabled, props.hoistDisabled]);
+  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref11.cn("SText", _objectSpread({}, _assignProps5({
+    "tag": 'span'
+  }, _ref5))));
+};
+Text.displayName = 'Text';
 export { inputProps, RadioGroup };
-export default createComponent(Radio, {
-  Value: Value,
-  Text: Text
+var Value = createComponent(ValueRoot, {
+  Control: Control,
+  RadioMark: RadioMark
+});
+var Radio = createComponent(RadioRoot, {
+  Text: Text,
+  Value: Value
 });
+export default Radio;
 //# sourceMappingURL=Radio.js.map

package/lib/es6/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["React","createComponent","Component","CONTEXT_COMPONENT","sstyled","Root","Flex","Box","assignProps","keyboardFocusEnhance","resolveColor","getInputProps","inputProps","style","_sstyled","insert","RadioGroupRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","_assignProps","_defineProperty","state","defaultValue","RadioGroup","Radio","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized","checked","e","context","getValueProps","props","_assignProps4","_assignProps4$state","_assignProps4$size","other","undefined","bindHandlerChange","tag","_objectSpread","getTextProps","_assignProps5","_assignProps5$size","_ref2","_ref4","SRadio","_this$asProps2","styles","cn","_assignProps2","Value","_Component3","_super3","target","_ref5","SValue","SControl","_this$asProps3","forwardRef","includeInputProps","_getInputProps","_getInputProps2","_slicedToArray","controlProps","boxProps","Fragment","defaultChecked","Text","_ref3","arguments[0]","_ref6","SText","_assignProps3"],"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":["React","createComponent","Component","CONTEXT_COMPONENT","sstyled","Root","Flex","Box","assignProps","callAllEventHandlers","keyboardFocusEnhance","resolveColor","getInputProps","inputProps","style","_sstyled","insert","logger","Text","TypographyText","RadioGroupRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","_assignProps","_defineProperty","state","defaultValue","RadioGroup","RadioRoot","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized","hoistedDisabled","undefined","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","_this$asProps3","styles","hasChildren","cn","_objectSpread","_assignProps2","Fragment","Radio","Value","ValueRoot","_Component3","_super3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps4","forwardRef","includeInputProps","_getInputProps","_getInputProps2","_slicedToArray","commonControlProps","inputValue","controlProps","ref","_this$props","onClick","bindHandlerChange","getRadioMarkProps","_this$asProps5","keyboardFocused","tag","other","_objectWithoutProperties","_excluded","_getInputProps3","_getInputProps4","radioMarkProps","propsWithoutChildren","_excluded2","markProps","componentDidUpdate","componentDidMount","_ref8","_this$asProps6","_ref7","Control","RadioMark","defaultChecked","_ref3","arguments[0]","_ref9","SControl","_assignProps3","displayName","_ref4","_ref10","SValue","_assignProps4","_ref5","_ref11","SText","useEffect","_assignProps5"],"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/es6/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/es6/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;