@qoretechnologies/reqore 0.25.3 → 0.25.5

package/__tests__/table.test.tsx

@@ -393,7 +393,7 @@ test('Cells on <Table /> are interactive', () => {
         dataId: 'data',
         columns: [
           { dataId: 'occupation', header: 'Ocuppation', width: 200 },
-          { dataId: 'group', header: 'Group', width: 150 },
+          { dataId: 'group', header: 'Groups', width: 150 },
         ],
       },
     ] as IReqoreTableColumn[],

package/__tests__/tree.test.tsx

@@ -1,11 +1,6 @@
 import { fireEvent, render } from '@testing-library/react';
 import React from 'react';
-import {
-  ReqoreContent,
-  ReqoreLayoutContent,
-  ReqoreTree,
-  ReqoreUIProvider,
-} from '../src';
+import { ReqoreContent, ReqoreLayoutContent, ReqoreTree, ReqoreUIProvider } from '../src';
 import MockObject from '../src/mock/object.json';
 
 test('Renders basic <Tree /> properly', () => {
@@ -22,7 +17,7 @@ test('Renders basic <Tree /> properly', () => {
   expect(document.querySelectorAll('.reqore-tree-toggle').length).toBe(7);
 });
 
-test('Shows types for <Tree /> properly', () => {
+test('Shows textarea for <Tree /> properly', () => {
   render(
     <ReqoreUIProvider>
       <ReqoreLayoutContent>
@@ -33,12 +28,12 @@ test('Shows types for <Tree /> properly', () => {
     </ReqoreUIProvider>
   );
 
-  fireEvent.click(document.querySelector('.reqore-tree-show-types'));
+  fireEvent.click(document.querySelector('.reqore-tree-as-text'));
 
-  expect(document.querySelectorAll('.reqore-tree-type').length).toBe(7);
+  expect(document.querySelectorAll('.reqore-textarea').length).toBe(1);
 });
 
-test('Shows textarea for <Tree /> properly', () => {
+test('<Tree /> items can be expanded and collapsed', () => {
   render(
     <ReqoreUIProvider>
       <ReqoreLayoutContent>
@@ -49,12 +44,16 @@ test('Shows textarea for <Tree /> properly', () => {
     </ReqoreUIProvider>
   );
 
-  fireEvent.click(document.querySelector('.reqore-tree-as-text'));
+  fireEvent.click(document.querySelector('.reqore-tree-toggle'));
 
-  expect(document.querySelectorAll('.reqore-textarea').length).toBe(1);
+  expect(document.querySelectorAll('.reqore-tree-label').length).toBe(20);
+
+  fireEvent.click(document.querySelector('.reqore-tree-toggle'));
+
+  expect(document.querySelectorAll('.reqore-tree-label').length).toBe(0);
 });
 
-test('<Tree /> items can be expanded and collapsed', () => {
+test('Shows types for <Tree /> properly', () => {
   render(
     <ReqoreUIProvider>
       <ReqoreLayoutContent>
@@ -65,13 +64,9 @@ test('<Tree /> items can be expanded and collapsed', () => {
     </ReqoreUIProvider>
   );
 
-  fireEvent.click(document.querySelector('.reqore-tree-toggle'));
-
-  expect(document.querySelectorAll('.reqore-tree-label').length).toBe(20);
-
-  fireEvent.click(document.querySelector('.reqore-tree-toggle'));
+  fireEvent.click(document.querySelector('.reqore-tree-show-types'));
 
-  expect(document.querySelectorAll('.reqore-tree-label').length).toBe(0);
+  expect(document.querySelectorAll('.reqore-tree-type').length).toBe(7);
 });
 
 test('Renders <Tree /> with clickable items', () => {

package/dist/components/Collection/item.d.ts

@@ -14,5 +14,5 @@ export interface IReqoreCollectionItemProps extends Omit<IReqorePanelProps, 'chi
     maxContentHeight?: number;
 }
 export declare const StyledCollectionItemContent: any;
-export declare const ReqoreCollectionItem: ({ flat, minimal, style, content, actions, tags, expandable, expandedContent, expandedActions, maxContentHeight, ...rest }: IReqoreCollectionItemProps) => JSX.Element;
+export declare const ReqoreCollectionItem: ({ flat, minimal, headerSize, style, content, actions, tags, expandable, expandedContent, expandedActions, maxContentHeight, ...rest }: IReqoreCollectionItemProps) => JSX.Element;
 //# sourceMappingURL=item.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Collection/item.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAEL,wBAAwB,EACxB,iBAAiB,EAElB,MAAM,UAAU,CAAC;AAElB,OAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAGpD,MAAM,WAAW,0BACf,SAAQ,IAAI,CACV,iBAAiB,EACf,UAAU,GACV,SAAS,GACT,aAAa,GACb,kBAAkB,GAClB,aAAa,GACb,0BAA0B,GAC1B,eAAe,CAClB;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3C,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACrC,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,2BAA2B,KAwBvC,CAAC;AAEF,eAAO,MAAM,oBAAoB,8HAY9B,0BAA0B,gBA8J5B,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Collection/item.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAEL,wBAAwB,EACxB,iBAAiB,EAElB,MAAM,UAAU,CAAC;AAElB,OAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAGpD,MAAM,WAAW,0BACf,SAAQ,IAAI,CACV,iBAAiB,EACf,UAAU,GACV,SAAS,GACT,aAAa,GACb,kBAAkB,GAClB,aAAa,GACb,0BAA0B,GAC1B,eAAe,CAClB;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3C,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACrC,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,2BAA2B,KAwBvC,CAAC;AAEF,eAAO,MAAM,oBAAoB,0IAa9B,0BAA0B,gBA8J5B,CAAC"}

package/dist/components/Collection/item.js

@@ -84,15 +84,15 @@ exports.StyledCollectionItemContent = styled_components_1["default"].div(templat
     return contentOverflows && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      &:after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 100px;\n        transition: 0.3s ease-in-out;\n        background: linear-gradient(\n          to top,\n          ", " 0%,\n          transparent 100%\n        );\n      }\n    "], ["\n      &:after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 100px;\n        transition: 0.3s ease-in-out;\n        background: linear-gradient(\n          to top,\n          ", " 0%,\n          transparent 100%\n        );\n      }\n    "])), (0, polished_1.rgba)((0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03), opacity));
 });
 var ReqoreCollectionItem = function (_a) {
-    var _b = _a.flat, flat = _b === void 0 ? true : _b, _c = _a.minimal, minimal = _c === void 0 ? true : _c, style = _a.style, content = _a.content, actions = _a.actions, tags = _a.tags, expandable = _a.expandable, expandedContent = _a.expandedContent, expandedActions = _a.expandedActions, maxContentHeight = _a.maxContentHeight, rest = __rest(_a, ["flat", "minimal", "style", "content", "actions", "tags", "expandable", "expandedContent", "expandedActions", "maxContentHeight"]);
-    var _d = (0, react_1.useState)(false), isSelected = _d[0], setIsSelected = _d[1];
+    var _b = _a.flat, flat = _b === void 0 ? true : _b, _c = _a.minimal, minimal = _c === void 0 ? true : _c, _d = _a.headerSize, headerSize = _d === void 0 ? 3 : _d, style = _a.style, content = _a.content, actions = _a.actions, tags = _a.tags, expandable = _a.expandable, expandedContent = _a.expandedContent, expandedActions = _a.expandedActions, maxContentHeight = _a.maxContentHeight, rest = __rest(_a, ["flat", "minimal", "headerSize", "style", "content", "actions", "tags", "expandable", "expandedContent", "expandedActions", "maxContentHeight"]);
+    var _e = (0, react_1.useState)(false), isSelected = _e[0], setIsSelected = _e[1];
     var getAndIncreaseZIndex = (0, react_1.useContext)(ReqoreContext_1["default"]).getAndIncreaseZIndex;
     var ref = (0, react_1.useRef)(null);
-    var _e = (0, react_use_1.useMeasure)(), contentRef = _e[0], sizes = _e[1];
+    var _f = (0, react_use_1.useMeasure)(), contentRef = _f[0], sizes = _f[1];
     var originalDimensions = (0, react_1.useRef)(null);
-    var _f = (0, react_1.useState)(undefined), position = _f[0], setPosition = _f[1];
+    var _g = (0, react_1.useState)(undefined), position = _g[0], setPosition = _g[1];
     var theme = (0, useTheme_1.useReqoreTheme)('main', rest.customTheme, rest.intent);
-    var _g = (0, react_1.useState)({
+    var _h = (0, react_1.useState)({
         minWidth: undefined,
         minHeight: undefined,
         maxWidth: undefined,
@@ -102,7 +102,7 @@ var ReqoreCollectionItem = function (_a) {
         left: undefined,
         top: undefined,
         transform: undefined
-    }), dimensions = _g[0], setDimensions = _g[1];
+    }), dimensions = _h[0], setDimensions = _h[1];
     (0, react_1.useEffect)(function () {
         if (isSelected) {
             setPosition('fixed');
@@ -159,7 +159,7 @@ var ReqoreCollectionItem = function (_a) {
             ? __spreadArray(__spreadArray([], (actions || []), true), [{ icon: 'CloseLine', onClick: handleItemClick }], false) : (0, lodash_1.size)(actions)
             ? [{ icon: 'More2Fill', actions: actions }]
             : undefined;
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [position && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: __assign({}, originalDimensions.current) }), (0, jsx_runtime_1.jsx)(Drawer_1.StyledBackdrop, { zIndex: getAndIncreaseZIndex(), blur: 5, closable: true, onClick: handleItemClick })] })), (0, jsx_runtime_1.jsxs)(Panel_1.ReqorePanel, __assign({}, rest, { flat: flat, headerSize: 3, ref: ref, minimal: minimal, bottomActions: isSelected ? expandedActions : undefined, style: __assign(__assign(__assign(__assign({}, style), { position: position, zIndex: isSelected ? getAndIncreaseZIndex() : undefined }), dimensions), { transformOrigin: 'center' }), onClick: (expandable && !isSelected) || rest.onClick ? handleItemClick : undefined, actions: actualActions, className: "reqore-collection-item ".concat(rest.className || '') }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledCollectionItemContent, __assign({ theme: theme, opacity: rest.opacity, providedHeight: isSelected ? undefined : maxContentHeight, contentOverflows: !isSelected && (sizes === null || sizes === void 0 ? void 0 : sizes.height) > maxContentHeight }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ ref: contentRef }, { children: actualContent })) })), (0, lodash_1.size)(tags) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { height: 10 }), (0, jsx_runtime_1.jsx)(group_1["default"], __assign({ size: isSelected ? 'normal' : 'small' }, { children: (0, lodash_1.map)(tags, function (tagProps, index) { return ((0, jsx_runtime_1.jsx)(Tag_1["default"], __assign({}, tagProps), index)); }) }))] })) : null] }))] }));
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [position && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: __assign({}, originalDimensions.current) }), (0, jsx_runtime_1.jsx)(Drawer_1.StyledBackdrop, { zIndex: getAndIncreaseZIndex(), blur: 5, closable: true, onClick: handleItemClick })] })), (0, jsx_runtime_1.jsxs)(Panel_1.ReqorePanel, __assign({ flat: flat, headerSize: headerSize, ref: ref, minimal: minimal }, rest, { bottomActions: isSelected ? expandedActions : undefined, style: __assign(__assign(__assign(__assign({}, style), { position: position, zIndex: isSelected ? getAndIncreaseZIndex() : undefined }), dimensions), { transformOrigin: 'center' }), onClick: (expandable && !isSelected) || rest.onClick ? handleItemClick : undefined, actions: actualActions, className: "reqore-collection-item ".concat(rest.className || '') }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledCollectionItemContent, __assign({ theme: theme, opacity: rest.opacity, providedHeight: isSelected ? undefined : maxContentHeight, contentOverflows: !isSelected && (sizes === null || sizes === void 0 ? void 0 : sizes.height) > maxContentHeight }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ ref: contentRef }, { children: actualContent })) })), (0, lodash_1.size)(tags) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { height: 10 }), (0, jsx_runtime_1.jsx)(group_1["default"], __assign({ size: isSelected ? 'normal' : 'small' }, { children: (0, lodash_1.map)(tags, function (tagProps, index) { return ((0, jsx_runtime_1.jsx)(Tag_1["default"], __assign({}, tagProps), index)); }) }))] })) : null] }))] }));
     };
     return isSelected ? renderContent() : renderContent();
 };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InternalPopover/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAIzF,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AA+EhE,MAAM,WAAW,2BAA4B,SAAQ,YAAY;CAAG;AAEpE,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAgG1D,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InternalPopover/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAIzF,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AA0FhE,MAAM,WAAW,2BAA4B,SAAQ,YAAY;CAAG;AAEpE,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA+G1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/InternalPopover/index.js

@@ -50,28 +50,41 @@ var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"))
 var PopoverContext_1 = __importDefault(require("../../context/PopoverContext"));
 var animations_1 = require("../../helpers/animations");
 var colors_1 = require("../../helpers/colors");
+var Drawer_1 = require("../Drawer");
 var StyledPopoverArrow = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 10px;\n  height: 10px;\n  position: absolute;\n  z-index: -1;\n\n  &:before {\n    content: '';\n    display: block;\n    width: 10px;\n    height: 10px;\n    position: absolute;\n    z-index: -1;\n    transform: rotate(45deg);\n    ", "\n  }\n"], ["\n  width: 10px;\n  height: 10px;\n  position: absolute;\n  z-index: -1;\n\n  &:before {\n    content: '';\n    display: block;\n    width: 10px;\n    height: 10px;\n    position: absolute;\n    z-index: -1;\n    transform: rotate(45deg);\n    ", "\n  }\n"])), function (_a) {
     var _b;
-    var theme = _a.theme;
-    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n      box-shadow: rgba(31, 26, 34, 0.6) 0px 0px 4px;\n    "], ["\n      background-color: ", ";\n      box-shadow: rgba(31, 26, 34, 0.6) 0px 0px 4px;\n    "])), ((_b = theme.popover) === null || _b === void 0 ? void 0 : _b.main) || theme.main);
+    var theme = _a.theme, opaque = _a.opaque;
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n      box-shadow: ", ";\n    "], ["\n      background-color: ", ";\n      box-shadow: ", ";\n    "])), ((_b = theme.popover) === null || _b === void 0 ? void 0 : _b.main) || theme.main, opaque ? undefined : 'rgba(31, 26, 34, 0.6) 0px 0px 4px');
 });
-var StyledPopoverWrapper = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  animation: 0.2s ", " ease-out;\n\n  ", "\n\n  &[data-popper-placement^='top'] > ", " {\n    bottom: -5px;\n  }\n\n  &[data-popper-placement^='bottom'] > ", " {\n    top: -5px;\n  }\n\n  &[data-popper-placement^='left'] > ", " {\n    right: -5px;\n  }\n\n  &[data-popper-placement^='right'] > ", " {\n    left: -5px;\n  }\n\n  &[data-popper-reference-hidden='true'] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n"], ["\n  animation: 0.2s ", " ease-out;\n\n  ", "\n\n  &[data-popper-placement^='top'] > ", " {\n    bottom: -5px;\n  }\n\n  &[data-popper-placement^='bottom'] > ", " {\n    top: -5px;\n  }\n\n  &[data-popper-placement^='left'] > ", " {\n    right: -5px;\n  }\n\n  &[data-popper-placement^='right'] > ", " {\n    left: -5px;\n  }\n\n  &[data-popper-reference-hidden='true'] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n"])), animations_1.fadeIn, function (_a) {
+var StyledPopoverWrapper = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  animation: 0.2s ", " ease-out;\n  max-width: ", ";\n  max-height: ", ";\n\n  ", "\n\n  &[data-popper-placement^='top'] > ", " {\n    bottom: -5px;\n  }\n\n  &[data-popper-placement^='bottom'] > ", " {\n    top: -5px;\n  }\n\n  &[data-popper-placement^='left'] > ", " {\n    right: -5px;\n  }\n\n  &[data-popper-placement^='right'] > ", " {\n    left: -5px;\n  }\n\n  &[data-popper-reference-hidden='true'] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n"], ["\n  animation: 0.2s ", " ease-out;\n  max-width: ", ";\n  max-height: ", ";\n\n  ", "\n\n  &[data-popper-placement^='top'] > ", " {\n    bottom: -5px;\n  }\n\n  &[data-popper-placement^='bottom'] > ", " {\n    top: -5px;\n  }\n\n  &[data-popper-placement^='left'] > ", " {\n    right: -5px;\n  }\n\n  &[data-popper-placement^='right'] > ", " {\n    left: -5px;\n  }\n\n  &[data-popper-reference-hidden='true'] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n"])), animations_1.fadeIn, function (_a) {
+    var _b = _a.maxWidth, maxWidth = _b === void 0 ? '80vw' : _b;
+    return maxWidth;
+}, function (_a) {
+    var _b = _a.maxHeight, maxHeight = _b === void 0 ? '80vh' : _b;
+    return maxHeight;
+}, function (_a) {
     var _b;
-    var theme = _a.theme;
+    var theme = _a.theme, opaque = _a.opaque;
     var defaultColor = ((_b = theme.popover) === null || _b === void 0 ? void 0 : _b.main) || theme.main;
-    return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      z-index: 999999;\n      background-color: ", ";\n      color: ", ";\n      border-radius: 5.5px;\n      box-shadow: rgba(31, 26, 34, 0.6) 0px 0px 4px;\n    "], ["\n      z-index: 999999;\n      background-color: ", ";\n      color: ", ";\n      border-radius: 5.5px;\n      box-shadow: rgba(31, 26, 34, 0.6) 0px 0px 4px;\n    "])), defaultColor, (0, colors_1.getReadableColor)(theme, undefined, undefined, false, defaultColor));
+    if (opaque) {
+        return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        z-index: 999999;\n        background-color: transparent;\n      "], ["\n        z-index: 999999;\n        background-color: transparent;\n      "])));
+    }
+    return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      z-index: 999999;\n      background-color: ", ";\n      color: ", ";\n      border-radius: 5.5px;\n      box-shadow: rgba(31, 26, 34, 0.6) 0px 0px 4px;\n    "], ["\n      z-index: 999999;\n      background-color: ", ";\n      color: ", ";\n      border-radius: 5.5px;\n      box-shadow: rgba(31, 26, 34, 0.6) 0px 0px 4px;\n    "])), defaultColor, (0, colors_1.getReadableColor)(theme, undefined, undefined, false, defaultColor));
 }, StyledPopoverArrow, StyledPopoverArrow, StyledPopoverArrow, StyledPopoverArrow);
-var StyledPopoverContent = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  padding: ", ";\n  z-index: 20;\n  position: relative;\n  overflow: hidden;\n  background-color: ", ";\n  border-radius: 3.5px;\n\n  .reqore-popover-text {\n    font-size: 14px;\n  }\n"], ["\n  width: 100%;\n  height: 100%;\n  padding: ", ";\n  z-index: 20;\n  position: relative;\n  overflow: hidden;\n  background-color: ", ";\n  border-radius: 3.5px;\n\n  .reqore-popover-text {\n    font-size: 14px;\n  }\n"])), function (_a) {
+var StyledPopoverContent = styled_components_1["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  padding: ", ";\n  z-index: 20;\n  position: relative;\n  overflow: hidden;\n  background-color: ", ";\n  border-radius: ", ";\n\n  .reqore-popover-text {\n    font-size: 14px;\n  }\n"], ["\n  width: 100%;\n  height: 100%;\n  padding: ", ";\n  z-index: 20;\n  position: relative;\n  overflow: hidden;\n  background-color: ", ";\n  border-radius: ", ";\n\n  .reqore-popover-text {\n    font-size: 14px;\n  }\n"])), function (_a) {
     var isString = _a.isString;
     return (isString ? '8px' : '0px');
 }, function (_a) {
     var _b;
-    var theme = _a.theme;
-    return ((_b = theme.popover) === null || _b === void 0 ? void 0 : _b.main) || theme.main;
+    var theme = _a.theme, opaque = _a.opaque;
+    return opaque ? 'transparent' : ((_b = theme.popover) === null || _b === void 0 ? void 0 : _b.main) || theme.main;
+}, function (_a) {
+    var opaque = _a.opaque;
+    return (opaque ? undefined : '3.5px');
 });
 var InternalPopover = function (_a) {
     var _b, _c;
-    var targetElement = _a.targetElement, content = _a.content, id = _a.id, placement = _a.placement, noArrow = _a.noArrow, useTargetWidth = _a.useTargetWidth;
+    var targetElement = _a.targetElement, content = _a.content, id = _a.id, placement = _a.placement, noArrow = _a.noArrow, useTargetWidth = _a.useTargetWidth, opaque = _a.opaque, maxWidth = _a.maxWidth, maxHeight = _a.maxHeight, blur = _a.blur;
     var _d = (0, react_1.useContext)(PopoverContext_1["default"]), removePopover = _d.removePopover, updatePopover = _d.updatePopover, uiScale = _d.uiScale;
     var _e = (0, react_1.useState)(null), popperElement = _e[0], setPopperElement = _e[1];
     var _f = (0, react_1.useState)(null), arrowElement = _f[0], setArrowElement = _f[1];
@@ -97,6 +110,7 @@ var InternalPopover = function (_a) {
             },
         ]
     }), styles = _g.styles, attributes = _g.attributes;
+    console.log(opaque);
     (0, react_1.useEffect)(function () {
         if (popperRef.current) {
             updatePopover === null || updatePopover === void 0 ? void 0 : updatePopover(id, { popperRef: popperRef });
@@ -115,18 +129,18 @@ var InternalPopover = function (_a) {
         }
         return parseInt(axis, 10);
     });
-    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(StyledPopoverWrapper, __assign({ className: 'reqore-popover-content', ref: function (el) {
-                setPopperElement(el);
-                popperRef.current = el;
-            }, style: __assign(__assign({}, styles.popper), { transform: "translate(".concat((translateValues === null || translateValues === void 0 ? void 0 : translateValues[0]) || 0, "px, ").concat((translateValues === null || translateValues === void 0 ? void 0 : translateValues[1]) || 0, "px)"), width: useTargetWidth && (((_c = targetElement === null || targetElement === void 0 ? void 0 : targetElement.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.width) || undefined) }) }, attributes.popper, { children: [!noArrow && ((0, jsx_runtime_1.jsx)(StyledPopoverArrow, { ref: setArrowElement, style: styles.arrow, "data-popper-arrow": true })), (0, jsx_runtime_1.jsx)(StyledPopoverContent, __assign({ isString: (0, lodash_1.isString)(content) }, { children: (0, lodash_1.isString)(content) ? ((0, jsx_runtime_1.jsx)("span", __assign({ className: 'reqore-popover-text' }, { children: content }))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1["default"].Children.map(content, function (child) {
-                            return child
-                                ? react_1["default"].cloneElement(child, {
-                                    _insidePopover: true,
-                                    _popoverId: id
-                                })
-                                : null;
-                        }) })) }))] })) }));
+    return ((0, jsx_runtime_1.jsxs)(ThemeProvider_1["default"], { children: [blur > 0 ? (0, jsx_runtime_1.jsx)(Drawer_1.StyledBackdrop, { zIndex: 999998, blur: blur, closable: true }) : null, (0, jsx_runtime_1.jsxs)(StyledPopoverWrapper, __assign({ maxWidth: maxWidth, maxHeight: maxHeight, opaque: opaque, className: 'reqore-popover-content', ref: function (el) {
+                    setPopperElement(el);
+                    popperRef.current = el;
+                }, style: __assign(__assign({}, styles.popper), { transform: "translate(".concat((translateValues === null || translateValues === void 0 ? void 0 : translateValues[0]) || 0, "px, ").concat((translateValues === null || translateValues === void 0 ? void 0 : translateValues[1]) || 0, "px)"), width: useTargetWidth && (((_c = targetElement === null || targetElement === void 0 ? void 0 : targetElement.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.width) || undefined) }) }, attributes.popper, { children: [!noArrow && ((0, jsx_runtime_1.jsx)(StyledPopoverArrow, { opaque: opaque, ref: setArrowElement, style: styles.arrow, "data-popper-arrow": true })), (0, jsx_runtime_1.jsx)(StyledPopoverContent, __assign({ isString: (0, lodash_1.isString)(content), opaque: opaque }, { children: (0, lodash_1.isString)(content) ? ((0, jsx_runtime_1.jsx)("span", __assign({ className: 'reqore-popover-text' }, { children: content }))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1["default"].Children.map(content, function (child) {
+                                return child
+                                    ? react_1["default"].cloneElement(child, {
+                                        _insidePopover: true,
+                                        _popoverId: id
+                                    })
+                                    : null;
+                            }) })) }))] }))] }));
 };
 exports["default"] = InternalPopover;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { TSizes } from '../../constants/sizes';
 import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
+import { IWithReqoreCustomTheme } from '../../types/global';
 import { IReqoreIconName } from '../../types/icons';
-export interface IReqoreMessageProps {
+export interface IReqoreMessageProps extends IWithReqoreCustomTheme, React.HTMLAttributes<HTMLDivElement> {
     intent?: TReqoreIntent;
     title?: string;
     children: any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAkB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWpD,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiGhD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAkB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWpD,MAAM,WAAW,mBACf,SAAQ,sBAAsB,EAC5B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwGhD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Message/index.js

@@ -10,20 +10,34 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
+var react_2 = require("react");
 var react_use_1 = require("react-use");
 var sizes_1 = require("../../constants/sizes");
 var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
+var useTheme_1 = require("../../hooks/useTheme");
 var Icon_1 = __importDefault(require("../Icon"));
 var notification_1 = require("../Notifications/notification");
-var ReqoreMessage = (0, react_1.forwardRef)(function (_a, ref) {
-    var intent = _a.intent, icon = _a.icon, title = _a.title, children = _a.children, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, flat = _a.flat, inverted = _a.inverted, _b = _a.size, size = _b === void 0 ? 'normal' : _b;
-    var _c = (0, react_1.useState)(null), internalTimeout = _c[0], setInternalTimeout = _c[1];
+var ReqoreMessage = (0, react_2.forwardRef)(function (_a, ref) {
+    var intent = _a.intent, icon = _a.icon, title = _a.title, children = _a.children, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, flat = _a.flat, inverted = _a.inverted, _b = _a.size, size = _b === void 0 ? 'normal' : _b, customTheme = _a.customTheme, rest = __rest(_a, ["intent", "icon", "title", "children", "onClose", "onClick", "duration", "onFinish", "flat", "inverted", "size", "customTheme"]);
+    var _c = (0, react_2.useState)(null), internalTimeout = _c[0], setInternalTimeout = _c[1];
+    var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
     (0, react_use_1.useMount)(function () {
         if (duration) {
             setInternalTimeout(setTimeout(function () {
@@ -31,7 +45,7 @@ var ReqoreMessage = (0, react_1.forwardRef)(function (_a, ref) {
             }, duration));
         }
     });
-    (0, react_1.useEffect)(function () {
+    (0, react_2.useEffect)(function () {
         if (internalTimeout) {
             clearTimeout(internalTimeout);
             setInternalTimeout(setTimeout(function () {
@@ -44,11 +58,14 @@ var ReqoreMessage = (0, react_1.forwardRef)(function (_a, ref) {
             clearTimeout(internalTimeout);
         }
     });
-    var leftIcon = (0, react_1.useMemo)(function () { return icon || (intent ? notification_1.typeToIcon[intent] : undefined); }, [icon, intent]);
-    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(notification_1.StyledReqoreNotification, __assign({ intent: intent, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, inverted: inverted, fluid: true, className: 'reqore-message', ref: ref, size: size }, { children: [leftIcon ? ((0, jsx_runtime_1.jsx)(notification_1.StyledIconWrapper, __assign({ intent: intent, size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: leftIcon, margin: flat && inverted ? undefined : 'left', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }) }))) : null, (0, jsx_runtime_1.jsxs)(notification_1.StyledNotificationContentWrapper, __assign({ size: size }, { children: [title && (0, jsx_runtime_1.jsx)(notification_1.StyledNotificationTitle, { children: title }), (0, jsx_runtime_1.jsx)(notification_1.StyledNotificationContent, { children: children })] })), onClose && ((0, jsx_runtime_1.jsx)(notification_1.StyledIconWrapper, __assign({ size: size, intent: intent, clickable: true, className: 'reqore-message-close', onClick: function (event) {
-                        event.stopPropagation();
-                        onClose && onClose();
-                    } }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseFill', margin: 'both', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }) })))] }), "".concat(duration).concat(intent).concat(title).concat(children)) }));
+    var leftIcon = (0, react_2.useMemo)(function () { return icon || (intent ? notification_1.typeToIcon[intent] : undefined); }, [icon, intent]);
+    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, react_1.createElement)(notification_1.StyledReqoreNotification, __assign({}, rest, { key: "".concat(duration).concat(intent).concat(title).concat(children), intent: intent, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, inverted: inverted, asMessage: true, fluid: true, className: "".concat((rest === null || rest === void 0 ? void 0 : rest.className) || '', " reqore-message"), ref: ref, size: size, theme: theme }),
+            leftIcon ? ((0, jsx_runtime_1.jsx)(notification_1.StyledIconWrapper, __assign({ intent: intent, size: size, theme: theme }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: leftIcon, margin: flat && inverted ? undefined : 'left', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }) }))) : null,
+            (0, jsx_runtime_1.jsxs)(notification_1.StyledNotificationContentWrapper, __assign({ size: size, theme: theme }, { children: [title && (0, jsx_runtime_1.jsx)(notification_1.StyledNotificationTitle, __assign({ theme: theme }, { children: title })), (0, jsx_runtime_1.jsx)(notification_1.StyledNotificationContent, __assign({ theme: theme }, { children: children }))] })),
+            onClose && ((0, jsx_runtime_1.jsx)(notification_1.StyledIconWrapper, __assign({ theme: theme, size: size, intent: intent, clickable: true, className: 'reqore-message-close', onClick: function (event) {
+                    event.stopPropagation();
+                    onClose && onClose();
+                } }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseFill', margin: 'both', size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }) })))) }));
 });
 exports["default"] = ReqoreMessage;
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/Notifications/notification.d.ts

@@ -29,6 +29,7 @@ export interface IReqoreNotificationStyle {
     flat?: boolean;
     inverted?: boolean;
     size?: TSizes;
+    asMessage?: boolean;
 }
 export declare const StyledReqoreNotification: any;
 export declare const StyledIconWrapper: any;

package/dist/components/Notifications/notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAsD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AASpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,oBAAY,uBAAuB,GAAG,aAAa,CAAC;AAEpD,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAWD,eAAO,MAAM,wBAAwB,KAkEpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAwB7B,CAAC;AAEF,eAAO,MAAM,gCAAgC,KAO5C,CAAC;AAEF,eAAO,MAAM,uBAAuB,KAKnC,CAAC;AAEF,eAAO,MAAM,yBAAyB,KAMrC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,CAAA;CAOzD,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmG1D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAsD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AASpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,oBAAY,uBAAuB,GAAG,aAAa,CAAC;AAEpD,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAWD,eAAO,MAAM,wBAAwB,KA0EpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAwB7B,CAAC;AAEF,eAAO,MAAM,gCAAgC,KAO5C,CAAC;AAEF,eAAO,MAAM,uBAAuB,KAKnC,CAAC;AAEF,eAAO,MAAM,yBAAyB,KAMrC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,CAAA;CAOzD,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmG1D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/Notifications/notification.js

@@ -55,7 +55,7 @@ var animations_2 = require("../../helpers/animations");
 var colors_1 = require("../../helpers/colors");
 var Icon_1 = __importDefault(require("../Icon"));
 var timeoutAnimation = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    width: 100%;\n  }\n  100% {\n    width: 0;\n  }\n"], ["\n  0% {\n    width: 100%;\n  }\n  100% {\n    width: 0;\n  }\n"])));
-exports.StyledReqoreNotification = (0, styled_components_1["default"])(web_1.animated.div)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  min-width: ", ";\n  max-width: ", ";\n  border-radius: 5px;\n  min-height: ", "px;\n  display: flex;\n  flex: 0 1 auto;\n  overflow: auto;\n  position: relative;\n  transition: all 0.2s ease-out;\n  animation: 0.2s ", " ease-in;\n  font-size: ", "px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n\n  ", "\n"], ["\n  min-width: ", ";\n  max-width: ", ";\n  border-radius: 5px;\n  min-height: ", "px;\n  display: flex;\n  flex: 0 1 auto;\n  overflow: auto;\n  position: relative;\n  transition: all 0.2s ease-out;\n  animation: 0.2s ", " ease-in;\n  font-size: ", "px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n\n  ", "\n"])), function (_a) {
+exports.StyledReqoreNotification = (0, styled_components_1["default"])(web_1.animated.div)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  min-width: ", ";\n  max-width: ", ";\n  border-radius: 5px;\n  min-height: ", "px;\n  display: flex;\n  flex: 0 1 auto;\n  overflow: auto;\n  position: relative;\n  transition: all 0.2s ease-out;\n\n  // Do not fade in the component if it's a message\n  ", ";\n\n  font-size: ", "px;\n\n  &:not(:first-child) {\n    margin-top: ", ";\n  }\n\n  ", "\n"], ["\n  min-width: ", ";\n  max-width: ", ";\n  border-radius: 5px;\n  min-height: ", "px;\n  display: flex;\n  flex: 0 1 auto;\n  overflow: auto;\n  position: relative;\n  transition: all 0.2s ease-out;\n\n  // Do not fade in the component if it's a message\n  ", ";\n\n  font-size: ", "px;\n\n  &:not(:first-child) {\n    margin-top: ", ";\n  }\n\n  ", "\n"])), function (_a) {
     var fluid = _a.fluid;
     return (!fluid ? '200px' : undefined);
 }, function (_a) {
@@ -64,35 +64,43 @@ exports.StyledReqoreNotification = (0, styled_components_1["default"])(web_1.ani
 }, function (_a) {
     var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
     return sizes_1.TABS_SIZE_TO_PX[size];
-}, animations_2.fadeIn, function (_a) {
+}, function (_a) {
+    var asMessage = _a.asMessage;
+    return asMessage
+        ? undefined
+        : (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          animation: 0.2s ", " ease-in;\n        "], ["\n          animation: 0.2s ", " ease-in;\n        "])), animations_2.fadeIn);
+}, function (_a) {
     var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
     return sizes_1.TEXT_FROM_SIZE[size];
+}, function (_a) {
+    var asMessage = _a.asMessage;
+    return (asMessage ? undefined : "10px");
 }, function (_a) {
     var theme = _a.theme, type = _a.type, intent = _a.intent, clickable = _a.clickable, timeout = _a.timeout, hasShadow = _a.hasShadow, flat = _a.flat, inverted = _a.inverted;
-    return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    background-color: ", ";\n    border: ", ";\n    border-color: ", ";\n\n    ", "\n\n    ", "\n\n    color: ", ";\n\n    ", "\n  "], ["\n    background-color: ", ";\n    border: ", ";\n    border-color: ", ";\n\n    ", "\n\n    ", "\n\n    color: ", ";\n\n    ", "\n  "])), inverted ? 'transparent' : (0, colors_1.getNotificationIntent)(theme, intent || type), flat ? 0 : '1px solid', inverted
+    return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    background-color: ", ";\n    border: ", ";\n    border-color: ", ";\n\n    ", "\n\n    ", "\n\n    color: ", ";\n\n    ", "\n  "], ["\n    background-color: ", ";\n    border: ", ";\n    border-color: ", ";\n\n    ", "\n\n    ", "\n\n    color: ", ";\n\n    ", "\n  "])), inverted ? 'transparent' : (0, colors_1.getNotificationIntent)(theme, intent || type), flat ? 0 : '1px solid', inverted
         ? (0, colors_1.getNotificationIntent)(theme, intent || type)
-        : (0, polished_1.darken)(0.2, (0, colors_1.getNotificationIntent)(theme, intent || type)), hasShadow && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      box-shadow: 0px 0px 30px 10px ", ";\n    "], ["\n      box-shadow: 0px 0px 30px 10px ", ";\n    "])), (0, polished_1.rgba)('#000000', 0.3)), timeout && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      &::before {\n        content: '';\n        position: absolute;\n        display: block;\n        top: 0;\n        height: 3px;\n        background-color: ", ";\n        animation-name: ", ";\n        animation-duration: ", "ms;\n      }\n    "], ["\n      &::before {\n        content: '';\n        position: absolute;\n        display: block;\n        top: 0;\n        height: 3px;\n        background-color: ", ";\n        animation-name: ", ";\n        animation-duration: ", "ms;\n      }\n    "])), (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.1), timeoutAnimation, timeout), inverted && (intent || type)
+        : (0, polished_1.darken)(0.2, (0, colors_1.getNotificationIntent)(theme, intent || type)), hasShadow && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      box-shadow: 0px 0px 30px 10px ", ";\n    "], ["\n      box-shadow: 0px 0px 30px 10px ", ";\n    "])), (0, polished_1.rgba)('#000000', 0.3)), timeout && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      &::before {\n        content: '';\n        position: absolute;\n        display: block;\n        top: 0;\n        height: 3px;\n        background-color: ", ";\n        animation-name: ", ";\n        animation-duration: ", "ms;\n      }\n    "], ["\n      &::before {\n        content: '';\n        position: absolute;\n        display: block;\n        top: 0;\n        height: 3px;\n        background-color: ", ";\n        animation-name: ", ";\n        animation-duration: ", "ms;\n      }\n    "])), (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.1), timeoutAnimation, timeout), inverted && (intent || type)
         ? (0, colors_1.getNotificationIntent)(theme, intent || type)
-        : (0, colors_1.getReadableColorFrom)((0, colors_1.getNotificationIntent)(theme, intent || type), true), clickable && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    "], ["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    "])), inverted
+        : (0, colors_1.getReadableColorFrom)((0, colors_1.getNotificationIntent)(theme, intent || type), true), clickable && (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    "], ["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    "])), inverted
         ? (0, polished_1.rgba)((0, colors_1.changeDarkness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.2), 0.1)
         : (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.0625)));
 });
-exports.StyledIconWrapper = styled_components_1["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  min-height: ", "px;\n  flex: 0 1 auto;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-out;\n\n  ", "\n"], ["\n  min-height: ", "px;\n  flex: 0 1 auto;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-out;\n\n  ", "\n"])), function (_a) {
+exports.StyledIconWrapper = styled_components_1["default"].div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  min-height: ", "px;\n  flex: 0 1 auto;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-out;\n\n  ", "\n"], ["\n  min-height: ", "px;\n  flex: 0 1 auto;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-out;\n\n  ", "\n"])), function (_a) {
     var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
     return sizes_1.TABS_SIZE_TO_PX[size];
 }, function (_a) {
     var clickable = _a.clickable, theme = _a.theme, intent = _a.intent, type = _a.type;
-    return clickable && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      .reqore-icon {\n        transform: scale(0.85);\n      }\n\n      &:hover {\n        cursor: pointer;\n        background-color: ", ";\n        .reqore-icon {\n          transform: scale(1);\n        }\n      }\n    "], ["\n      .reqore-icon {\n        transform: scale(0.85);\n      }\n\n      &:hover {\n        cursor: pointer;\n        background-color: ", ";\n        .reqore-icon {\n          transform: scale(1);\n        }\n      }\n    "])), (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.02));
+    return clickable && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      .reqore-icon {\n        transform: scale(0.85);\n      }\n\n      &:hover {\n        cursor: pointer;\n        background-color: ", ";\n        .reqore-icon {\n          transform: scale(1);\n        }\n      }\n    "], ["\n      .reqore-icon {\n        transform: scale(0.85);\n      }\n\n      &:hover {\n        cursor: pointer;\n        background-color: ", ";\n        .reqore-icon {\n          transform: scale(1);\n        }\n      }\n    "])), (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.02));
 });
-exports.StyledNotificationContentWrapper = styled_components_1["default"].div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  flex: 1;\n  min-height: ", "px;\n  display: flex;\n  flex-flow: column;\n  justify-content: center;\n  padding: ", ";\n"], ["\n  flex: 1;\n  min-height: ", "px;\n  display: flex;\n  flex-flow: column;\n  justify-content: center;\n  padding: ", ";\n"])), function (_a) {
+exports.StyledNotificationContentWrapper = styled_components_1["default"].div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  flex: 1;\n  min-height: ", "px;\n  display: flex;\n  flex-flow: column;\n  justify-content: center;\n  padding: ", ";\n"], ["\n  flex: 1;\n  min-height: ", "px;\n  display: flex;\n  flex-flow: column;\n  justify-content: center;\n  padding: ", ";\n"])), function (_a) {
     var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
     return sizes_1.TABS_SIZE_TO_PX[size];
 }, function (_a) {
     var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
     return "".concat(sizes_1.PADDING_FROM_SIZE[size], "px");
 });
-exports.StyledNotificationTitle = styled_components_1["default"].h4(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  margin: 0 0 5px 0;\n  padding: 0;\n  display: flex;\n  align-items: center;\n"], ["\n  margin: 0 0 5px 0;\n  padding: 0;\n  display: flex;\n  align-items: center;\n"])));
-exports.StyledNotificationContent = styled_components_1["default"].p(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  flex: 1;\n  display: flex;\n  align-items: center;\n"], ["\n  margin: 0;\n  padding: 0;\n  flex: 1;\n  display: flex;\n  align-items: center;\n"])));
+exports.StyledNotificationTitle = styled_components_1["default"].h4(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  margin: 0 0 5px 0;\n  padding: 0;\n  display: flex;\n  align-items: center;\n"], ["\n  margin: 0 0 5px 0;\n  padding: 0;\n  display: flex;\n  align-items: center;\n"])));
+exports.StyledNotificationContent = styled_components_1["default"].p(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  flex: 1;\n  display: flex;\n  align-items: center;\n"], ["\n  margin: 0;\n  padding: 0;\n  flex: 1;\n  display: flex;\n  align-items: center;\n"])));
 exports.typeToIcon = {
     info: 'InformationLine',
     pending: 'TimerLine',
@@ -136,5 +144,5 @@ var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
     });
 });
 exports["default"] = ReqoreNotification;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
 //# sourceMappingURL=notification.js.map

package/dist/components/Notifications/notification.js.map

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

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

@@ -1,4 +1,5 @@
 import { ReactElement } from 'react';
+import { TSizes } from '../../constants/sizes';
 import { IReqoreTheme } from '../../constants/theme';
 import { IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreFlat, IWithReqoreSize, IWithReqoreTooltip } from '../../types/global';
 import { IReqoreIconName } from '../../types/icons';
@@ -35,6 +36,7 @@ export interface IReqorePanelProps extends IWithReqoreSize, IWithReqoreCustomThe
     blur?: number;
     minimal?: boolean;
     headerSize?: 1 | 2 | 3 | 4 | 5 | 6;
+    contentSize?: TSizes;
 }
 export interface IStyledPanel extends IReqorePanelProps {
     theme: IReqoreTheme;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,YAAY,EAAkC,MAAM,OAAO,CAAC;AAIjF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAUrD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAI7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB,EAAE,kBAAkB,EAAE,aAAa;IAC/F,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CAChD;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;CAAG;AAEvC,MAAM,WAAW,iBACf,SAAQ,eAAe,EACrB,sBAAsB,EACtB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,kBAAkB,GAAG,kBAAkB,EAAE,CAAC,EAAE,CAAC;IACxD,aAAa,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC3C,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,KA0CvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAyB5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,KAOpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAS9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAKjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAUlC,CAAC;AAEF,eAAO,MAAM,WAAW,uGAwNvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,YAAY,EAAkC,MAAM,OAAO,CAAC;AAGjF,OAAO,EAIL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAUrD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAI7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB,EAAE,kBAAkB,EAAE,aAAa;IAC/F,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CAChD;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;CAAG;AAEvC,MAAM,WAAW,iBACf,SAAQ,eAAe,EACrB,sBAAsB,EACtB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,kBAAkB,GAAG,kBAAkB,EAAE,CAAC,EAAE,CAAC;IACxD,aAAa,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC3C,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,KA6CvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAyB5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,KAOpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAU9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAKjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAUlC,CAAC;AAEF,eAAO,MAAM,WAAW,uGAgOvB,CAAC"}