design-zystem 1.0.193 → 1.0.194

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.js +13 -2
  2. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -191,7 +191,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
191
191
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
192
192
 
193
193
  "use strict";
194
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ IconTabs: () => (/* binding */ IconTabs),\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ \"./node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var _Icon_Icon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Icon/Icon */ \"./src/Components/Icon/Icon.jsx\");\n/* harmony import */ var _Text_Text__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Text/Text */ \"./src/Components/Text/Text.jsx\");\n/* harmony import */ var _data_colors__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../data/colors */ \"./src/data/colors.js\");\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\nfunction _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }\n\n\n\n\n\nvar TabsContainer = styled_components__WEBPACK_IMPORTED_MODULE_4__[\"default\"].div(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n display: flex;\\n flex-direction: column;\\n align-items: stretch;\\n\"])));\nvar IconsRow = styled_components__WEBPACK_IMPORTED_MODULE_4__[\"default\"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n display: flex;\\n justify-content: space-around;\\n align-items: center;\\n padding: 4px;\\n background-color: \", \";\\n position: relative;\\n margin: 0 0 0.5em 0;\\n border-radius: 5px;\\n font-size: 0.8em;\\n\"])), _data_colors__WEBPACK_IMPORTED_MODULE_3__.colors.grey_100);\nvar Tab = styled_components__WEBPACK_IMPORTED_MODULE_4__[\"default\"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"\\n margin: 5px;\\n cursor: pointer;\\n transition: color 0.3s ease, background-color 0.3s ease;\\n font-weight: 500;\\n position: relative;\\n z-index: 1;\\n border-radius: 12px;\\n padding: 8px 16px;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n \", \"\\n \", \"\\n\"])), function (_ref) {\n var selected = _ref.selected;\n return selected && (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([\"\\n color: #fff;\\n \"])));\n}, function (_ref2) {\n var disabled = _ref2.disabled;\n return disabled && (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([\"\\n opacity: 0.5;\\n pointer-events: none;\\n cursor: not-allowed;\\n \"])));\n});\nvar TabSlider = styled_components__WEBPACK_IMPORTED_MODULE_4__[\"default\"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([\"\\n margin: 5px 0;\\n position: absolute;\\n height: calc(100% - 10px);\\n top: 0;\\n left: 0;\\n transition: transform 0.3s ease, width 0.3s ease;\\n z-index: 0;\\n border-radius: 5px;\\n\"])));\nvar IconTabs = function IconTabs(_ref3) {\n var _items$selectedTab;\n var items = _ref3.items,\n _ref3$selectedColor = _ref3.selectedColor,\n selectedColor = _ref3$selectedColor === void 0 ? \"blue_50\" : _ref3$selectedColor,\n onTabChange = _ref3.onTabChange,\n _ref3$disabledTabs = _ref3.disabledTabs,\n disabledTabs = _ref3$disabledTabs === void 0 ? [] : _ref3$disabledTabs,\n _ref3$defaultTabIndex = _ref3.defaultTabIndex,\n defaultTabIndex = _ref3$defaultTabIndex === void 0 ? 0 : _ref3$defaultTabIndex;\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(defaultTabIndex),\n _useState2 = _slicedToArray(_useState, 2),\n selectedTab = _useState2[0],\n setSelectedTab = _useState2[1];\n var sliderRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n var tabRefs = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)([]);\n var handleTabClick = function handleTabClick(index) {\n setSelectedTab(index);\n if (onTabChange) {\n onTabChange(index);\n }\n };\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n if (sliderRef.current && tabRefs.current[selectedTab]) {\n var selectedTabRect = tabRefs.current[selectedTab].getBoundingClientRect();\n var parentRect = tabRefs.current[selectedTab].parentElement.getBoundingClientRect();\n sliderRef.current.style.width = \"\".concat(selectedTabRect.width, \"px\");\n sliderRef.current.style.transform = \"translateX(\".concat(selectedTabRect.left - parentRect.left, \"px)\");\n sliderRef.current.style.backgroundColor = _data_colors__WEBPACK_IMPORTED_MODULE_3__.colors[selectedColor];\n }\n }, [selectedTab, selectedColor]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TabsContainer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(IconsRow, null, items.map(function (item, index) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Tab, {\n key: index,\n selected: selectedTab === index,\n disabled: disabledTabs.includes(index),\n onClick: function onClick() {\n return !disabledTabs.includes(index) && handleTabClick(index);\n },\n ref: function ref(el) {\n return tabRefs.current[index] = el;\n }\n }, item.icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__.Icon, {\n name: item.icon,\n size: \"s\",\n color: selectedTab === index ? \"blue_950\" : \"grey_300\",\n family: \"regular\"\n }));\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TabSlider, {\n ref: sliderRef\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Text_Text__WEBPACK_IMPORTED_MODULE_2__.Text, {\n align: \"center\",\n size: \"xs\"\n }, (_items$selectedTab = items[selectedTab]) === null || _items$selectedTab === void 0 ? void 0 : _items$selectedTab.label));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (IconTabs);\n\n//# sourceURL=webpack://YourLibraryName/./src/Components/IconTabs/IconTabs.jsx?");
194
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ IconTabs: () => (/* binding */ IconTabs),\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ \"./node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var _Icon_Icon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Icon/Icon */ \"./src/Components/Icon/Icon.jsx\");\n/* harmony import */ var _Text_Text__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Text/Text */ \"./src/Components/Text/Text.jsx\");\n/* harmony import */ var _data_colors__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../data/colors */ \"./src/data/colors.js\");\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\nfunction _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }\n\n\n\n\n\nvar TabsContainer = styled_components__WEBPACK_IMPORTED_MODULE_4__[\"default\"].div(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n display: flex;\\n flex-direction: column;\\n align-items: stretch;\\n\"])));\nvar IconsRow = styled_components__WEBPACK_IMPORTED_MODULE_4__[\"default\"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n display: flex;\\n justify-content: space-around;\\n align-items: center;\\n padding: 4px;\\n background-color: \", \";\\n position: relative;\\n margin: 0 0 0.5em 0;\\n border-radius: 5px;\\n font-size: 0.8em;\\n\"])), _data_colors__WEBPACK_IMPORTED_MODULE_3__.colors.grey_100);\nvar Tab = styled_components__WEBPACK_IMPORTED_MODULE_4__[\"default\"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"\\n margin: 5px;\\n cursor: pointer;\\n transition: color 0.3s ease, background-color 0.3s ease;\\n font-weight: 500;\\n position: relative;\\n z-index: 1;\\n border-radius: 12px;\\n padding: 8px 16px;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n \", \"\\n \", \"\\n\"])), function (_ref) {\n var selected = _ref.selected;\n return selected && (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([\"\\n color: #fff;\\n \"])));\n}, function (_ref2) {\n var disabled = _ref2.disabled;\n return disabled && (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([\"\\n opacity: 0.5;\\n pointer-events: none;\\n cursor: not-allowed;\\n \"])));\n});\nvar TabSlider = styled_components__WEBPACK_IMPORTED_MODULE_4__[\"default\"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([\"\\n margin: 5px 0;\\n position: absolute;\\n height: calc(100% - 10px);\\n top: 0;\\n left: 0;\\n transition: transform 0.3s ease, width 0.3s ease;\\n z-index: 0;\\n border-radius: 5px;\\n\"])));\nvar IconTabs = function IconTabs(_ref3) {\n var _items$selectedTab;\n var items = _ref3.items,\n _ref3$selectedColor = _ref3.selectedColor,\n selectedColor = _ref3$selectedColor === void 0 ? \"blue_50\" : _ref3$selectedColor,\n onTabChange = _ref3.onTabChange,\n _ref3$disabledTabs = _ref3.disabledTabs,\n disabledTabs = _ref3$disabledTabs === void 0 ? [] : _ref3$disabledTabs,\n _ref3$defaultTabIndex = _ref3.defaultTabIndex,\n defaultTabIndex = _ref3$defaultTabIndex === void 0 ? 0 : _ref3$defaultTabIndex;\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(defaultTabIndex),\n _useState2 = _slicedToArray(_useState, 2),\n selectedTab = _useState2[0],\n setSelectedTab = _useState2[1];\n var sliderRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n var tabRefs = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)([]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n if (defaultTabIndex >= 0 && defaultTabIndex !== selectedTab) {\n setSelectedTab(defaultTabIndex);\n }\n }, [defaultTabIndex, selectedTab]);\n var handleTabClick = function handleTabClick(index) {\n setSelectedTab(index);\n if (onTabChange) {\n onTabChange(index);\n }\n };\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n if (sliderRef.current && tabRefs.current[selectedTab]) {\n var selectedTabRect = tabRefs.current[selectedTab].getBoundingClientRect();\n var parentRect = tabRefs.current[selectedTab].parentElement.getBoundingClientRect();\n sliderRef.current.style.width = \"\".concat(selectedTabRect.width, \"px\");\n sliderRef.current.style.transform = \"translateX(\".concat(selectedTabRect.left - parentRect.left, \"px)\");\n sliderRef.current.style.backgroundColor = _data_colors__WEBPACK_IMPORTED_MODULE_3__.colors[selectedColor];\n }\n }, [selectedTab, selectedColor]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TabsContainer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(IconsRow, null, items.map(function (item, index) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Tab, {\n key: index,\n selected: selectedTab === index,\n disabled: disabledTabs.includes(index),\n onClick: function onClick() {\n return !disabledTabs.includes(index) && handleTabClick(index);\n },\n ref: function ref(el) {\n return tabRefs.current[index] = el;\n }\n }, item.icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_Icon__WEBPACK_IMPORTED_MODULE_1__.Icon, {\n name: item.icon,\n size: \"s\",\n color: selectedTab === index ? \"blue_950\" : \"grey_500\",\n family: \"regular\"\n }));\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TabSlider, {\n ref: sliderRef\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Text_Text__WEBPACK_IMPORTED_MODULE_2__.Text, {\n align: \"center\",\n size: \"xs\"\n }, (_items$selectedTab = items[selectedTab]) === null || _items$selectedTab === void 0 ? void 0 : _items$selectedTab.label));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (IconTabs);\n\n//# sourceURL=webpack://YourLibraryName/./src/Components/IconTabs/IconTabs.jsx?");
195
195
 
196
196
  /***/ }),
197
197
 
@@ -316,6 +316,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
316
316
 
317
317
  /***/ }),
318
318
 
319
+ /***/ "./src/Components/Popover/Popover.jsx":
320
+ /*!********************************************!*\
321
+ !*** ./src/Components/Popover/Popover.jsx ***!
322
+ \********************************************/
323
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
324
+
325
+ "use strict";
326
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Popover: () => (/* binding */ Popover),\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ \"./node_modules/styled-components/dist/styled-components.browser.esm.js\");\nvar _templateObject, _templateObject2, _templateObject3, _templateObject4;\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\nfunction _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }\n\n\n\nvar PopoverWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2__[\"default\"].div(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n position: relative;\\n display: inline-block;\\n\"])));\nvar PopoverTrigger = styled_components__WEBPACK_IMPORTED_MODULE_2__[\"default\"].span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n cursor: pointer;\\n\"])));\nvar PopoverMenu = styled_components__WEBPACK_IMPORTED_MODULE_2__[\"default\"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([\"\\n position: fixed;\\n background: #fff;\\n border: 1px solid #eee;\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\\n border-radius: 6px;\\n z-index: 99999;\\n min-width: 140px;\\n padding: 4px;\\n\"])));\nvar PopoverItem = styled_components__WEBPACK_IMPORTED_MODULE_2__[\"default\"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([\"\\n padding: 8px 12px;\\n cursor: pointer;\\n border-radius: 4px;\\n font-size: 14px;\\n font-weight: 500;\\n color: #222;\\n transition: background 0.15s;\\n border-bottom: \", \";\\n\\n &:hover {\\n background: #f5f5f5;\\n }\\n\"])), function (_ref) {\n var isLast = _ref.isLast;\n return isLast ? \"none\" : \"1px solid #f0f0f0\";\n});\nvar Popover = function Popover(_ref2) {\n var _ref2$items = _ref2.items,\n items = _ref2$items === void 0 ? [] : _ref2$items,\n children = _ref2.children;\n var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),\n _useState2 = _slicedToArray(_useState, 2),\n open = _useState2[0],\n setOpen = _useState2[1];\n var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();\n var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n top: 0,\n left: 0\n }),\n _useState4 = _slicedToArray(_useState3, 2),\n menuPosition = _useState4[0],\n setMenuPosition = _useState4[1];\n var updatePosition = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {\n if (!ref.current) {\n return;\n }\n var rect = ref.current.getBoundingClientRect();\n setMenuPosition({\n top: rect.bottom + 6,\n left: rect.right\n });\n }, []);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {\n var handleClickOutside = function handleClickOutside(event) {\n if (ref.current && !ref.current.contains(event.target)) {\n setOpen(false);\n }\n };\n if (open) {\n updatePosition();\n window.addEventListener(\"scroll\", updatePosition, true);\n window.addEventListener(\"resize\", updatePosition);\n document.addEventListener(\"mousedown\", handleClickOutside);\n }\n return function () {\n window.removeEventListener(\"scroll\", updatePosition, true);\n window.removeEventListener(\"resize\", updatePosition);\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [open, updatePosition]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverWrapper, {\n ref: ref\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverTrigger, {\n onClick: function onClick() {\n return setOpen(function (o) {\n return !o;\n });\n }\n }, children), open && /*#__PURE__*/(0,react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal)(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverMenu, {\n style: {\n top: menuPosition.top,\n left: menuPosition.left,\n transform: \"translateX(-100%)\"\n }\n }, items.map(function (item, idx) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverItem, {\n key: item.label,\n isLast: idx === items.length - 1,\n onClick: function onClick() {\n setOpen(false);\n item.action();\n },\n onMouseDown: function onMouseDown(e) {\n return e.preventDefault();\n }\n }, item.label);\n })), document.body));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Popover);\n\n//# sourceURL=webpack://YourLibraryName/./src/Components/Popover/Popover.jsx?");
327
+
328
+ /***/ }),
329
+
319
330
  /***/ "./src/Components/Radio/Radio.jsx":
320
331
  /*!****************************************!*\
321
332
  !*** ./src/Components/Radio/Radio.jsx ***!
@@ -543,7 +554,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
543
554
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
544
555
 
545
556
  "use strict";
546
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Box: () => (/* reexport safe */ _Components_Box_Box__WEBPACK_IMPORTED_MODULE_1__.Box),\n/* harmony export */ Bubble: () => (/* reexport safe */ _Components_Bubble_Bubble__WEBPACK_IMPORTED_MODULE_11__.Bubble),\n/* harmony export */ Bulk: () => (/* reexport safe */ _Components_Bulk_Bulk__WEBPACK_IMPORTED_MODULE_5__.Bulk),\n/* harmony export */ Button: () => (/* reexport safe */ _Components_Button_Button__WEBPACK_IMPORTED_MODULE_15__.Button),\n/* harmony export */ CardSkeleton: () => (/* reexport safe */ _Components_CardSkeleton_CardSkeleton__WEBPACK_IMPORTED_MODULE_34__.CardSkeleton),\n/* harmony export */ Checkbox: () => (/* reexport safe */ _Components_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_18__.Checkbox),\n/* harmony export */ Col: () => (/* reexport safe */ _Components_Col_Col__WEBPACK_IMPORTED_MODULE_4__.Col),\n/* harmony export */ DatePicker: () => (/* reexport safe */ _Components_DatePicker_DatePicker__WEBPACK_IMPORTED_MODULE_40__.DatePicker),\n/* harmony export */ Divider: () => (/* reexport safe */ _Components_Divider_Divider__WEBPACK_IMPORTED_MODULE_6__.Divider),\n/* harmony export */ Drawer: () => (/* reexport safe */ _Components_Drawer_Drawer__WEBPACK_IMPORTED_MODULE_10__.Drawer),\n/* harmony export */ Grid: () => (/* reexport safe */ _Components_Grid_Grid__WEBPACK_IMPORTED_MODULE_2__.Grid),\n/* harmony export */ Icon: () => (/* reexport safe */ _Components_Icon_Icon__WEBPACK_IMPORTED_MODULE_12__.Icon),\n/* harmony export */ IconTabs: () => (/* reexport safe */ _Components_IconTabs_IconTabs__WEBPACK_IMPORTED_MODULE_41__.IconTabs),\n/* harmony export */ Image: () => (/* reexport safe */ _Components_Image_Image__WEBPACK_IMPORTED_MODULE_38__.Image),\n/* harmony export */ Input: () => (/* reexport safe */ _Components_Input_Input__WEBPACK_IMPORTED_MODULE_17__.Input),\n/* harmony export */ Link: () => (/* reexport safe */ _Components_Link_Link__WEBPACK_IMPORTED_MODULE_14__.Link),\n/* harmony export */ List: () => (/* reexport safe */ _Components_List_List__WEBPACK_IMPORTED_MODULE_20__.List),\n/* harmony export */ ListItem: () => (/* reexport safe */ _Components_List_ListItem_ListItem__WEBPACK_IMPORTED_MODULE_21__.ListItem),\n/* harmony export */ Modal: () => (/* reexport safe */ _Components_Modal_Modal__WEBPACK_IMPORTED_MODULE_8__.Modal),\n/* harmony export */ ModalConfirmation: () => (/* reexport safe */ _Components_ModalConfirmation_ModalConfirmation__WEBPACK_IMPORTED_MODULE_7__.ModalConfirmation),\n/* harmony export */ MultiSelect: () => (/* reexport safe */ _Components_MultiSelect_MultiSelect__WEBPACK_IMPORTED_MODULE_39__.MultiSelect),\n/* harmony export */ NewModal: () => (/* reexport safe */ _Components_NewModal_NewModal__WEBPACK_IMPORTED_MODULE_9__.NewModal),\n/* harmony export */ Options: () => (/* reexport safe */ _Components_Options_Options__WEBPACK_IMPORTED_MODULE_35__.Options),\n/* harmony export */ PageContainer: () => (/* reexport safe */ _Components_PageContainer_PageContainer__WEBPACK_IMPORTED_MODULE_0__.PageContainer),\n/* harmony export */ Radio: () => (/* reexport safe */ _Components_Radio_Radio__WEBPACK_IMPORTED_MODULE_19__.Radio),\n/* harmony export */ Row: () => (/* reexport safe */ _Components_Row_Row__WEBPACK_IMPORTED_MODULE_3__.Row),\n/* harmony export */ Select: () => (/* reexport safe */ _Components_Select_Select__WEBPACK_IMPORTED_MODULE_16__.Select),\n/* harmony export */ SkeletonRow: () => (/* reexport safe */ _Components_Table_SkeletonRow_SkeletonRow__WEBPACK_IMPORTED_MODULE_32__.SkeletonRow),\n/* harmony export */ Stepper: () => (/* reexport safe */ _Components_Stepper_Stepper__WEBPACK_IMPORTED_MODULE_36__.Stepper),\n/* harmony export */ Switch: () => (/* reexport safe */ _Components_Switch_Switch__WEBPACK_IMPORTED_MODULE_33__.Switch),\n/* harmony export */ Table: () => (/* reexport safe */ _Components_Table_Table__WEBPACK_IMPORTED_MODULE_22__.Table),\n/* harmony export */ TableBody: () => (/* reexport safe */ _Components_Table_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_24__.TableBody),\n/* harmony export */ TableCell: () => (/* reexport safe */ _Components_Table_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_26__.TableCell),\n/* harmony export */ TableFooter: () => (/* reexport safe */ _Components_Table_TableFooter_TableFooter__WEBPACK_IMPORTED_MODULE_29__.TableFooter),\n/* harmony export */ TableFooterCell: () => (/* reexport safe */ _Components_Table_TableFooterCell_TableFooterCell__WEBPACK_IMPORTED_MODULE_31__.TableFooterCell),\n/* harmony export */ TableFooterRow: () => (/* reexport safe */ _Components_Table_TableFooterRow_TableFooterRow__WEBPACK_IMPORTED_MODULE_30__.TableFooterRow),\n/* harmony export */ TableHeader: () => (/* reexport safe */ _Components_Table_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_23__.TableHeader),\n/* harmony export */ TableHeaderCell: () => (/* reexport safe */ _Components_Table_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_27__.TableHeaderCell),\n/* harmony export */ TableHeaderRow: () => (/* reexport safe */ _Components_Table_TableHeaderRow_TableHeaderRow__WEBPACK_IMPORTED_MODULE_28__.TableHeaderRow),\n/* harmony export */ TableRow: () => (/* reexport safe */ _Components_Table_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_25__.TableRow),\n/* harmony export */ Tabs: () => (/* reexport safe */ _Components_Tabs_Tabs__WEBPACK_IMPORTED_MODULE_37__.Tabs),\n/* harmony export */ Text: () => (/* reexport safe */ _Components_Text_Text__WEBPACK_IMPORTED_MODULE_13__.Text),\n/* harmony export */ colors: () => (/* reexport safe */ _data_colors__WEBPACK_IMPORTED_MODULE_43__.colors),\n/* harmony export */ formatDate: () => (/* reexport safe */ _data_globalMethods__WEBPACK_IMPORTED_MODULE_42__.formatDate),\n/* harmony export */ formatDistance: () => (/* reexport safe */ _data_globalMethods__WEBPACK_IMPORTED_MODULE_42__.formatDistance),\n/* harmony export */ formatDuration: () => (/* reexport safe */ _data_globalMethods__WEBPACK_IMPORTED_MODULE_42__.formatDuration),\n/* harmony export */ truncateFileName: () => (/* reexport safe */ _data_globalMethods__WEBPACK_IMPORTED_MODULE_42__.truncateFileName),\n/* harmony export */ truncateText: () => (/* reexport safe */ _data_globalMethods__WEBPACK_IMPORTED_MODULE_42__.truncateText)\n/* harmony export */ });\n/* harmony import */ var _Components_PageContainer_PageContainer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Components/PageContainer/PageContainer */ \"./src/Components/PageContainer/PageContainer.jsx\");\n/* harmony import */ var _Components_Box_Box__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Components/Box/Box */ \"./src/Components/Box/Box.jsx\");\n/* harmony import */ var _Components_Grid_Grid__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Components/Grid/Grid */ \"./src/Components/Grid/Grid.jsx\");\n/* harmony import */ var _Components_Row_Row__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Components/Row/Row */ \"./src/Components/Row/Row.jsx\");\n/* harmony import */ var _Components_Col_Col__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Components/Col/Col */ \"./src/Components/Col/Col.jsx\");\n/* harmony import */ var _Components_Bulk_Bulk__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Components/Bulk/Bulk */ \"./src/Components/Bulk/Bulk.jsx\");\n/* harmony import */ var _Components_Divider_Divider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Components/Divider/Divider */ \"./src/Components/Divider/Divider.jsx\");\n/* harmony import */ var _Components_ModalConfirmation_ModalConfirmation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Components/ModalConfirmation/ModalConfirmation */ \"./src/Components/ModalConfirmation/ModalConfirmation.jsx\");\n/* harmony import */ var _Components_Modal_Modal__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Components/Modal/Modal */ \"./src/Components/Modal/Modal.jsx\");\n/* harmony import */ var _Components_NewModal_NewModal__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Components/NewModal/NewModal */ \"./src/Components/NewModal/NewModal.jsx\");\n/* harmony import */ var _Components_Drawer_Drawer__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Components/Drawer/Drawer */ \"./src/Components/Drawer/Drawer.jsx\");\n/* harmony import */ var _Components_Bubble_Bubble__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Components/Bubble/Bubble */ \"./src/Components/Bubble/Bubble.jsx\");\n/* harmony import */ var _Components_Icon_Icon__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Components/Icon/Icon */ \"./src/Components/Icon/Icon.jsx\");\n/* harmony import */ var _Components_Text_Text__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./Components/Text/Text */ \"./src/Components/Text/Text.jsx\");\n/* harmony import */ var _Components_Link_Link__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./Components/Link/Link */ \"./src/Components/Link/Link.jsx\");\n/* harmony import */ var _Components_Button_Button__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./Components/Button/Button */ \"./src/Components/Button/Button.jsx\");\n/* harmony import */ var _Components_Select_Select__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Components/Select/Select */ \"./src/Components/Select/Select.jsx\");\n/* harmony import */ var _Components_Input_Input__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./Components/Input/Input */ \"./src/Components/Input/Input.jsx\");\n/* harmony import */ var _Components_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./Components/Checkbox/Checkbox */ \"./src/Components/Checkbox/Checkbox.jsx\");\n/* harmony import */ var _Components_Radio_Radio__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./Components/Radio/Radio */ \"./src/Components/Radio/Radio.jsx\");\n/* harmony import */ var _Components_List_List__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./Components/List/List */ \"./src/Components/List/List.jsx\");\n/* harmony import */ var _Components_List_ListItem_ListItem__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./Components/List/ListItem/ListItem */ \"./src/Components/List/ListItem/ListItem.jsx\");\n/* harmony import */ var _Components_Table_Table__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./Components/Table/Table */ \"./src/Components/Table/Table.jsx\");\n/* harmony import */ var _Components_Table_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./Components/Table/TableHeader/TableHeader */ \"./src/Components/Table/TableHeader/TableHeader.jsx\");\n/* harmony import */ var _Components_Table_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./Components/Table/TableBody/TableBody */ \"./src/Components/Table/TableBody/TableBody.jsx\");\n/* harmony import */ var _Components_Table_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./Components/Table/TableRow/TableRow */ \"./src/Components/Table/TableRow/TableRow.jsx\");\n/* harmony import */ var _Components_Table_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./Components/Table/TableCell/TableCell */ \"./src/Components/Table/TableCell/TableCell.jsx\");\n/* harmony import */ var _Components_Table_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./Components/Table/TableHeaderCell/TableHeaderCell */ \"./src/Components/Table/TableHeaderCell/TableHeaderCell.jsx\");\n/* harmony import */ var _Components_Table_TableHeaderRow_TableHeaderRow__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./Components/Table/TableHeaderRow/TableHeaderRow */ \"./src/Components/Table/TableHeaderRow/TableHeaderRow.jsx\");\n/* harmony import */ var _Components_Table_TableFooter_TableFooter__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./Components/Table/TableFooter/TableFooter */ \"./src/Components/Table/TableFooter/TableFooter.jsx\");\n/* harmony import */ var _Components_Table_TableFooterRow_TableFooterRow__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./Components/Table/TableFooterRow/TableFooterRow */ \"./src/Components/Table/TableFooterRow/TableFooterRow.jsx\");\n/* harmony import */ var _Components_Table_TableFooterCell_TableFooterCell__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./Components/Table/TableFooterCell/TableFooterCell */ \"./src/Components/Table/TableFooterCell/TableFooterCell.jsx\");\n/* harmony import */ var _Components_Table_SkeletonRow_SkeletonRow__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./Components/Table/SkeletonRow/SkeletonRow */ \"./src/Components/Table/SkeletonRow/SkeletonRow.jsx\");\n/* harmony import */ var _Components_Switch_Switch__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./Components/Switch/Switch */ \"./src/Components/Switch/Switch.jsx\");\n/* harmony import */ var _Components_CardSkeleton_CardSkeleton__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./Components/CardSkeleton/CardSkeleton */ \"./src/Components/CardSkeleton/CardSkeleton.jsx\");\n/* harmony import */ var _Components_Options_Options__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./Components/Options/Options */ \"./src/Components/Options/Options.jsx\");\n/* harmony import */ var _Components_Stepper_Stepper__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./Components/Stepper/Stepper */ \"./src/Components/Stepper/Stepper.jsx\");\n/* harmony import */ var _Components_Tabs_Tabs__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./Components/Tabs/Tabs */ \"./src/Components/Tabs/Tabs.jsx\");\n/* harmony import */ var _Components_Image_Image__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./Components/Image/Image */ \"./src/Components/Image/Image.jsx\");\n/* harmony import */ var _Components_MultiSelect_MultiSelect__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./Components/MultiSelect/MultiSelect */ \"./src/Components/MultiSelect/MultiSelect.jsx\");\n/* harmony import */ var _Components_DatePicker_DatePicker__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./Components/DatePicker/DatePicker */ \"./src/Components/DatePicker/DatePicker.jsx\");\n/* harmony import */ var _Components_IconTabs_IconTabs__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./Components/IconTabs/IconTabs */ \"./src/Components/IconTabs/IconTabs.jsx\");\n/* harmony import */ var _data_globalMethods__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./data/globalMethods */ \"./src/data/globalMethods.js\");\n/* harmony import */ var _data_colors__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./data/colors */ \"./src/data/colors.js\");\n// LAYOUT\n\n\n\n\n\n\n\n\n// MODALS\n\n\n\n\n\n// TEXTS & LINKS\n\n\n\n\n\n//INPUTS\n\n\n\n\n\n\n// LIST\n\n\n\n// TABLE\n\n\n\n\n\n\n\n\n\n\n\n\n\n// OPTIONS\n\n\n\n\n\n\n\n\n// GLOBAL METHODS\n\n\n\n//# sourceURL=webpack://YourLibraryName/./src/index.jsx?");
557
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Box: () => (/* reexport safe */ _Components_Box_Box__WEBPACK_IMPORTED_MODULE_1__.Box),\n/* harmony export */ Bubble: () => (/* reexport safe */ _Components_Bubble_Bubble__WEBPACK_IMPORTED_MODULE_11__.Bubble),\n/* harmony export */ Bulk: () => (/* reexport safe */ _Components_Bulk_Bulk__WEBPACK_IMPORTED_MODULE_5__.Bulk),\n/* harmony export */ Button: () => (/* reexport safe */ _Components_Button_Button__WEBPACK_IMPORTED_MODULE_15__.Button),\n/* harmony export */ CardSkeleton: () => (/* reexport safe */ _Components_CardSkeleton_CardSkeleton__WEBPACK_IMPORTED_MODULE_34__.CardSkeleton),\n/* harmony export */ Checkbox: () => (/* reexport safe */ _Components_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_18__.Checkbox),\n/* harmony export */ Col: () => (/* reexport safe */ _Components_Col_Col__WEBPACK_IMPORTED_MODULE_4__.Col),\n/* harmony export */ DatePicker: () => (/* reexport safe */ _Components_DatePicker_DatePicker__WEBPACK_IMPORTED_MODULE_40__.DatePicker),\n/* harmony export */ Divider: () => (/* reexport safe */ _Components_Divider_Divider__WEBPACK_IMPORTED_MODULE_6__.Divider),\n/* harmony export */ Drawer: () => (/* reexport safe */ _Components_Drawer_Drawer__WEBPACK_IMPORTED_MODULE_10__.Drawer),\n/* harmony export */ Grid: () => (/* reexport safe */ _Components_Grid_Grid__WEBPACK_IMPORTED_MODULE_2__.Grid),\n/* harmony export */ Icon: () => (/* reexport safe */ _Components_Icon_Icon__WEBPACK_IMPORTED_MODULE_12__.Icon),\n/* harmony export */ IconTabs: () => (/* reexport safe */ _Components_IconTabs_IconTabs__WEBPACK_IMPORTED_MODULE_41__.IconTabs),\n/* harmony export */ Image: () => (/* reexport safe */ _Components_Image_Image__WEBPACK_IMPORTED_MODULE_38__.Image),\n/* harmony export */ Input: () => (/* reexport safe */ _Components_Input_Input__WEBPACK_IMPORTED_MODULE_17__.Input),\n/* harmony export */ Link: () => (/* reexport safe */ _Components_Link_Link__WEBPACK_IMPORTED_MODULE_14__.Link),\n/* harmony export */ List: () => (/* reexport safe */ _Components_List_List__WEBPACK_IMPORTED_MODULE_20__.List),\n/* harmony export */ ListItem: () => (/* reexport safe */ _Components_List_ListItem_ListItem__WEBPACK_IMPORTED_MODULE_21__.ListItem),\n/* harmony export */ Modal: () => (/* reexport safe */ _Components_Modal_Modal__WEBPACK_IMPORTED_MODULE_8__.Modal),\n/* harmony export */ ModalConfirmation: () => (/* reexport safe */ _Components_ModalConfirmation_ModalConfirmation__WEBPACK_IMPORTED_MODULE_7__.ModalConfirmation),\n/* harmony export */ MultiSelect: () => (/* reexport safe */ _Components_MultiSelect_MultiSelect__WEBPACK_IMPORTED_MODULE_39__.MultiSelect),\n/* harmony export */ NewModal: () => (/* reexport safe */ _Components_NewModal_NewModal__WEBPACK_IMPORTED_MODULE_9__.NewModal),\n/* harmony export */ Options: () => (/* reexport safe */ _Components_Options_Options__WEBPACK_IMPORTED_MODULE_35__.Options),\n/* harmony export */ PageContainer: () => (/* reexport safe */ _Components_PageContainer_PageContainer__WEBPACK_IMPORTED_MODULE_0__.PageContainer),\n/* harmony export */ Popover: () => (/* reexport safe */ _Components_Popover_Popover__WEBPACK_IMPORTED_MODULE_42__.Popover),\n/* harmony export */ Radio: () => (/* reexport safe */ _Components_Radio_Radio__WEBPACK_IMPORTED_MODULE_19__.Radio),\n/* harmony export */ Row: () => (/* reexport safe */ _Components_Row_Row__WEBPACK_IMPORTED_MODULE_3__.Row),\n/* harmony export */ Select: () => (/* reexport safe */ _Components_Select_Select__WEBPACK_IMPORTED_MODULE_16__.Select),\n/* harmony export */ SkeletonRow: () => (/* reexport safe */ _Components_Table_SkeletonRow_SkeletonRow__WEBPACK_IMPORTED_MODULE_32__.SkeletonRow),\n/* harmony export */ Stepper: () => (/* reexport safe */ _Components_Stepper_Stepper__WEBPACK_IMPORTED_MODULE_36__.Stepper),\n/* harmony export */ Switch: () => (/* reexport safe */ _Components_Switch_Switch__WEBPACK_IMPORTED_MODULE_33__.Switch),\n/* harmony export */ Table: () => (/* reexport safe */ _Components_Table_Table__WEBPACK_IMPORTED_MODULE_22__.Table),\n/* harmony export */ TableBody: () => (/* reexport safe */ _Components_Table_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_24__.TableBody),\n/* harmony export */ TableCell: () => (/* reexport safe */ _Components_Table_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_26__.TableCell),\n/* harmony export */ TableFooter: () => (/* reexport safe */ _Components_Table_TableFooter_TableFooter__WEBPACK_IMPORTED_MODULE_29__.TableFooter),\n/* harmony export */ TableFooterCell: () => (/* reexport safe */ _Components_Table_TableFooterCell_TableFooterCell__WEBPACK_IMPORTED_MODULE_31__.TableFooterCell),\n/* harmony export */ TableFooterRow: () => (/* reexport safe */ _Components_Table_TableFooterRow_TableFooterRow__WEBPACK_IMPORTED_MODULE_30__.TableFooterRow),\n/* harmony export */ TableHeader: () => (/* reexport safe */ _Components_Table_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_23__.TableHeader),\n/* harmony export */ TableHeaderCell: () => (/* reexport safe */ _Components_Table_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_27__.TableHeaderCell),\n/* harmony export */ TableHeaderRow: () => (/* reexport safe */ _Components_Table_TableHeaderRow_TableHeaderRow__WEBPACK_IMPORTED_MODULE_28__.TableHeaderRow),\n/* harmony export */ TableRow: () => (/* reexport safe */ _Components_Table_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_25__.TableRow),\n/* harmony export */ Tabs: () => (/* reexport safe */ _Components_Tabs_Tabs__WEBPACK_IMPORTED_MODULE_37__.Tabs),\n/* harmony export */ Text: () => (/* reexport safe */ _Components_Text_Text__WEBPACK_IMPORTED_MODULE_13__.Text),\n/* harmony export */ colors: () => (/* reexport safe */ _data_colors__WEBPACK_IMPORTED_MODULE_44__.colors),\n/* harmony export */ formatDate: () => (/* reexport safe */ _data_globalMethods__WEBPACK_IMPORTED_MODULE_43__.formatDate),\n/* harmony export */ formatDistance: () => (/* reexport safe */ _data_globalMethods__WEBPACK_IMPORTED_MODULE_43__.formatDistance),\n/* harmony export */ formatDuration: () => (/* reexport safe */ _data_globalMethods__WEBPACK_IMPORTED_MODULE_43__.formatDuration),\n/* harmony export */ truncateFileName: () => (/* reexport safe */ _data_globalMethods__WEBPACK_IMPORTED_MODULE_43__.truncateFileName),\n/* harmony export */ truncateText: () => (/* reexport safe */ _data_globalMethods__WEBPACK_IMPORTED_MODULE_43__.truncateText)\n/* harmony export */ });\n/* harmony import */ var _Components_PageContainer_PageContainer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Components/PageContainer/PageContainer */ \"./src/Components/PageContainer/PageContainer.jsx\");\n/* harmony import */ var _Components_Box_Box__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Components/Box/Box */ \"./src/Components/Box/Box.jsx\");\n/* harmony import */ var _Components_Grid_Grid__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Components/Grid/Grid */ \"./src/Components/Grid/Grid.jsx\");\n/* harmony import */ var _Components_Row_Row__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Components/Row/Row */ \"./src/Components/Row/Row.jsx\");\n/* harmony import */ var _Components_Col_Col__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Components/Col/Col */ \"./src/Components/Col/Col.jsx\");\n/* harmony import */ var _Components_Bulk_Bulk__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Components/Bulk/Bulk */ \"./src/Components/Bulk/Bulk.jsx\");\n/* harmony import */ var _Components_Divider_Divider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Components/Divider/Divider */ \"./src/Components/Divider/Divider.jsx\");\n/* harmony import */ var _Components_ModalConfirmation_ModalConfirmation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Components/ModalConfirmation/ModalConfirmation */ \"./src/Components/ModalConfirmation/ModalConfirmation.jsx\");\n/* harmony import */ var _Components_Modal_Modal__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Components/Modal/Modal */ \"./src/Components/Modal/Modal.jsx\");\n/* harmony import */ var _Components_NewModal_NewModal__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Components/NewModal/NewModal */ \"./src/Components/NewModal/NewModal.jsx\");\n/* harmony import */ var _Components_Drawer_Drawer__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Components/Drawer/Drawer */ \"./src/Components/Drawer/Drawer.jsx\");\n/* harmony import */ var _Components_Bubble_Bubble__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Components/Bubble/Bubble */ \"./src/Components/Bubble/Bubble.jsx\");\n/* harmony import */ var _Components_Icon_Icon__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Components/Icon/Icon */ \"./src/Components/Icon/Icon.jsx\");\n/* harmony import */ var _Components_Text_Text__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./Components/Text/Text */ \"./src/Components/Text/Text.jsx\");\n/* harmony import */ var _Components_Link_Link__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./Components/Link/Link */ \"./src/Components/Link/Link.jsx\");\n/* harmony import */ var _Components_Button_Button__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./Components/Button/Button */ \"./src/Components/Button/Button.jsx\");\n/* harmony import */ var _Components_Select_Select__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Components/Select/Select */ \"./src/Components/Select/Select.jsx\");\n/* harmony import */ var _Components_Input_Input__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./Components/Input/Input */ \"./src/Components/Input/Input.jsx\");\n/* harmony import */ var _Components_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./Components/Checkbox/Checkbox */ \"./src/Components/Checkbox/Checkbox.jsx\");\n/* harmony import */ var _Components_Radio_Radio__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./Components/Radio/Radio */ \"./src/Components/Radio/Radio.jsx\");\n/* harmony import */ var _Components_List_List__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./Components/List/List */ \"./src/Components/List/List.jsx\");\n/* harmony import */ var _Components_List_ListItem_ListItem__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./Components/List/ListItem/ListItem */ \"./src/Components/List/ListItem/ListItem.jsx\");\n/* harmony import */ var _Components_Table_Table__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./Components/Table/Table */ \"./src/Components/Table/Table.jsx\");\n/* harmony import */ var _Components_Table_TableHeader_TableHeader__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./Components/Table/TableHeader/TableHeader */ \"./src/Components/Table/TableHeader/TableHeader.jsx\");\n/* harmony import */ var _Components_Table_TableBody_TableBody__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./Components/Table/TableBody/TableBody */ \"./src/Components/Table/TableBody/TableBody.jsx\");\n/* harmony import */ var _Components_Table_TableRow_TableRow__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./Components/Table/TableRow/TableRow */ \"./src/Components/Table/TableRow/TableRow.jsx\");\n/* harmony import */ var _Components_Table_TableCell_TableCell__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./Components/Table/TableCell/TableCell */ \"./src/Components/Table/TableCell/TableCell.jsx\");\n/* harmony import */ var _Components_Table_TableHeaderCell_TableHeaderCell__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./Components/Table/TableHeaderCell/TableHeaderCell */ \"./src/Components/Table/TableHeaderCell/TableHeaderCell.jsx\");\n/* harmony import */ var _Components_Table_TableHeaderRow_TableHeaderRow__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./Components/Table/TableHeaderRow/TableHeaderRow */ \"./src/Components/Table/TableHeaderRow/TableHeaderRow.jsx\");\n/* harmony import */ var _Components_Table_TableFooter_TableFooter__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./Components/Table/TableFooter/TableFooter */ \"./src/Components/Table/TableFooter/TableFooter.jsx\");\n/* harmony import */ var _Components_Table_TableFooterRow_TableFooterRow__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./Components/Table/TableFooterRow/TableFooterRow */ \"./src/Components/Table/TableFooterRow/TableFooterRow.jsx\");\n/* harmony import */ var _Components_Table_TableFooterCell_TableFooterCell__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./Components/Table/TableFooterCell/TableFooterCell */ \"./src/Components/Table/TableFooterCell/TableFooterCell.jsx\");\n/* harmony import */ var _Components_Table_SkeletonRow_SkeletonRow__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./Components/Table/SkeletonRow/SkeletonRow */ \"./src/Components/Table/SkeletonRow/SkeletonRow.jsx\");\n/* harmony import */ var _Components_Switch_Switch__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./Components/Switch/Switch */ \"./src/Components/Switch/Switch.jsx\");\n/* harmony import */ var _Components_CardSkeleton_CardSkeleton__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./Components/CardSkeleton/CardSkeleton */ \"./src/Components/CardSkeleton/CardSkeleton.jsx\");\n/* harmony import */ var _Components_Options_Options__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./Components/Options/Options */ \"./src/Components/Options/Options.jsx\");\n/* harmony import */ var _Components_Stepper_Stepper__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./Components/Stepper/Stepper */ \"./src/Components/Stepper/Stepper.jsx\");\n/* harmony import */ var _Components_Tabs_Tabs__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./Components/Tabs/Tabs */ \"./src/Components/Tabs/Tabs.jsx\");\n/* harmony import */ var _Components_Image_Image__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./Components/Image/Image */ \"./src/Components/Image/Image.jsx\");\n/* harmony import */ var _Components_MultiSelect_MultiSelect__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ./Components/MultiSelect/MultiSelect */ \"./src/Components/MultiSelect/MultiSelect.jsx\");\n/* harmony import */ var _Components_DatePicker_DatePicker__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ./Components/DatePicker/DatePicker */ \"./src/Components/DatePicker/DatePicker.jsx\");\n/* harmony import */ var _Components_IconTabs_IconTabs__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ./Components/IconTabs/IconTabs */ \"./src/Components/IconTabs/IconTabs.jsx\");\n/* harmony import */ var _Components_Popover_Popover__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ./Components/Popover/Popover */ \"./src/Components/Popover/Popover.jsx\");\n/* harmony import */ var _data_globalMethods__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./data/globalMethods */ \"./src/data/globalMethods.js\");\n/* harmony import */ var _data_colors__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./data/colors */ \"./src/data/colors.js\");\n// LAYOUT\n\n\n\n\n\n\n\n\n// MODALS\n\n\n\n\n\n// TEXTS & LINKS\n\n\n\n\n\n//INPUTS\n\n\n\n\n\n\n// LIST\n\n\n\n// TABLE\n\n\n\n\n\n\n\n\n\n\n\n\n\n// OPTIONS\n\n\n\n\n\n\n\n\n\n// GLOBAL METHODS\n\n\n\n//# sourceURL=webpack://YourLibraryName/./src/index.jsx?");
547
558
 
548
559
  /***/ }),
549
560
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "design-zystem",
3
- "version": "1.0.193",
3
+ "version": "1.0.194",
4
4
  "description": "A React design system of importable components",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",