contentoh-components-library 21.4.102 → 21.4.104

package/dist/components/molecules/Phase/styles.js

@@ -1,13 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ContainerIcon = 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, _templateObject2;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction:column;\n  gap:10px;\n  align-items: center;\n  border-radius:10px;\n  border:1px solid ", ";\n  padding:10px 15px;\n  font-family:", ", sans-serif;\n  font-size:17px;\n\n .header-phase{\n  display:flex;\n  justify-content: space-between;\n  width: 100%;\n  padding-bottom: 5px;\n  border-bottom: 1px solid ", ";\n\n  h2{\n    font-family:", ", sans-serif;\n    font-size:17px;\n  }\n  p{\n    font-family:", ", sans-serif;\n    font-size:12px;\n  }\n }\n .attributes-container{\n  display: flex;\n  align-self: flex-start;\n  flex-wrap: wrap;\n  gap: 10px;\n }\n .phase-sel{\n  display: flex;\n  align-items: center;\n  gap: 10px;\n }\n .button-circle{\n  width:30px;\n  height:30px;\n  padding:2px;\n  border-radius:100%;\n  min-width:30px;\n  border: 1px solid ", ";\n}\n.button-circle:hover {\n  border: 1px solid ", ";\n}\n.text-phase{\n  font-family:", ", sans-serif;\n  font-size:12px;\n  color:", ";\n}\n.text-button-container {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  button{\n    min-width: 5px;\n    cursor: pointer;\n  }\n}\n.modal-next-phase .contentModal {\n  max-width: 250px;\n  .container-input-name p{\n    text-align:center;\n  }\n}\n"])), _variables.GlobalColors.gray_light, _variables.FontFamily.Roboto, _variables.GlobalColors.gray_light, _variables.FontFamily.Roboto, _variables.FontFamily.Roboto, _variables.GlobalColors.magenta_s2, _variables.GlobalColors.magenta_s2, _variables.FontFamily.Roboto, _variables.GlobalColors.gray);
-const ContainerIcon = exports.ContainerIcon = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\ncursor: pointer;\n@font-face {\n  font-family: \"Material Symbols Outlined\";\n  font-style: normal;\n  font-weight: 100 700;\n  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v68/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2)\n    format(\"woff2\");\n}\n.iconos-out {\n  font-family: \"Material Symbols Outlined\";\n  font-size: 20px;\n  //line-height: 1;\n  margin-top: 10px;\n}\n.iconos-out {\n  font-variation-settings: \"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48;\n  color:  #B64545;\n}\n.iconos-grises {\n  font-variation-settings: \"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48;\n  color:  ", ";\n}"])), _variables.GlobalColors.magenta_s2);
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction:column;\n  gap:10px;\n  align-items: center;\n  border-radius:10px;\n  border:1px solid ", ";\n  padding:10px 15px;\n  font-family:", ", sans-serif;\n  font-size:17px;\n\n .header-phase{\n  display:flex;\n  justify-content: space-between;\n  width: 100%;\n  padding-bottom: 5px;\n  border-bottom: 1px solid ", ";\n\n  h2{\n    font-family:", ", sans-serif;\n    font-size:17px;\n  }\n  p{\n    font-family:", ", sans-serif;\n    font-size:12px;\n  }\n }\n .attributes-container{\n  display: flex;\n  align-self: flex-start;\n  flex-wrap: wrap;\n  gap: 10px;\n }\n .phase-sel{\n  display: flex;\n  align-items: center;\n  gap: 10px;\n }\n .button-circle{\n  width:30px;\n  height:30px;\n  padding:2px;\n  border-radius:100%;\n  min-width:30px;\n  border: 1px solid ", ";\n}\n.button-circle:hover {\n  border: 1px solid ", ";\n}\n.text-phase{\n  font-family:", ", sans-serif;\n  font-size:12px;\n  color:", ";\n}\n.text-button-container {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  button{\n    min-width: 5px;\n    cursor: pointer;\n  }\n}\n.modal-next-phase .contentModal {\n  max-width: 250px;\n  .container-input-name p{\n    text-align:center;\n  }\n}\n"])), _variables.GlobalColors.gray_light, _variables.FontFamily.Roboto, _variables.GlobalColors.gray_light, _variables.FontFamily.Roboto, _variables.FontFamily.Roboto, _variables.GlobalColors.magenta_s2, _variables.GlobalColors.magenta_s2, _variables.FontFamily.Roboto, _variables.GlobalColors.gray);
+
+exports.Container = Container;
+
+var ContainerIcon = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\ncursor: pointer;\n@font-face {\n  font-family: \"Material Symbols Outlined\";\n  font-style: normal;\n  font-weight: 100 700;\n  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v68/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2)\n    format(\"woff2\");\n}\n.iconos-out {\n  font-family: \"Material Symbols Outlined\";\n  font-size: 20px;\n  //line-height: 1;\n  margin-top: 10px;\n}\n.iconos-out {\n  font-variation-settings: \"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48;\n  color:  #B64545;\n}\n.iconos-grises {\n  font-variation-settings: \"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48;\n  color:  ", ";\n}"])), _variables.GlobalColors.magenta_s2);
+
+exports.ContainerIcon = ContainerIcon;

package/dist/components/molecules/PlanSelection/PlanSelection.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.PlanSelectionDefault = 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/molecules/PlanSelection",
   component: _index.PlanSelection
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.PlanSelection, {
-  ...args
-});
-const PlanSelectionDefault = exports.PlanSelectionDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.PlanSelection, (0, _objectSpread2.default)({}, args));
+};
+
+var PlanSelectionDefault = Template.bind({});
+exports.PlanSelectionDefault = PlanSelectionDefault;
 PlanSelectionDefault.args = {
   planSelection: [{
     number: "300",

package/dist/components/molecules/PlanSelection/index.js

@@ -4,27 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PlanSelection = void 0;
+
 var _styles = require("./styles");
+
 var _index = require("../../atoms/GeneralTextBox/index");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const PlanSelection = _ref => {
-  let {
-    planSelection,
-    setbuttonActive
-  } = _ref;
-  const setActivePlan = e => {
-    const buttonsPlan = document.querySelectorAll(".button-plan");
-    buttonsPlan.forEach(button => button.classList.remove("active"));
+
+var PlanSelection = function PlanSelection(_ref) {
+  var planSelection = _ref.planSelection,
+      setbuttonActive = _ref.setbuttonActive;
+
+  var setActivePlan = function setActivePlan(e) {
+    var buttonsPlan = document.querySelectorAll(".button-plan");
+    buttonsPlan.forEach(function (button) {
+      return button.classList.remove("active");
+    });
     e.target.closest(".button-plan").classList.add("active");
     setbuttonActive(true);
   };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    children: planSelection === null || planSelection === void 0 ? void 0 : planSelection.map((plan, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GeneralTextBox, {
-      className: "button-plan",
-      onClick: e => setActivePlan(e),
-      number: plan === null || plan === void 0 ? void 0 : plan.number,
-      name: plan === null || plan === void 0 ? void 0 : plan.name
-    }, index))
+    children: planSelection === null || planSelection === void 0 ? void 0 : planSelection.map(function (plan, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GeneralTextBox, {
+        className: "button-plan",
+        onClick: function onClick(e) {
+          return setActivePlan(e);
+        },
+        number: plan === null || plan === void 0 ? void 0 : plan.number,
+        name: plan === null || plan === void 0 ? void 0 : plan.name
+      }, index);
+    })
   });
 };
+
 exports.PlanSelection = PlanSelection;

package/dist/components/molecules/PlanSelection/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  display: grid;\n  row-gap: 15px;\n  column-gap: 15px;\n  grid-template-columns: repeat(3, 1fr);\n  button:nth-child(4) {\n    grid-column-start: 1;\n    grid-column-end: 4;\n  }\n  & + * {\n    margin-top: 90px;\n  }\n"])));
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: grid;\n  row-gap: 15px;\n  column-gap: 15px;\n  grid-template-columns: repeat(3, 1fr);\n  button:nth-child(4) {\n    grid-column-start: 1;\n    grid-column-end: 4;\n  }\n  & + * {\n    margin-top: 90px;\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/molecules/ProductNameHeader/ProductNameHeader.stories.js

@@ -1,13 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProductNameHeaderDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _variables = require("../../../global-files/variables");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/molecules/ProductNameHeader",
   component: _index.ProductNameHeader,
   argTypes: {
@@ -39,10 +47,14 @@ var _default = exports.default = {
     }
   }
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductNameHeader, {
-  ...args
-});
-const ProductNameHeaderDefault = exports.ProductNameHeaderDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductNameHeader, (0, _objectSpread2.default)({}, args));
+};
+
+var ProductNameHeaderDefault = Template.bind({});
+exports.ProductNameHeaderDefault = ProductNameHeaderDefault;
 ProductNameHeaderDefault.args = {
   productName: "Nombre del producto",
   statusType: "AP",

package/dist/components/molecules/ProductNameHeader/index.js

@@ -4,28 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ProductNameHeader = void 0;
+
 var _styles = require("./styles");
+
 var _index = require("../../atoms/ScreenHeader/index");
+
 var _index2 = require("../../atoms/Status/index");
+
 var _index3 = require("../../atoms/ProgressBar/index");
+
 var _index4 = require("../../atoms/PriorityFlag/index");
+
 var _index5 = require("../../atoms/ObservationFlag/index");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const ProductNameHeader = _ref => {
-  let {
-    productName,
-    statusType,
-    priority,
-    date,
-    percentRequired,
-    productObservation,
-    dataProduct,
-    isObservationVisible,
-    toggleObservation,
-    // handleClickOutside,
-    hideObservation
-  } = _ref;
-  const typeFlag = productObservation !== null && productObservation !== "" ? "high" : "low";
+
+var ProductNameHeader = function ProductNameHeader(_ref) {
+  var productName = _ref.productName,
+      statusType = _ref.statusType,
+      priority = _ref.priority,
+      date = _ref.date,
+      percentRequired = _ref.percentRequired,
+      productObservation = _ref.productObservation,
+      dataProduct = _ref.dataProduct,
+      isObservationVisible = _ref.isObservationVisible,
+      toggleObservation = _ref.toggleObservation,
+      hideObservation = _ref.hideObservation;
+  var typeFlag = productObservation !== null && productObservation !== "" ? "high" : "low";
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
       headerType: "product-name-header",
@@ -41,8 +46,7 @@ const ProductNameHeader = _ref => {
       contentObservation: productObservation,
       dataProduct: dataProduct,
       isObservationVisible: isObservationVisible,
-      toggleObservation: toggleObservation
-      // handleClickOutside = {handleClickOutside}
+      toggleObservation: toggleObservation // handleClickOutside = {handleClickOutside}
       ,
       hideObservation: hideObservation
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
@@ -51,4 +55,5 @@ const ProductNameHeader = _ref => {
     })]
   });
 };
+
 exports.ProductNameHeader = ProductNameHeader;

package/dist/components/molecules/ProductNameHeader/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  display: flex;\n  align-items: center;\n\n  * + * {\n    margin-left: 10px;\n  }\n"])));
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  * + * {\n    margin-left: 10px;\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/molecules/ProductNameHeaderv2/ProductNameHeaderv2.stories.js

@@ -1,13 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProductNameHeaderv2Default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _variables = require("../../../global-files/variables");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/molecules/ProductNameHeaderv2",
   component: _index.ProductNameHeaderv2,
   argTypes: {
@@ -39,10 +47,14 @@ var _default = exports.default = {
     }
   }
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductNameHeaderv2, {
-  ...args
-});
-const ProductNameHeaderv2Default = exports.ProductNameHeaderv2Default = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductNameHeaderv2, (0, _objectSpread2.default)({}, args));
+};
+
+var ProductNameHeaderv2Default = Template.bind({});
+exports.ProductNameHeaderv2Default = ProductNameHeaderv2Default;
 ProductNameHeaderv2Default.args = {
   productName: "Nombre del producto",
   statusType: "AP",

package/dist/components/molecules/ProductNameHeaderv2/index.js

@@ -4,13 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ProductNameHeaderv2 = void 0;
+
 var _styles = require("./styles");
+
 var _ScreenHeaderv = require("../../atoms/ScreenHeaderv2");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const ProductNameHeaderv2 = _ref => {
-  let {
-    productName
-  } = _ref;
+
+var ProductNameHeaderv2 = function ProductNameHeaderv2(_ref) {
+  var productName = _ref.productName;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeaderv.ScreenHeaderv2, {
       headerType: "product-name-header",
@@ -18,4 +20,5 @@ const ProductNameHeaderv2 = _ref => {
     })
   });
 };
+
 exports.ProductNameHeaderv2 = ProductNameHeaderv2;

package/dist/components/molecules/ProductNameHeaderv2/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  display: flex;\n  align-items: center;\n\n  * + * {\n    margin-left: 10px;\n  }\n"])));
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  * + * {\n    margin-left: 10px;\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/molecules/ProductNotification/ProductNotification.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.ProductNotificationDefault = 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/molecules/ProductNotification",
   component: _index.ProductNotification
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductNotification, {
-  ...args
-});
-const ProductNotificationDefault = exports.ProductNotificationDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductNotification, (0, _objectSpread2.default)({}, args));
+};
+
+var ProductNotificationDefault = Template.bind({});
+exports.ProductNotificationDefault = ProductNotificationDefault;
 ProductNotificationDefault.args = {
   notification: false
 };

package/dist/components/molecules/ProductNotification/index.js

@@ -1,33 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ProductNotification = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _styles = require("./styles");
+
 var _index = require("../../atoms/Avatar/index");
+
 var _react = require("react");
+
 var _MenuNotification = require("../../atoms/MenuNotification");
+
 var _productNotification = _interopRequireDefault(require("../../../assets/images/productNotification/productNotification.svg"));
+
 var _jsxRuntime = require("react/jsx-runtime");
-const ProductNotification = _ref => {
-  let {
-    notification
-  } = _ref;
-  const [showMenu, setShowMenu] = (0, _react.useState)(false);
-  const closeMenu = e => {
+
+var ProductNotification = function ProductNotification(_ref) {
+  var notification = _ref.notification;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showMenu = _useState2[0],
+      setShowMenu = _useState2[1];
+
+  var closeMenu = function closeMenu(e) {
     if (!e.target.closest("#menu-notification") && showMenu) {
       document.removeEventListener("click", closeMenu, false);
       setShowMenu(false);
     }
   };
-  (0, _react.useEffect)(() => {
+
+  (0, _react.useEffect)(function () {
     if (showMenu) {
       document.addEventListener("click", closeMenu, false);
     }
   }, [showMenu]);
-  const content = [{
+  var content = [{
     notificationType: "productComment",
     label: "Asignaron el producto 23441244"
   }, {
@@ -38,9 +52,10 @@ const ProductNotification = _ref => {
     label: "Agregaron comentario en producto 123"
   }];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    onClick: e => {
+    onClick: function onClick(e) {
       e.stopPropagation();
       setShowMenu(!showMenu);
+
       if (showMenu) {
         document.removeEventListener("click", closeMenu, false);
       }
@@ -55,4 +70,5 @@ const ProductNotification = _ref => {
     })]
   });
 };
+
 exports.ProductNotification = ProductNotification;

package/dist/components/molecules/ProductNotification/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.button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  padding: 3px;\n  width: 50px;\n  height: 50px;\n  border: none;\n  position: relative;\n  &.new-notification::before {\n    content: \"\";\n    width: 10px;\n    height: 10px;\n    display: block;\n    border-radius: 100%;\n    background-color: #ff0094;\n    position: absolute;\n    left: 56%;\n    top: 11px;\n    z-index: 1;\n    animation: pulse 0.4s alternate infinite;\n    @keyframes pulse {\n      from {\n        transform: scale(1);\n      }\n      to {\n        transform: scale(1.1);\n      }\n    }\n  }\n"])), _variables.GlobalColors.s2);
+
+var Container = _styledComponents.default.button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  padding: 3px;\n  width: 50px;\n  height: 50px;\n  border: none;\n  position: relative;\n  &.new-notification::before {\n    content: \"\";\n    width: 10px;\n    height: 10px;\n    display: block;\n    border-radius: 100%;\n    background-color: #ff0094;\n    position: absolute;\n    left: 56%;\n    top: 11px;\n    z-index: 1;\n    animation: pulse 0.4s alternate infinite;\n    @keyframes pulse {\n      from {\n        transform: scale(1);\n      }\n      to {\n        transform: scale(1.1);\n      }\n    }\n  }\n"])), _variables.GlobalColors.s2);
+
+exports.Container = Container;

package/dist/components/molecules/ProductSkuStatus/ProductSkuStatus.stories.js

@@ -1,13 +1,21 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProductSkuStatusDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _variables = require("../../../global-files/variables");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/molecules/ProductSkuStatus",
   component: _index.ProductSkuStatus,
   argTypes: {
@@ -39,15 +47,19 @@ var _default = exports.default = {
     }
   }
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductSkuStatus, {
-  ...args
-});
-const ProductSkuStatusDefault = exports.ProductSkuStatusDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductSkuStatus, (0, _objectSpread2.default)({}, args));
+};
+
+var ProductSkuStatusDefault = Template.bind({});
+exports.ProductSkuStatusDefault = ProductSkuStatusDefault;
 ProductSkuStatusDefault.args = {
   statusType: "AP",
   percent: 84,
   backgroundColor: "s2",
   priority: "no priority",
-  percentRequired: 100
-  // date: new Date().toLocaleDateString(),
+  percentRequired: 100 // date: new Date().toLocaleDateString(),
+
 };

package/dist/components/molecules/ProductSkuStatus/index.js

@@ -4,18 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ProductSkuStatus = void 0;
+
 var _styles = require("./styles");
+
 var _index = require("../../atoms/Status/index");
+
 var _Progress = require("../../atoms/Progress");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const ProductSkuStatus = _ref => {
-  let {
-    statusType,
-    percentRequired,
-    version,
-    setShowVersionSelector,
-    showShield
-  } = _ref;
+
+var ProductSkuStatus = function ProductSkuStatus(_ref) {
+  var statusType = _ref.statusType,
+      percentRequired = _ref.percentRequired,
+      version = _ref.version,
+      setShowVersionSelector = _ref.setShowVersionSelector,
+      showShield = _ref.showShield;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [statusType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Status, {
       statusType: statusType
@@ -29,4 +32,5 @@ const ProductSkuStatus = _ref => {
     })]
   });
 };
+
 exports.ProductSkuStatus = ProductSkuStatus;

package/dist/components/molecules/ProductSkuStatus/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  display: flex;\n  align-items: center;\n  gap:10px;\n"])));
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  gap:10px;\n"])));
+
+exports.Container = Container;

package/dist/components/molecules/ProfileHeader/ProfileHeader.stories.js

@@ -1,21 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProfileHeaderDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _profilePicture = _interopRequireDefault(require("../../../assets/images/profileHeader/profilePicture.svg"));
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/molecules/ProfileHeader",
   component: _index.ProfileHeader
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProfileHeader, {
-  ...args
-});
-const ProfileHeaderDefault = exports.ProfileHeaderDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProfileHeader, (0, _objectSpread2.default)({}, args));
+};
+
+var ProfileHeaderDefault = Template.bind({});
+exports.ProfileHeaderDefault = ProfileHeaderDefault;
 ProfileHeaderDefault.args = {
   customerProfileImg: _profilePicture.default,
   customerName: "Name default",