@pedidopago/ui 1.6.9 → 1.6.11

package/dist/components/Thumbnail/thumbnail.test.js

@@ -1,29 +1,21 @@
 "use strict";
 
 require("@testing-library/jest-dom");
-
 var _react = require("@testing-library/react");
-
 var _testUtils = require("../../shared/tests/test-utils");
-
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-
 var _ = require(".");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var makeSut = function makeSut(props) {
   var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Thumbnail, _objectSpread({}, props))),
-      container = _render.container;
-
+    container = _render.container;
   var file = new File(['any_content'], 'any_name.png', {
     type: 'image/png'
   });
@@ -34,7 +26,6 @@ var makeSut = function makeSut(props) {
     input: input
   };
 };
-
 describe('Thumbnail', function () {
   beforeEach(function () {
     window.URL.createObjectURL = jest.fn(function () {
@@ -50,33 +41,26 @@ describe('Thumbnail', function () {
   });
   it('Should input recieve file', function () {
     var _makeSut = makeSut(),
-        file = _makeSut.file,
-        input = _makeSut.input;
-
+      file = _makeSut.file,
+      input = _makeSut.input;
     _userEvent.default.upload(input, file);
-
     expect(input.files && input.files[0]).toStrictEqual(file);
   });
   it('Should render preview image', function () {
     var _makeSut2 = makeSut(),
-        file = _makeSut2.file,
-        input = _makeSut2.input;
-
+      file = _makeSut2.file,
+      input = _makeSut2.input;
     _userEvent.default.upload(input, file);
-
     expect(_react.screen.getByAltText(file.name)).toBeInTheDocument();
   });
   it('Should return image on onSelect', function () {
     var mockState = jest.fn();
-
     var _makeSut3 = makeSut({
-      getThumbImage: mockState
-    }),
-        file = _makeSut3.file,
-        input = _makeSut3.input;
-
+        getThumbImage: mockState
+      }),
+      file = _makeSut3.file,
+      input = _makeSut3.input;
     _userEvent.default.upload(input, file);
-
     expect(mockState).toBeCalledWith(file);
   });
 });

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

@@ -9,7 +9,7 @@ export interface IThumbnailProps {
     onSelect?: (event: ChangeEvent<HTMLInputElement>) => void;
     getThumbImage?: (file: File) => void;
 }
-export declare type ImageState = {
+export type ImageState = {
     preview: string;
     alt?: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Thumbnail/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACtC;AAED,oBAAY,UAAU,GAAG;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Thumbnail/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Thumbnail/utils/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _validateFileSize = require("./validate-file-size");
-
 Object.keys(_validateFileSize).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _validateFileSize[key]) return;
@@ -16,9 +14,7 @@ Object.keys(_validateFileSize).forEach(function (key) {
     }
   });
 });
-
 var _validateFileType = require("./validate-file-type");
-
 Object.keys(_validateFileType).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _validateFileType[key]) return;

package/dist/components/Thumbnail/utils/validate-file-size.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isValidFileSize = isValidFileSize;
-
 function isValidFileSize(fileSize, maxAllowedSize) {
   var sizeAllowed = maxAllowedSize * 1024 * 1024;
   return fileSize <= sizeAllowed;

package/dist/components/Thumbnail/utils/validate-file-type.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isValidFileType = isValidFileType;
-
 function isValidFileType(fileName) {
   return /image\/*/.test(fileName);
 }

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

@@ -4,18 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Timeline = void 0;
-
 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,
-      position = _ref$position === void 0 ? 'left' : _ref$position,
-      fullWidth = _ref.fullWidth;
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'left' : _ref$position,
+    fullWidth = _ref.fullWidth;
   var flexDirections = {
     left: 'row',
     right: 'row-reverse',
@@ -31,5 +27,4 @@ var Timeline = function Timeline(_ref) {
     })
   });
 };
-
 exports.Timeline = Timeline;

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

@@ -1,38 +1,28 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TimelineContent = void 0;
-
 var _Typography = _interopRequireDefault(require("../../Typography"));
-
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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; }
-
 var TimelineContent = function TimelineContent(_ref) {
   var title = _ref.title,
-      description = _ref.description,
-      date = _ref.date,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    description = _ref.description,
+    date = _ref.date,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var parseDate = date && new Date(date);
   var getDay = parseDate === null || parseDate === void 0 ? void 0 : parseDate.getDate();
   var getShortMonth = (parseDate === null || parseDate === void 0 ? void 0 : parseDate.toLocaleString('default', {
@@ -68,5 +58,4 @@ var TimelineContent = function TimelineContent(_ref) {
     })]
   }));
 };
-
 exports.TimelineContent = TimelineContent;

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

@@ -1,33 +1,25 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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; }
-
 var TimelineItem = function TimelineItem(_ref) {
   var children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TimelineItemContainer, _objectSpread(_objectSpread({}, rest), {}, {
     children: children
   }));
 };
-
 exports.TimelineItem = TimelineItem;

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

@@ -4,14 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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;
+    circleColor = _ref.circleColor;
   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,
@@ -20,5 +17,4 @@ var TimelineSeparator = function TimelineSeparator(_ref) {
     })]
   });
 };
-
 exports.TimelineSeparator = TimelineSeparator;

package/dist/components/Timeline/index.js

@@ -27,11 +27,7 @@ Object.defineProperty(exports, "TimelineSeparator", {
     return _TimelineSeparator.TimelineSeparator;
   }
 });
-
 var _Timeline = require("./components/Timeline");
-
 var _TimelineItem = require("./components/TimelineItem");
-
 var _TimelineSeparator = require("./components/TimelineSeparator");
-
 var _TimelineContent = require("./components/TimelineContent");

package/dist/components/Timeline/styles.js

@@ -4,41 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TimelineSeparatorLine = exports.TimelineSeparatorContainer = exports.TimelineSeparatorCircle = exports.TimelineItemContent = exports.TimelineItemContainer = exports.TimelineContainer = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _getColorValue = require("./../../utils/getColorValue");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var TimelineContainer = _styled.default.ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  list-style: none;\n  margin: 0;\n  width: ", ";\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 1.25rem;\n"])), function (props) {
   return props.fullWidth ? '100%' : '23.75rem';
 });
-
 exports.TimelineContainer = TimelineContainer;
-
 var TimelineItemContainer = _styled.default.li(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ", ";\n  align-items: center;\n  width: 100%;\n  gap: 0.5rem;\n\n  ", "\n"])), function (props) {
   return props.theme.position !== 'alternate' ? props.theme.position : 'row';
 }, function (props) {
   return props.theme.position === 'alternate' && "\n    &:nth-of-type(even) {\n      flex-direction: row-reverse;\n    }\n  ";
 });
-
 exports.TimelineItemContainer = TimelineItemContainer;
-
 var TimelineSeparatorContainer = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n\n  min-width: 66px;\n"])));
-
 exports.TimelineSeparatorContainer = TimelineSeparatorContainer;
-
 var TimelineSeparatorLine = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  height: 66px;\n  width: 2px;\n  background-color: ", ";\n"])), function (props) {
   return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral5 : props.theme.colors.neutral.neutral1;
 });
-
 exports.TimelineSeparatorLine = TimelineSeparatorLine;
-
 var TimelineSeparatorCircle = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999999px;\n\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n\n  background-color: ", ";\n\n  & svg {\n    color: ", ";\n  }\n"])), function (props) {
   return props.icon ? '10px' : '4px';
 }, function (props) {
@@ -46,9 +32,6 @@ var TimelineSeparatorCircle = _styled.default.div(_templateObject5 || (_template
 }, function (props) {
   return props.theme.colorMode === 'dark' ? props.theme.colors.neutral.white : props.theme.colors.neutral.black;
 });
-
 exports.TimelineSeparatorCircle = TimelineSeparatorCircle;
-
 var TimelineItemContent = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1.25rem;\n  flex: 1;\n\n  & p {\n    margin: 0;\n  }\n"])));
-
 exports.TimelineItemContent = TimelineItemContent;

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

@@ -1,152 +1,140 @@
 "use strict";
 
 var _testUtils = require("../../shared/tests/test-utils");
-
 require("@testing-library/jest-dom/extend-expect");
-
 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__*/(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;
-
+        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__*/(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;
-
+        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__*/(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;
-
+        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__*/(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()
-        })]
-      })
-    })),
-        container = _render4.container;
-
+        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()
+          })]
+        })
+      })),
+      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__*/(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;
-
+        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__*/(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()
+        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()
+          })]
         })]
-      }), /*#__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;
-
+      })),
+      container = _render6.container;
     expect(container).toBeInTheDocument();
   });
 });

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

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