@pedidopago/ui 1.0.6

package/dist/components/Progress/style.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ValueLinear = exports.Value = exports.SVGSecondCircle = exports.SVGCircle = exports.SVGArea = exports.ProgressBar = exports.PercentBar = exports.CircleArea = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _colorToGray = require("../../utils/colorToGray");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+// Linear
+var ProgressBar = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  background-color: ", ";\n  height: ", "px;\n  border-radius: 10px;\n"])), function (_ref) {
+  var grayColor = _ref.grayColor,
+      theme = _ref.theme;
+  return grayColor ? (0, _colorToGray.parseHslColorToString)(theme.colorMode === 'light' ? grayColor.neutral1 : grayColor.neutral6) : theme.colorMode === 'light' ? theme.colors.neutral.neutral1 : theme.colors.neutral.neutral6;
+}, function (_ref2) {
+  var height = _ref2.height;
+  return height === 'sm' ? 8 : height === 'md' ? 16 : height === 'lg' ? 24 : 16;
+});
+
+exports.ProgressBar = ProgressBar;
+
+var ValueLinear = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: ", "px;\n  display: flex;\n  font-weight: bolder;\n  font-size: ", "px;\n  align-items: center;\n\n  .valueMetric {\n    color: ", ";\n  }\n\n  .metric {\n    font-size: ", "px;\n    color: ", ";\n  }\n  padding-left: 10px;\n"])), function (_ref3) {
+  var height = _ref3.height;
+  return height === 'sm' ? 20 : height === 'md' ? 30 : height === 'lg' ? 50 : 16;
+}, function (_ref4) {
+  var height = _ref4.height;
+  return height === 'sm' ? 10 : height === 'md' ? 16 : height === 'lg' ? 24 : 16;
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.colorMode === 'light' ? theme.colors.neutral.black : theme.colors.neutral.white;
+}, function (_ref6) {
+  var height = _ref6.height;
+  return height === 'sm' ? 11 : height === 'md' ? 10 : height === 'lg' ? 12 : 10;
+}, function (_ref7) {
+  var theme = _ref7.theme,
+      grayColor = _ref7.grayColor;
+  return grayColor ? (0, _colorToGray.parseHslColorToString)(theme.colorMode === 'light' ? grayColor.neutral5 : grayColor.neutral2) : theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral2;
+});
+
+exports.ValueLinear = ValueLinear;
+
+var PercentBar = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  width: ", "%;\n  max-width: 100%;\n  height: 100%;\n  border-radius: 8px;\n  transition: ", ";\n"])), function (_ref8) {
+  var theme = _ref8.theme,
+      color = _ref8.color;
+  return color || theme.colors.primary.default;
+}, function (_ref9) {
+  var percent = _ref9.percent;
+  return percent;
+}, function (_ref10) {
+  var isAnimated = _ref10.isAnimated;
+  return isAnimated ? 'width 1s ease' : '';
+}); // Circle
+
+
+exports.PercentBar = PercentBar;
+
+var CircleArea = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: ", "px;\n  display: flex;\n  align-items: center;\n"])), function (_ref11) {
+  var size = _ref11.size;
+  return size || 101;
+}, function (_ref12) {
+  var size = _ref12.size;
+  return size || 101;
+});
+
+exports.CircleArea = CircleArea;
+
+var Value = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  font-weight: bolder;\n  font-size: ", "px;\n  width: ", "px;\n  height: ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .valueMetric {\n    color: ", ";\n  }\n\n  .metric {\n    font-size: ", "px;\n    color: ", ";\n  }\n"])), function (_ref13) {
+  var size = _ref13.size;
+  return size ? size / 4 : 24;
+}, function (_ref14) {
+  var size = _ref14.size;
+  return size || 101;
+}, function (_ref15) {
+  var size = _ref15.size;
+  return size || 101;
+}, function (_ref16) {
+  var theme = _ref16.theme;
+  return theme.colorMode === 'light' ? theme.colors.neutral.black : theme.colors.neutral.white;
+}, function (_ref17) {
+  var size = _ref17.size;
+  return size ? size / 8 : 12;
+}, function (_ref18) {
+  var theme = _ref18.theme,
+      grayColor = _ref18.grayColor;
+  return grayColor ? (0, _colorToGray.parseHslColorToString)(theme.colorMode === 'light' ? grayColor.neutral5 : grayColor.neutral2) : theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral2;
+});
+
+exports.Value = Value;
+
+var SVGArea = _styled.default.svg(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: ", "px;\n  height: ", "px;\n"])), function (_ref19) {
+  var size = _ref19.size;
+  return size || 101;
+}, function (_ref20) {
+  var size = _ref20.size;
+  return size || 101;
+});
+
+exports.SVGArea = SVGArea;
+
+var SVGCircle = _styled.default.circle(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  stroke: ", ";\n\n  stroke-width: ", "px;\n  border-radius: 10px;\n  fill: transparent;\n  stroke-dasharray: ", ";\n  stroke-dashoffset: ", ";\n  stroke-linecap: round;\n  transition: ", ";\n  shape-rendering: geometricPrecision;\n"])), function (_ref21) {
+  var theme = _ref21.theme,
+      color = _ref21.color;
+  return color || theme.colors.primary.default;
+}, function (_ref22) {
+  var strokeWidth = _ref22.strokeWidth;
+  return strokeWidth || 11;
+}, function (_ref23) {
+  var circumference = _ref23.circumference;
+  return circumference || 0;
+}, function (_ref24) {
+  var percent = _ref24.percent;
+  return percent || 0;
+}, function (_ref25) {
+  var isAnimated = _ref25.isAnimated;
+  return isAnimated ? 'stroke-dashoffset 1s ease' : '';
+});
+
+exports.SVGCircle = SVGCircle;
+
+var SVGSecondCircle = _styled.default.circle(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  stroke: ", ";\n  stroke-width: ", "px;\n  border-radius: 10px;\n  fill: transparent;\n  shape-rendering: geometricPrecision;\n"])), function (_ref26) {
+  var grayColor = _ref26.grayColor,
+      theme = _ref26.theme;
+  return grayColor ? (0, _colorToGray.parseHslColorToString)(theme.colorMode === 'light' ? grayColor.neutral1 : grayColor.neutral6) : theme.colorMode === 'light' ? theme.colors.neutral.neutral1 : theme.colors.neutral.neutral6;
+}, function (_ref27) {
+  var strokeWidth = _ref27.strokeWidth;
+  return strokeWidth || 10;
+});
+
+exports.SVGSecondCircle = SVGSecondCircle;

package/dist/components/Progress/type.d.ts

@@ -0,0 +1,70 @@
+export declare type ArrayColor = [number, number, number];
+export interface objectGray {
+    neutral1: ArrayColor;
+    neutral2: ArrayColor;
+    neutral3: ArrayColor;
+    neutral4: ArrayColor;
+    neutral5: ArrayColor;
+    neutral6: ArrayColor;
+    black: ArrayColor;
+}
+export interface ProgressBarInterface {
+    height?: string;
+    grayColor?: objectGray;
+}
+export interface PercentBarInterface {
+    percent: number;
+    isAnimated?: boolean;
+    color?: string;
+    grayColor?: objectGray;
+}
+export interface ProgressComponent {
+    type?: 'linear' | 'circle';
+    height?: string;
+    percent: number;
+    isAnimated?: boolean;
+    color?: string;
+    size?: number;
+    stroke?: number;
+    circleBody?: boolean;
+    grayColor?: objectGray;
+    showValue?: string;
+    steps?: number;
+}
+export interface Linear {
+    height?: string;
+    percent: number;
+    isAnimated?: boolean;
+    color?: string;
+    steps?: number;
+}
+export interface Circle {
+    height?: string;
+    percent: number;
+    isAnimated?: boolean;
+    color?: string;
+    size?: number;
+    stroke?: number;
+    circleBody?: boolean;
+    grayColor?: objectGray;
+    showValue?: string;
+    steps?: number;
+}
+export interface CircleStyle {
+    circumference?: number;
+    percent: number;
+    strokeWidth?: number;
+    color?: string;
+    isAnimated?: boolean;
+}
+export interface CircleBody {
+    strokeWidth?: number;
+    grayColor?: objectGray;
+}
+export interface ValueI {
+    grayColor?: objectGray;
+    height?: string;
+    size?: number;
+    colorMode?: string;
+}
+//# sourceMappingURL=type.d.ts.map

package/dist/components/Progress/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/type.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAClD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB;AACD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,MAAM;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,MAAM;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,UAAU;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,UAAU,CAAC;CACxB;AAED,MAAM,WAAW,MAAM;IACrB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Progress/type.js

@@ -0,0 +1 @@
+"use strict";

package/dist/components/RadioInput/components/ChoiceList/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { ChoiceListProps, ChoiceListContext } from '../../types';
+export declare const RadioGroup: import("react").Context<ChoiceListContext>;
+declare const ChoiceList: FC<ChoiceListProps>;
+export default ChoiceList;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RadioInput/components/ChoiceList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/RadioInput/components/ChoiceList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,EAAE,EAAqB,MAAM,OAAO,CAAC;AAM1E,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEjE,eAAO,MAAM,UAAU,4CAA4D,CAAC;AAEpF,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAkDnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/RadioInput/components/ChoiceList/index.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RadioGroup = void 0;
+
+var _react = require("react");
+
+var _react2 = require("@emotion/react");
+
+var _theme = require("../../../../shared/theme");
+
+var _colorToGray = require("../../../../utils/colorToGray");
+
+var _getColorsProps = require("../../utils/get-colors-props");
+
+var _styles = require("../../styles");
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var RadioGroup = /*#__PURE__*/(0, _react.createContext)({});
+exports.RadioGroup = RadioGroup;
+
+var ChoiceList = function ChoiceList(_ref) {
+  var children = _ref.children,
+      name = _ref.name,
+      defaultValue = _ref.defaultValue,
+      isDisabled = _ref.isDisabled,
+      value = _ref.value,
+      color = _ref.color,
+      _ref$alignDirection = _ref.alignDirection,
+      alignDirection = _ref$alignDirection === void 0 ? 'column' : _ref$alignDirection,
+      label = _ref.label,
+      helpText = _ref.helpText,
+      formRegister = _ref.formRegister,
+      onChange = _ref.onChange;
+
+  var _useState = (0, _react.useState)(value || defaultValue),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedRadioBtn = _useState2[0],
+      setSelectedRadioBtn = _useState2[1];
+
+  var _useTheme = (0, _theme.useTheme)(),
+      theme = _useTheme.theme;
+
+  var colors = (0, _react.useMemo)(function () {
+    var themeColor = theme.colors.primary.default;
+
+    var _convertColor = (0, _colorToGray.convertColor)(color || themeColor),
+        neutral2 = _convertColor.neutral2;
+
+    var colors = (0, _getColorsProps.getColorsProps)(neutral2[0]);
+    return colors;
+  }, [color]);
+
+  var isRadioSelected = function isRadioSelected(value) {
+    return selectedRadioBtn === value;
+  };
+
+  var handleRadioClick = function handleRadioClick(e) {
+    setSelectedRadioBtn(e.currentTarget.value);
+    onChange(e.currentTarget.value);
+  };
+
+  return /*#__PURE__*/React.createElement(_react2.ThemeProvider, {
+    theme: theme
+  }, /*#__PURE__*/React.createElement(RadioGroup.Provider, {
+    value: {
+      handleRadioClick: handleRadioClick,
+      isRadioSelected: isRadioSelected,
+      groupColor: color || theme.colors.primary.default,
+      groupName: name,
+      groupFormRegister: formRegister,
+      isDisabled: isDisabled
+    }
+  }, /*#__PURE__*/React.createElement(_styles.ChoiceWrapper, {
+    role: "radiogroup"
+  }, label && /*#__PURE__*/React.createElement(_styles.ChoiceLabel, {
+    colorProps: colors
+  }, label), /*#__PURE__*/React.createElement(_styles.ListWrapper, {
+    alignDirection: alignDirection
+  }, children), helpText && /*#__PURE__*/React.createElement(_styles.HelpText, {
+    textColor: colors.black
+  }, helpText))));
+};
+
+var _default = ChoiceList;
+exports.default = _default;

package/dist/components/RadioInput/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { IRadioInputProps } from './types';
+declare const RadioInput: FC<IRadioInputProps>;
+export default RadioInput;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RadioInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAiC,MAAM,OAAO,CAAC;AAM1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,gBAAgB,CAuDpC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/RadioInput/index.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _ChoiceList = require("./components/ChoiceList");
+
+var _theme = require("../../shared/theme");
+
+var _colorToGray = require("../../utils/colorToGray");
+
+var _getColorsProps = require("./utils/get-colors-props");
+
+var _styles = require("./styles");
+
+var _excluded = ["isDisabled", "id", "name", "value", "children", "color", "defaultChecked", "onChange"];
+
+function _extends() { _extends = Object.assign || 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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; }
+
+var RadioInput = function RadioInput(_ref) {
+  var isDisabled = _ref.isDisabled,
+      id = _ref.id,
+      name = _ref.name,
+      value = _ref.value,
+      children = _ref.children,
+      color = _ref.color,
+      defaultChecked = _ref.defaultChecked,
+      _onChange = _ref.onChange,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var ctx = (0, _react.useContext)(_ChoiceList.RadioGroup);
+
+  var _useTheme = (0, _theme.useTheme)(),
+      theme = _useTheme.theme;
+
+  var _useState = (0, _react.useState)(!!defaultChecked),
+      _useState2 = _slicedToArray(_useState, 2),
+      radioValue = _useState2[0],
+      setRadioValue = _useState2[1];
+
+  var _useMemo = (0, _react.useMemo)(function () {
+    var themeColor = theme.colors.primary.default;
+    var checkedColor = (ctx === null || ctx === void 0 ? void 0 : ctx.groupColor) || color || themeColor;
+
+    var _convertColor = (0, _colorToGray.convertColor)(checkedColor),
+        neutral2 = _convertColor.neutral2;
+
+    var colors = (0, _getColorsProps.getColorsProps)(neutral2[0]);
+    return {
+      colors: colors,
+      checkedColor: checkedColor
+    };
+  }, [color]),
+      checkedColor = _useMemo.checkedColor,
+      colors = _useMemo.colors;
+
+  return /*#__PURE__*/React.createElement(_styles.Wrapper, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styles.Input, _extends({
+    disabled: ctx.isDisabled || isDisabled,
+    type: "radio",
+    id: id,
+    color: checkedColor,
+    colorProps: colors,
+    name: ctx !== null && ctx !== void 0 && ctx.groupName ? ctx.groupName : name,
+    value: value,
+    checked: ctx !== null && ctx !== void 0 && ctx.isRadioSelected ? ctx.isRadioSelected(value) : radioValue,
+    onChange: function onChange(e) {
+      if (ctx !== null && ctx !== void 0 && ctx.handleRadioClick) {
+        ctx.handleRadioClick(e);
+      } else {
+        setRadioValue(true);
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(e.currentTarget.value);
+      }
+    }
+  }, rest, ctx && ctx.groupFormRegister ? _objectSpread({}, ctx.groupFormRegister) : _objectSpread({}, rest.formRegister))), /*#__PURE__*/React.createElement(_styles.Label, {
+    htmlFor: id
+  }, children)));
+};
+
+var _default = RadioInput;
+exports.default = _default;

package/dist/components/RadioInput/radio-input.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=radio-input.test.d.ts.map

package/dist/components/RadioInput/radio-input.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-input.test.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/radio-input.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}