contentoh-components-library 20.0.0 → 20.0.17

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

@@ -15,8 +15,6 @@ var _settings = _interopRequireDefault(require("../../../assets/images/menuProfi
 
 var _logOut = _interopRequireDefault(require("../../../assets/images/menuProfile/logOut.svg"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var MenuProfile = function MenuProfile(_ref) {
   var user = _ref.user;
   var content = [{
@@ -29,29 +27,21 @@ var MenuProfile = function MenuProfile(_ref) {
     icon: _logOut.default,
     label: "Cerrar sesión"
   }];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    id: "menu-profile",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        children: user
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-      className: "overall-list",
-      children: content.map(function (item, index) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-          onClick: function onClick() {
-            console.log(item.label);
-          },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-            src: item.icon,
-            alt: item.label
-          }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-            children: item.label
-          })]
-        }, index);
-      })
-    })]
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, {
+    id: "menu-profile"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, user)), /*#__PURE__*/React.createElement("ul", {
+    className: "overall-list"
+  }, content.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: index,
+      onClick: function onClick() {
+        console.log(item.label);
+      }
+    }, /*#__PURE__*/React.createElement("img", {
+      src: item.icon,
+      alt: item.label
+    }), " ", /*#__PURE__*/React.createElement("p", null, item.label));
+  })));
 };
 
 exports.MenuProfile = MenuProfile;

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

@@ -7,14 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.NotificationDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
 
 var _defaultProfileImage = _interopRequireDefault(require("../../../assets/images/defaultImages/defaultProfileImage.svg"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = {
   title: "Components/atoms/Notification",
   component: _index.Notification
@@ -22,7 +18,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Notification, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.Notification, args);
 };
 
 var NotificationDefault = Template.bind({});

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

@@ -9,25 +9,19 @@ var _styles = require("./styles");
 
 var _index = require("../../atoms/Avatar/index");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var Notification = function Notification(_ref) {
   var profilePicture = _ref.profilePicture,
       notification = _ref.notification,
       newNotification = _ref.newNotification;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    className: newNotification && "new-notification",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Avatar, {
-      image: profilePicture,
-      imageType: "profile-image",
-      altText: "Profile Picture"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: newNotification ? "Notificación nueva" : "Notificación vista"
-    }), notification ? /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      className: "bolder",
-      children: notification
-    }) : "ODT 23441244"]
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, {
+    className: newNotification && "new-notification"
+  }, /*#__PURE__*/React.createElement(_index.Avatar, {
+    image: profilePicture,
+    imageType: "profile-image",
+    altText: "Profile Picture"
+  }), /*#__PURE__*/React.createElement("p", null, newNotification ? "Notificación nueva" : "Notificación vista"), notification ? /*#__PURE__*/React.createElement("p", {
+    className: "bolder"
+  }, notification) : "ODT 23441244");
 };
 
 exports.Notification = Notification;

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

@@ -1,18 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PriorityFlagDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = {
   title: "Components/atoms/PriorityFlag",
   component: _index.PriorityFlag,
@@ -28,7 +22,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.PriorityFlag, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.PriorityFlag, args);
 };
 
 var PriorityFlagDefault = Template.bind({});

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

@@ -19,19 +19,15 @@ var _mediumPriority = _interopRequireDefault(require("../../../assets/images/fla
 
 var _lowPriority = _interopRequireDefault(require("../../../assets/images/flags/lowPriority.svg"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var PriorityFlag = function PriorityFlag(_ref) {
   var _PriorityFlags;
 
   var priority = _ref.priority;
-  var PriorityFlags = (_PriorityFlags = {}, (0, _defineProperty2.default)(_PriorityFlags, "none", _noPriority.default), (0, _defineProperty2.default)(_PriorityFlags, "low", _lowPriority.default), (0, _defineProperty2.default)(_PriorityFlags, "medium", _mediumPriority.default), (0, _defineProperty2.default)(_PriorityFlags, "high", _highPriority.default), _PriorityFlags);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      src: PriorityFlags[priority],
-      alt: priority
-    })
-  });
+  var PriorityFlags = (_PriorityFlags = {}, (0, _defineProperty2.default)(_PriorityFlags, "no priority", _noPriority.default), (0, _defineProperty2.default)(_PriorityFlags, "low", _lowPriority.default), (0, _defineProperty2.default)(_PriorityFlags, "medium", _mediumPriority.default), (0, _defineProperty2.default)(_PriorityFlags, "high", _highPriority.default), _PriorityFlags);
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("img", {
+    src: PriorityFlags[priority],
+    alt: priority
+  }));
 };
 
 exports.PriorityFlag = PriorityFlag;

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

@@ -1,18 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Template = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _ = require(".");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = {
   title: "Components/atoms/ProductImage",
   component: _.ProductImage,
@@ -28,7 +22,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ProductImage, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_.ProductImage, args);
 };
 
 exports.Template = Template;

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

@@ -13,22 +13,19 @@ var _reactImageFallback = _interopRequireDefault(require("react-image-fallback")
 
 var _defaultProductImage = _interopRequireDefault(require("../../../assets/images/defaultImages/defaultProductImage.png"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var ProductImage = function ProductImage(_ref) {
   var img = _ref.img,
       imageType = _ref.imageType,
       altText = _ref.altText,
       onClick = _ref.onClick;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: imageType,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageFallback.default, {
-      src: img,
-      fallbackImage: _defaultProductImage.default,
-      alt: altText,
-      onClick: onClick
-    })
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, {
+    className: imageType
+  }, /*#__PURE__*/React.createElement(_reactImageFallback.default, {
+    src: img,
+    fallbackImage: _defaultProductImage.default,
+    alt: altText,
+    onClick: onClick
+  }));
 };
 
 exports.ProductImage = ProductImage;

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

@@ -13,6 +13,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: fit-content;\n\n  img {\n    object-fit: contain;\n  }\n\n  &.carousel-image {\n    img {\n      width: 85px;\n      height: 55px;\n      cursor: pointer;\n    }\n\n    & + * {\n      margin-left: 1px;\n    }\n  }\n\n  &.main-image {\n    img {\n      width: 340px;\n      height: 295px;\n    }\n  }\n\n  &.catalogue-image-big-size {\n    img {\n      width: 179px;\n      height: 179px;\n    }\n  }\n\n  &.catalogue-image-small-size {\n    img {\n      width: 60px;\n      height: 60px;\n    }\n  }\n\n  &.catalogue-modal-image {\n    flex: 1 0 50%;\n    cursor: pointer;\n\n    img {\n      width: 168px;\n      height: 108px;\n    }\n  }\n\n  &.expanded-modal-image {\n    width: 710px;\n    height: 710px;\n\n    img {\n      width: 710px;\n      height: 710px;\n    }\n  }\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: fit-content;\n\n  img {\n    object-fit: cover;\n  }\n\n  &.carousel-image {\n    img {\n      width: 85px;\n      height: 55px;\n      cursor: pointer;\n    }\n\n    & + * {\n      margin-left: 1px;\n    }\n  }\n\n  &.main-image {\n    img {\n      width: 340px;\n      height: 295px;\n    }\n  }\n\n  &.catalogue-image-big-size {\n    img {\n      width: 179px;\n      height: 179px;\n    }\n  }\n\n  &.catalogue-image-small-size {\n    img {\n      width: 60px;\n      height: 60px;\n    }\n  }\n\n  &.catalogue-modal-image {\n    flex: 1 0 50%;\n    cursor: pointer;\n\n    img {\n      width: 168px;\n      height: 108px;\n    }\n  }\n\n  &.expanded-modal-image {\n    width: 710px;\n    height: 710px;\n\n    img {\n      width: 710px;\n      height: 710px;\n    }\n  }\n"])));
 
 exports.Container = Container;

package/dist/components/atoms/ProductPercentCard/Percent.stories.js

@@ -1,18 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProductPercentCardDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var status = ["-", "Pr", "Rc", "As", "P", "QF", "AF", "AA", "AP", "AC", "RA", "RF", "RP", "RC", "Ex"];
 var _default = {
   title: "Components/atoms/ProductPercentCard",
@@ -29,7 +23,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductPercentCard, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.ProductPercentCard, args);
 };
 
 var ProductPercentCardDefault = Template.bind({});

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

@@ -11,8 +11,6 @@ var _styles = require("./styles");
 
 var _polygon = _interopRequireDefault(require("../../../assets/images/arrow/polygon.svg"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var ProductPercentCard = function ProductPercentCard(_ref) {
   var statusType = _ref.statusType,
       _ref$totalProcucts = _ref.totalProcucts,
@@ -21,25 +19,20 @@ var ProductPercentCard = function ProductPercentCard(_ref) {
       productsInStatus = _ref$productsInStatus === void 0 ? 0 : _ref$productsInStatus;
   var result = productsInStatus / totalProcucts * 100;
   var percent = result.toString().search(/\./) ? result.toFixed(2) : result;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    className: "status-".concat(statusType),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      className: "text",
-      children: "Productos en proceso"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "percent-text",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        className: "number",
-        children: productsInStatus
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        src: _polygon.default,
-        alt: ""
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        className: "span",
-        children: [percent == "NaN" ? 0 : percent, "%"]
-      })]
-    })]
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, {
+    className: "status-".concat(statusType)
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "text"
+  }, "Productos en proceso"), /*#__PURE__*/React.createElement("div", {
+    className: "percent-text"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "number"
+  }, productsInStatus), /*#__PURE__*/React.createElement("img", {
+    src: _polygon.default,
+    alt: ""
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "span"
+  }, percent == "NaN" ? 0 : percent, "%")));
 };
 
 exports.ProductPercentCard = ProductPercentCard;

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

@@ -1,20 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProgressBarDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _ = require(".");
 
 var _variables = require("../../../global-files/variables");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = {
   title: "Components/atoms/ProgressBar",
   component: _.ProgressBar,
@@ -38,7 +32,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ProgressBar, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_.ProgressBar, args);
 };
 
 var ProgressBarDefault = Template.bind({});

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

@@ -7,17 +7,12 @@ exports.ProgressBar = void 0;
 
 var _styles = require("./styles");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var ProgressBar = function ProgressBar(_ref) {
   var percent = _ref.percent,
-      progressBarType = _ref.progressBarType;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: "status-".concat(progressBarType),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-      children: [percent, "%"]
-    })
-  });
+      backgroundColor = _ref.backgroundColor;
+  return /*#__PURE__*/React.createElement(_styles.Container, {
+    backgroundColor: backgroundColor
+  }, /*#__PURE__*/React.createElement("p", null, percent, "%"));
 };
 
 exports.ProgressBar = ProgressBar;

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

@@ -15,8 +15,10 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  width: fit-content;\n  height: 27px;\n  padding: 4px;\n  border-radius: 15px;\n  font-family: ", ";\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 19px;\n  color: ", ";\n\n  &.status-As,\n  &.status-P {\n    background-color: ", ";\n  }\n\n  &.status-Pr,\n  &.status-Rr {\n    background-color: ", ";\n  }\n\n  &.status-AA,\n  &.status-AP,\n  &.status-AC {\n    background-color: ", ";\n  }\n\n  &.status-RA,\n  &.status-RF,\n  &.status-RP,\n  &.status-RC {\n    background-color: ", ";\n  }\n\n  &.status-Dat,\n  &.status-Dsc,\n  &.status-Imgs {\n    background-color: ", ";\n  }\n\n  &.status-Ex {\n    background-color: ", ";\n  }\n\n  &.status-DDI {\n    background-color: ", ";\n  }\n\n  &.status-GLD {\n    background-color: ", ";\n  }\n\n  &.status-TAB {\n    background-color: ", ";\n  }\n\n  &.status-Pt {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), _variables.GlobalColors.s3, _variables.FontFamily.AvenirNext, function (backgroundColor) {
-  return backgroundColor === "s2" || backgroundColor === "s1" ? _variables.GlobalColors.s4 : _variables.GlobalColors.white;
-}, _variables.GlobalColors.in_progress, _variables.GlobalColors.reception, _variables.GlobalColors.finished, _variables.GlobalColors.rejected_status, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.original_purpura, _variables.GlobalColors.in_progress, _variables.GlobalColors.deep_gray, _variables.GlobalColors.s2, _variables.GlobalColors.s4);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  width: fit-content;\n  height: 27px;\n  padding: 4px;\n  border-radius: 15px;\n  font-family: ", ";\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 19px;\n  color: ", ";\n"])), function (props) {
+  return _variables.GlobalColors[props.backgroundColor];
+}, _variables.FontFamily.AvenirNext, function (props) {
+  return props.backgroundColor === "s2" || props.backgroundColor === "s1" ? _variables.GlobalColors.s4 : _variables.GlobalColors.white;
+});
 
 exports.Container = Container;

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

@@ -1,20 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ScreenHeaderDefatult = exports.ScreenHeaderDate = exports.ScreenHeaderAndParagraph = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _ = require(".");
 
 var _variables = require("../../../global-files/variables");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = {
   title: "Components/atoms/ScreenHeader",
   label: "Screen Header",
@@ -43,7 +37,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ScreenHeader, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_.ScreenHeader, args);
 };
 
 var ScreenHeaderDefatult = Template.bind({});

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

@@ -9,8 +9,6 @@ var _variables = require("../../../global-files/variables");
 
 var _styles = require("./styles");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var ScreenHeader = function ScreenHeader(_ref) {
   var text = _ref.text,
       boldText = _ref.boldText,
@@ -18,16 +16,12 @@ var ScreenHeader = function ScreenHeader(_ref) {
       color = _ref.color,
       headerType = _ref.headerType,
       Paragraph = _ref.Paragraph;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+  return /*#__PURE__*/React.createElement(_styles.Container, {
     fontFamily: fontFamily,
     color: color,
     className: headerType,
-    children: [text, " ", boldText && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-      children: [" ", boldText]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: Paragraph
-    })]
-  }, "title-".concat(text));
+    key: "title-".concat(text)
+  }, text, " ", boldText && /*#__PURE__*/React.createElement("span", null, " ", boldText), /*#__PURE__*/React.createElement("p", null, Paragraph));
 };
 
 exports.ScreenHeader = ScreenHeader;

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

@@ -7,14 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.SideMenuButtonDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
 
 var _dashboard = _interopRequireDefault(require("../../../assets/images/sideMenuButton/dashboard.svg"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = {
   title: "Components/atoms/SideMenuButton",
   compoment: _index.SideMenuButton
@@ -22,7 +18,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SideMenuButton, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.SideMenuButton, args);
 };
 
 var SideMenuButtonDefault = Template.bind({});

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

@@ -7,20 +7,14 @@ exports.SideMenuButton = void 0;
 
 var _styles = require("./styles");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var SideMenuButton = function SideMenuButton(_ref) {
   var image = _ref.image,
       altText = _ref.altText,
       label = _ref.label;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [image && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      src: image,
-      alt: altText
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: label
-    })]
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, null, image && /*#__PURE__*/React.createElement("img", {
+    src: image,
+    alt: altText
+  }), /*#__PURE__*/React.createElement("p", null, label));
 };
 
 exports.SideMenuButton = SideMenuButton;

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

@@ -1,20 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.StatusTagDefault = 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 status = _variables.GlobalStatus;
 var _default = {
   title: "Components/atoms/StatusTag",
@@ -37,7 +31,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StatusTag, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.StatusTag, args);
 };
 
 var StatusTagDefault = Template.bind({});

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

@@ -7,17 +7,12 @@ exports.StatusTag = void 0;
 
 var _styles = require("./styles");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var StatusTag = function StatusTag(_ref) {
   var statusType = _ref.statusType,
       ovalForm = _ref.ovalForm;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: "status-".concat(statusType, " ").concat(ovalForm && "oval-form"),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: statusType
-    })
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, {
+    className: "status-".concat(statusType, " ").concat(ovalForm && "oval-form")
+  }, /*#__PURE__*/React.createElement("p", null, statusType));
 };
 
 exports.StatusTag = StatusTag;

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

@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 30px;\n  height: 20px;\n  background-color: ", ";\n  border-radius: 3px;\n\n  p {\n    text-align: center;\n    color: ", ";\n    font-family: ", ";\n    font-size: 12px;\n    line-height: 20px;\n  }\n\n  &.status-As,\n  &.status-P,\n  &.status-IN_PROGRESS,\n  &.status-QF {\n    background-color: ", ";\n  }\n\n  &.status-Pr,\n  &.status-Rr {\n    background-color: ", ";\n  }\n\n  &.status-AA,\n  &.status-AP,\n  &.status-AC {\n    background-color: ", ";\n  }\n\n  &.status-RA,\n  &.status-RF,\n  &.status-RP,\n  &.status-RC {\n    background-color: ", ";\n  }\n\n  &.status-Dat,\n  &.status-Dsc,\n  &.status-Imgs {\n    background-color: ", ";\n  }\n\n  &.status-Ex {\n    background-color: ", ";\n  }\n\n  &.status-DDI {\n    background-color: ", ";\n  }\n\n  &.status-GLD {\n    background-color: ", ";\n  }\n\n  &.status-TAB {\n    background-color: ", ";\n  }\n\n  &.status-Pt {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.oval-form {\n    border-radius: 10px;\n  }\n"])), _variables.GlobalColors.s3, _variables.GlobalColors.white, _variables.FontFamily.Lato, _variables.GlobalColors.in_progress, _variables.GlobalColors.reception, _variables.GlobalColors.finished, _variables.GlobalColors.rejected_status, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.original_purpura, _variables.GlobalColors.in_progress, _variables.GlobalColors.deep_gray, _variables.GlobalColors.s2, _variables.GlobalColors.s4);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 30px;\n  height: 20px;\n  background-color: ", ";\n  border-radius: 3px;\n\n  p {\n    text-align: center;\n    color: ", ";\n    font-family: ", ";\n    font-size: 12px;\n    line-height: 20px;\n  }\n\n  &.status-As,\n  &.status-P {\n    background-color: ", ";\n  }\n\n  &.status-Pr,\n  &.status-Rr {\n    background-color: ", ";\n  }\n\n  &.status-AA,\n  &.status-AP {\n    background-color: ", ";\n  }\n\n  &.status-Dat,\n  &.status-Dsc,\n  &.status-Imgs {\n    background-color: ", ";\n  }\n\n  &.status-Ex {\n    background-color: ", ";\n  }\n\n  &.status-DDI {\n    background-color: ", ";\n  }\n\n  &.status-GLD {\n    background-color: ", ";\n  }\n\n  &.status-TAB {\n    background-color: ", ";\n  }\n\n  &.status-Pt {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.oval-form {\n    border-radius: 10px;\n  }\n"])), _variables.GlobalColors.s3, _variables.GlobalColors.white, _variables.FontFamily.Lato, _variables.GlobalColors.in_progress, _variables.GlobalColors.reception, _variables.GlobalColors.finished, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.original_purpura, _variables.GlobalColors.in_progress, _variables.GlobalColors.deep_gray, _variables.GlobalColors.s2, _variables.GlobalColors.s4);
 
 exports.Container = Container;

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

@@ -1,18 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TabSectionDefault = exports.TabSectionActive = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _ = require(".");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = {
   title: "Components/atoms/TabSection",
   label: "Tab Section",
@@ -22,7 +16,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TabSection, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_.TabSection, args);
 };
 
 var TabSectionDefault = Template.bind({});

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

@@ -7,19 +7,14 @@ exports.TabSection = void 0;
 
 var _styles = require("./styles");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var TabSection = function TabSection(_ref) {
   var label = _ref.label,
       active = _ref.active,
       onClick = _ref.onClick;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+  return /*#__PURE__*/React.createElement(_styles.Container, {
     className: active && "active",
-    onClick: onClick,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: label
-    })
-  });
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement("p", null, label));
 };
 
 exports.TabSection = TabSection;