@qoretechnologies/reqore 0.18.3 → 0.19.0

package/.gitpod.yml

@@ -0,0 +1,17 @@
+vscode:
+  extensions:
+    - oderwat.indent-rainbow
+    - tombonnike.vscode-status-bar-format-toggle
+    - usernamehw.errorlens
+    - emmanuelbeziat.vscode-great-icons
+    - esbenp.prettier-vscode
+    - jpoissonnier.vscode-styled-components
+    - streetsidesoftware.code-spell-checker
+    - foxhoundn.synthax
+    - alefragnani.bookmarks
+    - tabnine.tabnine-vscode
+    - akosyakov.gitpod-monitor
+    - eamodio.gitlens
+tasks:
+  - init: "yarn install"
+  - command: "yarn storybook"

package/.vscode/settings.json

@@ -1,7 +1,5 @@
 {
-  "editor.fontFamily": "Fira Code",
-  "editor.codeLensFontFamily": "Fira Code",
   "editor.cursorBlinking": "phase",
   "editor.cursorStyle": "underline",
   "typescript.tsdk": "node_modules/typescript/lib"
-}
+}

package/__tests__/modal.test.tsx

@@ -119,22 +119,22 @@ test('Renders confirmation <Modal /> ', () => {
   });
 
   fireEvent.click(document.getElementById('custom-confirm'));
-  fireEvent.click(screen.getByText('Yep'));
+  fireEvent.click(screen.getAllByText('Yep')[0]);
 
   expect(confirmFn).toHaveBeenCalled();
 
   fireEvent.click(document.getElementById('confirm'));
-  fireEvent.click(screen.getByText('Confirm'));
+  fireEvent.click(screen.getAllByText('Confirm')[0]);
 
   expect(confirmFn).toHaveBeenCalledTimes(2);
 
   fireEvent.click(document.getElementById('custom-confirm'));
-  fireEvent.click(screen.getByText('Cancel'));
+  fireEvent.click(screen.getAllByText('Cancel')[0]);
 
   expect(cancelFn).toHaveBeenCalled();
 
   fireEvent.click(document.getElementById('confirm'));
-  fireEvent.click(screen.getByText('Cancel'));
+  fireEvent.click(screen.getAllByText('Cancel')[0]);
 
   expect(cancelFn).toHaveBeenCalledTimes(2);
 });

package/dist/components/Breadcrumbs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAgB,MAAM,uBAAuB,CAAC;AAG7F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAI9C,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE;QACT,IAAI,EAAE,mBAAmB,EAAE,CAAC;QAC5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;QACpC,SAAS,EAAE,MAAM,CAAC;QAClB,eAAe,CAAC,EAAE,aAAa,CAAC;KACjC,CAAC;IACF,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAsFD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsGxD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAgB,MAAM,uBAAuB,CAAC;AAG7F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAI9C,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE;QACT,IAAI,EAAE,mBAAmB,EAAE,CAAC;QAC5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;QACpC,SAAS,EAAE,MAAM,CAAC;QAClB,eAAe,CAAC,EAAE,aAAa,CAAC;KACjC,CAAC;IACF,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAsFD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAoHxD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/Breadcrumbs/index.js

@@ -75,7 +75,7 @@ var item_2 = __importDefault(require("./item"));
 var StyledReqoreBreadcrumbs = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
     var _b, _c, _d;
     var theme = _a.theme, flat = _a.flat, size = _a.size;
-    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: 100%;\n    height: ", "px;\n    margin: ", "px 0;\n    display: flex;\n    padding: 0 10px;\n    justify-content: space-between;\n    border-bottom: ", ";\n    background-color: ", ";\n\n    > div {\n      height: 100%;\n      display: flex;\n      align-items: center;\n\n      > * {\n        color: ", ";\n      }\n\n      ", " {\n        flex: 1;\n        border-bottom: 0;\n      }\n\n      &:first-child {\n        overflow: hidden;\n        flex: 1;\n      }\n    }\n  "], ["\n    width: 100%;\n    height: ", "px;\n    margin: ", "px 0;\n    display: flex;\n    padding: 0 10px;\n    justify-content: space-between;\n    border-bottom: ", ";\n    background-color: ", ";\n\n    > div {\n      height: 100%;\n      display: flex;\n      align-items: center;\n\n      > * {\n        color: ", ";\n      }\n\n      ", " {\n        flex: 1;\n        border-bottom: 0;\n      }\n\n      &:first-child {\n        overflow: hidden;\n        flex: 1;\n      }\n    }\n  "])), sizes_1.TABS_SIZE_TO_PX[size], sizes_1.MARGIN_FROM_SIZE[size], flat ? 0 : "1px solid " + (0, colors_1.changeLightness)(theme.main, 0.05), function (_a) {
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: 100%;\n    height: ", "px;\n    margin: ", "px 0;\n    display: flex;\n    padding: 0 ", "px;\n    justify-content: space-between;\n    border-bottom: ", ";\n    background-color: ", ";\n\n    > div {\n      height: 100%;\n      display: flex;\n      align-items: center;\n\n      > * {\n        color: ", ";\n      }\n\n      ", " {\n        flex: 1;\n        border-bottom: 0;\n      }\n\n      &:first-child {\n        overflow: hidden;\n        flex: 1;\n      }\n    }\n  "], ["\n    width: 100%;\n    height: ", "px;\n    margin: ", "px 0;\n    display: flex;\n    padding: 0 ", "px;\n    justify-content: space-between;\n    border-bottom: ", ";\n    background-color: ", ";\n\n    > div {\n      height: 100%;\n      display: flex;\n      align-items: center;\n\n      > * {\n        color: ", ";\n      }\n\n      ", " {\n        flex: 1;\n        border-bottom: 0;\n      }\n\n      &:first-child {\n        overflow: hidden;\n        flex: 1;\n      }\n    }\n  "])), sizes_1.TABS_SIZE_TO_PX[size], sizes_1.MARGIN_FROM_SIZE[size], sizes_1.PADDING_FROM_SIZE[size], flat ? 0 : "1px solid " + (0, colors_1.changeLightness)(theme.main, 0.05), function (_a) {
         var _b;
         var theme = _a.theme;
         return ((_b = theme.breadcrumbs) === null || _b === void 0 ? void 0 : _b.main) || 'transparent';
@@ -125,7 +125,7 @@ var ReqoreBreadcrumbs = function (_a) {
     var renderItem = function (item, index) {
         var _a;
         if ((0, lodash_1.isArray)(item)) {
-            return ((0, jsx_runtime_1.jsxs)(react_2["default"].Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'ArrowRightSLine', size: '15px' }, 'icon' + index), (0, jsx_runtime_1.jsx)(__1.ReqorePopover, { component: item_2["default"], componentProps: {
+            return ((0, jsx_runtime_1.jsxs)(react_2["default"].Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'ArrowRightSLine', size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, 'icon' + index), (0, jsx_runtime_1.jsx)(__1.ReqorePopover, { component: item_2["default"], componentProps: {
                             icon: 'MoreFill',
                             tooltip: 'Show more...',
                             interactive: true
@@ -135,9 +135,9 @@ var ReqoreBreadcrumbs = function (_a) {
                             }) }, void 0) }, index)] }, index));
         }
         if (item.withTabs) {
-            return ((0, jsx_runtime_1.jsxs)(react_2["default"].Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'ArrowRightSLine', size: '15px', margin: 'both' }, 'icon' + index), (0, jsx_runtime_1.jsx)(list_1["default"], { tabs: item.withTabs.tabs, onTabChange: item.withTabs.onTabChange, activeTab: item.withTabs.activeTab, activeTabIntent: item.withTabs.activeTabIntent, parentBackground: (_a = theme.breadcrumbs) === null || _a === void 0 ? void 0 : _a.main, flat: flat, size: size }, void 0)] }, index));
+            return ((0, jsx_runtime_1.jsxs)(react_2["default"].Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'ArrowRightSLine', size: sizes_1.TEXT_FROM_SIZE[size] + "px", margin: 'both' }, 'icon' + index), (0, jsx_runtime_1.jsx)(list_1["default"], { tabs: item.withTabs.tabs, onTabChange: item.withTabs.onTabChange, activeTab: item.withTabs.activeTab, activeTabIntent: item.withTabs.activeTabIntent, parentBackground: (_a = theme.breadcrumbs) === null || _a === void 0 ? void 0 : _a.main, flat: flat, size: size }, void 0)] }, index));
         }
-        return ((0, jsx_runtime_1.jsxs)(react_2["default"].Fragment, { children: [index !== 0 && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'ArrowRightSLine', size: '15px', margin: 'both' }, 'icon' + index)), (0, react_1.createElement)(item_2["default"], __assign({}, item, { key: index, customTheme: customTheme, size: size }))] }, index));
+        return ((0, jsx_runtime_1.jsxs)(react_2["default"].Fragment, { children: [index !== 0 && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'ArrowRightSLine', size: sizes_1.TEXT_FROM_SIZE[size] + "px", margin: 'both' }, 'icon' + index)), (0, react_1.createElement)(item_2["default"], __assign({}, item, { key: index, customTheme: customTheme, size: size }))] }, index));
     };
     return ((0, jsx_runtime_1.jsxs)(StyledReqoreBreadcrumbs, __assign({}, rest, { className: (rest.className || '') + " reqore-breadcrumbs-wrapper", ref: ref, flat: flat, theme: theme, size: size }, { children: [(0, jsx_runtime_1.jsx)("div", { children: transformedItems.map(function (item, index) {
                     return renderItem(item, index);

package/dist/components/Breadcrumbs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Breadcrumbs/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/item.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAC;AAC1C,OAAO,EAAkB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,MAAM,WAAW,0BAA2B,SAAQ,qBAAqB;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,0BAA2B,SAAQ,0BAA0B;IAC5E,KAAK,EAAE,YAAY,CAAC;CACrB;AAkED,QAAA,MAAM,qBAAqB,iFAUxB,0BAA0B,gBAoB5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/item.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAC;AAC1C,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,MAAM,WAAW,0BAA2B,SAAQ,qBAAqB;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,0BAA2B,SAAQ,0BAA0B;IAC5E,KAAK,EAAE,YAAY,CAAC;CACrB;AAkED,QAAA,MAAM,qBAAqB,iFAUxB,0BAA0B,gBA0B5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/Breadcrumbs/item.js

@@ -52,7 +52,7 @@ var StyledBreadcrumbItem = styled_components_1["default"].div(templateObject_4 |
         (((_d = theme.breadcrumbs) === null || _d === void 0 ? void 0 : _d.main)
             ? (0, colors_1.getReadableColorFrom)(theme.breadcrumbs.main, true)
             : (0, colors_1.getReadableColor)(theme, undefined, undefined, true));
-    return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      display: flex;\n      height: 100%;\n      justify-content: space-evenly;\n      align-items: center;\n      padding: 0 5px;\n      transition: background-color 0.15s linear;\n      font-size: ", "px;\n      font-weight: 450;\n      border-bottom: 2px solid transparent;\n\n      * {\n        color: ", ";\n      }\n\n      ", "\n\n      ", "\n\n    a:hover {\n        color: ", ";\n      }\n    "], ["\n      display: flex;\n      height: 100%;\n      justify-content: space-evenly;\n      align-items: center;\n      padding: 0 5px;\n      transition: background-color 0.15s linear;\n      font-size: ", "px;\n      font-weight: 450;\n      border-bottom: 2px solid transparent;\n\n      * {\n        color: ", ";\n      }\n\n      ", "\n\n      ", "\n\n    a:hover {\n        color: ", ";\n      }\n    "])), sizes_1.TEXT_FROM_SIZE[size], textColor, active && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        * {\n          font-weight: 600;\n          color: ", ";\n        }\n      "], ["\n        * {\n          font-weight: 600;\n          color: ", ";\n        }\n      "])), ((_f = (_e = theme.breadcrumbs) === null || _e === void 0 ? void 0 : _e.item) === null || _f === void 0 ? void 0 : _f.activeColor) ||
+    return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      display: flex;\n      height: 100%;\n      justify-content: space-evenly;\n      align-items: center;\n      padding: 0 ", "px;\n      transition: background-color 0.15s ease-out;\n      font-size: ", "px;\n      font-weight: 450;\n      border-bottom: 2px solid transparent;\n\n      * {\n        color: ", ";\n      }\n\n      ", "\n\n      ", "\n\n    a:hover {\n        color: ", ";\n      }\n    "], ["\n      display: flex;\n      height: 100%;\n      justify-content: space-evenly;\n      align-items: center;\n      padding: 0 ", "px;\n      transition: background-color 0.15s ease-out;\n      font-size: ", "px;\n      font-weight: 450;\n      border-bottom: 2px solid transparent;\n\n      * {\n        color: ", ";\n      }\n\n      ", "\n\n      ", "\n\n    a:hover {\n        color: ", ";\n      }\n    "])), sizes_1.PADDING_FROM_SIZE[size], sizes_1.TEXT_FROM_SIZE[size], textColor, active && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        * {\n          font-weight: 600;\n          color: ", ";\n        }\n      "], ["\n        * {\n          font-weight: 600;\n          color: ", ";\n        }\n      "])), ((_f = (_e = theme.breadcrumbs) === null || _e === void 0 ? void 0 : _e.item) === null || _f === void 0 ? void 0 : _f.activeColor) ||
         (((_g = theme.breadcrumbs) === null || _g === void 0 ? void 0 : _g.main)
             ? (0, colors_1.getReadableColorFrom)(theme.breadcrumbs.main, true)
             : (0, colors_1.getReadableColor)(theme, undefined, undefined))), interactive && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        cursor: pointer;\n        &:hover {\n          color: ", ";\n          background-color: ", ";\n        }\n      "], ["\n        cursor: pointer;\n        &:hover {\n          color: ", ";\n          background-color: ", ";\n        }\n      "])), ((_j = (_h = theme.breadcrumbs) === null || _h === void 0 ? void 0 : _h.item) === null || _j === void 0 ? void 0 : _j.hoverColor) ||
@@ -69,7 +69,7 @@ var ReqoreBreadcrumbsItem = function (_a) {
     var Element = as || 'span';
     var theme = (0, useTheme_1.useReqoreTheme)('breadcrumbs', customTheme);
     (0, usePopover_1["default"])({ targetElement: ref, content: tooltip, show: !!tooltip });
-    return ((0, jsx_runtime_1.jsxs)(StyledBreadcrumbItem, __assign({ ref: setRef, active: active, interactive: interactive || !!(props === null || props === void 0 ? void 0 : props.onClick), className: 'reqore-breadcrumbs-item', theme: theme, size: size }, { children: [icon && (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: '13px', margin: label ? 'right' : undefined }, void 0), label && (0, jsx_runtime_1.jsx)(Element, __assign({}, props, { children: label }), void 0)] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)(StyledBreadcrumbItem, __assign({ ref: setRef, active: active, interactive: interactive || !!(props === null || props === void 0 ? void 0 : props.onClick), className: 'reqore-breadcrumbs-item', theme: theme, size: size }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: sizes_1.TEXT_FROM_SIZE[size] + "px", margin: label ? 'right' : undefined }, void 0)), label && (0, jsx_runtime_1.jsx)(Element, __assign({}, props, { children: label }), void 0)] }), void 0));
 };
 exports["default"] = ReqoreBreadcrumbsItem;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/Breadcrumbs/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AACjC,qEAAgD;AAEhD,+CAA+D;AAE/D,+CAA+F;AAC/F,sEAAgD;AAChD,iDAAsD;AACtD,iDAAiC;AAWjC,IAAM,oBAAoB,GAAG,8BAAM,CAAC,GAAG,oLAA4B,MAC/D,EAoDD,yGASF,KA7DG,UAAC,EAAgE;;QAA9D,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,WAAW,iBAAA,EAAE,IAAI,UAAA;IACnC,IAAM,SAAS,GACb,CAAA,MAAA,MAAA,KAAK,CAAC,WAAW,0CAAE,IAAI,0CAAE,KAAK;QAC9B,CAAC,CAAA,MAAA,KAAK,CAAC,WAAW,0CAAE,IAAI;YACtB,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC;YACpD,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;IAE3D,WAAO,uBAAG,0dAAA,2MAOK,EAAoB,yGAKtB,EAAS,sBAGlB,EASD,YAEC,EAUD,oCAGU,EAGyC,kBAErD,KArCc,sBAAc,CAAC,IAAI,CAAC,EAKtB,SAAS,EAGlB,MAAM,QACR,uBAAG,2JAAA,+DAGU,EAGyC,sBAErD,KALY,CAAA,MAAA,MAAA,KAAK,CAAC,WAAW,0CAAE,IAAI,0CAAE,WAAW;QAC7C,CAAC,CAAA,MAAA,KAAK,CAAC,WAAW,0CAAE,IAAI;YACtB,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC;YACpD,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAErD,EAEC,WAAW,QACb,uBAAG,iMAAA,kEAGU,EAGyC,iCAC9B,EAA4D,sBAEnF,KANY,CAAA,MAAA,MAAA,KAAK,CAAC,WAAW,0CAAE,IAAI,0CAAE,UAAU;QAC5C,CAAC,CAAA,MAAA,KAAK,CAAC,WAAW,0CAAE,IAAI;YACtB,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC;YAC9C,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,EAC9B,IAAA,wBAAe,EAAC,CAAA,MAAA,KAAK,CAAC,WAAW,0CAAE,IAAI,KAAI,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAEnF,EAGU,CAAA,MAAA,MAAA,KAAK,CAAC,WAAW,0CAAE,IAAI,0CAAE,UAAU;QAC5C,CAAC,CAAA,MAAA,KAAK,CAAC,WAAW,0CAAE,IAAI;YACtB,CAAC,CAAC,IAAA,6BAAoB,EAAC,MAAA,KAAK,CAAC,WAAW,0CAAE,IAAI,CAAC;YAC/C,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,EAEpD;AACJ,CAAC,CASF,CAAC;AAEF,IAAM,qBAAqB,GAAG,UAAC,EAUF;QAT3B,OAAO,aAAA,EACP,KAAK,WAAA,EACL,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,EAAE,QAAA,EACF,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,IAAI,UAAA;IAEE,IAAA,KAAgB,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA7B,GAAG,QAAA,EAAE,MAAM,QAAkB,CAAC;IACrC,IAAM,OAAO,GAAQ,EAAE,IAAI,MAAM,CAAC;IAClC,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,aAAa,EAAE,WAAW,CAAC,CAAC;IAEzD,IAAA,uBAAU,EAAC,EAAE,aAAa,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;IAEtE,OAAO,CACL,wBAAC,oBAAoB,aACnB,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAA,EAC5C,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,iBAET,IAAI,IAAI,uBAAC,iBAAU,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,WAAI,EACnF,KAAK,IAAI,uBAAC,OAAO,eAAK,KAAK,cAAG,KAAK,YAAW,aAC1B,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,qBAAqB,CAAC"}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/item.tsx"],"names":[],"mappings":"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"}

package/dist/components/Button/index.d.ts

@@ -15,10 +15,15 @@ export interface IReqoreButtonProps extends React.HTMLAttributes<HTMLButtonEleme
     intent?: IReqoreIntent;
     active?: boolean;
     flat?: boolean;
+    rightIcon?: IReqoreIconName;
+    color?: string;
 }
-export interface IReqoreButtonStyle extends IReqoreButtonProps {
+export interface IReqoreButtonStyle extends Omit<IReqoreButtonProps, 'intent'> {
     theme: IReqoreTheme;
 }
+export declare const StyledActiveContent: any;
+export declare const StyledInActiveContent: any;
+export declare const StyledInvisibleContent: any;
 export declare const StyledButton: any;
 declare const ReqoreButton: React.ForwardRefExoticComponent<IReqoreButtonProps & React.RefAttributes<unknown>>;
 export default ReqoreButton;

package/dist/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IACjF,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,KAAK,EAAE,YAAY,CAAC;CACrB;AAUD,eAAO,MAAM,YAAY,KAsGxB,CAAC;AAEF,QAAA,MAAM,YAAY,oFAsDjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IACjF,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC;IAC5E,KAAK,EAAE,YAAY,CAAC;CACrB;AAUD,eAAO,MAAM,mBAAmB,KAM/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAIjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAGlC,CAAC;AAEF,eAAO,MAAM,YAAY,KAuHxB,CAAC;AAEF,QAAA,MAAM,YAAY,oFAyEjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/Button/index.js

@@ -48,28 +48,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.StyledButton = void 0;
+exports.StyledButton = exports.StyledInvisibleContent = exports.StyledInActiveContent = exports.StyledActiveContent = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var polished_1 = require("polished");
 var react_1 = require("react");
 var styled_components_1 = __importStar(require("styled-components"));
 var sizes_1 = require("../../constants/sizes");
+var ThemeContext_1 = __importDefault(require("../../context/ThemeContext"));
 var colors_1 = require("../../helpers/colors");
 var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
 var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
 var Icon_1 = __importDefault(require("../Icon"));
-var getButtonMainColor = function (theme, intent) {
-    if (intent) {
-        return theme.intents[intent];
+var getButtonMainColor = function (theme, color) {
+    if (color) {
+        return color;
     }
     return theme.main;
 };
-exports.StyledButton = styled_components_1["default"].button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin: 0;\n  font-weight: 500;\n  border: ", ";\n  padding: 0 ", "px;\n  font-size: ", "px;\n\n  height: ", "px;\n  min-width: ", "px;\n\n  flex: ", ";\n\n  border-radius: ", "px;\n\n  background-color: ", ";\n\n  color: ", ";\n\n  &:not(:disabled) {\n    cursor: pointer;\n    transition: all 0.1s linear;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n    }\n\n    &:active {\n      transform: scale(0.95);\n    }\n  }\n\n  ", "\n\n  &:disabled {\n    opacity: 0.5;\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  margin: 0;\n  font-weight: 500;\n  border: ", ";\n  padding: 0 ", "px;\n  font-size: ", "px;\n\n  height: ", "px;\n  min-width: ", "px;\n\n  flex: ", ";\n\n  border-radius: ", "px;\n\n  background-color: ", ";\n\n  color: ", ";\n\n  &:not(:disabled) {\n    cursor: pointer;\n    transition: all 0.1s linear;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n    }\n\n    &:active {\n      transform: scale(0.95);\n    }\n  }\n\n  ", "\n\n  &:disabled {\n    opacity: 0.5;\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme, minimal = _a.minimal, intent = _a.intent, flat = _a.flat;
+exports.StyledActiveContent = styled_components_1["default"].span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  transform: translateY(-150%);\n  opacity: 0;\n  transition: all 0.2s ease-out;\n  filter: blur(10px);\n"], ["\n  position: absolute;\n  transform: translateY(-150%);\n  opacity: 0;\n  transition: all 0.2s ease-out;\n  filter: blur(10px);\n"])));
+exports.StyledInActiveContent = styled_components_1["default"].span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  transform: translateY(0);\n  transition: all 0.2s ease-out;\n"], ["\n  position: absolute;\n  transform: translateY(0);\n  transition: all 0.2s ease-out;\n"])));
+exports.StyledInvisibleContent = styled_components_1["default"].span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  visibility: hidden;\n  position: relative;\n"], ["\n  visibility: hidden;\n  position: relative;\n"])));
+exports.StyledButton = styled_components_1["default"].button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin: 0;\n  font-weight: 600;\n  position: relative;\n  overflow: hidden;\n  border: ", ";\n  padding: 0 ", "px;\n  font-size: ", "px;\n\n  height: ", "px;\n  min-width: ", "px;\n\n  flex: ", ";\n\n  border-radius: ", "px;\n\n  background-color: ", ";\n\n  color: ", ";\n\n  .reqore-icon {\n    transform: scale(0.85);\n  }\n\n  &:not(:disabled) {\n    cursor: pointer;\n    transition: all 0.2s ease-out;\n\n    &:active {\n      transform: scale(0.95);\n    }\n\n    &:hover,\n    &:focus {\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n\n      .reqore-icon {\n        transform: scale(1);\n      }\n\n      ", " {\n        transform: translateY(0px);\n        filter: blur(0);\n        opacity: 1;\n      }\n\n      ", " {\n        transform: translateY(150%);\n        filter: blur(10px);\n        opacity: 0;\n      }\n    }\n  }\n\n  ", "\n\n  &:disabled {\n    opacity: 0.5;\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  margin: 0;\n  font-weight: 600;\n  position: relative;\n  overflow: hidden;\n  border: ", ";\n  padding: 0 ", "px;\n  font-size: ", "px;\n\n  height: ", "px;\n  min-width: ", "px;\n\n  flex: ", ";\n\n  border-radius: ", "px;\n\n  background-color: ", ";\n\n  color: ", ";\n\n  .reqore-icon {\n    transform: scale(0.85);\n  }\n\n  &:not(:disabled) {\n    cursor: pointer;\n    transition: all 0.2s ease-out;\n\n    &:active {\n      transform: scale(0.95);\n    }\n\n    &:hover,\n    &:focus {\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n\n      .reqore-icon {\n        transform: scale(1);\n      }\n\n      ", " {\n        transform: translateY(0px);\n        filter: blur(0);\n        opacity: 1;\n      }\n\n      ", " {\n        transform: translateY(150%);\n        filter: blur(10px);\n        opacity: 0;\n      }\n    }\n  }\n\n  ", "\n\n  &:disabled {\n    opacity: 0.5;\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n"])), function (_a) {
+    var theme = _a.theme, minimal = _a.minimal, color = _a.color, flat = _a.flat;
     return !minimal && !flat
-        ? "1px solid " + (intent
-            ? (0, polished_1.darken)(0.2, theme.intents[intent])
-            : (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.2))
+        ? "1px solid " + (color ? (0, polished_1.darken)(0.2, color) : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.2))
         : 0;
 }, function (_a) {
     var size = _a.size;
@@ -90,69 +92,64 @@ exports.StyledButton = styled_components_1["default"].button(templateObject_2 ||
     var size = _a.size;
     return sizes_1.RADIUS_FROM_SIZE[size];
 }, function (_a) {
-    var minimal = _a.minimal, theme = _a.theme, intent = _a.intent;
+    var minimal = _a.minimal, theme = _a.theme, color = _a.color;
     if (minimal) {
-        if (intent) {
-            return (0, polished_1.rgba)(theme.intents[intent], 0.3);
+        if (color) {
+            return (0, polished_1.rgba)(color, 0.3);
         }
         return 'transparent';
     }
-    return intent ? theme.intents[intent] : (0, colors_1.changeLightness)(theme.main, 0.1);
+    return color || (0, colors_1.changeLightness)(theme.main, 0.1);
 }, function (_a) {
-    var theme = _a.theme, intent = _a.intent, minimal = _a.minimal;
-    return intent
+    var theme = _a.theme, color = _a.color, minimal = _a.minimal;
+    return color
         ? minimal
             ? (0, colors_1.getReadableColor)(theme, undefined, undefined, true)
-            : (0, colors_1.getReadableColorFrom)(theme.intents[intent], true)
+            : (0, colors_1.getReadableColorFrom)(color, true)
         : (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
 }, function (_a) {
-    var minimal = _a.minimal, theme = _a.theme, intent = _a.intent;
-    return intent
-        ? (0, colors_1.changeLightness)(theme.intents[intent], 0.0325)
-        : minimal
-            ? (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.09)
-            : (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.2);
+    var theme = _a.theme, color = _a.color;
+    return color
+        ? (0, colors_1.changeLightness)(color, 0.09)
+        : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.2);
 }, function (_a) {
-    var theme = _a.theme, intent = _a.intent;
-    return intent
-        ? (0, colors_1.getReadableColorFrom)(theme.intents[intent])
-        : (0, colors_1.getReadableColor)(theme, undefined, undefined);
+    var theme = _a.theme, color = _a.color;
+    return color ? (0, colors_1.getReadableColorFrom)(color) : (0, colors_1.getReadableColor)(theme, undefined, undefined);
 }, function (_a) {
-    var minimal = _a.minimal, theme = _a.theme, intent = _a.intent;
+    var minimal = _a.minimal, theme = _a.theme, color = _a.color;
     return minimal
         ? undefined
-        : intent
-            ? (0, polished_1.darken)(0.25, theme.intents[intent])
-            : (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.4);
-}, function (_a) {
-    var active = _a.active, minimal = _a.minimal, theme = _a.theme, intent = _a.intent;
-    return active && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n    "], ["\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n    "])), intent
-        ? (0, polished_1.lighten)(0.0625, theme.intents[intent])
-        : minimal
-            ? (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.09)
-            : (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.2), intent
-        ? (0, colors_1.getReadableColorFrom)(theme.intents[intent])
-        : (0, colors_1.getReadableColor)(theme, undefined, undefined), minimal
+        : color
+            ? (0, polished_1.darken)(0.4, color)
+            : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.4);
+}, exports.StyledActiveContent, exports.StyledInActiveContent, function (_a) {
+    var active = _a.active, minimal = _a.minimal, theme = _a.theme, color = _a.color;
+    return active && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n\n      .reqore-icon {\n        transform: scale(1);\n      }\n    "], ["\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n\n      .reqore-icon {\n        transform: scale(1);\n      }\n    "])), color
+        ? (0, colors_1.changeLightness)(color, 0.045)
+        : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.16), color ? (0, colors_1.getReadableColorFrom)(color) : (0, colors_1.getReadableColor)(theme, undefined, undefined), minimal
         ? undefined
-        : intent
-            ? (0, polished_1.darken)(0.25, theme.intents[intent])
-            : (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.4));
+        : color
+            ? (0, polished_1.darken)(0.2, color)
+            : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.34));
 }, function (_a) {
-    var minimal = _a.minimal, theme = _a.theme, intent = _a.intent;
-    return minimal ? undefined : (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.4);
+    var minimal = _a.minimal, theme = _a.theme, color = _a.color;
+    return minimal ? undefined : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.4);
 });
 var ReqoreButton = (0, react_1.forwardRef)(function (_a, ref) {
-    var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'normal' : _b, minimal = _a.minimal, children = _a.children, tooltip = _a.tooltip, tooltipPlacement = _a.tooltipPlacement, className = _a.className, fluid = _a.fluid, fixed = _a.fixed, intent = _a.intent, active = _a.active, flat = _a.flat, rest = __rest(_a, ["icon", "size", "minimal", "children", "tooltip", "tooltipPlacement", "className", "fluid", "fixed", "intent", "active", "flat"]);
+    var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'normal' : _b, minimal = _a.minimal, children = _a.children, tooltip = _a.tooltip, tooltipPlacement = _a.tooltipPlacement, className = _a.className, fluid = _a.fluid, fixed = _a.fixed, intent = _a.intent, active = _a.active, flat = _a.flat, rightIcon = _a.rightIcon, color = _a.color, rest = __rest(_a, ["icon", "size", "minimal", "children", "tooltip", "tooltipPlacement", "className", "fluid", "fixed", "intent", "active", "flat", "rightIcon", "color"]);
     var innerRef = (0, react_1.useRef)(null);
     var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
+    var theme = (0, react_1.useContext)(ThemeContext_1["default"]);
     (0, usePopover_1["default"])({
         targetElement: combinedRef.current,
         content: tooltip,
         placement: tooltipPlacement,
         show: !!tooltip
     });
-    return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({}, rest, { ref: combinedRef, fluid: fluid, fixed: fixed, minimal: minimal, size: size, intent: intent, flat: flat, active: active, className: (className || '') + " reqore-control reqore-button", tabIndex: 1 }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, margin: children ? 'right' : undefined, size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0)), children] }), void 0));
+    // If color or intent was specified, set the color
+    var customColor = intent ? theme.intents[intent] : color;
+    return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({}, rest, { ref: combinedRef, fluid: fluid, fixed: fixed, minimal: minimal, size: size, color: customColor, flat: flat, active: active, className: (className || '') + " reqore-control reqore-button", tabIndex: 1 }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, margin: children || rightIcon ? 'right' : undefined, size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0)), children && ((0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)(exports.StyledActiveContent, { children: children }, void 0), (0, jsx_runtime_1.jsx)(exports.StyledInActiveContent, { children: children }, void 0), (0, jsx_runtime_1.jsx)(exports.StyledInvisibleContent, { children: children }, void 0)] }, void 0)), rightIcon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, margin: children ? 'left' : undefined, size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0))] }), void 0));
 });
 exports["default"] = ReqoreButton;
-var templateObject_1, templateObject_2;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=index.js.map

package/dist/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Checkbox/index.js

@@ -38,7 +38,7 @@ var colors_1 = require("../../helpers/colors");
 var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
 var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
 var Icon_1 = __importDefault(require("../Icon"));
-var StyledSwitch = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: all 0.1s linear;\n  position: relative;\n\n  height: ", "px;\n  width: ", "px;\n\n  border: 1px solid\n    ", ";\n  border-radius: 50px;\n\n  margin-right: ", ";\n  margin-left: ", ";\n\n  background-color: ", ";\n\n  &::before {\n    transition: all 0.1s ease-in-out;\n    content: '';\n    display: block;\n    position: absolute;\n    height: ", "px;\n    width: ", "px;\n    top: 50%;\n    transform: translateY(-50%);\n    left: ", ";\n    border-radius: 100%;\n    background-color: ", ";\n  }\n"], ["\n  transition: all 0.1s linear;\n  position: relative;\n\n  height: ", "px;\n  width: ", "px;\n\n  border: 1px solid\n    ", ";\n  border-radius: 50px;\n\n  margin-right: ", ";\n  margin-left: ", ";\n\n  background-color: ", ";\n\n  &::before {\n    transition: all 0.1s ease-in-out;\n    content: '';\n    display: block;\n    position: absolute;\n    height: ", "px;\n    width: ", "px;\n    top: 50%;\n    transform: translateY(-50%);\n    left: ", ";\n    border-radius: 100%;\n    background-color: ", ";\n  }\n"])), function (_a) {
+var StyledSwitch = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: all 0.2s ease-out;\n  position: relative;\n\n  height: ", "px;\n  width: ", "px;\n\n  border: 1px solid\n    ", ";\n  border-radius: 50px;\n\n  margin-right: ", ";\n  margin-left: ", ";\n\n  background-color: ", ";\n\n  &::before {\n    transition: all 0.2s ease-in-out;\n    content: '';\n    display: block;\n    position: absolute;\n    height: ", "px;\n    width: ", "px;\n    top: 50%;\n    transform: translateY(-50%);\n    left: ", ";\n    border-radius: 100%;\n    background-color: ", ";\n  }\n"], ["\n  transition: all 0.2s ease-out;\n  position: relative;\n\n  height: ", "px;\n  width: ", "px;\n\n  border: 1px solid\n    ", ";\n  border-radius: 50px;\n\n  margin-right: ", ";\n  margin-left: ", ";\n\n  background-color: ", ";\n\n  &::before {\n    transition: all 0.2s ease-in-out;\n    content: '';\n    display: block;\n    position: absolute;\n    height: ", "px;\n    width: ", "px;\n    top: 50%;\n    transform: translateY(-50%);\n    left: ", ";\n    border-radius: 100%;\n    background-color: ", ";\n  }\n"])), function (_a) {
     var size = _a.size;
     return sizes_1.SIZE_TO_PX[size] - 5;
 }, function (_a) {
@@ -71,7 +71,7 @@ var StyledSwitch = styled_components_1["default"].div(templateObject_1 || (templ
         ? (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined), 0.2)
         : (0, colors_1.getReadableColor)(theme, undefined, undefined);
 });
-var StyledCheckbox = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 0px;\n  transition: all 0.1s linear;\n\n  height: ", "px;\n  font-size: ", "px;\n\n  flex: ", ";\n\n  opacity: ", ";\n  pointer-events: ", ";\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n\n    > ", " {\n      border-color: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 0px;\n  transition: all 0.1s linear;\n\n  height: ", "px;\n  font-size: ", "px;\n\n  flex: ", ";\n\n  opacity: ", ";\n  pointer-events: ", ";\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n\n    > ", " {\n      border-color: ", ";\n    }\n  }\n"])), function (_a) {
+var StyledCheckbox = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 0px;\n  transition: all 0.2s ease-out;\n\n  height: ", "px;\n  font-size: ", "px;\n\n  flex: ", ";\n\n  opacity: ", ";\n  pointer-events: ", ";\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n\n    > ", " {\n      border-color: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 0px;\n  transition: all 0.2s ease-out;\n\n  height: ", "px;\n  font-size: ", "px;\n\n  flex: ", ";\n\n  opacity: ", ";\n  pointer-events: ", ";\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n\n    > ", " {\n      border-color: ", ";\n    }\n  }\n"])), function (_a) {
     var size = _a.size;
     return sizes_1.SIZE_TO_PX[size];
 }, function (_a) {

package/dist/components/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Drawer/index.d.ts

@@ -18,6 +18,7 @@ export interface IReqoreDrawerProps extends React.HTMLAttributes<HTMLDivElement>
     flat?: boolean;
     floating?: boolean;
     padded?: boolean;
+    blur?: number;
 }
 export interface IReqoreDrawerStyle extends IReqoreDrawerProps {
     theme: IReqoreTheme;
@@ -31,5 +32,5 @@ export declare const StyledVerticalDrawer: any;
 export declare const StyledHorizontalDrawer: any;
 export declare const StyledCloseWrapper: any;
 export declare const StyledBackdrop: any;
-export declare const ReqoreDrawer: ({ children, isOpen, isHidden, customTheme, position, maxSize, minSize, onClose, hasBackdrop, size, resizable, hidable, onHideToggle, className, flat, floating, ...rest }: IReqoreDrawerProps) => JSX.Element;
+export declare const ReqoreDrawer: ({ children, isOpen, isHidden, customTheme, position, maxSize, minSize, onClose, hasBackdrop, size, resizable, hidable, onHideToggle, className, flat, floating, blur, ...rest }: IReqoreDrawerProps) => JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAQrD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,KAkBxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,KAahC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAalC,CAAC;AAEF,eAAO,MAAM,kBAAkB,KA+C9B,CAAC;AAEF,eAAO,MAAM,cAAc,KAY1B,CAAC;AAkBF,eAAO,MAAM,YAAY,8KAkBtB,kBAAkB,gBAsKpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAQrD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,KAsBxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,KAahC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAalC,CAAC;AAEF,eAAO,MAAM,kBAAkB,KA+C9B,CAAC;AAEF,eAAO,MAAM,cAAc,KAY1B,CAAC;AAkBF,eAAO,MAAM,YAAY,oLAmBtB,kBAAkB,gBAwKpB,CAAC"}

package/dist/components/Drawer/index.js

@@ -63,7 +63,7 @@ var colors_1 = require("../../helpers/colors");
 var useLatestZIndex_1 = __importDefault(require("../../hooks/useLatestZIndex"));
 var useTheme_1 = require("../../hooks/useTheme");
 var Button_1 = __importDefault(require("../Button"));
-exports.StyledDrawer = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  border-radius: ", "px;\n  padding: ", "px;\n  box-shadow: ", ";\n  overflow: hidden;\n  display: flex;\n  flex-flow: column;\n  transition: all 0.2s ease-in-out;\n\n  ", "\n"], ["\n  background-color: ", ";\n  color: ", ";\n  border-radius: ", "px;\n  padding: ", "px;\n  box-shadow: ", ";\n  overflow: hidden;\n  display: flex;\n  flex-flow: column;\n  transition: all 0.2s ease-in-out;\n\n  ", "\n"])), function (_a) {
+exports.StyledDrawer = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  border-radius: ", "px;\n  padding: ", "px;\n  box-shadow: ", ";\n  overflow: hidden;\n  display: flex;\n  flex-flow: column;\n  transition: all 0.2s ease-in-out;\n\n  // Only apply the blur filter if the modal has no backdrop & transparent background.\n  backdrop-filter: ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  color: ", ";\n  border-radius: ", "px;\n  padding: ", "px;\n  box-shadow: ", ";\n  overflow: hidden;\n  display: flex;\n  flex-flow: column;\n  transition: all 0.2s ease-in-out;\n\n  // Only apply the blur filter if the modal has no backdrop & transparent background.\n  backdrop-filter: ", ";\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
     return (0, polished_1.rgba)((0, colors_1.getMainBackgroundColor)(theme), opacity);
 }, function (_a) {
@@ -78,6 +78,9 @@ exports.StyledDrawer = styled_components_1["default"].div(templateObject_2 || (t
 }, function (_a) {
     var floating = _a.floating;
     return floating ? "0px 0px 30px 0px " + (0, polished_1.rgba)('#000000', 0.4) : undefined;
+}, function (_a) {
+    var blur = _a.blur, opacity = _a.opacity, hasBackdrop = _a.hasBackdrop;
+    return blur && !hasBackdrop && opacity < 1 ? "blur(" + blur + "px)" : undefined;
 }, function (_a) {
     var theme = _a.theme, flat = _a.flat, floating = _a.floating;
     return !flat && floating
@@ -106,7 +109,10 @@ exports.StyledCloseWrapper = styled_components_1["default"].div(templateObject_1
             return (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n          display: flex;\n          flex-flow: column;\n          top: 0;\n          margin-left: -30px;\n          > * {\n            margin-top: 5px;\n          }\n        "], ["\n          display: flex;\n          flex-flow: column;\n          top: 0;\n          margin-left: -30px;\n          > * {\n            margin-top: 5px;\n          }\n        "])));
     }
 });
-exports.StyledBackdrop = (0, styled_components_1["default"])(web_1.animated.div)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: ", ";\n  background-color: ", ";\n  cursor: ", ";\n  transition: all 0.2s ease-in-out;\n"], ["\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: ", ";\n  background-color: ", ";\n  cursor: ", ";\n  transition: all 0.2s ease-in-out;\n"])), function (_a) {
+exports.StyledBackdrop = (0, styled_components_1["default"])(web_1.animated.div)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: ", ";\n  z-index: ", ";\n  background-color: ", ";\n  cursor: ", ";\n"], ["\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: ", ";\n  z-index: ", ";\n  background-color: ", ";\n  cursor: ", ";\n"])), function (_a) {
+    var blur = _a.blur;
+    return (blur ? "blur(" + blur + "px)" : undefined);
+}, function (_a) {
     var zIndex = _a.zIndex;
     return zIndex;
 }, function (_a) {
@@ -130,7 +136,7 @@ var getHideShowIcon = function (position, isHidden) {
 };
 var ReqoreDrawer = function (_a) {
     var _b, _c, _d;
-    var children = _a.children, isOpen = _a.isOpen, isHidden = _a.isHidden, customTheme = _a.customTheme, _e = _a.position, position = _e === void 0 ? 'right' : _e, maxSize = _a.maxSize, _f = _a.minSize, minSize = _f === void 0 ? '55px' : _f, onClose = _a.onClose, hasBackdrop = _a.hasBackdrop, size = _a.size, resizable = _a.resizable, hidable = _a.hidable, onHideToggle = _a.onHideToggle, className = _a.className, flat = _a.flat, floating = _a.floating, rest = __rest(_a, ["children", "isOpen", "isHidden", "customTheme", "position", "maxSize", "minSize", "onClose", "hasBackdrop", "size", "resizable", "hidable", "onHideToggle", "className", "flat", "floating"]);
+    var children = _a.children, isOpen = _a.isOpen, isHidden = _a.isHidden, customTheme = _a.customTheme, _e = _a.position, position = _e === void 0 ? 'right' : _e, maxSize = _a.maxSize, _f = _a.minSize, minSize = _f === void 0 ? '55px' : _f, onClose = _a.onClose, hasBackdrop = _a.hasBackdrop, size = _a.size, resizable = _a.resizable, hidable = _a.hidable, onHideToggle = _a.onHideToggle, className = _a.className, flat = _a.flat, floating = _a.floating, blur = _a.blur, rest = __rest(_a, ["children", "isOpen", "isHidden", "customTheme", "position", "maxSize", "minSize", "onClose", "hasBackdrop", "size", "resizable", "hidable", "onHideToggle", "className", "flat", "floating", "blur"]);
     var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme);
     var layout = (0, react_1.useMemo)(function () { return (position === 'top' || position === 'bottom' ? 'horizontal' : 'vertical'); }, [position]);
     var _g = (0, react_1.useState)(isHidden || false), _isHidden = _g[0], setIsHidden = _g[1];
@@ -156,7 +162,7 @@ var ReqoreDrawer = function (_a) {
     var zIndex = (0, useLatestZIndex_1["default"])();
     return transitions(function (styles, item) {
         return item
-            ? (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: [hasBackdrop && !_isHidden ? ((0, jsx_runtime_1.jsx)(exports.StyledBackdrop, { className: 'reqore-drawer-backdrop', onClick: function () { return onClose && onClose(); }, closable: !!onClose, zIndex: zIndex, style: {
+            ? (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: [hasBackdrop && !_isHidden ? ((0, jsx_runtime_1.jsx)(exports.StyledBackdrop, { className: 'reqore-drawer-backdrop', onClick: function () { return onClose && onClose(); }, closable: !!onClose, zIndex: zIndex, blur: blur, style: {
                             opacity: styles.opacity
                         } }, void 0)) : null, (0, jsx_runtime_1.jsxs)(re_resizable_1.Resizable, __assign({ className: 'reqore-drawer-resizable', maxHeight: layout === 'horizontal' ? maxSize : undefined, minHeight: layout === 'horizontal' ? (_isHidden ? 0 : minSize) : undefined, maxWidth: layout === 'vertical' ? maxSize : undefined, minWidth: layout === 'vertical' ? (_isHidden ? 0 : minSize) : undefined, as: web_1.animated.div, style: __assign({ zIndex: zIndex, display: 'flex', position: 'fixed', overflow: hidable ? undefined : 'hidden', top: position === 'top' || layout === 'vertical'
                                 ? floating
@@ -196,7 +202,7 @@ var ReqoreDrawer = function (_a) {
                         } }, { children: [onClose || hidable ? ((0, jsx_runtime_1.jsxs)(exports.StyledCloseWrapper, __assign({ className: 'reqore-drawer-controls', position: position, w: layout === 'vertical' && _isHidden ? 0 : _size.width, h: layout === 'horizontal' && _isHidden ? 0 : _size.height }, { children: [onClose && ((0, jsx_runtime_1.jsx)(Button_1["default"], { size: 'small', flat: flat, icon: 'CloseLine', onClick: function () { return onClose && onClose(); }, className: 'reqore-drawer-control reqore-drawer-close' }, void 0)), hidable && ((0, jsx_runtime_1.jsx)(Button_1["default"], { size: 'small', flat: flat, className: 'reqore-drawer-control reqore-drawer-hide', icon: getHideShowIcon(position, _isHidden), onClick: function () {
                                             setIsHidden(!_isHidden);
                                             onHideToggle && onHideToggle(!_isHidden);
-                                        } }, void 0))] }), void 0)) : null, !_isHidden && ((0, jsx_runtime_1.jsx)(Wrapper, __assign({}, rest, { flat: flat, className: (className || '') + " reqore-drawer", width: _size.width, height: _size.height, position: position, floating: floating }, { children: children }), void 0))] }), void 0)] }), void 0), document.querySelector('#reqore-portal'))
+                                        } }, void 0))] }), void 0)) : null, !_isHidden && ((0, jsx_runtime_1.jsx)(Wrapper, __assign({}, rest, { flat: flat, className: (className || '') + " reqore-drawer", width: _size.width, height: _size.height, position: position, floating: floating, blur: blur }, { children: children }), void 0))] }), void 0)] }), void 0), document.querySelector('#reqore-portal'))
             : null;
     });
 };