@pedidopago/ui 1.0.9 → 1.1.3

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

@@ -1,74 +1,74 @@
-/// <reference types="react" />
-import { IInputProps } from './types';
-import { GenericStyledProps } from '../../@types';
-export declare const InputGroupElement: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IInputProps & {
-    hasValueOnInput: boolean;
-    labelBackground?: {
-        dark: string;
-        light: string;
-    } | undefined;
-} & {
-    hasDisabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const InputColumn: 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 InputContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    withAddon?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const InputContentRow: 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 InputIcon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    clickable?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Input: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IInputProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const InputLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    hasDisabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const Fieldset: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IInputProps & {
-    hasDisabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {}>;
-export declare const Legend: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, {}>;
-export declare const LegendText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const HelperText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IInputProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const AddonElement: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IInputProps & {
-    hasDisabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AddonContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { IInputProps } from './types';
+import { GenericStyledProps } from '../../@types';
+export declare const InputGroupElement: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IInputProps & {
+    hasValueOnInput: boolean;
+    labelBackground?: {
+        dark: string;
+        light: string;
+    } | undefined;
+} & {
+    hasDisabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InputColumn: 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 InputContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    withAddon?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InputContentRow: 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 InputIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    clickable?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Input: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IInputProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const InputLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    hasDisabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const Fieldset: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IInputProps & {
+    hasDisabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {}>;
+export declare const Legend: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, {}>;
+export declare const LegendText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const HelperText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IInputProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const AddonElement: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IInputProps & {
+    hasDisabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AddonContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,27 +1,27 @@
-import { ReactNode } from 'react';
-export declare type IInputProps = {
-    disabled?: boolean;
-    isLoading?: boolean;
-    withIcon?: ReactNode;
-    hiddenContent?: boolean;
-    helperText?: string;
-    withAddon?: boolean;
-    addonContent?: string;
-    alert?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-};
-export declare type IIInputComponentProps = IInputProps & {
-    hasValueOnInput: boolean;
-    labelBackground?: {
-        dark: string;
-        light: string;
-    };
-};
-export declare type IInputGroupProps = IInputProps & {
-    label?: string;
-    labelBackground?: {
-        dark: string;
-        light: string;
-    };
-    placeholder?: string;
-};
+import { ReactNode } from 'react';
+export declare type IInputProps = {
+    disabled?: boolean;
+    isLoading?: boolean;
+    withIcon?: ReactNode;
+    hiddenContent?: boolean;
+    helperText?: string;
+    withAddon?: boolean;
+    addonContent?: string;
+    alert?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+};
+export declare type IIInputComponentProps = IInputProps & {
+    hasValueOnInput: boolean;
+    labelBackground?: {
+        dark: string;
+        light: string;
+    };
+};
+export declare type IInputGroupProps = IInputProps & {
+    label?: string;
+    labelBackground?: {
+        dark: string;
+        light: string;
+    };
+    placeholder?: string;
+};
 //# sourceMappingURL=types.d.ts.map

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

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

package/dist/components/Label/index.js

@@ -15,6 +15,8 @@ var _allIcons = require("../Icon/utils/allIcons");
 
 var _invertColor = require("../../utils/invertColor");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var LabelInput = function LabelInput(_ref) {
@@ -34,17 +36,18 @@ var LabelInput = function LabelInput(_ref) {
 
   var backgroundColor = LabelType ? theme.colors[LabelType].blurred : Color || (theme.colorMode === 'dark' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral1);
   var color = (0, _invertColor.invertColor)(backgroundColor || '#fff', true);
-  return /*#__PURE__*/React.createElement(_styles.LabelWrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.LabelWrapper, {
     backgroundColor: backgroundColor,
     color: color,
-    "data-testid": "label-wrapper"
-  }, Icon && IconSide === 'left' && iconExists() && /*#__PURE__*/React.createElement(_Icon.default, {
-    name: Icon,
-    size: "16px"
-  }), Label || 'default', Icon && IconSide === 'right' && iconExists() && /*#__PURE__*/React.createElement(_Icon.default, {
-    name: Icon,
-    size: "16px"
-  }));
+    "data-testid": "label-wrapper",
+    children: [Icon && IconSide === 'left' && iconExists() && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      name: Icon,
+      size: "16px"
+    }), Label || 'default', Icon && IconSide === 'right' && iconExists() && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      name: Icon,
+      size: "16px"
+    })]
+  });
 };
 
 var _default = LabelInput;

package/dist/components/Label/input.test.d.ts

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

package/dist/components/Label/input.test.js

@@ -6,6 +6,8 @@ require("@testing-library/jest-dom/extend-expect");
 
 var _ = _interopRequireDefault(require("."));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
@@ -19,7 +21,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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; }
 
 var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
   var LabelWrapper = utils.getByTestId('label-wrapper');
   return _objectSpread({
     LabelWrapper: LabelWrapper

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { IStyleProps } from './types';
-export declare const LabelWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { IStyleProps } from './types';
+export declare const LabelWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,17 +1,17 @@
-import { ExtendThemeProps } from '../../shared/theme';
-import { IconName } from '../Icon/types';
-export declare type IStyleProps = {
-    theme?: ExtendThemeProps;
-    disabled?: boolean;
-    isActive?: boolean;
-    backgroundColor?: string;
-    color?: string;
-};
-export declare type IInputProps = {
-    LabelType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-    Icon?: IconName;
-    Label?: string;
-    IconSide?: 'left' | 'right';
-    Color?: string;
-};
+import { ExtendThemeProps } from '../../shared/theme';
+import { IconName } from '../Icon/types';
+export declare type IStyleProps = {
+    theme?: ExtendThemeProps;
+    disabled?: boolean;
+    isActive?: boolean;
+    backgroundColor?: string;
+    color?: string;
+};
+export declare type IInputProps = {
+    LabelType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+    Icon?: IconName;
+    Label?: string;
+    IconSide?: 'left' | 'right';
+    Color?: string;
+};
 //# sourceMappingURL=types.d.ts.map

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

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

package/dist/components/List/index.js

@@ -7,9 +7,15 @@ exports.default = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["title", "item", "maxHeight", "children"];
 
-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; }
 
@@ -22,9 +28,14 @@ var List = function List(_ref) {
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return item ? /*#__PURE__*/React.createElement(_styles.StyledListItem, rest, children) : /*#__PURE__*/React.createElement(_styles.StyledList, _extends({}, rest, {
-    maxHeight: maxHeight
-  }), title && /*#__PURE__*/React.createElement(_styles.StyledListTitle, null, title), children);
+  return item ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledListItem, _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  })) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StyledList, _objectSpread(_objectSpread({}, rest), {}, {
+    maxHeight: maxHeight,
+    children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledListTitle, {
+      children: title
+    }), children]
+  }));
 };
 
 var _default = List;

package/dist/components/List/list.test.d.ts

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

package/dist/components/List/list.test.js

@@ -8,44 +8,62 @@ var _ = _interopRequireDefault(require("."));
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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; }
+
 var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props, props.children));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({}, props), {}, {
+    children: props.children
+  })));
   return utils;
 };
 
 describe('List', function () {
   it('should to render list component', function () {
     var utils = setup({
-      children: /*#__PURE__*/React.createElement(_.default, {
-        item: true
-      }, "Item 1")
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        children: "Item 1"
+      })
     });
     expect(utils.container).toBeInTheDocument();
   });
   it('should to render list component with an icon', function () {
     var utils = setup({
-      children: /*#__PURE__*/React.createElement(_.default, {
-        item: true
-      }, /*#__PURE__*/React.createElement(_Icon.default, {
-        name: "check"
-      }), " Item 1")
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
+        item: true,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: "check"
+        }), " Item 1"]
+      })
     });
     expect(utils.container).toBeInTheDocument();
     expect(utils.container.querySelector('svg')).toBeInTheDocument();
   });
   it('should to render list with multiply items', function () {
     var utils = setup({
-      children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_.default, {
-        item: true
-      }, " item 1"), /*#__PURE__*/React.createElement(_.default, {
-        item: true
-      }, " item 2"), /*#__PURE__*/React.createElement(_.default, {
-        item: true
-      }, " item 3"), /*#__PURE__*/React.createElement(_.default, {
-        item: true
-      }, " item 4"))
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+          item: true,
+          children: " item 1"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+          item: true,
+          children: " item 2"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+          item: true,
+          children: " item 3"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+          item: true,
+          children: " item 4"
+        })]
+      })
     });
     expect(utils.container).toBeInTheDocument();
     expect(utils.container.querySelectorAll('li').length).toBe(4);

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

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-import { IListComponent } from './types';
-export declare const StyledList: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IListComponent & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
-export declare const StyledListTitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+import { IListComponent } from './types';
+export declare const StyledList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IListComponent & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const StyledListTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,7 +1,7 @@
-import { ExtendThemeProps } from 'src';
-export declare type IListComponent = {
-    title?: string;
-    maxHeight?: keyof ExtendThemeProps['spacing'];
-    item?: boolean;
-};
+import { ExtendThemeProps } from 'src';
+export declare type IListComponent = {
+    title?: string;
+    maxHeight?: keyof ExtendThemeProps['spacing'];
+    item?: boolean;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IModalProps } from './types';
-export declare function Modal({ open, left, top, anchorX, anchorY, offsetX, offsetY, maxWidth, onClose, children, }: IModalProps): JSX.Element;
+/// <reference types="react" />
+import { IModalProps } from './types';
+export declare function Modal({ open, left, top, anchorX, anchorY, offsetX, offsetY, maxWidth, onClose, children, }: IModalProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Modal/index.js

@@ -9,6 +9,8 @@ var _useKeyPress = require("../../shared/hooks/useKeyPress");
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 // Styles
 function Modal(_ref) {
   var open = _ref.open,
@@ -84,23 +86,26 @@ function Modal(_ref) {
     return "translate(".concat(percentageX, "%, ").concat(percentageY, "%)");
   }
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styles.Overlay, {
-    style: {
-      // display: open ? 'block' : 'none',
-      opacity: open ? 0.1 : 0,
-      pointerEvents: open ? 'auto' : 'none'
-    },
-    onClick: function onClick() {
-      return onClose();
-    }
-  }), /*#__PURE__*/React.createElement(_styles.Container, {
-    style: {
-      left: "calc(".concat(left, " + ").concat(offsetX, ")"),
-      top: "calc(".concat(top, " + ").concat(offsetY, ")"),
-      transform: "".concat(getAnchorTranslate(), " scale(").concat(open ? 1 : 0.8, ")"),
-      opacity: open ? 1 : 0,
-      pointerEvents: open ? 'auto' : 'none'
-    },
-    maxWidth: maxWidth
-  }, children));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Overlay, {
+      style: {
+        // display: open ? 'block' : 'none',
+        opacity: open ? 0.1 : 0,
+        pointerEvents: open ? 'auto' : 'none'
+      },
+      onClick: function onClick() {
+        return onClose();
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+      style: {
+        left: "calc(".concat(left, " + ").concat(offsetX, ")"),
+        top: "calc(".concat(top, " + ").concat(offsetY, ")"),
+        transform: "".concat(getAnchorTranslate(), " scale(").concat(open ? 1 : 0.8, ")"),
+        opacity: open ? 1 : 0,
+        pointerEvents: open ? 'auto' : 'none'
+      },
+      maxWidth: maxWidth,
+      children: children
+    })]
+  });
 }

package/dist/components/Modal/modal.test.d.ts

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