@pedidopago/ui 1.1.0 → 1.1.4

package/dist/components/Timeline/components/Timeline.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { ITimelineProps } from '../types';
-export declare const Timeline: FC<ITimelineProps>;
+import { FC } from 'react';
+import { ITimelineProps } from '../types';
+export declare const Timeline: FC<ITimelineProps>;
 //# sourceMappingURL=Timeline.d.ts.map

package/dist/components/Timeline/components/Timeline.js

@@ -9,6 +9,8 @@ var _react = require("@emotion/react");
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var Timeline = function Timeline(_ref) {
   var children = _ref.children,
       _ref$position = _ref.position,
@@ -19,13 +21,15 @@ var Timeline = function Timeline(_ref) {
     right: 'row-reverse',
     alternate: 'alternate'
   };
-  return /*#__PURE__*/React.createElement(_react.ThemeProvider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.ThemeProvider, {
     theme: {
       position: flexDirections[position]
-    }
-  }, /*#__PURE__*/React.createElement(_styles.TimelineContainer, {
-    fullWidth: fullWidth
-  }, children));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimelineContainer, {
+      fullWidth: fullWidth,
+      children: children
+    })
+  });
 };
 
 exports.Timeline = Timeline;

package/dist/components/Timeline/components/TimelineContent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ITimelineContentProps } from '../types';
-export declare const TimelineContent: ({ title, description, date, ...rest }: ITimelineContentProps) => JSX.Element;
+/// <reference types="react" />
+import { ITimelineContentProps } from '../types';
+export declare const TimelineContent: ({ title, description, date, ...rest }: ITimelineContentProps) => JSX.Element;
 //# sourceMappingURL=TimelineContent.d.ts.map

package/dist/components/Timeline/components/TimelineContent.js

@@ -11,10 +11,18 @@ var _Flex = _interopRequireDefault(require("../../Flex"));
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["title", "description", "date"];
 
 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; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -36,21 +44,29 @@ var TimelineContent = function TimelineContent(_ref) {
   var getMinutes = parseDate === null || parseDate === void 0 ? void 0 : parseDate.getMinutes().toLocaleString('default', {
     minimumIntegerDigits: 2
   });
-  return /*#__PURE__*/React.createElement(_styles.TimelineItemContent, rest, /*#__PURE__*/React.createElement(_Flex.default, {
-    direction: "column"
-  }, /*#__PURE__*/React.createElement(_Typography.default, {
-    fontWeight: "600",
-    fontSize: "xs"
-  }, title), /*#__PURE__*/React.createElement(_Typography.default, {
-    fontSize: "xs"
-  }, description)), date && /*#__PURE__*/React.createElement(_Flex.default, {
-    direction: "column"
-  }, /*#__PURE__*/React.createElement(_Typography.default, {
-    fontWeight: "600",
-    fontSize: "xs"
-  }, getDay, " ", getShortMonth.charAt(0).toUpperCase() + getShortMonth.slice(1)), /*#__PURE__*/React.createElement(_Typography.default, {
-    fontSize: "xs"
-  }, getHours, ":", getMinutes)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TimelineItemContent, _objectSpread(_objectSpread({}, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
+      direction: "column",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        fontWeight: "600",
+        fontSize: "xs",
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        fontSize: "xs",
+        children: description
+      })]
+    }), date && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
+      direction: "column",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+        fontWeight: "600",
+        fontSize: "xs",
+        children: [getDay, " ", getShortMonth.charAt(0).toUpperCase() + getShortMonth.slice(1)]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+        fontSize: "xs",
+        children: [getHours, ":", getMinutes]
+      })]
+    })]
+  }));
 };
 
 exports.TimelineContent = TimelineContent;

package/dist/components/Timeline/components/TimelineItem.d.ts

@@ -1,3 +1,3 @@
-import { FC, HTMLAttributes } from 'react';
-export declare const TimelineItem: FC<HTMLAttributes<HTMLLIElement>>;
+import { FC, HTMLAttributes } from 'react';
+export declare const TimelineItem: FC<HTMLAttributes<HTMLLIElement>>;
 //# sourceMappingURL=TimelineItem.d.ts.map

package/dist/components/Timeline/components/TimelineItem.js

@@ -7,8 +7,16 @@ exports.TimelineItem = void 0;
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["children"];
 
+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; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -17,7 +25,9 @@ var TimelineItem = function TimelineItem(_ref) {
   var children = _ref.children,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(_styles.TimelineItemContainer, rest, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimelineItemContainer, _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
 };
 
 exports.TimelineItem = TimelineItem;

package/dist/components/Timeline/components/TimelineSeparator.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ITimelineSeparatorProps } from '../types';
-export declare const TimelineSeparator: ({ icon, circleColor }: ITimelineSeparatorProps) => JSX.Element;
+/// <reference types="react" />
+import { ITimelineSeparatorProps } from '../types';
+export declare const TimelineSeparator: ({ icon, circleColor }: ITimelineSeparatorProps) => JSX.Element;
 //# sourceMappingURL=TimelineSeparator.d.ts.map

package/dist/components/Timeline/components/TimelineSeparator.js

@@ -7,13 +7,18 @@ exports.TimelineSeparator = void 0;
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var TimelineSeparator = function TimelineSeparator(_ref) {
   var icon = _ref.icon,
       circleColor = _ref.circleColor;
-  return /*#__PURE__*/React.createElement(_styles.TimelineSeparatorContainer, null, /*#__PURE__*/React.createElement(_styles.TimelineSeparatorLine, null), /*#__PURE__*/React.createElement(_styles.TimelineSeparatorCircle, {
-    icon: icon === null || icon === void 0 ? void 0 : icon.toString().length,
-    circleColor: circleColor
-  }, icon));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TimelineSeparatorContainer, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimelineSeparatorLine, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimelineSeparatorCircle, {
+      icon: icon === null || icon === void 0 ? void 0 : icon.toString().length,
+      circleColor: circleColor,
+      children: icon
+    })]
+  });
 };
 
 exports.TimelineSeparator = TimelineSeparator;

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

@@ -1,5 +1,5 @@
-export { Timeline } from './components/Timeline';
-export { TimelineItem } from './components/TimelineItem';
-export { TimelineSeparator } from './components/TimelineSeparator';
-export { TimelineContent } from './components/TimelineContent';
+export { Timeline } from './components/Timeline';
+export { TimelineItem } from './components/TimelineItem';
+export { TimelineSeparator } from './components/TimelineSeparator';
+export { TimelineContent } from './components/TimelineContent';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,32 +1,32 @@
-/// <reference types="react" />
-import { GenericStyledProps } from './types';
-export declare const TimelineContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    fullWidth?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-export declare const TimelineItemContainer: 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 TimelineSeparatorContainer: 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 TimelineSeparatorLine: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TimelineSeparatorCircle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & import("react").HTMLAttributes<HTMLDivElement> & {
-    icon?: import("react").ReactNode;
-    circleColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TimelineItemContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from './types';
+export declare const TimelineContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    fullWidth?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const TimelineItemContainer: 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 TimelineSeparatorContainer: 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 TimelineSeparatorLine: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimelineSeparatorCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & import("react").HTMLAttributes<HTMLDivElement> & {
+    icon?: import("react").ReactNode;
+    circleColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimelineItemContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Timeline/timeline.test.d.ts

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

package/dist/components/Timeline/timeline.test.js

@@ -8,114 +8,143 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 
 var _ = require(".");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 describe('Timeline', function () {
   it('should it render the Timeline component with childrens', function () {
-    var _render = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Timeline, null, /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, null), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })))),
+    var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      })
+    })),
         container = _render.container;
 
     expect(container).toBeInTheDocument();
   });
   it('should it render the Timeline component with different position', function () {
-    var _render2 = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Timeline, {
-      position: "right"
-    }, /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, null), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })))),
+    var _render2 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
+      position: "right",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      })
+    })),
         container = _render2.container;
 
     expect(container).toBeInTheDocument();
   });
   it('should it render the Timeline component with full width', function () {
-    var _render3 = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Timeline, {
-      fullWidth: true
-    }, /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, null), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })))),
+    var _render3 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
+      fullWidth: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      })
+    })),
         container = _render3.container;
 
     expect(container).toBeInTheDocument();
   });
   it('should it render the TimelineSeparator component with an icon', function () {
-    var _render4 = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Timeline, null, /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, {
-      icon: /*#__PURE__*/React.createElement(_Icon.default, {
-        name: "shopping-cart"
+    var _render4 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
       })
-    }), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })))),
+    })),
         container = _render4.container;
 
     expect(container).toBeInTheDocument();
     expect(container.querySelector('svg')).toBeInTheDocument();
   });
   it('should it render the TimelineSeparator component with an icon and different color in the circle', function () {
-    var _render5 = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Timeline, null, /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, {
-      icon: /*#__PURE__*/React.createElement(_Icon.default, {
-        name: "shopping-cart"
-      }),
-      circleColor: "primary.default"
-    }), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })))),
+    var _render5 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          }),
+          circleColor: "primary.default"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      })
+    })),
         container = _render5.container;
 
     expect(container).toBeInTheDocument();
     expect(container.querySelector('svg')).toBeInTheDocument();
   });
   it('should it render the Timeline component with multiply childrens', function () {
-    var _render6 = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.Timeline, {
-      position: "alternate"
-    }, /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, {
-      icon: /*#__PURE__*/React.createElement(_Icon.default, {
-        name: "shopping-cart"
-      }),
-      circleColor: "primary.default"
-    }), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })), /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, {
-      icon: /*#__PURE__*/React.createElement(_Icon.default, {
-        name: "shopping-cart"
-      }),
-      circleColor: "primary.default"
-    }), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })), /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, {
-      icon: /*#__PURE__*/React.createElement(_Icon.default, {
-        name: "shopping-cart"
-      }),
-      circleColor: "primary.default"
-    }), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })), /*#__PURE__*/React.createElement(_.TimelineItem, null, /*#__PURE__*/React.createElement(_.TimelineSeparator, {
-      icon: /*#__PURE__*/React.createElement(_Icon.default, {
-        name: "shopping-cart"
-      }),
-      circleColor: "primary.default"
-    }), /*#__PURE__*/React.createElement(_.TimelineContent, {
-      title: "Title",
-      description: "Description",
-      date: new Date()
-    })))),
+    var _render6 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Timeline, {
+      position: "alternate",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          }),
+          circleColor: "primary.default"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          }),
+          circleColor: "primary.default"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          }),
+          circleColor: "primary.default"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          }),
+          circleColor: "primary.default"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      })]
+    })),
         container = _render6.container;
 
     expect(container).toBeInTheDocument();

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

@@ -1,21 +1,21 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
-export declare type ITimelineProps = HTMLAttributes<HTMLUListElement> & {
-    position?: 'left' | 'right' | 'alternate';
-    fullWidth?: boolean;
-};
-export declare type ITimelineContentProps = HTMLAttributes<HTMLDivElement> & {
-    title: string;
-    description: string;
-    date?: Date;
-};
-export declare type ITimelineSeparatorProps = HTMLAttributes<HTMLDivElement> & {
-    icon?: ReactNode;
-    circleColor?: GlobalColorsProps | (string & {});
-};
-export declare type GenericStyledProps = {
-    theme?: ExtendThemeProps & {
-        position?: 'left' | 'right' | 'alternate';
-    };
-};
+import { HTMLAttributes, ReactNode } from 'react';
+import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
+export declare type ITimelineProps = HTMLAttributes<HTMLUListElement> & {
+    position?: 'left' | 'right' | 'alternate';
+    fullWidth?: boolean;
+};
+export declare type ITimelineContentProps = HTMLAttributes<HTMLDivElement> & {
+    title: string;
+    description: string;
+    date?: Date;
+};
+export declare type ITimelineSeparatorProps = HTMLAttributes<HTMLDivElement> & {
+    icon?: ReactNode;
+    circleColor?: GlobalColorsProps | (string & {});
+};
+export declare type GenericStyledProps = {
+    theme?: ExtendThemeProps & {
+        position?: 'left' | 'right' | 'alternate';
+    };
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Toast/button-example.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { IToastConfig } from './types';
-declare const ToastButtonExample: ({ buttonText, ...options }: IToastConfig & {
-    buttonText?: String | undefined;
-}) => JSX.Element;
-export default ToastButtonExample;
+/// <reference types="react" />
+import { IToastConfig } from './types';
+declare const ToastButtonExample: ({ buttonText, ...options }: IToastConfig & {
+    buttonText?: String | undefined;
+}) => JSX.Element;
+export default ToastButtonExample;
 //# sourceMappingURL=button-example.d.ts.map

package/dist/components/Toast/button-example.js

@@ -9,6 +9,8 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _useToast = _interopRequireDefault(require("./hooks/useToast"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["buttonText"];
 
 var _templateObject;
@@ -28,11 +30,14 @@ var ToastButtonExample = function ToastButtonExample(_ref) {
       options = _objectWithoutProperties(_ref, _excluded);
 
   var toast = (0, _useToast.default)();
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick() {
-      return toast(options);
-    }
-  }, buttonText || 'Show toast'));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
+      onClick: function onClick() {
+        return toast(options);
+      },
+      children: buttonText || 'Show toast'
+    })
+  });
 };
 
 var _default = ToastButtonExample;

package/dist/components/Toast/components/Toast.d.ts

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