contentoh-components-library 10.0.0 → 11.0.0

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

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MenuProfileDefault = 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/MenuProfile",
   component: _index.MenuProfile
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.MenuProfile, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.MenuProfile, (0, _objectSpread2.default)({}, args));
 };
 
 var MenuProfileDefault = Template.bind({});

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

@@ -15,6 +15,8 @@ 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 = [{
@@ -27,21 +29,29 @@ var MenuProfile = function MenuProfile(_ref) {
     icon: _logOut.default,
     label: "Cerrar sesión"
   }];
-  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));
-  })));
+  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);
+      })
+    })]
+  });
 };
 
 exports.MenuProfile = MenuProfile;

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

@@ -7,10 +7,14 @@ 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
@@ -18,7 +22,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.Notification, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Notification, (0, _objectSpread2.default)({}, args));
 };
 
 var NotificationDefault = Template.bind({});

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

@@ -9,19 +9,25 @@ 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__*/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");
+  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"]
+  });
 };
 
 exports.Notification = Notification;

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

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PercentDefault = 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/Percent",
@@ -23,7 +29,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.Percent, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Percent, (0, _objectSpread2.default)({}, args));
 };
 
 var PercentDefault = Template.bind({});

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

@@ -11,22 +11,29 @@ var _styles = require("./styles");
 
 var _polygon = _interopRequireDefault(require("../../../assets/images/arrow/polygon.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var Percent = function Percent(_ref) {
   var statusType = _ref.statusType;
-  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"
-  }, "20"), /*#__PURE__*/React.createElement("img", {
-    src: _polygon.default,
-    alt: ""
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "span"
-  }, "1%")));
+  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: "20"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: _polygon.default,
+        alt: ""
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "span",
+        children: "1%"
+      })]
+    })]
+  });
 };
 
 exports.Percent = Percent;

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

@@ -1,12 +1,18 @@
 "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,
@@ -22,7 +28,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.PriorityFlag, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.PriorityFlag, (0, _objectSpread2.default)({}, args));
 };
 
 var PriorityFlagDefault = Template.bind({});

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

@@ -19,15 +19,19 @@ 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__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("img", {
-    src: PriorityFlags[priority],
-    alt: priority
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: PriorityFlags[priority],
+      alt: priority
+    })
+  });
 };
 
 exports.PriorityFlag = PriorityFlag;

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

@@ -1,12 +1,18 @@
 "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,
@@ -22,7 +28,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_.ProductImage, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ProductImage, (0, _objectSpread2.default)({}, args));
 };
 
 exports.Template = Template;

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

@@ -13,19 +13,22 @@ 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__*/React.createElement(_styles.Container, {
-    className: imageType
-  }, /*#__PURE__*/React.createElement(_reactImageFallback.default, {
-    src: img,
-    fallbackImage: _defaultProductImage.default,
-    alt: altText,
-    onClick: 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
+    })
+  });
 };
 
 exports.ProductImage = ProductImage;

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

@@ -1,14 +1,20 @@
 "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,
@@ -32,7 +38,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_.ProgressBar, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ProgressBar, (0, _objectSpread2.default)({}, args));
 };
 
 var ProgressBarDefault = Template.bind({});

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

@@ -7,12 +7,17 @@ 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__*/React.createElement(_styles.Container, {
-    className: "status-".concat(progressBarType)
-  }, /*#__PURE__*/React.createElement("p", null, percent, "%"));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    className: "status-".concat(progressBarType),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+      children: [percent, "%"]
+    })
+  });
 };
 
 exports.ProgressBar = ProgressBar;

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

@@ -1,14 +1,20 @@
 "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",
@@ -37,7 +43,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_.ScreenHeader, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ScreenHeader, (0, _objectSpread2.default)({}, args));
 };
 
 var ScreenHeaderDefatult = Template.bind({});

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

@@ -9,6 +9,8 @@ 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,
@@ -16,12 +18,16 @@ var ScreenHeader = function ScreenHeader(_ref) {
       color = _ref.color,
       headerType = _ref.headerType,
       Paragraph = _ref.Paragraph;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     fontFamily: fontFamily,
     color: color,
     className: headerType,
-    key: "title-".concat(text)
-  }, text, " ", boldText && /*#__PURE__*/React.createElement("span", null, " ", boldText), /*#__PURE__*/React.createElement("p", null, Paragraph));
+    children: [text, " ", boldText && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      children: [" ", boldText]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: Paragraph
+    })]
+  }, "title-".concat(text));
 };
 
 exports.ScreenHeader = ScreenHeader;

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

@@ -7,26 +7,31 @@ exports.default = Select;
 
 var _style = require("./style");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function Select(props) {
-  return /*#__PURE__*/React.createElement(_style.Container, {
-    width: props.width
-  }, /*#__PURE__*/React.createElement(_style.SelectCustom, {
-    id: props.id,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_style.Container, {
     width: props.width,
-    onChange: props.onChange,
-    defaultValue: props.valueSelected ? props.valueSelected : ""
-  }, /*#__PURE__*/React.createElement("option", {
-    value: "",
-    disabled: true
-  }, props.placeholder), props.options && props.options.map(function (item, i) {
-    return /*#__PURE__*/React.createElement("option", {
-      key: "select-" + item.value ? item.value : item + "-" + i,
-      value: item.value ? item.value : item // selected={
-      //   item.value
-      //     ? item.value == props.valueSelected && "selected"
-      //     : item === props.valueSelected && "selected"
-      // }
-
-    }, item.name ? item.name : item);
-  })), /*#__PURE__*/React.createElement(_style.BackgroundEnd, null));
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_style.SelectCustom, {
+      id: props.id,
+      width: props.width,
+      onChange: props.onChange,
+      defaultValue: props.valueSelected ? props.valueSelected : "",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
+        value: "",
+        disabled: true,
+        children: props.placeholder
+      }), props.options && props.options.map(function (item, i) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
+          value: item.value ? item.value : item // selected={
+          //   item.value
+          //     ? item.value == props.valueSelected && "selected"
+          //     : item === props.valueSelected && "selected"
+          // }
+          ,
+          children: item.name ? item.name : item
+        }, "select-" + item.value ? item.value : item + "-" + i);
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.BackgroundEnd, {})]
+  });
 }

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

@@ -7,10 +7,14 @@ 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
@@ -18,7 +22,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.SideMenuButton, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SideMenuButton, (0, _objectSpread2.default)({}, args));
 };
 
 var SideMenuButtonDefault = Template.bind({});

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

@@ -7,14 +7,20 @@ 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__*/React.createElement(_styles.Container, null, image && /*#__PURE__*/React.createElement("img", {
-    src: image,
-    alt: altText
-  }), /*#__PURE__*/React.createElement("p", null, 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
+    })]
+  });
 };
 
 exports.SideMenuButton = SideMenuButton;

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

@@ -1,14 +1,20 @@
 "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",
@@ -31,7 +37,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.StatusTag, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StatusTag, (0, _objectSpread2.default)({}, args));
 };
 
 var StatusTagDefault = Template.bind({});

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

@@ -7,12 +7,17 @@ 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__*/React.createElement(_styles.Container, {
-    className: "status-".concat(statusType, " ").concat(ovalForm && "oval-form")
-  }, /*#__PURE__*/React.createElement("p", null, statusType));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    className: "status-".concat(statusType, " ").concat(ovalForm && "oval-form"),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: statusType
+    })
+  });
 };
 
 exports.StatusTag = StatusTag;

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

@@ -1,12 +1,18 @@
 "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",
@@ -16,7 +22,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_.TabSection, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TabSection, (0, _objectSpread2.default)({}, args));
 };
 
 var TabSectionDefault = Template.bind({});

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

@@ -7,14 +7,19 @@ 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__*/React.createElement(_styles.Container, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     className: active && "active",
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement("p", null, label));
+    onClick: onClick,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: label
+    })
+  });
 };
 
 exports.TabSection = TabSection;