@pedidopago/ui 1.3.10 → 1.3.13

package/dist/components/RadioInput/radio-input.test.js

@@ -32,11 +32,14 @@ describe('Radio Input', function () {
   it('should check input on Click on input', function () {
     var fn = jest.fn();
 
-    var _render2 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      onChange: fn,
-      value: "test",
-      id: "test",
-      children: "Radio Test"
+    var _render2 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
+      radiosName: "radio",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        onChange: fn,
+        value: "test",
+        id: "test",
+        children: "Radio Test"
+      })
     })),
         container = _render2.container;
 
@@ -49,11 +52,14 @@ describe('Radio Input', function () {
   it('should check input on Click label', function () {
     var fn = jest.fn();
 
-    var _render3 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      onChange: fn,
-      value: "test",
-      id: "test",
-      children: "Radio Test"
+    var _render3 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
+      radiosName: "radio",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        onChange: fn,
+        value: "test",
+        id: "test",
+        children: "Radio Test"
+      })
     })),
         container = _render3.container,
         getByText = _render3.getByText;
@@ -68,12 +74,15 @@ describe('Radio Input', function () {
   it('should checked input if defaultChecked is provided', function () {
     var fn = jest.fn();
 
-    var _render4 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      onChange: fn,
-      value: "test",
-      id: "test",
-      defaultChecked: true,
-      children: "Radio Test"
+    var _render4 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
+      defaultValue: "test",
+      radiosName: "radio",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        onChange: fn,
+        value: "test",
+        id: "test",
+        children: "Radio Test"
+      })
     })),
         container = _render4.container;
 
@@ -83,87 +92,27 @@ describe('Radio Input', function () {
   it('should call onChange on Click input', function () {
     var fn = jest.fn();
 
-    var _render5 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      onChange: fn,
-      value: "test",
-      id: "test",
-      children: "Radio Test"
+    var _render5 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
+      onChangeValue: fn,
+      radiosName: "radio",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        value: "test",
+        id: "test",
+        children: "Radio Test"
+      })
     })),
         container = _render5.container;
 
-    var radio = container.querySelector('input[type="radio"]');
-
-    _react.fireEvent.click(radio);
+    _react.fireEvent.click(container);
 
     expect(fn).toBeCalled();
   });
-  it('should ChoiceList control radio childrens', function () {
-    var fn = jest.fn();
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
-      onChange: fn,
-      value: "test1",
-      name: "test-name",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        value: "test1",
-        id: "test",
-        children: "Radio Test 1"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        value: "test2",
-        id: "test",
-        children: "Radio Test 2"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        value: "test3",
-        id: "test",
-        children: "Radio Test 3"
-      })]
-    }));
-
-    var sut = _react.screen.getAllByRole('radio');
-
-    expect(sut[0]).toBeChecked();
-    expect(sut[1]).not.toBeChecked();
-    expect(sut[2]).not.toBeChecked();
-  });
-  it('Should ChoiceList change checked radio children is defaultValue is provided', function () {
-    var fn = jest.fn();
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
-      onChange: fn,
-      value: "",
-      name: "test-name",
-      defaultValue: "test3",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        value: "test1",
-        id: "test",
-        children: "Radio Test 1"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        value: "test2",
-        id: "test",
-        children: "Radio Test 2"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-        value: "test3",
-        id: "test",
-        children: "Radio Test 3"
-      })]
-    }));
-
-    var sut = _react.screen.getAllByRole('radio');
-
-    expect(sut[0]).not.toBeChecked();
-    expect(sut[1]).not.toBeChecked();
-    expect(sut[2]).toBeChecked();
-
-    _react.fireEvent.click(sut[0]);
-
-    expect(sut[0]).toBeChecked();
-    expect(sut[2]).not.toBeChecked();
-  });
   it('Should ChoiceList disabled radio children is isDisabled is provided', function () {
     var fn = jest.fn();
     (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
-      onChange: fn,
-      value: "",
+      onChangeValue: fn,
       isDisabled: true,
-      name: "test-name",
+      radiosName: "test-name",
       defaultValue: "test3",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
         value: "test1",
@@ -189,9 +138,8 @@ describe('Radio Input', function () {
   it('should render helpText if helpText is provided', function () {
     var fn = jest.fn();
     (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
-      onChange: fn,
-      value: "",
-      name: "test-name",
+      onChangeValue: fn,
+      radiosName: "test-name",
       defaultValue: "test3",
       helpText: "Help Text",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
@@ -213,10 +161,9 @@ describe('Radio Input', function () {
   it('should render label if label is provided', function () {
     var fn = jest.fn();
     (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
-      onChange: fn,
-      value: "",
+      onChangeValue: fn,
       label: "any_label",
-      name: "test-name",
+      radiosName: "test-name",
       defaultValue: "test3",
       helpText: "Help Text",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
@@ -233,14 +180,13 @@ describe('Radio Input', function () {
         children: "Radio Test 3"
       })]
     }));
-    expect(_react.screen.getByRole('radiogroup').children[0].tagName.toLowerCase()).toBe('label');
+    expect(_react.screen.getByRole('radiogroup').children[1].tagName.toLowerCase()).toBe('label');
   });
   it('should not render label if label not provided', function () {
     var fn = jest.fn();
     (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
-      onChange: fn,
-      value: "",
-      name: "test-name",
+      onChangeValue: fn,
+      radiosName: "test-name",
       defaultValue: "test3",
       helpText: "Help Text",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
@@ -257,6 +203,6 @@ describe('Radio Input', function () {
         children: "Radio Test 3"
       })]
     }));
-    expect(_react.screen.getByRole('radiogroup').children[0].tagName.toLowerCase()).not.toBe('label');
+    expect(_react.screen.getByRole('radiogroup').children[1].tagName.toLowerCase()).not.toBe('label');
   });
 });

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

@@ -1,31 +1,31 @@
-/// <reference types="react" />
-import { IStyledRadioInput } from './types';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Label: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const Input: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const ChoiceWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ListWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ChoiceLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const HelpText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { IStyledRadioInput } from './types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const Input: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const ChoiceWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ListWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ChoiceLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const HelpText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,OAAO;;;yGAInB,CAAC;AAEF,eAAO,MAAM,KAAK;;;kHAGjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;sIA4EjB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAAe,CAAC;AAE1C,eAAO,MAAM,WAAW;;;6HAOvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;sIASvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;+HASpB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,OAAO;;;yGAInB,CAAC;AAEF,eAAO,MAAM,KAAK;;;kHAGjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;sIAgEjB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAAe,CAAC;AAE1C,eAAO,MAAM,WAAW;;;6HAOvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;sIASvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;+HASpB,CAAC"}

package/dist/components/RadioInput/styles.js

@@ -24,13 +24,8 @@ var Label = _styled.default.label(_templateObject2 || (_templateObject2 = _tagge
 exports.Label = Label;
 
 var Input = _styled.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var color = _ref.color,
-      colorProps = _ref.colorProps,
-      theme = _ref.theme;
-  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    appearance: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n    margin: 0;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    border: 2px solid\n      ", ";\n\n    cursor: pointer;\n\n    + label {\n      color: ", ";\n      line-height: 20px;\n      cursor: pointer;\n    }\n\n    :hover {\n      border-color: ", ";\n    }\n    :focus {\n      border-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n    }\n    :disabled {\n      cursor: default;\n      border-color: ", ";\n      background-color: ", ";\n      + label {\n        color: ", ";\n        cursor: default;\n      }\n    }\n\n    :checked {\n      background-color: ", ";\n      border-color: ", ";\n      &:focus {\n        background-color: ", ";\n        border-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      }\n      &:hover {\n        background-color: ", ";\n        border-color: ", ";\n      }\n      &:disabled {\n        background-color: ", ";\n        border-color: ", ";\n        + label {\n          color: ", ";\n          cursor: default;\n        }\n        &::after {\n          display: none;\n        }\n      }\n\n      &::after {\n        content: '';\n        display: block;\n        width: 6px;\n        height: 6px;\n        background: #fff;\n        border-radius: 50%;\n      }\n    }\n  "])), {
-    light: theme.colors.neutral.neutral2,
-    dark: theme.colors.neutral.neutral5
-  }[theme.colorMode], theme.colorMode === 'light' ? colorProps === null || colorProps === void 0 ? void 0 : colorProps.black : theme.colors.neutral.white, theme.colors.primary.hover, colorProps === null || colorProps === void 0 ? void 0 : colorProps.focus, colorProps === null || colorProps === void 0 ? void 0 : colorProps.grayLightness, colorProps === null || colorProps === void 0 ? void 0 : colorProps.grayLightness, colorProps === null || colorProps === void 0 ? void 0 : colorProps.grayLightness, colorProps === null || colorProps === void 0 ? void 0 : colorProps.gray, color, color, colorProps === null || colorProps === void 0 ? void 0 : colorProps.saturationFocus, colorProps === null || colorProps === void 0 ? void 0 : colorProps.saturationFocus, colorProps === null || colorProps === void 0 ? void 0 : colorProps.shadowLightness, colorProps === null || colorProps === void 0 ? void 0 : colorProps.saturation, colorProps === null || colorProps === void 0 ? void 0 : colorProps.saturation, colorProps === null || colorProps === void 0 ? void 0 : colorProps.gray, colorProps === null || colorProps === void 0 ? void 0 : colorProps.gray, colorProps === null || colorProps === void 0 ? void 0 : colorProps.graySaturation);
+  var colors = _ref.theme.colors;
+  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    appearance: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 0;\n    min-width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    border: 2px solid ", ";\n    transition: all ease 0.2s;\n    cursor: pointer;\n\n    + label {\n      color: ", ";\n      line-height: 20px;\n      cursor: pointer;\n    }\n\n    :hover {\n      border-color: ", ";\n    }\n\n    :disabled {\n      cursor: default;\n      border-color: ", ";\n      background-color: ", ";\n      + label {\n        color: ", ";\n        cursor: default;\n      }\n    }\n\n    :checked {\n      background-color: ", ";\n      border-color: ", ";\n      &:focus {\n        background-color: ", ";\n        border-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      }\n      &:hover {\n        background-color: ", ";\n        border-color: ", ";\n      }\n      &:disabled {\n        background-color: ", ";\n        border-color: ", ";\n        + label {\n          color: ", ";\n          cursor: default;\n        }\n      }\n\n      &::after {\n        content: '';\n        width: 6px;\n        height: 6px;\n        background: #fff;\n        border-radius: 50%;\n      }\n    }\n  "])), colors.neutral.neutral2, colors.neutral.black, colors.primary.hover, colors.neutral.neutral1, colors.neutral.neutral1, colors.neutral.neutral2, colors.primary.default, colors.primary.default, colors.primary.focus, colors.primary.focus, colors.primary.disabled, colors.primary.hover, colors.primary.hover, colors.neutral.neutral2, colors.neutral.neutral2, colors.neutral.neutral4);
 });
 
 exports.Input = Input;
@@ -48,9 +43,8 @@ var ListWrapper = _styled.default.div(_templateObject6 || (_templateObject6 = _t
 exports.ListWrapper = ListWrapper;
 
 var ChoiceLabel = _styled.default.label(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
-  var colorProps = _ref3.colorProps,
-      theme = _ref3.theme;
-  return (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    display: block;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 24px;\n    color: ", ";\n    margin-bottom: 16px;\n  "])), theme.colorMode === 'light' ? colorProps === null || colorProps === void 0 ? void 0 : colorProps.black : theme.colors.neutral.white);
+  var colors = _ref3.theme.colors;
+  return (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    display: block;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 24px;\n    color: ", ";\n    margin-bottom: 16px;\n  "])), colors.neutral.black);
 });
 
 exports.ChoiceLabel = ChoiceLabel;
@@ -58,7 +52,7 @@ exports.ChoiceLabel = ChoiceLabel;
 var HelpText = _styled.default.span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref4) {
   var theme = _ref4.theme,
       textColor = _ref4.textColor;
-  return (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    font-size: ", ";\n    color: ", ";\n    font-weight: ", ";\n    display: block;\n    padding-left: 30px;\n    margin-top: 18px;\n  "])), theme.fontSizes.xxs, theme.colorMode === 'light' ? textColor : theme.colors.neutral.white, theme.fontWeight[500]);
+  return (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    font-size: ", ";\n    color: ", ";\n    font-weight: 500;\n    display: block;\n    padding-left: 30px;\n    margin-top: 18px;\n  "])), theme.fontSizes.xxs, textColor);
 });
 
 exports.HelpText = HelpText;

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

@@ -1,61 +1,33 @@
-import { ChangeEvent, ChangeEventHandler, ReactNode, Ref } from 'react';
-export declare type FormRegister = {
-    onChange: ChangeEventHandler<HTMLInputElement>;
-    onBlur: ChangeEventHandler;
-    ref: Ref<any>;
-    name: string;
-};
-export declare type ColorProps = {
-    black: string;
-    gray: string;
-    grayLightness: string;
-    graySaturation: string;
-    focus: string;
-    focusChecked: string;
-    shadowLightness: string;
-    saturation: string;
-    saturationFocus: string;
-};
-export interface IRadioInputProps {
-    isDisabled?: boolean;
-    name?: string;
-    value: string;
-    id: string;
-    children: ReactNode;
-    color?: string;
-    defaultChecked?: boolean;
-    onChange?: (value: string) => void;
-    formRegister?: FormRegister;
-}
-export interface ChoiceListProps {
-    onChange: (value: string) => void;
-    label?: string;
-    value: string;
-    defaultValue?: string;
-    isDisabled?: boolean;
-    name: string;
-    alignDirection?: 'column' | 'row';
-    color?: string;
-    helpText?: string;
-    children: ReactNode;
-    formRegister?: FormRegister;
-}
-export declare type ChoiceListContext = {
-    handleRadioClick: (e: ChangeEvent<HTMLInputElement>) => void;
-    isRadioSelected: (value: string) => boolean;
-    groupName: string;
-    groupColor: string;
-    groupFormRegister?: FormRegister;
-    isDisabled?: boolean;
-};
-export interface IStyledRadioInput {
-    color?: string;
-    colorProps?: ColorProps;
-    textColor?: string;
-    alignDirection?: 'column' | 'row';
-    disabledColor?: string;
-    disabledWithCheckedColor?: string;
-    disabledTextColor?: string;
-    disabledTextWithCheckedColor?: string;
-}
+import { ReactNode } from 'react';
+export interface IRadioInputProps {
+    isDisabled?: boolean;
+    name?: string;
+    value: string;
+    id: string;
+    children?: ReactNode;
+    color?: string;
+    defaultChecked?: boolean;
+    onChange?: (value: string) => void;
+}
+export interface ChoiceListProps {
+    onChangeValue?: (value: string) => void;
+    label?: string;
+    defaultValue?: string;
+    isDisabled?: boolean;
+    radiosName: string;
+    alignDirection?: 'column' | 'row';
+    color?: string;
+    helpText?: string;
+    children: ReactNode;
+}
+export declare type ChoiceListContext = {
+    handleRadioClick: (e: string) => void;
+    defaultValue?: string;
+    groupName: string;
+    isDisabled?: boolean;
+};
+export interface IStyledRadioInput {
+    textColor?: string;
+    alignDirection?: 'column' | 'row';
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAExE,oBAAY,YAAY,GAAG;IACzB,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC/C,MAAM,EAAE,kBAAkB,CAAC;IAC3B,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,oBAAY,iBAAiB,GAAG;IAC9B,gBAAgB,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC5C,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,YAAY,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4BAA4B,CAAC,EAAE,MAAM,CAAC;CACvC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,oBAAY,iBAAiB,GAAG;IAC9B,gBAAgB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CACnC"}

package/dist/components/RadioInput/utils/get-colors-props.d.ts

@@ -1,12 +1,12 @@
-export declare function getColorsProps(hue: number): {
-    black: string;
-    gray: string;
-    grayLightness: string;
-    graySaturation: string;
-    focus: string;
-    focusChecked: string;
-    shadowLightness: string;
-    saturation: string;
-    saturationFocus: string;
-};
+export declare function getColorsProps(hue: number): {
+    black: string;
+    gray: string;
+    grayLightness: string;
+    graySaturation: string;
+    focus: string;
+    focusChecked: string;
+    shadowLightness: string;
+    saturation: string;
+    saturationFocus: string;
+};
 //# sourceMappingURL=get-colors-props.d.ts.map

package/dist/components/Rating/components/GradientIcon/data/dash.d.ts

@@ -1,9 +1,9 @@
-export declare const dashIcons: {
-    name: string;
-    width: number;
-    height: number;
-    viewBox: string;
-    html: string;
-    xmlns: string;
-}[];
+export declare const dashIcons: {
+    name: string;
+    width: number;
+    height: number;
+    viewBox: string;
+    html: string;
+    xmlns: string;
+}[];
 //# sourceMappingURL=dash.d.ts.map

package/dist/components/Rating/components/GradientIcon/data/ecommerce.d.ts

@@ -1,9 +1,9 @@
-export declare const ecommerceIcons: {
-    name: string;
-    width: number;
-    height: number;
-    viewBox: string;
-    html: string;
-    xmlns: string;
-}[];
+export declare const ecommerceIcons: {
+    name: string;
+    width: number;
+    height: number;
+    viewBox: string;
+    html: string;
+    xmlns: string;
+}[];
 //# sourceMappingURL=ecommerce.d.ts.map

package/dist/components/Rating/components/GradientIcon/index.d.ts

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

package/dist/components/Rating/components/GradientIcon/scripts/build.d.ts

@@ -1,8 +1,8 @@
-/**
- * Builds the icons and types files.
- * To run this script, you need to call this at the test file:
- * `require('./scripts/build')` or `import build from './scripts/build'`
- */
-declare const builder: () => void;
-export default builder;
+/**
+ * Builds the icons and types files.
+ * To run this script, you need to call this at the test file:
+ * `require('./scripts/build')` or `import build from './scripts/build'`
+ */
+declare const builder: () => void;
+export default builder;
 //# sourceMappingURL=build.d.ts.map

package/dist/components/Rating/components/GradientIcon/scripts/build.js

@@ -35,10 +35,10 @@ var twirlTimer = function twirlTimer() {
     x &= 3;
   }, 250);
 };
-/**
- * Builds the icons and types files.
- * To run this script, you need to call this at the test file:
- * `require('./scripts/build')` or `import build from './scripts/build'`
+/**
+ * Builds the icons and types files.
+ * To run this script, you need to call this at the test file:
+ * `require('./scripts/build')` or `import build from './scripts/build'`
  */
 
 

package/dist/components/Rating/components/GradientIcon/scripts/extractor.d.ts

@@ -1,16 +1,16 @@
-/**
- * Extractor is a function that extracts the svg content from the icon file.
- * @param files - The directory with the files to extract.
- * @param currentPath - The current path of the file
- * @returns Array of objects with the name and the content of the icon svg.
- */
-declare const extractor: (files: string[], currentPath: string) => {
-    name: string;
-    width: string;
-    height: string;
-    viewBox: string;
-    xmlns: string;
-    html: string;
-}[];
-export default extractor;
+/**
+ * Extractor is a function that extracts the svg content from the icon file.
+ * @param files - The directory with the files to extract.
+ * @param currentPath - The current path of the file
+ * @returns Array of objects with the name and the content of the icon svg.
+ */
+declare const extractor: (files: string[], currentPath: string) => {
+    name: string;
+    width: string;
+    height: string;
+    viewBox: string;
+    xmlns: string;
+    html: string;
+}[];
+export default extractor;
 //# sourceMappingURL=extractor.d.ts.map

package/dist/components/Rating/components/GradientIcon/scripts/extractor.js

@@ -11,11 +11,11 @@ var _fs = require("fs");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/**
- * Extractor is a function that extracts the svg content from the icon file.
- * @param files - The directory with the files to extract.
- * @param currentPath - The current path of the file
- * @returns Array of objects with the name and the content of the icon svg.
+/**
+ * Extractor is a function that extracts the svg content from the icon file.
+ * @param files - The directory with the files to extract.
+ * @param currentPath - The current path of the file
+ * @returns Array of objects with the name and the content of the icon svg.
  */
 var extractor = function extractor(files, currentPath) {
   return files.map(function (file) {

package/dist/components/Rating/components/GradientIcon/scripts/writers.d.ts

@@ -1,23 +1,23 @@
-declare type iconsList = {
-    name: string;
-    width: string;
-    height: string;
-    viewBox: string;
-    html: string;
-    xmlns: string;
-};
-/**
- * This function generates the types file for the Icon component
- * @param iconsList - The list of icons
- * @param overwrite - If true, the file will be overwritten
- */
-export declare const writeTypesFile: (iconsList: iconsList[], overwrite?: boolean) => void;
-/**
- * This function generates the icons json file for the Icon component
- * @param iconsList - The list of icons
- * @param jsonFileName - The name of the json file
- * @param overwrite - If true, the file will be overwritten
- */
-export declare const writeIconsFile: (iconsList: iconsList[], jsonFileName: string, overwrite?: boolean) => void;
-export {};
+declare type iconsList = {
+    name: string;
+    width: string;
+    height: string;
+    viewBox: string;
+    html: string;
+    xmlns: string;
+};
+/**
+ * This function generates the types file for the Icon component
+ * @param iconsList - The list of icons
+ * @param overwrite - If true, the file will be overwritten
+ */
+export declare const writeTypesFile: (iconsList: iconsList[], overwrite?: boolean) => void;
+/**
+ * This function generates the icons json file for the Icon component
+ * @param iconsList - The list of icons
+ * @param jsonFileName - The name of the json file
+ * @param overwrite - If true, the file will be overwritten
+ */
+export declare const writeIconsFile: (iconsList: iconsList[], jsonFileName: string, overwrite?: boolean) => void;
+export {};
 //# sourceMappingURL=writers.d.ts.map