@pedidopago/ui 1.1.0 → 1.1.4

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

@@ -10,17 +10,20 @@ var _ChoiceList = _interopRequireDefault(require("./components/ChoiceList"));
 
 var _ = _interopRequireDefault(require("."));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 describe('Radio Input', function () {
   it('should render input', function () {
     var fn = jest.fn();
 
-    var _render = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+    var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       onChange: fn,
       value: "test",
-      id: "test"
-    }, "Radio Test")),
+      id: "test",
+      children: "Radio Test"
+    })),
         container = _render.container;
 
     var radio = container.querySelector('input[type="radio"]');
@@ -29,11 +32,12 @@ describe('Radio Input', function () {
   it('should check input on Click on input', function () {
     var fn = jest.fn();
 
-    var _render2 = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+    var _render2 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       onChange: fn,
       value: "test",
-      id: "test"
-    }, "Radio Test")),
+      id: "test",
+      children: "Radio Test"
+    })),
         container = _render2.container;
 
     var radio = container.querySelector('input[type="radio"]');
@@ -45,11 +49,12 @@ describe('Radio Input', function () {
   it('should check input on Click label', function () {
     var fn = jest.fn();
 
-    var _render3 = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+    var _render3 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       onChange: fn,
       value: "test",
-      id: "test"
-    }, "Radio Test")),
+      id: "test",
+      children: "Radio Test"
+    })),
         container = _render3.container,
         getByText = _render3.getByText;
 
@@ -63,12 +68,13 @@ describe('Radio Input', function () {
   it('should checked input if defaultChecked is provided', function () {
     var fn = jest.fn();
 
-    var _render4 = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+    var _render4 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       onChange: fn,
       value: "test",
       id: "test",
-      defaultChecked: true
-    }, "Radio Test")),
+      defaultChecked: true,
+      children: "Radio Test"
+    })),
         container = _render4.container;
 
     var radio = container.querySelector('input[type="radio"]');
@@ -77,11 +83,12 @@ describe('Radio Input', function () {
   it('should call onChange on Click input', function () {
     var fn = jest.fn();
 
-    var _render5 = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+    var _render5 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       onChange: fn,
       value: "test",
-      id: "test"
-    }, "Radio Test")),
+      id: "test",
+      children: "Radio Test"
+    })),
         container = _render5.container;
 
     var radio = container.querySelector('input[type="radio"]');
@@ -92,20 +99,24 @@ describe('Radio Input', function () {
   });
   it('should ChoiceList control radio childrens', function () {
     var fn = jest.fn();
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_ChoiceList.default, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
       onChange: fn,
       value: "test1",
-      name: "test-name"
-    }, /*#__PURE__*/React.createElement(_.default, {
-      value: "test1",
-      id: "test"
-    }, "Radio Test 1"), /*#__PURE__*/React.createElement(_.default, {
-      value: "test2",
-      id: "test"
-    }, "Radio Test 2"), /*#__PURE__*/React.createElement(_.default, {
-      value: "test3",
-      id: "test"
-    }, "Radio Test 3")));
+      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');
 
@@ -115,21 +126,25 @@ describe('Radio Input', function () {
   });
   it('Should ChoiceList change checked radio children is defaultValue is provided', function () {
     var fn = jest.fn();
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_ChoiceList.default, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
       onChange: fn,
       value: "",
       name: "test-name",
-      defaultValue: "test3"
-    }, /*#__PURE__*/React.createElement(_.default, {
-      value: "test1",
-      id: "test"
-    }, "Radio Test 1"), /*#__PURE__*/React.createElement(_.default, {
-      value: "test2",
-      id: "test"
-    }, "Radio Test 2"), /*#__PURE__*/React.createElement(_.default, {
-      value: "test3",
-      id: "test"
-    }, "Radio Test 3")));
+      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');
 
@@ -144,22 +159,26 @@ describe('Radio Input', function () {
   });
   it('Should ChoiceList disabled radio children is isDisabled is provided', function () {
     var fn = jest.fn();
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_ChoiceList.default, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
       onChange: fn,
       value: "",
       isDisabled: true,
       name: "test-name",
-      defaultValue: "test3"
-    }, /*#__PURE__*/React.createElement(_.default, {
-      value: "test1",
-      id: "test"
-    }, "Radio Test 1"), /*#__PURE__*/React.createElement(_.default, {
-      value: "test2",
-      id: "test"
-    }, "Radio Test 2"), /*#__PURE__*/React.createElement(_.default, {
-      value: "test3",
-      id: "test"
-    }, "Radio Test 3")));
+      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');
 
@@ -169,63 +188,75 @@ describe('Radio Input', function () {
   });
   it('should render helpText if helpText is provided', function () {
     var fn = jest.fn();
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_ChoiceList.default, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
       onChange: fn,
       value: "",
       name: "test-name",
       defaultValue: "test3",
-      helpText: "Help Text"
-    }, /*#__PURE__*/React.createElement(_.default, {
-      value: "test1",
-      id: "test"
-    }, "Radio Test 1"), /*#__PURE__*/React.createElement(_.default, {
-      value: "test2",
-      id: "test"
-    }, "Radio Test 2"), /*#__PURE__*/React.createElement(_.default, {
-      value: "test3",
-      id: "test"
-    }, "Radio Test 3")));
+      helpText: "Help Text",
+      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"
+      })]
+    }));
     expect(_react.screen.getByText('Help Text')).toBeInTheDocument();
   });
   it('should render label if label is provided', function () {
     var fn = jest.fn();
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_ChoiceList.default, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
       onChange: fn,
       value: "",
       label: "any_label",
       name: "test-name",
       defaultValue: "test3",
-      helpText: "Help Text"
-    }, /*#__PURE__*/React.createElement(_.default, {
-      value: "test1",
-      id: "test"
-    }, "Radio Test 1"), /*#__PURE__*/React.createElement(_.default, {
-      value: "test2",
-      id: "test"
-    }, "Radio Test 2"), /*#__PURE__*/React.createElement(_.default, {
-      value: "test3",
-      id: "test"
-    }, "Radio Test 3")));
+      helpText: "Help Text",
+      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"
+      })]
+    }));
     expect(_react.screen.getByRole('radiogroup').children[0].tagName.toLowerCase()).toBe('label');
   });
   it('should not render label if label not provided', function () {
     var fn = jest.fn();
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_ChoiceList.default, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
       onChange: fn,
       value: "",
       name: "test-name",
       defaultValue: "test3",
-      helpText: "Help Text"
-    }, /*#__PURE__*/React.createElement(_.default, {
-      value: "test1",
-      id: "test"
-    }, "Radio Test 1"), /*#__PURE__*/React.createElement(_.default, {
-      value: "test2",
-      id: "test"
-    }, "Radio Test 2"), /*#__PURE__*/React.createElement(_.default, {
-      value: "test3",
-      id: "test"
-    }, "Radio Test 3")));
+      helpText: "Help Text",
+      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"
+      })]
+    }));
     expect(_react.screen.getByRole('radiogroup').children[0].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/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/index.js

@@ -15,9 +15,15 @@ var _theme = require("../../../../shared/theme");
 
 var _allIcons = require("./utils/allIcons");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["name", "fillState", "primaryColor", "secondaryColor", "strokeColor", "size", "disabled"];
 
-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 _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; }
 
@@ -52,22 +58,23 @@ var Icon = function Icon(_ref) {
   var htmlParsedPrimaryColor = html.replace(/#133113/g, primaryColor);
   var htmlParsedSecondaryColor = htmlParsedPrimaryColor.replace(/#311331/g, secondaryColor);
   var parsedHtml = htmlParsedSecondaryColor;
-  return /*#__PURE__*/React.createElement(_react.ThemeProvider, {
-    theme: theme
-  }, /*#__PURE__*/React.createElement(_styles.IconComponent, _extends({
-    style: {
-      fill: fillState === 'filled' ? primaryColor : fillState === 'halfFilled' ? "url(#".concat(name, "_gradient)") : secondaryColor
-    },
-    strokeColor: strokeColor,
-    xmlns: xmlns,
-    name: name,
-    viewBox: viewBox,
-    width: size || width,
-    height: size || height,
-    dangerouslySetInnerHTML: {
-      __html: parsedHtml
-    }
-  }, rest)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.ThemeProvider, {
+    theme: theme,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.IconComponent, _objectSpread({
+      style: {
+        fill: fillState === 'filled' ? primaryColor : fillState === 'halfFilled' ? "url(#".concat(name, "_gradient)") : secondaryColor
+      },
+      strokeColor: strokeColor,
+      xmlns: xmlns,
+      name: name,
+      viewBox: viewBox,
+      width: size || width,
+      height: size || height,
+      dangerouslySetInnerHTML: {
+        __html: parsedHtml
+      }
+    }, rest))
+  });
 };
 
 var _default = Icon;

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