contentoh-components-library 21.4.102 → 21.4.104

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

@@ -1,12 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _variables = require("../../../global-files/variables");
+
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 5px;\n  border-bottom: 1px solid ", ";\n\n  .input-name-header {\n    overflow-x: auto;\n    max-width: 40%;\n    white-space: nowrap;\n    height: 23px;\n    line-height: 23px;\n    text-overflow: initial;\n  }\n  .status-asignation-info {\n    display: flex;\n    align-items: center;\n\n    * + * {\n      margin-left: 5px;\n    }\n  }\n\n  & + * {\n    margin-top: 4px;\n  }\n"])), _variables.GlobalColors.s2);
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 5px;\n  border-bottom: 1px solid ", ";\n\n  .input-name-header {\n    overflow-x: auto;\n    max-width: 40%;\n    white-space: nowrap;\n    height: 23px;\n    line-height: 23px;\n    text-overflow: initial;\n  }\n  .status-asignation-info {\n    display: flex;\n    align-items: center;\n\n    * + * {\n      margin-left: 5px;\n    }\n  }\n\n  & + * {\n    margin-top: 4px;\n  }\n"])), _variables.GlobalColors.s2);
+
+exports.Container = Container;

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

@@ -1,12 +1,19 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TableRowDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _ = require(".");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/molecules/TableRow",
   component: _.TableRow,
   argTypes: {
@@ -18,8 +25,12 @@ var _default = exports.default = {
     }
   }
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TableRow, {
-  ...args
-});
-const TableRowDefault = exports.TableRowDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TableRow, (0, _objectSpread2.default)({}, args));
+};
+
+var TableRowDefault = Template.bind({});
+exports.TableRowDefault = TableRowDefault;
 TableRowDefault.args = {};

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

@@ -4,15 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableRow = void 0;
+
 var _styles = require("./styles");
+
 var _ScreenHeader = require("../../atoms/ScreenHeader");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const TableRow = _ref => {
-  let {
-    feature,
-    value,
-    valueType
-  } = _ref;
+
+var TableRow = function TableRow(_ref) {
+  var feature = _ref.feature,
+      value = _ref.value,
+      valueType = _ref.valueType;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
       headerType: "table-row-text",
@@ -23,4 +25,5 @@ const TableRow = _ref => {
     })]
   });
 };
+
 exports.TableRow = TableRow;

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

package/dist/components/molecules/TabsMenu/TabsMenu.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.TabsSectionDefault = 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/TabsMenu",
   component: _index.TabsMenu
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TabsMenu, {
-  ...args
-});
-const TabsSectionDefault = exports.TabsSectionDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TabsMenu, (0, _objectSpread2.default)({}, args));
+};
+
+var TabsSectionDefault = Template.bind({});
+exports.TabsSectionDefault = TabsSectionDefault;
 TabsSectionDefault.args = {
   tabsSections: {
     Descripción: true,

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

@@ -1,44 +1,76 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TabsMenu = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _styles = require("./styles");
+
 var _TabSection = require("../../atoms/TabSection");
+
 var _react = require("react");
+
 var _Modal = require("../../organisms/Modal");
+
 var _ButtonV = require("../../atoms/ButtonV2");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const TabsMenu = _ref => {
-  let {
-    tabsSections = {},
-    setImagesSection,
-    setActiveTab,
-    activeTab,
-    updatedDescriptions,
-    updatedDatasheets,
-    images,
-    setUpdatedDescriptions,
-    setUpdatedDatasheets,
-    setImages
-  } = _ref;
-  const [sections, setSections] = (0, _react.useState)(tabsSections);
-  const [modal, setModal] = (0, _react.useState)(false);
-  const [cancelAccept, setCancelAccept] = (0, _react.useState)("");
-  const [llave, setLlave] = (0, _react.useState)("");
-  const [objeto, setObjeto] = (0, _react.useState)();
-  const activeSection = function (key) {
-    let array = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    let tempArray = {};
+
+var TabsMenu = function TabsMenu(_ref) {
+  var _ref$tabsSections = _ref.tabsSections,
+      tabsSections = _ref$tabsSections === void 0 ? {} : _ref$tabsSections,
+      setImagesSection = _ref.setImagesSection,
+      setActiveTab = _ref.setActiveTab,
+      activeTab = _ref.activeTab,
+      updatedDescriptions = _ref.updatedDescriptions,
+      updatedDatasheets = _ref.updatedDatasheets,
+      images = _ref.images,
+      setUpdatedDescriptions = _ref.setUpdatedDescriptions,
+      setUpdatedDatasheets = _ref.setUpdatedDatasheets,
+      setImages = _ref.setImages;
+
+  var _useState = (0, _react.useState)(tabsSections),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      sections = _useState2[0],
+      setSections = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      modal = _useState4[0],
+      setModal = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(""),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      cancelAccept = _useState6[0],
+      setCancelAccept = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(""),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      llave = _useState8[0],
+      setLlave = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      objeto = _useState10[0],
+      setObjeto = _useState10[1];
+
+  var activeSection = function activeSection(key) {
+    var array = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var tempArray = {};
     setImagesSection(key === "Imágenes");
-    Object.keys(array).forEach(section => {
+    Object.keys(array).forEach(function (section) {
       tempArray[section] = section === key;
       if (section === key) return setActiveTab(key);
     });
     setSections(tempArray);
   };
-  (0, _react.useEffect)(() => {
+
+  (0, _react.useEffect)(function () {
     if (cancelAccept === "Aceptar" && llave !== "") {
       setCancelAccept("");
       setModal(false);
@@ -51,13 +83,18 @@ const TabsMenu = _ref => {
       setCancelAccept("");
     }
   }, [cancelAccept]);
-  const detectClickFunction = (e, key, sections) => {
+
+  var detectClickFunction = function detectClickFunction(e, key, sections) {
     var _images$values, _images$values$filter;
-    const targetIsTheCurrentTab = e.target.innerHTML === activeTab;
-    const descriptionsWereUpdated = updatedDescriptions.length > 0;
-    const datasheetWereUpdated = updatedDatasheets.length > 0;
-    const imagesWereUpdated = (images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : (_images$values$filter = _images$values.filter(f => !f.id)) === null || _images$values$filter === void 0 ? void 0 : _images$values$filter.length) > 0;
-    const dataWereUpdated = descriptionsWereUpdated || datasheetWereUpdated || imagesWereUpdated;
+
+    var targetIsTheCurrentTab = e.target.innerHTML === activeTab;
+    var descriptionsWereUpdated = updatedDescriptions.length > 0;
+    var datasheetWereUpdated = updatedDatasheets.length > 0;
+    var imagesWereUpdated = (images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : (_images$values$filter = _images$values.filter(function (f) {
+      return !f.id;
+    })) === null || _images$values$filter === void 0 ? void 0 : _images$values$filter.length) > 0;
+    var dataWereUpdated = descriptionsWereUpdated || datasheetWereUpdated || imagesWereUpdated;
+
     if (!targetIsTheCurrentTab && !dataWereUpdated) {
       setLlave(key);
       setObjeto(sections);
@@ -68,6 +105,7 @@ const TabsMenu = _ref => {
       setObjeto(sections);
     }
   };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [activeTab && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
       show: modal,
@@ -77,22 +115,29 @@ const TabsMenu = _ref => {
         type: "white",
         label: "Cancelar",
         size: 12,
-        onClick: () => setCancelAccept("Cancelar")
+        onClick: function onClick() {
+          return setCancelAccept("Cancelar");
+        }
       }, "btn-Cancelar"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
         type: "pink",
         label: "Aceptar",
         size: 12,
-        onClick: () => setCancelAccept("Aceptar")
+        onClick: function onClick() {
+          return setCancelAccept("Aceptar");
+        }
       }, "btn-Aceptar")]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-      children: Object.keys(sections).map((key, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabSection.TabSection, {
-        label: key,
-        active: sections[key],
-        onClick: e => {
-          detectClickFunction(e, key, sections);
-        }
-      }, index))
+      children: Object.keys(sections).map(function (key, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabSection.TabSection, {
+          label: key,
+          active: sections[key],
+          onClick: function onClick(e) {
+            detectClickFunction(e, key, sections);
+          }
+        }, index);
+      })
     })]
   });
 };
+
 exports.TabsMenu = TabsMenu;

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

package/dist/components/molecules/TabsMenuv2/TabsMenuv2.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.TabsMenuv2Default = 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/TabsMenuv2",
   component: _index.TabsMenuv2
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TabsMenuv2, {
-  ...args
-});
-const TabsMenuv2Default = exports.TabsMenuv2Default = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TabsMenuv2, (0, _objectSpread2.default)({}, args));
+};
+
+var TabsMenuv2Default = Template.bind({});
+exports.TabsMenuv2Default = TabsMenuv2Default;
 TabsMenuv2Default.args = {
   tabsSections: {
     Descripción: true,

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

@@ -1,45 +1,77 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TabsMenuv2 = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _styles = require("./styles");
+
 var _react = require("react");
+
 var _Modal = require("../../organisms/Modal");
+
 var _ButtonV = require("../../atoms/ButtonV2");
+
 var _TabSectionv = require("../../atoms/TabSectionv2");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const TabsMenuv2 = _ref => {
-  let {
-    tabsSections = {},
-    setImagesSection,
-    setActiveTab,
-    activeTab,
-    updatedDescriptions,
-    updatedDatasheets,
-    images,
-    setUpdatedDescriptions,
-    setUpdatedDatasheets,
-    setImages,
-    className
-  } = _ref;
-  const [sections, setSections] = (0, _react.useState)(tabsSections);
-  const [modal, setModal] = (0, _react.useState)(false);
-  const [cancelAccept, setCancelAccept] = (0, _react.useState)("");
-  const [llave, setLlave] = (0, _react.useState)("");
-  const [objeto, setObjeto] = (0, _react.useState)();
-  const activeSection = function (key) {
-    let array = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    let tempArray = {};
+
+var TabsMenuv2 = function TabsMenuv2(_ref) {
+  var _ref$tabsSections = _ref.tabsSections,
+      tabsSections = _ref$tabsSections === void 0 ? {} : _ref$tabsSections,
+      setImagesSection = _ref.setImagesSection,
+      setActiveTab = _ref.setActiveTab,
+      activeTab = _ref.activeTab,
+      updatedDescriptions = _ref.updatedDescriptions,
+      updatedDatasheets = _ref.updatedDatasheets,
+      images = _ref.images,
+      setUpdatedDescriptions = _ref.setUpdatedDescriptions,
+      setUpdatedDatasheets = _ref.setUpdatedDatasheets,
+      setImages = _ref.setImages,
+      className = _ref.className;
+
+  var _useState = (0, _react.useState)(tabsSections),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      sections = _useState2[0],
+      setSections = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      modal = _useState4[0],
+      setModal = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(""),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      cancelAccept = _useState6[0],
+      setCancelAccept = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(""),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      llave = _useState8[0],
+      setLlave = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      objeto = _useState10[0],
+      setObjeto = _useState10[1];
+
+  var activeSection = function activeSection(key) {
+    var array = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var tempArray = {};
     setImagesSection(key === "Imágenes");
-    Object.keys(array).forEach(section => {
+    Object.keys(array).forEach(function (section) {
       tempArray[section] = section === key;
       if (section === key) return setActiveTab(key);
     });
     setSections(tempArray);
   };
-  (0, _react.useEffect)(() => {
+
+  (0, _react.useEffect)(function () {
     if (cancelAccept === "Aceptar" && llave !== "") {
       setCancelAccept("");
       setModal(false);
@@ -52,13 +84,18 @@ const TabsMenuv2 = _ref => {
       setCancelAccept("");
     }
   }, [cancelAccept]);
-  const detectClickFunction = (e, key, sections) => {
+
+  var detectClickFunction = function detectClickFunction(e, key, sections) {
     var _images$values, _images$values$filter;
-    const targetIsTheCurrentTab = e.target.innerHTML === activeTab;
-    const descriptionsWereUpdated = updatedDescriptions.length > 0;
-    const datasheetWereUpdated = updatedDatasheets.length > 0;
-    const imagesWereUpdated = (images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : (_images$values$filter = _images$values.filter(f => !f.id)) === null || _images$values$filter === void 0 ? void 0 : _images$values$filter.length) > 0;
-    const dataWereUpdated = descriptionsWereUpdated || datasheetWereUpdated || imagesWereUpdated;
+
+    var targetIsTheCurrentTab = e.target.innerHTML === activeTab;
+    var descriptionsWereUpdated = updatedDescriptions.length > 0;
+    var datasheetWereUpdated = updatedDatasheets.length > 0;
+    var imagesWereUpdated = (images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : (_images$values$filter = _images$values.filter(function (f) {
+      return !f.id;
+    })) === null || _images$values$filter === void 0 ? void 0 : _images$values$filter.length) > 0;
+    var dataWereUpdated = descriptionsWereUpdated || datasheetWereUpdated || imagesWereUpdated;
+
     if (!targetIsTheCurrentTab && !dataWereUpdated) {
       setLlave(key);
       setObjeto(sections);
@@ -69,6 +106,7 @@ const TabsMenuv2 = _ref => {
       setObjeto(sections);
     }
   };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [activeTab && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
       show: modal,
@@ -78,23 +116,30 @@ const TabsMenuv2 = _ref => {
         type: "white",
         label: "Cancelar",
         size: 12,
-        onClick: () => setCancelAccept("Cancelar")
+        onClick: function onClick() {
+          return setCancelAccept("Cancelar");
+        }
       }, "btn-Cancelar"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
         type: "pink",
         label: "Aceptar",
         size: 12,
-        onClick: () => setCancelAccept("Aceptar")
+        onClick: function onClick() {
+          return setCancelAccept("Aceptar");
+        }
       }, "btn-Aceptar")]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-      children: Object.keys(sections).map((key, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabSectionv.TabSectionv2, {
-        label: key,
-        className: "tab ".concat(className),
-        active: sections[key],
-        onClick: e => {
-          detectClickFunction(e, key, sections);
-        }
-      }, index))
+      children: Object.keys(sections).map(function (key, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabSectionv.TabSectionv2, {
+          label: key,
+          className: "tab ".concat(className),
+          active: sections[key],
+          onClick: function onClick(e) {
+            detectClickFunction(e, key, sections);
+          }
+        }, index);
+      })
     })]
   });
 };
+
 exports.TabsMenuv2 = TabsMenuv2;

package/dist/components/molecules/TabsMenuv2/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  height: 34px;\n  align-items: center;\n  div {\n    font-family: Raleway-500;\n    color: #262626;\n    font-size: 12px;\n    line-height: 21px;\n    border-bottom: none;\n    width: 104px;\n    padding-bottom: 0px;\n    -webkit-transition: 0.1s all;\n    transition: 0.1s all;\n    cursor: pointer;\n  }\n"])));
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  height: 34px;\n  align-items: center;\n  div {\n    font-family: Raleway-500;\n    color: #262626;\n    font-size: 12px;\n    line-height: 21px;\n    border-bottom: none;\n    width: 104px;\n    padding-bottom: 0px;\n    -webkit-transition: 0.1s all;\n    transition: 0.1s all;\n    cursor: pointer;\n  }\n"])));
+
+exports.Container = Container;

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

@@ -1,26 +1,38 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TextAreaType = exports.InputType = 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/TagAndInput",
   component: _index.TagAndInput
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TagAndInput, {
-  ...args
-});
-const InputType = exports.InputType = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TagAndInput, (0, _objectSpread2.default)({}, args));
+};
+
+var InputType = Template.bind({});
+exports.InputType = InputType;
 InputType.args = {
   label: "Default text label",
   inputType: "text",
   value: "default text",
   inputPlaceHolder: "default placeholder"
 };
-const TextAreaType = exports.TextAreaType = Template.bind({});
+var TextAreaType = Template.bind({});
+exports.TextAreaType = TextAreaType;
 TextAreaType.args = {
   label: "Default textarea label",
   inputType: "textarea",