@gympass/yoga 7.87.1 → 7.88.1

package/esm/RadioGroup/web/Radio/Radio.js

@@ -1,72 +1,218 @@
-var _excluded = ["value", "disabled", "style", "className"],
-    _excluded2 = ["name", "onChange", "selectedValue"];
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useContext } from "react";
+import { bool, oneOfType, string, number, shape } from "prop-types";
+import styled from "styled-components";
+import { hexToRgb } from "@gympass/yoga-common";
+import RadioGroupContext from "../../RadioGroupContext";
+import { HiddenInput } from "../../../shared";
+const Radio = styled.span`
+  position: relative;
+  display: block;
 
-var _templateObject, _templateObject2, _templateObject3;
+  pointer-events: none;
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+  ${({
+  theme: {
+    yoga: {
+      components: {
+        radiogroup: { radio }
+      }
+    }
+  }
+}) => `
+      width: ${radio.size}px;
+      height: ${radio.size}px;
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+      border-width: ${radio.size * 0.1}px; 
+      border-style: solid;
+      border-color: ${radio.backgroundColor};
+      border-radius: ${radio.border.radius}px;
+    `}
+`;
+const Input = styled(HiddenInput)`
+  top: 0;
+  left: 0;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+  width: 100%;
+  height: 100%;
+`;
+const Wrapper = styled.div`
+  position: relative;
 
-import React, { useContext } from 'react';
-import { bool, oneOfType, string, number, shape } from 'prop-types';
-import styled from 'styled-components';
-import { hexToRgb } from '@gympass/yoga-common';
-import RadioGroupContext from '../../RadioGroupContext';
-import { HiddenInput } from '../../../shared';
-var Radio = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: relative;\n  display: block;\n\n  pointer-events: none;\n\n  ", "\n"])), function (_ref) {
-  var radio = _ref.theme.yoga.components.radiogroup.radio;
-  return "\n      width: " + radio.size + "px;\n      height: " + radio.size + "px;\n\n      border-width: " + radio.size * 0.1 + "px; \n      border-style: solid;\n      border-color: " + radio.backgroundColor + ";\n      border-radius: " + radio.border.radius + "px;\n    ";
-});
-var Input = styled(HiddenInput)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 100%;\n"])));
-var Wrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  position: relative;\n\n  ", "\n"])), function (_ref2) {
-  var checked = _ref2.checked,
-      disabled = _ref2.disabled,
-      radiogroup = _ref2.theme.yoga.components.radiogroup;
-  var stateColors = {
+  ${({
+  checked,
+  disabled,
+  theme: {
+    yoga: {
+      components: { radiogroup }
+    }
+  }
+}) => {
+  const stateColors = {
     hover: checked ? hexToRgb(radiogroup.checked.backgroundColor, 0.25) : hexToRgb(radiogroup.hover.backgroundColor, 0.25),
     focusWithin: hexToRgb(radiogroup.checked.hover.backgroundColor, 0.5),
     active: checked ? hexToRgb(radiogroup.checked.hover.backgroundColor, 0.75) : hexToRgb(radiogroup.hover.backgroundColor, 0.75)
   };
-  return "\n    width: " + radiogroup.radio.size + "px;\n    height: " + radiogroup.radio.size + "px;\n\n    &:hover {\n      " + Input + " {\n        cursor: pointer;\n      }\n      " + Radio + " {\n        z-index: 1;\n        box-shadow: 0 0 0 " + radiogroup.radio.size * 0.4 + "px " + stateColors.hover + ";\n        background-color: " + hexToRgb(radiogroup.hover.backgroundColor, 0.25) + ";\n      }\n    }\n\n    &:active {\n      " + Radio + " {\n        box-shadow: 0 0 0 " + radiogroup.radio.size * 0.4 + "px " + stateColors.active + ";\n        background-color: " + hexToRgb(radiogroup.hover.backgroundColor, 0.75) + ";\n      }\n    }\n\n    " + (checked ? "\n    \n      &:hover {\n        " + Radio + " {\n          background-color: " + stateColors.hover + ";\n          box-shadow: 0 0 0 " + radiogroup.radio.size * 0.4 + "px \n            " + stateColors.hover + ";\n        }\n      }\n    \n      &:focus-within {\n        " + Radio + " {\n          z-index: 1;\n          background-color: " + stateColors.focusWithin + ";\n          box-shadow: 0 0 0 " + radiogroup.radio.size * 0.4 + "px \n            " + stateColors.focusWithin + ";\n        }\n      }\n    \n      &:active {\n        " + Radio + " {\n          background-color: " + stateColors.active + ";\n          box-shadow: 0 0 0 " + radiogroup.radio.size * 0.4 + "px \n            " + stateColors.active + ";\n        }\n      }\n\n      " + Radio + " {\n        border-color: " + radiogroup.checked.backgroundColor + ";\n\n        &:after {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n\n          width: " + radiogroup.radio.size * 0.5 + "px;\n          height: " + radiogroup.radio.size * 0.5 + "px;\n          \n          border-radius: 100%;\n          background-color: " + radiogroup.checked.backgroundColor + ";\n          \n          transform: translate(-50%, -50%);\n          \n          content: '';\n        }\n      }\n    " : '') + "\n\n    " + (disabled ? "\n        " + Radio + " {\n          border-color: " + radiogroup.disabled.backgroundColor + ";\n        }\n\n        &:hover {\n          " + Input + " {\n            cursor: not-allowed;\n          }\n          " + Radio + " {\n            box-shadow: none;\n          }\n        }\n      " : "") + "\n\n    " + (disabled && checked ? "\n          " + Radio + ":after {\n            background-color: " + radiogroup.disabled.backgroundColor + ";\n          }\n        " : '') + "\n  ";
-});
-/** The Radio is a type of selection control that allows the user to select a
- * single option from a list. */
+  return `
+    width: ${radiogroup.radio.size}px;
+    height: ${radiogroup.radio.size}px;
+
+    &:hover {
+      ${Input} {
+        cursor: pointer;
+      }
+      ${Radio} {
+        z-index: 1;
+        box-shadow: 0 0 0 ${radiogroup.radio.size * 0.4}px ${stateColors.hover};
+        background-color: ${hexToRgb(radiogroup.hover.backgroundColor, 0.25)};
+      }
+    }
+
+    &:active {
+      ${Radio} {
+        box-shadow: 0 0 0 ${radiogroup.radio.size * 0.4}px ${stateColors.active};
+        background-color: ${hexToRgb(radiogroup.hover.backgroundColor, 0.75)};
+      }
+    }
+
+    ${checked ? `
+    
+      &:hover {
+        ${Radio} {
+          background-color: ${stateColors.hover};
+          box-shadow: 0 0 0 ${radiogroup.radio.size * 0.4}px 
+            ${stateColors.hover};
+        }
+      }
+    
+      &:focus-within {
+        ${Radio} {
+          z-index: 1;
+          background-color: ${stateColors.focusWithin};
+          box-shadow: 0 0 0 ${radiogroup.radio.size * 0.4}px 
+            ${stateColors.focusWithin};
+        }
+      }
+    
+      &:active {
+        ${Radio} {
+          background-color: ${stateColors.active};
+          box-shadow: 0 0 0 ${radiogroup.radio.size * 0.4}px 
+            ${stateColors.active};
+        }
+      }
 
-var RadioGroupRadio = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
-  var value = _ref3.value,
-      disabled = _ref3.disabled,
-      style = _ref3.style,
-      className = _ref3.className,
-      rest = _objectWithoutPropertiesLoose(_ref3, _excluded);
+      ${Radio} {
+        border-color: ${radiogroup.checked.backgroundColor};
 
-  var _useContext = useContext(RadioGroupContext),
-      name = _useContext.name,
-      onChange = _useContext.onChange,
-      selectedValue = _useContext.selectedValue,
-      context = _objectWithoutPropertiesLoose(_useContext, _excluded2);
+        &:after {
+          position: absolute;
+          top: 50%;
+          left: 50%;
 
-  var inputValue = value;
-  var checked = inputValue === selectedValue;
-  return /*#__PURE__*/React.createElement(Wrapper, {
-    checked: checked,
-    disabled: disabled,
-    style: style,
-    className: className
-  }, /*#__PURE__*/React.createElement(Radio, {
-    checked: checked
-  }), /*#__PURE__*/React.createElement(Input, _extends({
-    type: "radio",
-    value: value,
-    checked: checked,
-    name: name,
-    onChange: onChange,
-    disabled: disabled,
-    ref: ref
-  }, rest, context)));
-});
-RadioGroupRadio.displayName = 'RadioGroup.Radio';
+          width: ${radiogroup.radio.size * 0.5}px;
+          height: ${radiogroup.radio.size * 0.5}px;
+          
+          border-radius: 100%;
+          background-color: ${radiogroup.checked.backgroundColor};
+          
+          transform: translate(-50%, -50%);
+          
+          content: '';
+        }
+      }
+    ` : ""}
+
+    ${disabled ? `
+        ${Radio} {
+          border-color: ${radiogroup.disabled.backgroundColor};
+        }
+
+        &:hover {
+          ${Input} {
+            cursor: not-allowed;
+          }
+          ${Radio} {
+            box-shadow: none;
+          }
+        }
+      ` : ``}
+
+    ${disabled && checked ? `
+          ${Radio}:after {
+            background-color: ${radiogroup.disabled.backgroundColor};
+          }
+        ` : ""}
+  `;
+}}
+`;
+const RadioGroupRadio = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { value, disabled, style, className } = _b, rest = __objRest(_b, ["value", "disabled", "style", "className"]);
+    const _a2 = useContext(RadioGroupContext), { name, onChange, selectedValue } = _a2, context = __objRest(_a2, ["name", "onChange", "selectedValue"]);
+    const inputValue = value;
+    const checked = inputValue === selectedValue;
+    return /* @__PURE__ */ jsxs(
+      Wrapper,
+      __spreadProps(__spreadValues({}, {
+        checked,
+        disabled,
+        style,
+        className
+      }), {
+        children: [
+          /* @__PURE__ */ jsx(Radio, { checked }),
+          /* @__PURE__ */ jsx(
+            Input,
+            __spreadValues(__spreadValues(__spreadProps(__spreadValues({
+              type: "radio"
+            }, {
+              value,
+              checked,
+              name,
+              onChange,
+              disabled
+            }), {
+              ref
+            }), rest), context)
+          )
+        ]
+      })
+    );
+  }
+);
+RadioGroupRadio.displayName = "RadioGroup.Radio";
 RadioGroupRadio.propTypes = {
   className: string,
   disabled: bool,
@@ -74,9 +220,12 @@ RadioGroupRadio.propTypes = {
   value: oneOfType([string, number])
 };
 RadioGroupRadio.defaultProps = {
-  className: undefined,
+  className: void 0,
   disabled: false,
   style: {},
-  value: ''
+  value: ""
+};
+var Radio_default = RadioGroupRadio;
+export {
+  Radio_default as default
 };
-export default RadioGroupRadio;

package/esm/RadioGroup/web/Radio/Radio.test.js

@@ -1,108 +1,73 @@
-/* eslint-disable no-console */
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react';
-import RadioGroup from '../..';
-import ThemeProvider from '../../../Theme';
-import RadioGroupContext from '../../RadioGroupContext';
-var originalError = console.error;
-beforeEach(function () {
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { render, fireEvent } from "@testing-library/react";
+import RadioGroup from "../..";
+import ThemeProvider from "../../../Theme";
+import RadioGroupContext from "../../RadioGroupContext";
+const originalError = console.error;
+beforeEach(() => {
   console.error = jest.fn();
 });
-afterEach(function () {
+afterEach(() => {
   console.error = originalError;
 });
-describe('<RadioGroup />', function () {
-  describe('<RadioGroup.Radio />', function () {
-    describe('Snapshots', function () {
-      it('should match snapshot with default radio', function () {
-        var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(RadioGroup.Radio, null))),
-            container = _render.container;
-
+describe("<RadioGroup />", () => {
+  describe("<RadioGroup.Radio />", () => {
+    describe("Snapshots", () => {
+      it("should match snapshot with default radio", () => {
+        const { container } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(RadioGroup.Radio, {}) })
+        );
         expect(container).toMatchSnapshot();
       });
     });
-    describe('Props', function () {
-      it('should contains input type radio', function () {
-        var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(RadioGroup.Radio, {
-          "data-testid": "radio"
-        }))),
-            getByTestId = _render2.getByTestId;
-
-        expect(getByTestId('radio').type).toBe('radio');
+    describe("Props", () => {
+      it("should contains input type radio", () => {
+        const { getByTestId } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(RadioGroup.Radio, { "data-testid": "radio" }) })
+        );
+        expect(getByTestId("radio").type).toBe("radio");
       });
-      it('value should be as prop value', function () {
-        var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(RadioGroup.Radio, {
-          "data-testid": "radio",
-          value: "radio1"
-        }))),
-            getByTestId = _render3.getByTestId;
-
-        expect(getByTestId('radio').value).toBe('radio1');
+      it("value should be as prop value", () => {
+        const { getByTestId } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(RadioGroup.Radio, { "data-testid": "radio", value: "radio1" }) })
+        );
+        expect(getByTestId("radio").value).toBe("radio1");
       });
-      it('checked should be the selectedValue provided from Context', function () {
-        var _render4 = render( /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
-          value: {
-            selectedValue: 'Radio 2'
-          }
-        }, /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(RadioGroup.Radio, {
-          "data-testid": "radio",
-          value: "Radio 1"
-        }), /*#__PURE__*/React.createElement(RadioGroup.Radio, {
-          "data-testid": "radio",
-          value: "Radio 2"
-        })))),
-            getAllByTestId = _render4.getAllByTestId;
-
-        var _getAllByTestId = getAllByTestId('radio'),
-            radio = _getAllByTestId[0],
-            radio2 = _getAllByTestId[1];
-
+      it("checked should be the selectedValue provided from Context", () => {
+        const { getAllByTestId } = render(
+          /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: { selectedValue: "Radio 2" }, children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+            /* @__PURE__ */ jsx(RadioGroup.Radio, { "data-testid": "radio", value: "Radio 1" }),
+            /* @__PURE__ */ jsx(RadioGroup.Radio, { "data-testid": "radio", value: "Radio 2" })
+          ] }) })
+        );
+        const [radio, radio2] = getAllByTestId("radio");
         expect(radio.checked).toBe(false);
         expect(radio2.checked).toBe(true);
       });
-      it('name should be the one provided by context', function () {
-        var name = 'test';
-
-        var _render5 = render( /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
-          value: {
-            name: name
-          }
-        }, /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(RadioGroup.Radio, {
-          "data-testid": "radio",
-          value: "Radio 1"
-        }), /*#__PURE__*/React.createElement(RadioGroup.Radio, {
-          "data-testid": "radio",
-          value: "Radio 2"
-        }), /*#__PURE__*/React.createElement(RadioGroup.Radio, {
-          "data-testid": "radio",
-          value: "Radio 3"
-        })))),
-            getAllByTestId = _render5.getAllByTestId;
-
-        var radios = getAllByTestId('radio');
-        radios.map(function (radio) {
-          return expect(radio.name).toBe(name);
-        });
+      it("name should be the one provided by context", () => {
+        const name = "test";
+        const { getAllByTestId } = render(
+          /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: { name }, children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+            /* @__PURE__ */ jsx(RadioGroup.Radio, { "data-testid": "radio", value: "Radio 1" }),
+            /* @__PURE__ */ jsx(RadioGroup.Radio, { "data-testid": "radio", value: "Radio 2" }),
+            /* @__PURE__ */ jsx(RadioGroup.Radio, { "data-testid": "radio", value: "Radio 3" })
+          ] }) })
+        );
+        const radios = getAllByTestId("radio");
+        radios.map((radio) => expect(radio.name).toBe(name));
       });
     });
-    describe('Events', function () {
-      it('should call onchange from Context', function () {
-        var onChangeMock = jest.fn();
-
-        var _render6 = render( /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
-          value: {
-            onChange: onChangeMock
-          }
-        }, /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(RadioGroup.Radio, {
-          "data-testid": "radio",
-          value: "Radio 1"
-        })))),
-            getByTestId = _render6.getByTestId;
-
-        var radio = getByTestId('radio');
+    describe("Events", () => {
+      it("should call onchange from Context", () => {
+        const onChangeMock = jest.fn();
+        const { getByTestId } = render(
+          /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: { onChange: onChangeMock }, children: /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(RadioGroup.Radio, { "data-testid": "radio", value: "Radio 1" }) }) })
+        );
+        const radio = getByTestId("radio");
         fireEvent.click(radio);
         expect(onChangeMock).toHaveBeenCalled();
       });
     });
   });
-});
+});

package/esm/RadioGroup/web/RadioGroup.js

@@ -1,47 +1,81 @@
-var _excluded = ["name", "onChange", "selectedValue", "small", "full", "children", "style"];
-
-var _templateObject;
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React from 'react';
-import { string, func, oneOfType, number, bool, node, shape } from 'prop-types';
-import styled from 'styled-components';
-import RadioGroupContext from '../RadioGroupContext';
-var Group = styled.div.attrs({
-  role: 'radiogroup'
-})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n\n  width: min-content;\n\n  ", "\n"])), function (_ref) {
-  var full = _ref.full;
-  return "\n    " + (full ? "width: 100%;" : "") + "\n  ";
-});
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { string, func, oneOfType, number, bool, node, shape } from "prop-types";
+import styled from "styled-components";
+import RadioGroupContext from "../RadioGroupContext";
+const Group = styled.div.attrs({
+  role: "radiogroup"
+})`
+  display: flex;
 
-var RadioGroup = function RadioGroup(_ref2) {
-  var name = _ref2.name,
-      onChange = _ref2.onChange,
-      selectedValue = _ref2.selectedValue,
-      small = _ref2.small,
-      full = _ref2.full,
-      children = _ref2.children,
-      style = _ref2.style,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
+  width: min-content;
 
-  return /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
-    value: _extends({
-      selectedValue: selectedValue,
-      name: name,
-      onChange: onChange,
-      small: small
-    }, rest)
-  }, /*#__PURE__*/React.createElement(Group, _extends({
-    full: full,
-    style: style
-  }, rest), children));
+  ${({ full }) => `
+    ${full ? `width: 100%;` : ``}
+  `}
+`;
+const RadioGroup = (_a) => {
+  var _b = _a, {
+    name,
+    onChange,
+    selectedValue,
+    small,
+    full,
+    children,
+    style
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "onChange",
+    "selectedValue",
+    "small",
+    "full",
+    "children",
+    "style"
+  ]);
+  return /* @__PURE__ */ jsx(
+    RadioGroupContext.Provider,
+    {
+      value: __spreadValues({
+        selectedValue,
+        name,
+        onChange,
+        small
+      }, rest),
+      children: /* @__PURE__ */ jsx(Group, __spreadProps(__spreadValues({ full, style }, rest), { children }))
+    }
+  );
 };
-
 RadioGroup.propTypes = {
   name: string,
   onChange: func,
@@ -52,12 +86,16 @@ RadioGroup.propTypes = {
   style: shape({})
 };
 RadioGroup.defaultProps = {
-  name: '',
-  onChange: function onChange() {},
-  selectedValue: '',
+  name: "",
+  onChange: () => {
+  },
+  selectedValue: "",
   small: false,
   full: false,
   children: null,
   style: {}
 };
-export default RadioGroup;
+var RadioGroup_default = RadioGroup;
+export {
+  RadioGroup_default as default
+};