contentoh-components-library 21.4.101 → 21.4.102

package/dist/_utils/helper.js

@@ -4,27 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getRetailerPicture = void 0;
-
 var _jsBase = require("js-base64");
-
-var getRetailerPicture = function getRetailerPicture(retailerId, width, height) {
-  return "https://d24s337exbt5zr.cloudfront.net/" + _jsBase.Base64.encode(JSON.stringify({
-    bucket: process.env.REACT_APP_IMAGES_BUCKET,
-    key: "retailers/".concat(retailerId, ".png"),
-    edits: {
-      resize: {
-        width: width,
-        height: height,
-        fit: "fill",
-        background: {
-          r: 255,
-          g: 255,
-          b: 255,
-          alpha: 0
-        }
+const getRetailerPicture = (retailerId, width, height) => "https://d24s337exbt5zr.cloudfront.net/" + _jsBase.Base64.encode(JSON.stringify({
+  bucket: process.env.REACT_APP_IMAGES_BUCKET,
+  key: "retailers/".concat(retailerId, ".png"),
+  edits: {
+    resize: {
+      width: width,
+      height: height,
+      fit: "fill",
+      background: {
+        r: 255,
+        g: 255,
+        b: 255,
+        alpha: 0
       }
     }
-  }));
-};
-
+  }
+}));
 exports.getRetailerPicture = getRetailerPicture;

package/dist/components/atoms/ActivedFilter/ActivedFilter.stories.js

@@ -1,30 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ActivedFilterDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
+var _default = exports.default = {
   title: "Components/atoms/ActivedFilter",
   component: _index.ActivedFilter
 };
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ActivedFilter, (0, _objectSpread2.default)({}, args));
-};
-
-var ActivedFilterDefault = Template.bind({});
-exports.ActivedFilterDefault = ActivedFilterDefault;
+const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ActivedFilter, {
+  ...args
+});
+const ActivedFilterDefault = exports.ActivedFilterDefault = Template.bind({});
 ActivedFilterDefault.args = {
   label: "Hello world"
 };

package/dist/components/atoms/ActivedFilter/index.js

@@ -1,20 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ActivedFilter = void 0;
-
 var _styles = require("./styles");
-
 var _removeFilter = _interopRequireDefault(require("../../../assets/images/activedFilter/removeFilter.svg"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var ActivedFilter = function ActivedFilter(_ref) {
-  var label = _ref.label;
+const ActivedFilter = _ref => {
+  let {
+    label
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
       children: label
@@ -26,5 +23,4 @@ var ActivedFilter = function ActivedFilter(_ref) {
     })]
   });
 };
-
 exports.ActivedFilter = ActivedFilter;

package/dist/components/atoms/ActivedFilter/styles.js

@@ -1,20 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _variables = require("../../../global-files/variables");
-
 var _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  padding: 5px;\n  padding-left: 14px;\n  width: fit-content;\n  border: 1px solid ", ";\n  border-radius: 20px;\n\n  p {\n    font-family: ", ";\n    color: ", ";\n    font-style: normal;\n    font-weight: normal;\n    font-size: 18px;\n    line-height: 25px;\n\n    & + * {\n      margin-left: 5px;\n    }\n  }\n\n  button {\n    background-color: transparent;\n    border: none;\n    cursor: pointer;\n    height: 20px;\n  }\n\n  & + * {\n    margin-left: 5px;\n  }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s3);
-
-exports.Container = Container;
+const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  padding: 5px;\n  padding-left: 14px;\n  width: fit-content;\n  border: 1px solid ", ";\n  border-radius: 20px;\n\n  p {\n    font-family: ", ";\n    color: ", ";\n    font-style: normal;\n    font-weight: normal;\n    font-size: 18px;\n    line-height: 25px;\n\n    & + * {\n      margin-left: 5px;\n    }\n  }\n\n  button {\n    background-color: transparent;\n    border: none;\n    cursor: pointer;\n    height: 20px;\n  }\n\n  & + * {\n    margin-left: 5px;\n  }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s3);

package/dist/components/atoms/AsignationOption/AsignationOptions.stories.js

@@ -1,36 +1,25 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AsignationOptionDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
+var _default = exports.default = {
   title: "Components/atoms/AsignationOptions",
   component: _index.AsignationOption
 };
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AsignationOption, (0, _objectSpread2.default)({}, args));
-};
-
-var AsignationOptionDefault = Template.bind({});
-exports.AsignationOptionDefault = AsignationOptionDefault;
+const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AsignationOption, {
+  ...args
+});
+const AsignationOptionDefault = exports.AsignationOptionDefault = Template.bind({});
 AsignationOptionDefault.args = {
   profileImage: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
   asignationType: "assigned",
   name: "Solicitar a",
   team: "Content-oh!",
-  onClick: function onClick() {
+  onClick: () => {
     console.log("hola mundo");
   }
 };

package/dist/components/atoms/AsignationOption/index.js

@@ -1,52 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AsignationOption = void 0;
-
 var _styles = require("./styles");
-
 var _Avatar = require("../Avatar");
-
 var _removeAsigned = _interopRequireDefault(require("../../../assets/images/asignationOptions/removeAsigned.svg"));
-
 var _requestToProvider = _interopRequireDefault(require("../../../assets/images/asignationOptions/requestToProvider.svg"));
-
 var _requestToTeam = _interopRequireDefault(require("../../../assets/images/asignationOptions/requestToTeam.svg"));
-
 var _availableIcon = _interopRequireDefault(require("../../../assets/images/asignationOptions/availableIcon.svg"));
-
 var _data = require("../../../global-files/data");
-
 var _Status = require("../../atoms/Status");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var AsignationOption = function AsignationOption(_ref) {
-  var profileImage = _ref.profileImage,
-      _ref$asignationType = _ref.asignationType,
-      asignationType = _ref$asignationType === void 0 ? "available" : _ref$asignationType,
-      _ref$imageType = _ref.imageType,
-      imageType = _ref$imageType === void 0 ? "profile-image" : _ref$imageType,
-      name = _ref.name,
-      team = _ref.team,
-      onClick = _ref.onClick,
-      btnOnClick = _ref.btnOnClick,
-      active = _ref.active,
-      services = _ref.services;
-
-  var getStatus = function getStatus() {
-    var servCad = "";
-    services.forEach(function (srv) {
-      return servCad += srv;
-    });
+const AsignationOption = _ref => {
+  let {
+    profileImage,
+    asignationType = "available",
+    imageType = "profile-image",
+    name,
+    team,
+    onClick,
+    btnOnClick,
+    active,
+    services
+  } = _ref;
+  const getStatus = () => {
+    let servCad = "";
+    services.forEach(srv => servCad += srv);
     return (0, _data.getNewStatus)(services);
   };
-
-  var iconsAsignation = {
+  const iconsAsignation = {
     assigned: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
       onClick: btnOnClick,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
@@ -92,5 +77,4 @@ var AsignationOption = function AsignationOption(_ref) {
     })]
   });
 };
-
 exports.AsignationOption = AsignationOption;

package/dist/components/atoms/AsignationOption/styles.js

@@ -1,20 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _variables = require("../../../global-files/variables");
-
 var _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 3px;\n  padding: 5px;\n\n  .profile-image,\n  .medium-image {\n    & + * {\n      margin-left: 15px;\n    }\n  }\n\n  .labels-container {\n    font-family: ", ";\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 16px;\n\n    .name-label,\n    .team-label {\n      inline-size: 100px;\n      overflow: hidden;\n    }\n\n    .name-label {\n      color: ", ";\n    }\n\n    .team-label {\n      color: ", ";\n    }\n\n    & + * {\n      margin-left: 11px;\n    }\n  }\n\n  .status-container {\n    & + * {\n      margin-left: 10px;\n    }\n  }\n\n  .green-circle {\n    background-color: ", ";\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n  }\n\n  button {\n    background-color: transparent;\n    cursor: pointer;\n    border: none;\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  & + * {\n    margin-top: 10px;\n  }\n"])), _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.s3);
-
-exports.Container = Container;
+const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 3px;\n  padding: 5px;\n\n  .profile-image,\n  .medium-image {\n    & + * {\n      margin-left: 15px;\n    }\n  }\n\n  .labels-container {\n    font-family: ", ";\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 16px;\n\n    .name-label,\n    .team-label {\n      inline-size: 100px;\n      overflow: hidden;\n    }\n\n    .name-label {\n      color: ", ";\n    }\n\n    .team-label {\n      color: ", ";\n    }\n\n    & + * {\n      margin-left: 11px;\n    }\n  }\n\n  .status-container {\n    & + * {\n      margin-left: 10px;\n    }\n  }\n\n  .green-circle {\n    background-color: ", ";\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n  }\n\n  button {\n    background-color: transparent;\n    cursor: pointer;\n    border: none;\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  & + * {\n    margin-top: 10px;\n  }\n"])), _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.s3);

package/dist/components/atoms/AtomList/AtomList.stories.js

@@ -1,30 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AtomListDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
+var _default = exports.default = {
   title: "Components/atoms/AtomList",
   component: _index.AtomList
 };
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AtomList, (0, _objectSpread2.default)({}, args));
-};
-
-var AtomListDefault = Template.bind({});
-exports.AtomListDefault = AtomListDefault;
+const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AtomList, {
+  ...args
+});
+const AtomListDefault = exports.AtomListDefault = Template.bind({});
 AtomListDefault.args = {
   content: ["Crea proveedores y agregalos a tu cadena", "Solicita actualización a proveedores"]
 };

package/dist/components/atoms/AtomList/index.js

@@ -4,25 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AtomList = void 0;
-
 var _styles = require("./styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var AtomList = function AtomList(_ref) {
-  var content = _ref.content;
+const AtomList = _ref => {
+  let {
+    content
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
         className: "listaGeneral",
-        children: content.map(function (item, index) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-            children: item
-          }, "item" + index);
-        })
+        children: content.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: item
+        }, "item" + index))
       })
     })
   }, "list-".concat(content.length));
 };
-
 exports.AtomList = AtomList;

package/dist/components/atoms/AtomList/styles.js

@@ -1,20 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _variables = require("../../../global-files/variables");
-
 var _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\n  display: flex;\n  background-color: transparent;\n  justify-content:center ;\n\n  .listaGeneral {\n    color: ", ";\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 500;\n    font-size: 18px;\n    line-height: 40px;\n    text-align: left;\n  }\n"])), _variables.GlobalColors.white, _variables.FontFamily.Raleway);
-
-exports.Container = Container;
+const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\n  display: flex;\n  background-color: transparent;\n  justify-content:center ;\n\n  .listaGeneral {\n    color: ", ";\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 500;\n    font-size: 18px;\n    line-height: 40px;\n    text-align: left;\n  }\n"])), _variables.GlobalColors.white, _variables.FontFamily.Raleway);

package/dist/components/atoms/Avatar/AsignationImage.stories.js

@@ -1,19 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AvatarDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
+var _default = exports.default = {
   title: "Components/atoms/Avatar",
   component: _index.Avatar,
   argTypes: {
@@ -25,14 +18,10 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, (0, _objectSpread2.default)({}, args));
-};
-
-var AvatarDefault = Template.bind({});
-exports.AvatarDefault = AvatarDefault;
+const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
+  ...args
+});
+const AvatarDefault = exports.AvatarDefault = Template.bind({});
 AvatarDefault.args = {
   imageType: "small-size",
   altText: "circular image"

package/dist/components/atoms/Avatar/index.js

@@ -1,26 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Avatar = void 0;
-
 var _styles = require("./styles");
-
 var _reactImageFallback = _interopRequireDefault(require("react-image-fallback"));
-
 var _defaultProfileImage = _interopRequireDefault(require("../../../assets/images/defaultImages/defaultProfileImage.svg"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var Avatar = function Avatar(_ref) {
-  var image = _ref.image,
-      altText = _ref.altText,
-      imageType = _ref.imageType,
-      onClick = _ref.onClick,
-      fallbackImage = _ref.fallbackImage;
+const Avatar = _ref => {
+  let {
+    image,
+    altText,
+    imageType,
+    onClick,
+    fallbackImage
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     className: imageType,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageFallback.default, {
@@ -31,5 +27,4 @@ var Avatar = function Avatar(_ref) {
     })
   });
 };
-
 exports.Avatar = Avatar;

package/dist/components/atoms/Avatar/styles.js

@@ -1,18 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  overflow: hidden;\n\n  img {\n    width: 100%;\n    height: 100%;\n    object-fit: fill;\n  }\n\n  &.medium-image {\n    width: 26px;\n    height: 26px;\n  }\n\n  &.big-image {\n    width: 30px;\n    height: 30px;\n  }\n\n  &.profile-image {\n    width: 40px;\n    height: 40px;\n  }\n\n  &.retailer-image {\n    width: 50px;\n    height: 50px;\n  }\n"])));
-
-exports.Container = Container;
+const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  overflow: hidden;\n\n  img {\n    width: 100%;\n    height: 100%;\n    object-fit: fill;\n  }\n\n  &.medium-image {\n    width: 26px;\n    height: 26px;\n  }\n\n  &.big-image {\n    width: 30px;\n    height: 30px;\n  }\n\n  &.profile-image {\n    width: 40px;\n    height: 40px;\n  }\n\n  &.retailer-image {\n    width: 50px;\n    height: 50px;\n  }\n"])));

package/dist/components/atoms/Button/index.js

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Button;
-
 var _styles = require("./styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function Button(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.MainContainer, {
     type: "button",
     typeButton: props.type,
-    onClick: function onClick(e) {
+    onClick: e => {
       e.stopPropagation();
       props.onClick && props.onClick(e);
     },

package/dist/components/atoms/Button/styles.js

@@ -1,39 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MainContainer = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject;
-
-var MainContainer = _styledComponents.default.button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid #e33aa9;\n  border-radius: 50px;\n  font-family: Roboto;\n  font-weight: medium;\n  height: 35px;\n  cursor: pointer;\n  font: normal normal medium Roboto;\n  background: ", ";\n  color: ", ";\n  border-color: ", ";\n  padding: ", ";\n  font-size: ", ";\n  line-height: ", ";\n"])), function (props) {
-  return props[props.typeButton].background;
-}, function (props) {
-  return props[props.typeButton].color;
-}, function (props) {
-  return props[props.typeButton].borderColor;
-}, function (props) {
+const MainContainer = exports.MainContainer = _styledComponents.default.button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid #e33aa9;\n  border-radius: 50px;\n  font-family: Roboto;\n  font-weight: medium;\n  height: 35px;\n  cursor: pointer;\n  font: normal normal medium Roboto;\n  background: ", ";\n  color: ", ";\n  border-color: ", ";\n  padding: ", ";\n  font-size: ", ";\n  line-height: ", ";\n"])), props => props[props.typeButton].background, props => props[props.typeButton].color, props => props[props.typeButton].borderColor, props => {
   var _props$props$typeButt;
-
   return (_props$props$typeButt = props[props.typeButton].padding) !== null && _props$props$typeButt !== void 0 ? _props$props$typeButt : "10px 20px";
-}, function (props) {
+}, props => {
   var _props$props$typeButt2;
-
   return (_props$props$typeButt2 = props[props.typeButton].fontSize) !== null && _props$props$typeButt2 !== void 0 ? _props$props$typeButt2 : "12px";
-}, function (props) {
+}, props => {
   var _props$props$typeButt3;
-
   return (_props$props$typeButt3 = props[props.typeButton].lineHeight) !== null && _props$props$typeButt3 !== void 0 ? _props$props$typeButt3 : "12px";
 });
-
-exports.MainContainer = MainContainer;
 MainContainer.defaultProps = {
   primary: {
     background: "#e33aa9",

package/dist/components/atoms/ButtonFileChooser/ButtonFileChooser.stories.js

@@ -1,19 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ButtonTest = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
+var _default = exports.default = {
   title: "Components/atoms/ButtonFileChooser",
   component: _index.ButtonFileChooser,
   argTypes: {
@@ -43,14 +36,10 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ButtonFileChooser, (0, _objectSpread2.default)({}, args));
-};
-
-var ButtonTest = Template.bind({});
-exports.ButtonTest = ButtonTest;
+const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ButtonFileChooser, {
+  ...args
+});
+const ButtonTest = exports.ButtonTest = Template.bind({});
 ButtonTest.args = {
   id: "",
   key: "",
@@ -65,7 +54,7 @@ ButtonTest.args = {
   size: "20",
   showIcon: true,
   multipleFiles: false,
-  onChangeFiles: function onChangeFiles(files) {
+  onChangeFiles: files => {
     console.log("files:", files);
   },
   filters: ""