contentoh-components-library 21.4.134 → 21.4.136

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

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Container = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _variables = require("../../../global-files/variables");
-
-var _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 170px;\n  height: 44px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 30px;\n\n  img {\n    & + p {\n      margin-left: 10px;\n    }\n  }\n\n  p {\n    font-family: ", ";\n    font-size: 18px;\n    line-height: 21px;\n    color: #fcfcfc;\n  }\n\n  &:hover {\n    border: 1px solid ", ";\n  }\n"])), _variables.FontFamily.Raleway_700, _variables.GlobalColors.magenta_s2);
-
-exports.Container = Container;

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

@@ -1,101 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SliderToolTipSendContentoh = exports.SliderToolTipDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _index = require("./index");
-
-var _infoIcon = _interopRequireDefault(require("../../../assets/images/sliderToolTip/infoIcon.svg"));
-
-var _slide = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide21.svg"));
-
-var _slide2 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide22.svg"));
-
-var _slide3 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide23.svg"));
-
-var _slide4 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide1.svg"));
-
-var _slide5 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide2.svg"));
-
-var _slide6 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide3.svg"));
-
-var _slide7 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide4.svg"));
-
-var _slide8 = _interopRequireDefault(require("../../../assets/images/sliderToolTip/slide5.svg"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/atoms/SliderToolTip",
-  component: _index.SliderToolTip,
-  argTypes: {
-    iconSize: {
-      options: ["big-image", "medium-image", "small-image"],
-      control: {
-        type: "select"
-      }
-    },
-    slidePosition: {
-      options: ["top-slide", "bottom-slide"],
-      control: {
-        type: "select"
-      }
-    }
-  }
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SliderToolTip, (0, _objectSpread2.default)({}, args));
-};
-
-var SliderToolTipDefault = Template.bind({});
-exports.SliderToolTipDefault = SliderToolTipDefault;
-SliderToolTipDefault.args = {
-  infoIcon: _infoIcon.default,
-  slidefront: [{
-    slide: _slide.default,
-    title: "Valida tu producto en cada activo digital",
-    description: "Al solicitar a Content-oh! podrás validar la información, imágenes y documentación de tu producto, esto hará más sencillo que puedas aprobar o rechazar el contenido."
-  }, {
-    slide: _slide2.default,
-    title: "Aprueba o rechaza con un clic",
-    description: "Cuando termines de revisar tu información, elige si aproebas o rechazas, esto enviara una notificiación a nuestro equipo, para continuar o corregir el producto."
-  }, {
-    slide: _slide3.default,
-    title: "Estatus de tu producto en el proceso",
-    description: "La mayor parte del proceso podrás identificar que estatus tiene tu producto, esto dara visibilidad a todo tu equipo para saber la etapa se encuentra."
-  }],
-  slidePosition: "bottom-slide",
-  iconSize: "medium-image"
-};
-var SliderToolTipSendContentoh = Template.bind({});
-exports.SliderToolTipSendContentoh = SliderToolTipSendContentoh;
-SliderToolTipSendContentoh.args = {
-  infoIcon: _infoIcon.default,
-  slidefront: [{
-    slide: _slide4.default,
-    description: "Creamos tu contenido, y todo lo que haga falta para tu producto, cada sección puedes socilitar contenido enriquecido, y nosotros lo haremos por ti."
-  }, {
-    slide: _slide5.default,
-    description: "Puedes agregar solicitudes de contenido enriquecido a tu carrito de compra las veces que sean necesarias. Una vez completada tu lista con los servicios necesitados sigue el proceso de compra en checkout."
-  }, {
-    slide: _slide6.default,
-    description: "Revisa el contenido que deseas solicilitar, valida y tambien puedes agregar contenido extra, traducciones, o simplemente completar el checkout."
-  }, {
-    slide: _slide7.default,
-    description: "Elige el tipo de entrega de tu producto, puedes ser recolección en el lugar o por el contrario puedes dejarlo en nuestras oficinas."
-  }, {
-    slide: _slide8.default,
-    title: "Bienvenido al modo Content-oh!",
-    description: "Finalmente elige la forma de pago que más te guste, procede con el pago y listo."
-  }],
-  slidePosition: "top-slide",
-  iconSize: "big-image"
-};

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

@@ -1,121 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SliderToolTip = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _styles = require("./styles");
-
-var _react = require("react");
-
-var _customHooks = require("../../../global-files/customHooks");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var SliderToolTip = function SliderToolTip(_ref) {
-  var infoIcon = _ref.infoIcon,
-      slidefront = _ref.slidefront,
-      iconSize = _ref.iconSize,
-      slidePosition = _ref.slidePosition;
-
-  var _useCloseModal = (0, _customHooks.useCloseModal)("div-slider"),
-      _useCloseModal2 = (0, _slicedToArray2.default)(_useCloseModal, 2),
-      showMenu = _useCloseModal2[0],
-      setShowMenu = _useCloseModal2[1];
-
-  var color = function color(id) {
-    for (var i = 1; i <= slidefront.length; i++) {
-      if (id === "slidea".concat(i)) {
-        document.getElementById("slidea".concat(i)).style.backgroundColor = "#E33AA9";
-
-        if (id === "slidea".concat(slidefront.length)) {
-          document.getElementById("button-slide").style.display = "flex";
-        }
-      } else if (id > "slidea".concat(i)) {
-        document.getElementById("slidea".concat(i)).style.backgroundColor = "#FAFAFA";
-      } else if (id < "slidea".concat(i)) {
-        document.getElementById("slidea".concat(i)).style.backgroundColor = "#C4C4C4";
-      }
-    }
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        src: infoIcon,
-        alt: "info icon",
-        className: iconSize,
-        onClick: function onClick(e) {
-          e.stopPropagation();
-          e.preventDefault();
-          setShowMenu(true);
-        }
-      }), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Slider, {
-        id: "div-slider",
-        className: slidePosition,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-          className: "slider",
-          children: slidefront.map(function (item, index) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-              id: "slide".concat(index + 1),
-              className: "slide".concat(index + 1) === "slide".concat(slidefront.length) ? "end-div" : "",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                  src: item.slide
-                })
-              }), "slide".concat(index + 1) === "slide".concat(slidefront.length) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                  className: "lema-end",
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                    children: item.title
-                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-                    children: item.description
-                  })]
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-                  id: "button-slide",
-                  onClick: function onClick(e) {
-                    setShowMenu(false);
-                  },
-                  children: "Cerrar"
-                })]
-              }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                children: [item.title !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  children: item.title
-                }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-                  children: item.description
-                })]
-              })]
-            });
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-          className: "menu",
-          children: slidefront.map(function (item, index) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-                id: "slidea".concat(index + 1),
-                onClick: function onClick(e) {
-                  color("slidea".concat(index + 1));
-
-                  for (var i = 1; i <= slidefront.length; i++) {
-                    if (index + 1 === i) {
-                      document.getElementById("slide".concat(index + 1)).style.opacity = 1;
-                    } else if (index + 1 > i || index + 1 < i) {
-                      document.getElementById("slide".concat(i)).style.opacity = 0;
-                    }
-                  }
-                }
-              })
-            });
-          })
-        })]
-      })]
-    })
-  });
-};
-
-exports.SliderToolTip = SliderToolTip;

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

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Slider = 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;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: transparent;\n  cursor: pointer;\n  position: relative;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  & + * {\n    margin-left: 10px;\n  }\n  img {\n    margin: auto 0;\n    &.small-image {\n      width: 20px;\n      height: 20px;\n    }\n    &.medium-image {\n      width: 30px;\n      height: 30px;\n    }\n    &.big-image {\n      width: 40px;\n      height: 40px;\n    }\n  }\n"])));
-
-exports.Container = Container;
-
-var Slider = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-family: sans-serif;\n  margin: auto;\n  background: #281f33;\n  border-radius: 6px;\n  width: 310px;\n  padding: 16px;\n  padding-top: 20px;\n  box-sizing: border-box;\n  position: absolute;\n  cursor: default;\n  z-index: 2;\n  width: 310px;\n  &.top-slide {\n    top: calc(100% - 370px);\n    left: calc(100% - 175px);\n  }\n  &.bottom-slide {\n    top: 100%;\n    right: calc(100% + -70px);\n  }\n  ul,\n  li {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n  .slider {\n    position: relative;\n    max-width: 300px;\n    width: 100%;\n    height: 270px;\n    margin: 0;\n    li {\n      position: absolute;\n      left: 0px;\n      top: 0px;\n      opacity: 0;\n      width: inherit;\n      height: inherit;\n      transition: opacity 0.5s;\n      background: transparent;\n      img {\n        width: 100%;\n        height: 180px;\n        border-radius: 4px;\n        background-color: #fafafa;\n        & + * {\n          margin-top: 10px;\n        }\n      }\n      p {\n        font-family: \"Avenir Next\";\n        font-style: normal;\n        font-weight: 400;\n        font-size: 10px;\n        line-height: 12px;\n        text-align: center;\n        letter-spacing: -0.015em;\n        color: #fafafa;\n        background-color: #281f33;\n      }\n      div {\n        background-color: #fafafa;\n        height: 180px;\n        border-radius: 4px;\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n        align-items: center;\n        img {\n          width: 90%;\n        }\n        & + * {\n          margin-top: 13px;\n        }\n      }\n      span {\n        font-family: \"Avenir Next\";\n        font-style: normal;\n        font-weight: 500;\n        font-size: 15px;\n        line-height: 15px;\n        text-align: center;\n        letter-spacing: -0.015em;\n        color: #fafafa;\n        display: flex;\n        justify-content: center;\n        background-color: #281f33;\n        & + * {\n          margin-top: 10px;\n        }\n      }\n    }\n    .end-div {\n      div {\n        height: 130px;\n        width: 100%;\n        background-color: #fafafa;\n        display: flex;\n        align-items: center;\n        border-radius: 4px;\n        img {\n          width: 100%;\n          height: 115px;\n          object-fit: contain;\n        }\n      }\n      .lema-end {\n        justify-content: center;\n        justify-content: space-evenly;\n        height: 110px;\n        background-color: #281f33;\n        flex-direction: column;\n        justify-content: space-evenly;\n        border-radius: inherit;\n      }\n      button {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        padding: 10px;\n        width: 160px;\n        height: 30px;\n        border: 1px solid #d4d1d7;\n        border-radius: 15px;\n        color: #fafafa;\n        background-color: #281f33;\n        font-family: \"Avenir Next\";\n        font-style: normal;\n        font-weight: 400;\n        font-size: 18px;\n        line-height: 25px;\n        letter-spacing: -0.015em;\n        position: absolute;\n        left: 22%;\n        top: 90%;\n        cursor: pointer;\n      }\n    }\n  }\n  li:first-child {\n    opacity: 1;\n  }\n  .menu {\n    margin: 0;\n    text-align: center;\n    li {\n      display: inline-block;\n      text-align: center;\n      & + * {\n        margin-left: 15px;\n      }\n      a {\n        display: inline-block;\n        text-decoration: none;\n        background-color: #c4c4c4;\n        width: 10px;\n        height: 10px;\n        border-radius: 100%;\n        cursor: pointer;\n      }\n      #slidea1 {\n        background-color: #e33aa9;\n      }\n    }\n  }\n"])));
-
-exports.Slider = Slider;

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

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.StatusDefault = 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/Status",
-  component: _index.Status
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Status, (0, _objectSpread2.default)({}, args));
-};
-
-var StatusDefault = Template.bind({});
-exports.StatusDefault = StatusDefault;
-StatusDefault.args = {
-  statusType: "IE",
-  ovalForm: false
-};

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

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Status = void 0;
-
-var _styles = require("./styles");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var Status = function Status(_ref) {
-  var statusType = _ref.statusType,
-      ovalForm = _ref.ovalForm;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: "status-".concat(statusType === null || statusType === void 0 ? void 0 : statusType.replace(/\/.*/, ""), " ").concat(ovalForm && "oval-form"),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: statusType !== null && statusType !== void 0 ? statusType : "NS"
-    })
-  });
-};
-
-exports.Status = Status;

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

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Container = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _variables = require("../../../global-files/variables");
-
-var _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: fit-content;\n  padding: 0 10px;\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-CA,\n  &.status-IE {\n    background-color: ", ";\n  }\n\n  &.status-R,\n  &.status-AS,\n  &.status-SAC,\n  &.status-PA {\n    background-color: ", ";\n  }\n\n  &.status-AA,\n  &.status-AP,\n  &.status-AC,\n  &.status-AAC,\n  &.status-ACA {\n    background-color: ", ";\n  }\n\n  &.status-RA,\n  &.status-RC,\n  &.status-RP,\n  &.status-RAC,\n  &.status-RCA {\n    background-color: ", ";\n  }\n\n  &.status-Dat,\n  &.status-Dsc,\n  &.status-Imgs {\n    background-color: ", ";\n  }\n\n  &.status-FAP,\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);
-
-exports.Container = Container;

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

@@ -1,39 +0,0 @@
-"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",
-  argTypes: {},
-  component: _.TabSection
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TabSection, (0, _objectSpread2.default)({}, args));
-};
-
-var TabSectionDefault = Template.bind({});
-exports.TabSectionDefault = TabSectionDefault;
-TabSectionDefault.args = {
-  label: "Default Tab",
-  active: ""
-};
-var TabSectionActive = Template.bind({});
-exports.TabSectionActive = TabSectionActive;
-TabSectionActive.args = {
-  label: "Active Tab",
-  active: "active"
-};

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

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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, {
-    className: active && "active",
-    onClick: onClick,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: label
-    })
-  });
-};
-
-exports.TabSection = TabSection;

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

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Container = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _variables = require("../../../global-files/variables");
-
-var _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  font-family: ", ";\n  color: ", ";\n  font-size: 14px;\n  line-height: 21px;\n  border-bottom: 2px solid ", ";\n  width: 149px;\n  padding-bottom: 5px;\n  transition: 0.1s all;\n  cursor: pointer;\n\n  &.active {\n    font-size: 18px;\n    border-bottom: 2px solid ", ";\n  }\n\n  & + * {\n    margin-left: 10px;\n  }\n"])), _variables.FontFamily.Raleway_500, _variables.GlobalColors.s5, _variables.GlobalColors.s3, _variables.GlobalColors.magenta_s2);
-
-exports.Container = Container;

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

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TabSectionv2Default = exports.TabSectionv2Active = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _ = require(".");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/atoms/TabSectionv2",
-  label: "Tab Section",
-  argTypes: {},
-  component: _.TabSectionv2
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TabSectionv2, (0, _objectSpread2.default)({}, args));
-};
-
-var TabSectionv2Default = Template.bind({});
-exports.TabSectionv2Default = TabSectionv2Default;
-TabSectionv2Default.args = {
-  label: "Default Tab",
-  active: ""
-};
-var TabSectionv2Active = Template.bind({});
-exports.TabSectionv2Active = TabSectionv2Active;
-TabSectionv2Active.args = {
-  label: "Active Tab",
-  active: "active"
-};

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

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TabSectionv2 = void 0;
-
-var _styles = require("./styles");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var TabSectionv2 = function TabSectionv2(_ref) {
-  var label = _ref.label,
-      active = _ref.active,
-      onClick = _ref.onClick,
-      className = _ref.className;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: active && "active ".concat(className),
-    onClick: onClick,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: label
-    })
-  });
-};
-
-exports.TabSectionv2 = TabSectionv2;

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

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Container = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _variables = require("../../../global-files/variables");
-
-var _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  font-family: ", ";\n  color: ", ";\n  font-size: 14px;\n  line-height: 21px;\n  border-bottom: 2px solid ", ";\n  width: 149px;\n  padding-bottom: 5px;\n  transition: 0.1s all;\n  cursor: pointer;\n\n  &.active {\n    font-size: 18px;\n    border-bottom: 2px solid ", ";\n  }\n\n"])), _variables.FontFamily.Raleway_500, _variables.GlobalColors.s5, _variables.GlobalColors.s3, _variables.GlobalColors.magenta_s2);
-
-exports.Container = Container;

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

@@ -1,66 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TooltipDefault = 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/Tooltip",
-  component: _index.Tooltip,
-  argTypes: {
-    position: {
-      options: [undefined, "topStart", "topEnd", "topCenter", "rightStart", "rightEnd", "rightCenter", "bottomStart", "bottomEnd", "bottomCenter", "leftStart", "leftEnd", "leftCenter"],
-      control: {
-        type: "select"
-      }
-    },
-    addArrow: {
-      options: [undefined, false, true],
-      control: {
-        type: "select"
-      }
-    },
-    transitionType: {
-      options: [undefined, "grow", "fade", "zoom"],
-      control: {
-        type: "select"
-      }
-    },
-    followCursor: {
-      options: [undefined, false, true],
-      control: {
-        type: "select"
-      }
-    }
-  }
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Tooltip, (0, _objectSpread2.default)({}, args));
-};
-
-var TooltipDefault = Template.bind({});
-exports.TooltipDefault = TooltipDefault;
-TooltipDefault.args = {
-  componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-    children: " hola soy tooltip de prueba en storybook "
-  }),
-  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-    children: " abrir tooltip "
-  }),
-  classNameTooltip: "container-tooltip",
-  position: undefined,
-  addArrow: undefined,
-  transitionType: undefined,
-  followCursor: undefined
-};

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

@@ -1,72 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Tooltip = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _material = require("@mui/material");
-
-var _styles = require("./styles");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var Tooltip = function Tooltip(props) {
-  var _positions$position;
-
-  var componentTooltip = props.componentTooltip,
-      children = props.children,
-      className = props.className,
-      classNameTooltip = props.classNameTooltip,
-      position = props.position,
-      addArrow = props.addArrow,
-      transitionType = props.transitionType,
-      followCursor = props.followCursor;
-  var positions = {
-    topStart: "top-start",
-    topEnd: "top-end",
-    topCenter: "top",
-    rightStart: "right-start",
-    rightEnd: "right-end",
-    rightCenter: "right",
-    bottomStart: "bottom-start",
-    bottomEnd: "bottom-end",
-    bottomCenter: "bottom",
-    leftStart: "left-start",
-    leftEnd: "left-end",
-    leftCenter: "left"
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-    placement: (_positions$position = positions[position]) !== null && _positions$position !== void 0 ? _positions$position : positions.topCenter,
-    arrow: addArrow || addArrow === undefined ? true : false,
-    componentsProps: {
-      tooltip: {
-        className: classNameTooltip
-      },
-      popper: {
-        disablePortal: true
-      },
-      transition: {
-        timeout: 300
-      }
-    },
-    TransitionComponent: transitionType === "grow" ? _material.Grow : transitionType === "fade" ? _material.Fade : _material.Zoom,
-    enterDelay: 300,
-    followCursor: followCursor !== null && followCursor !== void 0 ? followCursor : false,
-    title: componentTooltip,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-      className: className,
-      children: [" ", children, " "]
-    })
-  }));
-};
-
-exports.Tooltip = Tooltip;