contentoh-components-library 21.4.102 → 21.4.104

package/dist/_utils/helper.js

@@ -4,22 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getRetailerPicture = void 0;
+
 var _jsBase = require("js-base64");
-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
+
+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
+        }
       }
     }
-  }
-}));
+  }));
+};
+
 exports.getRetailerPicture = getRetailerPicture;

package/dist/assets/images/Icons/beenhere.svg

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33" height="33" rx="16.5" fill="white" stroke="#E33AA9"/>
+<mask id="mask0_387_1148" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_387_1148)">
+<path d="M17.0833 24L12.15 20.3C12.025 20.2083 11.9271 20.0917 11.8563 19.95C11.7854 19.8083 11.75 19.6583 11.75 19.5V11C11.75 10.7333 11.85 10.5 12.05 10.3C12.25 10.1 12.4833 10 12.75 10H21.4167C21.6833 10 21.9167 10.1 22.1167 10.3C22.3167 10.5 22.4167 10.7333 22.4167 11V19.5C22.4167 19.6583 22.3813 19.8083 22.3104 19.95C22.2396 20.0917 22.1417 20.2083 22.0167 20.3L17.0833 24ZM17.0833 22.75L21.4167 19.4167V11H12.75V19.4167L17.0833 22.75ZM16.3833 18.6667L20.15 14.9L19.4333 14.2L16.3667 17.2667L14.7167 15.6167L14.0167 16.3167L16.3833 18.6667Z" fill="#E33AA9"/>
+</g>
+</svg>

package/dist/assets/images/Icons/close-magenta.svg

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33" height="33" rx="16.5" fill="white" stroke="#E33AA9"/>
+<mask id="mask0_346_668" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_346_668)">
+<path d="M11.077 24L10 22.9231L15.9231 17L10 11.0769L11.077 10L17 15.9231L22.9231 10L24 11.0769L18.077 17L24 22.9231L22.9231 24L17 18.0769L11.077 24Z" fill="#E33AA9"/>
+</g>
+</svg>

package/dist/assets/images/Icons/closeCircle.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
+  <mask id="mask0_336_331" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="10" height="10">
+    <rect x="0.0588379" y="0.0588226" width="9.88235" height="9.88235" fill="#D9D9D9"/>
+  </mask>
+  <g mask="url(#mask0_336_331)">
+    <path d="M0.819019 9.94121L0.0588379 9.18103L4.23983 5.00003L0.0588379 0.819034L0.819019 0.0588531L5.00001 4.23985L9.18101 0.0588531L9.94119 0.819034L5.7602 5.00003L9.94119 9.18103L9.18101 9.94121L5.00001 5.76021L0.819019 9.94121Z" fill="white"/>
+  </g>
+</svg>

package/dist/assets/images/Icons/delete-forever-red.svg

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33" height="33" rx="16.5" fill="white" stroke="#B64545"/>
+<mask id="mask0_346_669" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_346_669)">
+<path d="M14.7833 20.5194L17.0972 18.1667L19.4306 20.5194L20.3444 19.5861L18.0306 17.2333L20.3444 14.8806L19.4306 13.9472L17.0972 16.3L14.7833 13.9472L13.85 14.8806L16.1833 17.2333L13.85 19.5861L14.7833 20.5194ZM12.8389 24C12.5278 24 12.2556 23.8833 12.0222 23.65C11.7889 23.4167 11.6722 23.1444 11.6722 22.8333V11.75H10.875V10.5833H14.5306V10H19.6639V10.5833H23.3194V11.75H22.5222V22.8333C22.5222 23.1444 22.4056 23.4167 22.1722 23.65C21.9389 23.8833 21.6667 24 21.3556 24H12.8389ZM21.3556 11.75H12.8389V22.8333H21.3556V11.75Z" fill="#B64545"/>
+</g>
+</svg>

package/dist/assets/images/Icons/delete-forever-white.svg

@@ -0,0 +1,10 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="delete-forever-white">
+<mask id="mask0_498_688" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="10" height="10">
+<rect id="Bounding box" x="0.0588379" y="0.0588379" width="9.88235" height="9.88235" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_498_688)">
+<path id="delete-forever" d="M3.43534 7.48433L5.06867 5.82354L6.71573 7.48433L7.36083 6.8255L5.72749 5.16472L7.36083 3.50394L6.71573 2.84511L5.06867 4.5059L3.43534 2.84511L2.77651 3.50394L4.42357 5.16472L2.77651 6.8255L3.43534 7.48433ZM2.06279 9.94119C1.84318 9.94119 1.65102 9.85884 1.48632 9.69413C1.32161 9.52943 1.23926 9.33727 1.23926 9.11766V1.29413H0.676514V0.470603H3.25691V0.0588379H6.88044V0.470603H9.46083V1.29413H8.89808V9.11766C8.89808 9.33727 8.81573 9.52943 8.65102 9.69413C8.48632 9.85884 8.29416 9.94119 8.07455 9.94119H2.06279ZM8.07455 1.29413H2.06279V9.11766H8.07455V1.29413Z" fill="white"/>
+</g>
+</g>
+</svg>

package/dist/assets/images/Icons/fullscreen.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
+  <path d="M0 12V7.71111H1.33333V10.6667H4.28889V12H0ZM7.71111 12V10.6667H10.6667V7.71111H12V12H7.71111ZM0 4.28889V0H4.28889V1.33333H1.33333V4.28889H0ZM10.6667 4.28889V1.33333H7.71111V0H12V4.28889H10.6667Z" fill="white"/>
+</svg>

package/dist/assets/images/Icons/save-white.svg

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="34" height="34" rx="17" fill="#E33AA9"/>
+<mask id="mask0_346_670" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_346_670)">
+<path d="M24 13.0528V22.8333C24 23.1444 23.8833 23.4167 23.65 23.65C23.4167 23.8833 23.1444 24 22.8333 24H11.1667C10.8556 24 10.5833 23.8833 10.35 23.65C10.1167 23.4167 10 23.1444 10 22.8333V11.1667C10 10.8556 10.1167 10.5833 10.35 10.35C10.5833 10.1167 10.8556 10 11.1667 10H20.9472L24 13.0528ZM22.8333 13.5778L20.4222 11.1667H11.1667V22.8333H22.8333V13.5778ZM16.9954 21.5694C17.5559 21.5694 18.0338 21.3733 18.4292 20.981C18.8245 20.5886 19.0222 20.1123 19.0222 19.5518C19.0222 18.9913 18.8261 18.5134 18.4337 18.1181C18.0414 17.7227 17.565 17.525 17.0046 17.525C16.4441 17.525 15.9662 17.7212 15.5708 18.1135C15.1755 18.5058 14.9778 18.9822 14.9778 19.5427C14.9778 20.1031 15.1739 20.581 15.5663 20.9764C15.9586 21.3718 16.435 21.5694 16.9954 21.5694ZM12.1972 14.9778H19.1583V12.1972H12.1972V14.9778Z" fill="white"/>
+</g>
+</svg>

package/dist/assets/images/Icons/upload-file-white.svg

@@ -0,0 +1,4 @@
+
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="48" viewBox="0 0 40 48" fill="none">
+  <path d="M18.32 40.68H21.92V28.62L26.8401 33.54L29.3601 31.02L20 21.9L10.76 31.14L13.2801 33.66L18.32 28.62V40.68ZM4.40005 48C3.44005 48 2.60005 47.64 1.88005 46.92C1.16005 46.2 0.800049 45.36 0.800049 44.4V3.6C0.800049 2.64 1.16005 1.8 1.88005 1.08C2.60005 0.36 3.44005 0 4.40005 0H26.0601L39.2001 13.14V44.4C39.2001 45.36 38.84 46.2 38.1201 46.92C37.4001 47.64 36.5601 48 35.6001 48H4.40005ZM24.2601 14.76V3.6H4.40005V44.4H35.6001V14.76H24.2601Z" fill="#E33AA9"/>
+</svg>

package/dist/assets/images/Icons/upload-file.svg

@@ -0,0 +1,10 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="upload_file">
+<mask id="mask0_498_701" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="12">
+<rect id="Bounding box" x="0.5" y="0.5" width="11" height="11" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_498_701)">
+<path id="upload_file_2" d="M5.61485 9.8225H6.43985V7.05875L7.56735 8.18625L8.14485 7.60875L5.99985 5.51875L3.88235 7.63625L4.45985 8.21375L5.61485 7.05875V9.8225ZM2.42485 11.5C2.20485 11.5 2.01235 11.4175 1.84735 11.2525C1.68235 11.0875 1.59985 10.895 1.59985 10.675V1.325C1.59985 1.105 1.68235 0.9125 1.84735 0.7475C2.01235 0.5825 2.20485 0.5 2.42485 0.5H7.3886L10.3999 3.51125V10.675C10.3999 10.895 10.3174 11.0875 10.1524 11.2525C9.98735 11.4175 9.79485 11.5 9.57485 11.5H2.42485ZM6.9761 3.8825V1.325H2.42485V10.675H9.57485V3.8825H6.9761Z" fill="white"/>
+</g>
+</g>
+</svg>

package/dist/assets/images/Icons/upload_file.svg

@@ -0,0 +1,10 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="upload_file">
+<mask id="mask0_496_1928" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48">
+<rect id="Bounding box" width="48" height="48" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_496_1928)">
+<path id="upload_file_2" d="M22.32 40.68H25.92V28.62L30.8401 33.54L33.3601 31.02L24 21.9L14.76 31.14L17.2801 33.66L22.32 28.62V40.68ZM8.40005 48C7.44005 48 6.60005 47.64 5.88005 46.92C5.16005 46.2 4.80005 45.36 4.80005 44.4V3.6C4.80005 2.64 5.16005 1.8 5.88005 1.08C6.60005 0.36 7.44005 0 8.40005 0H30.0601L43.2001 13.14V44.4C43.2001 45.36 42.84 46.2 42.1201 46.92C41.4001 47.64 40.5601 48 39.6001 48H8.40005ZM28.2601 14.76V3.6H8.40005V44.4H39.6001V14.76H28.2601Z" fill="#E33AA9"/>
+</g>
+</g>
+</svg>

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

@@ -1,19 +1,30 @@
 "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 = exports.default = {
+
+var _default = {
   title: "Components/atoms/ActivedFilter",
   component: _index.ActivedFilter
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ActivedFilter, {
-  ...args
-});
-const ActivedFilterDefault = exports.ActivedFilterDefault = Template.bind({});
+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;
 ActivedFilterDefault.args = {
   label: "Hello world"
 };

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

@@ -1,17 +1,20 @@
 "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");
-const ActivedFilter = _ref => {
-  let {
-    label
-  } = _ref;
+
+var ActivedFilter = function ActivedFilter(_ref) {
+  var label = _ref.label;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
       children: label
@@ -23,4 +26,5 @@ const ActivedFilter = _ref => {
     })]
   });
 };
+
 exports.ActivedFilter = ActivedFilter;

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

@@ -1,12 +1,20 @@
 "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;
-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);
+
+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;

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

@@ -1,25 +1,36 @@
 "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 = exports.default = {
+
+var _default = {
   title: "Components/atoms/AsignationOptions",
   component: _index.AsignationOption
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AsignationOption, {
-  ...args
-});
-const AsignationOptionDefault = exports.AsignationOptionDefault = Template.bind({});
+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;
 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: () => {
+  onClick: function onClick() {
     console.log("hola mundo");
   }
 };

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

@@ -1,37 +1,52 @@
 "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");
-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);
+
+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;
+    });
     return (0, _data.getNewStatus)(services);
   };
-  const iconsAsignation = {
+
+  var iconsAsignation = {
     assigned: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
       onClick: btnOnClick,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
@@ -77,4 +92,5 @@ const AsignationOption = _ref => {
     })]
   });
 };
+
 exports.AsignationOption = AsignationOption;

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

@@ -1,12 +1,20 @@
 "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;
-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);
+
+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;

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

@@ -1,19 +1,30 @@
 "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 = exports.default = {
+
+var _default = {
   title: "Components/atoms/AtomList",
   component: _index.AtomList
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AtomList, {
-  ...args
-});
-const AtomListDefault = exports.AtomListDefault = Template.bind({});
+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;
 AtomListDefault.args = {
   content: ["Crea proveedores y agregalos a tu cadena", "Solicita actualización a proveedores"]
 };

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

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

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

@@ -1,12 +1,20 @@
 "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;
-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);
+
+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;

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

@@ -1,12 +1,19 @@
 "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 = exports.default = {
+
+var _default = {
   title: "Components/atoms/Avatar",
   component: _index.Avatar,
   argTypes: {
@@ -18,10 +25,14 @@ var _default = exports.default = {
     }
   }
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
-  ...args
-});
-const AvatarDefault = exports.AvatarDefault = Template.bind({});
+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;
 AvatarDefault.args = {
   imageType: "small-size",
   altText: "circular image"

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

@@ -1,22 +1,26 @@
 "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");
-const Avatar = _ref => {
-  let {
-    image,
-    altText,
-    imageType,
-    onClick,
-    fallbackImage
-  } = _ref;
+
+var Avatar = function Avatar(_ref) {
+  var image = _ref.image,
+      altText = _ref.altText,
+      imageType = _ref.imageType,
+      onClick = _ref.onClick,
+      fallbackImage = _ref.fallbackImage;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     className: imageType,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageFallback.default, {
@@ -27,4 +31,5 @@ const Avatar = _ref => {
     })
   });
 };
+
 exports.Avatar = Avatar;

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

@@ -1,11 +1,18 @@
 "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;
-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"])));
+
+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;

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

@@ -4,13 +4,16 @@ 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: e => {
+    onClick: function onClick(e) {
       e.stopPropagation();
       props.onClick && props.onClick(e);
     },