@spothero/ui 16.2.0-beta.0 → 17.0.0-beta.2

package/dist/components/Popover/PopoverArrow.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@chakra-ui/react");
+
+var _popoverArrow = _interopRequireDefault(require("./styles/popover-arrow"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var PopoverArrow = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return /*#__PURE__*/_react.default.createElement(_react2.PopoverArrow, (0, _extends2.default)({
+    ref: ref
+  }, props, (0, _popoverArrow.default)(props)));
+});
+var _default = PopoverArrow;
+exports.default = _default;

package/dist/components/Popover/PopoverCloseButton.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@chakra-ui/react");
+
+var _popoverCloseButton = _interopRequireDefault(require("./styles/popover-close-button"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var PopoverCloseButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return /*#__PURE__*/_react.default.createElement(_react2.PopoverCloseButton, (0, _extends2.default)({
+    ref: ref
+  }, props, (0, _popoverCloseButton.default)(props)));
+});
+var _default = PopoverCloseButton;
+exports.default = _default;

package/dist/components/Popover/PopoverContent.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@chakra-ui/react");
+
+var _PopoverArrow = _interopRequireDefault(require("./PopoverArrow"));
+
+var _PopoverCloseButton = _interopRequireDefault(require("./PopoverCloseButton"));
+
+var _excluded = ["header", "variant", "children", "hideCloseButton"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var PopoverContent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var header = props.header,
+      variant = props.variant,
+      children = props.children,
+      hideCloseButton = props.hideCloseButton,
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_react2.PopoverContent, (0, _extends2.default)({}, rest, {
+    ref: ref
+  }), /*#__PURE__*/_react.default.createElement(_PopoverArrow.default, {
+    variant: variant
+  }), hideCloseButton ? null : /*#__PURE__*/_react.default.createElement(_PopoverCloseButton.default, {
+    variant: variant
+  }), header ? /*#__PURE__*/_react.default.createElement(_react2.PopoverHeader, null, header) : null, /*#__PURE__*/_react.default.createElement(_react2.PopoverBody, null, children));
+});
+PopoverContent.defaultProps = {
+  variant: 'light',
+  hideCloseButton: false
+};
+var _default = PopoverContent;
+exports.default = _default;

package/dist/components/Popover/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: function get() {
+    return _Popover.default;
+  }
+});
+Object.defineProperty(exports, "PopoverAnchor", {
+  enumerable: true,
+  get: function get() {
+    return _react.PopoverAnchor;
+  }
+});
+Object.defineProperty(exports, "PopoverContent", {
+  enumerable: true,
+  get: function get() {
+    return _PopoverContent.default;
+  }
+});
+Object.defineProperty(exports, "PopoverTrigger", {
+  enumerable: true,
+  get: function get() {
+    return _react.PopoverTrigger;
+  }
+});
+
+var _react = require("@chakra-ui/react");
+
+var _Popover = _interopRequireDefault(require("./Popover"));
+
+var _PopoverContent = _interopRequireDefault(require("./PopoverContent"));

package/dist/components/Popover/styles/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _merge = _interopRequireDefault(require("lodash/merge"));
+
+var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
+
+var _popper = _interopRequireDefault(require("./popper"));
+
+var _popoverBody = _interopRequireDefault(require("./popover-body"));
+
+var _popoverHeader = _interopRequireDefault(require("./popover-header"));
+
+var _popoverContent = _interopRequireDefault(require("./popover-content"));
+
+var parts = ['popper', 'content', 'header', 'body'];
+
+var baseStyle = function baseStyle(props) {
+  return {
+    header: _popoverHeader.default,
+    content: (0, _popoverContent.default)(props),
+    body: (0, _popoverBody.default)(props),
+    popper: _popper.default
+  };
+};
+
+var _default = (0, _merge.default)(_theme.default.components.Popover, {
+  parts: parts,
+  baseStyle: baseStyle
+});
+
+exports.default = _default;

package/dist/components/Popover/styles/popover-arrow.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var arrowStyles = function arrowStyles(_ref) {
+  var variant = _ref.variant;
+  return {
+    backgroundColor: variant === 'dark' ? 'secondary.default' : 'white'
+  };
+};
+
+var _default = arrowStyles;
+exports.default = _default;

package/dist/components/Popover/styles/popover-body.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var body = function body(props) {
+  return {
+    fontSize: 'sm'
+  };
+};
+
+var _default = body;
+exports.default = _default;

package/dist/components/Popover/styles/popover-close-button.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var pseudoStyles = function pseudoStyles(variant) {
+  return {
+    bgColor: variant === 'dark' ? 'gray.600' : 'gray.50'
+  };
+};
+
+var closeButtonStyles = function closeButtonStyles(_ref) {
+  var variant = _ref.variant;
+  return {
+    color: variant === 'dark' ? 'white' : 'black',
+    fontSize: '0.5rem',
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    padding: 4,
+    borderTopRightRadius: 4,
+    _hover: pseudoStyles(variant),
+    _focus: pseudoStyles(variant)
+  };
+};
+
+var _default = closeButtonStyles;
+exports.default = _default;

package/dist/components/Popover/styles/popover-content.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var popoverContentStyles = function popoverContentStyles(_ref) {
+  var variant = _ref.variant;
+  return {
+    padding: 4,
+    marginBottom: 0,
+    maxWidth: '20rem',
+    borderRadius: 'base',
+    background: variant === 'dark' ? 'secondary.default' : 'white',
+    boxShadow: '2px 2px 4px 0 rgba(0,45,91,0.1)',
+    color: variant === 'dark' ? 'white' : 'black',
+    borderColor: 'gray.100',
+    borderWidth: '1px',
+    borderStyle: 'solid',
+    '--popper-arrow-shadow-color': function popperArrowShadowColor(t) {
+      return t.colors.gray['100'];
+    },
+    zIndex: 'layer10'
+  };
+};
+
+var _default = popoverContentStyles;
+exports.default = _default;

package/dist/components/Popover/styles/popover-header.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var headerStyles = {
+  marginBottom: 2,
+  fontWeight: 'semibold'
+};
+var _default = headerStyles;
+exports.default = _default;

package/dist/components/Popover/styles/popper.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var popperStyles = {
+  borderRadius: 'base'
+};
+var _default = popperStyles;
+exports.default = _default;

package/dist/components/Radio/Radio.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@chakra-ui/react");
+
+var _excluded = ["defaultChecked", "isChecked", "isDisabled", "value", "helperText", "children"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Radio = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var defaultChecked = _ref.defaultChecked,
+      isChecked = _ref.isChecked,
+      isDisabled = _ref.isDisabled,
+      value = _ref.value,
+      helperText = _ref.helperText,
+      children = _ref.children,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_react2.Radio, (0, _extends2.default)({
+    ref: ref,
+    defaultChecked: defaultChecked,
+    isChecked: isChecked,
+    isDisabled: isDisabled,
+    isFocusable: !isDisabled,
+    value: value,
+    alignItems: "start"
+  }, props), children, helperText && /*#__PURE__*/_react.default.createElement(_react2.Box, {
+    color: "gray.600",
+    fontSize: "xs"
+  }, helperText));
+});
+var _default = Radio;
+exports.default = _default;

package/dist/components/Radio/Radio.stories.js

@@ -0,0 +1,142 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Individual = exports.Group = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Radio = _interopRequireDefault(require("./Radio"));
+
+var _RadioGroup = _interopRequireDefault(require("./RadioGroup"));
+
+var _default = {
+  title: 'v2/Radio',
+  component: _Radio.default,
+  parameters: {
+    importBy: 'Radio',
+    removeBaseHtmlClass: true,
+    chakraLink: 'https://chakra-ui.com/docs/components/radio'
+  }
+};
+exports.default = _default;
+
+var Individual = function Individual(props) {
+  return /*#__PURE__*/_react.default.createElement(_Radio.default, (0, _extends2.default)({
+    value: "1"
+  }, props), "Option 1");
+};
+
+exports.Individual = Individual;
+Individual.argTypes = {
+  helperText: {
+    control: {
+      type: 'text'
+    }
+  },
+  isDisabled: {
+    control: {
+      type: 'boolean'
+    }
+  },
+  isChecked: {
+    control: {
+      type: 'boolean'
+    }
+  },
+  children: {
+    table: {
+      disable: true
+    }
+  },
+  defaultChecked: {
+    table: {
+      disable: true
+    }
+  },
+  value: {
+    table: {
+      disable: true
+    }
+  }
+};
+Individual.args = {
+  helperText: 'Helper text',
+  isDisabled: false,
+  isChecked: false
+};
+
+var Group = function Group(props) {
+  return /*#__PURE__*/_react.default.createElement(_RadioGroup.default, (0, _extends2.default)({
+    name: "example1",
+    defaultValue: "3",
+    id: "example1",
+    label: "Which option?"
+  }, props), /*#__PURE__*/_react.default.createElement(_Radio.default, {
+    value: "1"
+  }, "Option 1"), /*#__PURE__*/_react.default.createElement(_Radio.default, {
+    value: "2"
+  }, "Option 2"), /*#__PURE__*/_react.default.createElement(_Radio.default, {
+    value: "3"
+  }, "Option 3"), /*#__PURE__*/_react.default.createElement(_Radio.default, {
+    value: "4"
+  }, "Option 4"));
+};
+
+exports.Group = Group;
+Group.title = 'v2/RadioGroup';
+Group.component = _RadioGroup.default;
+Group.parameters = {
+  importBy: 'RadioGroup'
+};
+Group.argTypes = {
+  direction: {
+    options: ['column', 'row'],
+    control: {
+      type: 'radio'
+    }
+  },
+  isDisabled: {
+    control: {
+      type: 'boolean'
+    }
+  },
+  children: {
+    table: {
+      disable: true
+    }
+  },
+  defaultChecked: {
+    table: {
+      disable: true
+    }
+  },
+  value: {
+    table: {
+      disable: true
+    }
+  },
+  isChecked: {
+    table: {
+      disable: true
+    }
+  },
+  helperText: {
+    table: {
+      disable: true
+    }
+  }
+};
+Group.args = {
+  direction: 'column',
+  isDisabled: false,
+  isInvalid: false,
+  isRequired: false,
+  label: 'Label',
+  errorMessage: 'Error message'
+};

package/dist/components/Radio/RadioGroup.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@chakra-ui/react");
+
+var _FormControl = _interopRequireDefault(require("../FormControl/FormControl"));
+
+var _excluded = ["label", "errorMessage", "defaultValue", "isDisabled", "isInvalid", "isRequired", "name", "onChange", "value", "children", "direction"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var RadioGroup = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var label = _ref.label,
+      errorMessage = _ref.errorMessage,
+      defaultValue = _ref.defaultValue,
+      isDisabled = _ref.isDisabled,
+      isInvalid = _ref.isInvalid,
+      isRequired = _ref.isRequired,
+      name = _ref.name,
+      onChange = _ref.onChange,
+      value = _ref.value,
+      children = _ref.children,
+      direction = _ref.direction,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_FormControl.default, {
+    isInvalid: isInvalid,
+    isDisabled: isDisabled,
+    isRequired: isRequired,
+    errorMessage: errorMessage,
+    label: label,
+    inputId: props.id,
+    isFieldset: true
+  }, /*#__PURE__*/_react.default.createElement(_react2.RadioGroup, (0, _extends2.default)({
+    ref: ref,
+    defaultValue: defaultValue,
+    name: name,
+    onChange: onChange,
+    value: value
+  }, props), /*#__PURE__*/_react.default.createElement(_react2.Stack, {
+    direction: direction ? direction : 'column',
+    spacing: direction === 'row' ? 8 : 4
+  }, children)));
+});
+var _default = RadioGroup;
+exports.default = _default;

package/dist/components/Radio/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function get() {
+    return _Radio.default;
+  }
+});
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function get() {
+    return _RadioGroup.default;
+  }
+});
+
+var _Radio = _interopRequireDefault(require("./Radio"));
+
+var _RadioGroup = _interopRequireDefault(require("./RadioGroup"));

package/dist/components/Radio/styles/index.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _merge = _interopRequireDefault(require("lodash/merge"));
+
+var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
+
+var parts = ['control', 'label'];
+var baseStyle = {
+  control: {
+    borderRadius: '50%',
+    borderWidth: '1px',
+    borderColor: 'gray.dark',
+    backgroundColor: 'white',
+    minWidth: 5,
+    minHeight: 5,
+    marginTop: 1,
+    _checked: {
+      borderWidth: 0,
+      color: 'white',
+      backgroundColor: 'primary.default',
+      _before: {
+        content: '""',
+        display: 'inline-block',
+        position: 'relative',
+        width: 2,
+        height: 2,
+        borderRadius: '50%',
+        background: 'currentcolor'
+      }
+    },
+    _focus: {
+      boxShadow: function boxShadow(t) {
+        return "0 0 1px 2px ".concat(t.colors.primary['300']);
+      }
+    },
+    _disabled: {
+      borderColor: 'gray.200',
+      _checked: {
+        backgroundColor: 'gray.200'
+      }
+    }
+  },
+  label: {
+    fontSize: 'base',
+    color: 'black',
+    marginLeft: 3,
+    _disabled: {
+      color: 'gray.200'
+    }
+  }
+};
+
+var _default = (0, _merge.default)(_theme.default.components.Radio, {
+  parts: parts,
+  baseStyle: baseStyle
+});
+
+exports.default = _default;