@pedidopago/ui 1.1.2 → 1.1.5

package/dist/components/Progress/style.js

@@ -16,7 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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 ProgressBar = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  background-color: ", ";\n  height: ", "px;\n  border-radius: 10px;\n  overflow: hidden;\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;

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

@@ -1,70 +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;
-}
+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?: 'sm' | 'md' | 'lg';
+    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

@@ -1 +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"}
+{"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,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,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/RadioInput/components/ChoiceList/index.d.ts

@@ -1,6 +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;
+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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/RadioInput/components/ChoiceList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,EAAE,EAAgC,MAAM,OAAO,CAAC;AAMrF,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEjE,eAAO,MAAM,UAAU,4CAA4D,CAAC;AAEpF,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsDnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -75,6 +75,9 @@ var ChoiceList = function ChoiceList(_ref) {
     onChange(e.currentTarget.value);
   };
 
+  (0, _react.useEffect)(function () {
+    !!value && setSelectedRadioBtn(value);
+  }, [value]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.ThemeProvider, {
     theme: theme,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioGroup.Provider, {

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IRadioInputProps } from './types';
-declare const RadioInput: FC<IRadioInputProps>;
-export default RadioInput;
+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/radio-input.test.d.ts

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

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;;;sIAkEjB,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;;;sIAsEjB,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

@@ -27,7 +27,10 @@ var Input = _styled.default.input(_templateObject3 || (_templateObject3 = _tagge
   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    + label {\n      color: ", ";\n      line-height: 20px;\n    }\n\n    :hover {\n      border-color: ", ";\n    }\n    :focus {\n      border-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n    }\n    :disabled {\n      border-color: ", ";\n      background-color: ", ";\n      + label {\n        color: ", ";\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        }\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  "])), colorProps === null || colorProps === void 0 ? void 0 : colorProps.gray, theme.colorMode === 'light' ? colorProps === null || colorProps === void 0 ? void 0 : colorProps.black : theme.colors.neutral.white, colorProps === null || colorProps === void 0 ? void 0 : colorProps.graySaturation, 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);
+  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    + label {\n      color: ", ";\n      line-height: 20px;\n    }\n\n    :hover {\n      border-color: ", ";\n    }\n    :focus {\n      border-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n    }\n    :disabled {\n      border-color: ", ";\n      background-color: ", ";\n      + label {\n        color: ", ";\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        }\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);
 });
 
 exports.Input = Input;

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

@@ -1,61 +1,61 @@
-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 { 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;
+}
 //# sourceMappingURL=types.d.ts.map

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/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/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

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { ExtendThemeProps } from '../../../../shared/theme';
-declare type StyledIconProps = {
-    theme?: ExtendThemeProps;
-    strokeColor?: string;
-    disabled?: boolean;
-};
-export declare const IconComponent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & StyledIconProps, import("react").SVGProps<SVGSVGElement>, {}>;
-export {};
+/// <reference types="react" />
+import { ExtendThemeProps } from '../../../../shared/theme';
+declare type StyledIconProps = {
+    theme?: ExtendThemeProps;
+    strokeColor?: string;
+    disabled?: boolean;
+};
+export declare const IconComponent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & StyledIconProps, import("react").SVGProps<SVGSVGElement>, {}>;
+export {};
 //# sourceMappingURL=styles.d.ts.map