@qoretechnologies/reqore 0.30.20 → 0.31.1

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/Paragraph/index.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
-export interface IReqoreParagraphStyle extends React.HTMLAttributes<HTMLHeadingElement> {
-    theme: IReqoreTheme;
-    intent?: TReqoreIntent;
+import { TSizes } from '../../constants/sizes';
+import { IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreEffect } from '../../types/global';
+export interface IReqoreParagraphProps extends React.HTMLAttributes<HTMLParagraphElement>, IWithReqoreCustomTheme, IWithReqoreEffect, IReqoreIntent {
+    size?: TSizes | string;
 }
-export declare const ReqoreP: React.FC<Omit<IReqoreParagraphStyle, 'theme'>>;
+export declare const StyledParagraph: any;
+export declare const ReqoreP: import("react").MemoExoticComponent<({ size, children, customTheme, intent, className, ...props }: IReqoreParagraphProps) => JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGpE,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACrF,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAQD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,OAAO,CAAC,CASlE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAkB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAG/D,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAG9F,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,sBAAsB,EACtB,iBAAiB,EACjB,aAAa;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,KAK3B,CAAC;AAEF,eAAO,MAAM,OAAO,qGAC6C,qBAAqB,iBAgBrF,CAAC"}

package/dist/components/Paragraph/index.js

@@ -14,29 +14,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 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)
@@ -48,17 +25,29 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 exports.__esModule = true;
-exports.ReqoreP = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var colors_1 = require("../../helpers/colors");
-var style = function (_a) {
+exports.ReqoreP = exports.StyledParagraph = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styled_components_1 = __importDefault(require("styled-components"));
+var sizes_1 = require("../../constants/sizes");
+var utils_1 = require("../../helpers/utils");
+var useTheme_1 = require("../../hooks/useTheme");
+var Effect_1 = require("../Effect");
+exports.StyledParagraph = (0, styled_components_1["default"])(Effect_1.StyledTextEffect)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n  font-size: ", ";\n"], ["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n  font-size: ", ";\n"])), function (_a) {
     var theme = _a.theme, intent = _a.intent;
-    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n"], ["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n"])), intent ? theme.intents[intent] : (0, colors_1.getReadableColor)(theme, undefined, undefined, true));
-};
-exports.ReqoreP = styled_components_1["default"].p.attrs(function (_a) {
-    var className = _a.className, rest = __rest(_a, ["className"]);
-    return (__assign(__assign({}, (rest || {})), { className: "".concat(className, " ").concat((rest === null || rest === void 0 ? void 0 : rest.intent) ? "reqore-paragraph-".concat(rest.intent, " ") : "", " reqore-paragraph") }));
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) { return style(props); });
-var templateObject_1, templateObject_2;
+    return (intent ? theme.intents[intent] : 'inherit');
+}, function (_a) {
+    var _size = _a._size;
+    return ((0, utils_1.isStringSize)(_size) ? "".concat(sizes_1.TEXT_FROM_SIZE[_size], "px") : _size);
+});
+exports.ReqoreP = (0, react_1.memo)(function (_a) {
+    var size = _a.size, children = _a.children, customTheme = _a.customTheme, intent = _a.intent, className = _a.className, props = __rest(_a, ["size", "children", "customTheme", "intent", "className"]);
+    var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
+    return ((0, jsx_runtime_1.jsx)(exports.StyledParagraph, __assign({ as: 'p', theme: theme, intent: intent }, props, { _size: size, className: "".concat(className || '', " reqore-paragraph") }, { children: children })));
+});
+var templateObject_1;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,+CAAwD;AAOxD,IAAM,KAAK,GAAG,UAAC,EAAwC;QAAtC,KAAK,WAAA,EAAE,MAAM,YAAA;IAA8B,WAAA,uBAAG,qHAAA,0CAGpD,EAAoF,KAC9F,KADU,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAHnC,CAI3D,CAAC;AAEW,QAAA,OAAO,GAAmD,8BAAM,CAAC,CAAC,CAAC,KAAK,CACnF,UAAC,EAA6C;IAA3C,IAAA,SAAS,eAAA,EAAK,IAAI,cAApB,aAAsB,CAAF;IAA8B,OAAA,uBAC9C,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,SAAS,EAAE,UAAG,SAAS,cACrB,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EAAC,CAAC,CAAC,2BAAoB,IAAI,CAAC,MAAM,MAAG,CAAC,CAAC,CAAC,EAAE,sBACrC,IACnB,CAAA;CAAA,CACH,gFAAuB,MACpB,EAA8C,KACjD,KADG,UAAC,KAA4B,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EAChD"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6B;AAC7B,wEAAuC;AACvC,+CAA+D;AAC/D,6CAAmD;AACnD,iDAAsD;AAEtD,oCAA6C;AAUhC,QAAA,eAAe,GAAG,IAAA,8BAAM,EAAC,yBAAgB,CAAC,wIAAA,0CAG5C,EAAmE,kBAC/D,EAA2E,KACzF,KAFU,UAAC,EAAiB;QAAf,KAAK,WAAA,EAAE,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAA5C,CAA4C,EAC/D,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAG,sBAAc,CAAC,KAAK,CAAC,OAAI,CAAC,CAAC,CAAC,KAAK,CAAC;AAA5D,CAA4D,EACxF;AAEW,QAAA,OAAO,GAAG,IAAA,YAAI,EACzB,UAAC,EAAmF;IAAjF,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA1D,0DAA4D,CAAF;IACzD,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAE1D,OAAO,CACL,uBAAC,uBAAe,aACd,EAAE,EAAC,GAAG,EACN,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,IACV,KAAK,IACT,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,sBAAmB,gBAE/C,QAAQ,IACO,CACnB,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { TSizes } from '../../constants/sizes';
+import { TReqoreIntent } from '../../constants/theme';
+import { IWithReqoreEffect } from '../../types/global';
+import { IReqoreEffect, TReqoreEffectColor } from '../Effect';
+export interface IReqoreSpinnerProps extends IWithReqoreEffect {
+    size?: TSizes | string;
+    intent?: TReqoreIntent;
+    children?: any;
+    type?: 2 | 3 | 4 | 5;
+    iconColor?: TReqoreEffectColor;
+    labelEffect?: IReqoreEffect;
+    iconMargin?: 'right' | 'left' | 'both';
+    centered?: boolean;
+}
+export declare const ReqoreSpinner: ({ size, intent, children, type, iconColor, labelEffect, effect, iconMargin, centered, }: IReqoreSpinnerProps) => JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE9D,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,4FAUvB,mBAAmB,gBAgCrB,CAAC"}

package/dist/components/Spinner/index.js

@@ -0,0 +1,33 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.ReqoreSpinner = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var __1 = require("../..");
+var ControlGroup_1 = __importDefault(require("../ControlGroup"));
+var ReqoreSpinner = function (_a) {
+    var size = _a.size, intent = _a.intent, children = _a.children, type = _a.type, iconColor = _a.iconColor, labelEffect = _a.labelEffect, effect = _a.effect, iconMargin = _a.iconMargin, centered = _a.centered;
+    var renderContent = (0, react_1.useCallback)(function () {
+        return ((0, jsx_runtime_1.jsx)(__1.ReqoreIcon, { icon: !type ? 'LoaderLine' : "Loader".concat(type, "Line"), color: iconColor || intent, size: size, effect: effect, animation: 'spin', className: 'reqore-spinner', margin: iconMargin || (children ? 'right' : undefined) }));
+    }, [size, intent, type, children, iconColor]);
+    if (children) {
+        return ((0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({ vertical: centered, horizontalAlign: centered ? 'center' : undefined }, { children: [renderContent(), (0, jsx_runtime_1.jsx)(__1.ReqoreP, __assign({ size: size, intent: intent, effect: labelEffect, className: 'reqore-spinner-wrapper' }, { children: children }))] })));
+    }
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: renderContent() });
+};
+exports.ReqoreSpinner = ReqoreSpinner;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Spinner/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,+BAAoC;AACpC,2BAA4C;AAI5C,iEAAiD;AAc1C,IAAM,aAAa,GAAG,UAAC,EAUR;QATpB,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,QAAQ,cAAA;IAER,IAAM,aAAa,GAAG,IAAA,mBAAW,EAAC;QAChC,OAAO,CACL,uBAAC,cAAU,IACT,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAS,IAAI,SAAM,EAChD,KAAK,EAAE,SAAS,IAAI,MAAM,EAC1B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,MAAM,EAChB,SAAS,EAAC,gBAAgB,EAC1B,MAAM,EAAE,UAAU,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,GACtD,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9C,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,wBAAC,yBAAkB,aAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,iBACrF,aAAa,EAAE,EAChB,uBAAC,WAAO,aACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,WAAW,EACnB,SAAS,EAAC,wBAAwB,gBAEjC,QAAQ,IACD,KACS,CACtB,CAAC;KACH;IAED,OAAO,2DAAG,aAAa,EAAE,GAAI,CAAC;AAChC,CAAC,CAAC;AA1CW,QAAA,aAAa,iBA0CxB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qoretechnologies/reqore",
-  "version": "0.30.20",
+  "version": "0.31.1",
   "description": "ReQore is a highly theme-able and modular UI library for React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,8 +18,16 @@
     "type": "git",
     "url": "git+https://github.com/qoretechnologies/reqore.git"
   },
-  "keywords": ["library", "ui", "qorus", "react"],
-  "pre-push": ["build:test", "test"],
+  "keywords": [
+    "library",
+    "ui",
+    "qorus",
+    "react"
+  ],
+  "pre-push": [
+    "build:test",
+    "test"
+  ],
   "author": "Qore Technologies",
   "license": "ISC",
   "bugs": {

package/src/components/Collection/index.tsx

@@ -4,7 +4,7 @@ import { useUpdateEffect } from 'react-use';
 import styled, { css } from 'styled-components';
 import { IReqoreIconName } from '../../types/icons';
 import { IReqoreColumnsProps, StyledColumns } from '../Columns';
-import ReqoreInput from '../Input';
+import ReqoreInput, { IReqoreInputProps } from '../Input';
 import ReqoreMessage from '../Message';
 import { IReqorePanelAction, IReqorePanelProps, ReqorePanel, TReqorePanelActions } from '../Panel';
 import { sortTableData } from '../Table/helpers';
@@ -29,6 +29,9 @@ export interface IReqoreCollectionProps
     >,
     IReqoreColumnsProps {
   items?: IReqoreCollectionItemProps[];
+  inputProps?: IReqoreInputProps;
+  sortButtonProps?: IReqorePanelAction;
+  displayButtonProps?: IReqorePanelAction;
   stacked?: boolean;
   rounded?: boolean;
   height?: string;
@@ -39,7 +42,11 @@ export interface IReqoreCollectionProps
   showAs?: 'list' | 'grid';
   showSelectedFirst?: boolean;
   selectedIcon?: IReqoreIconName;
+
   emptyMessage?: string;
+  sortButtonTooltip?: (sort?: 'asc' | 'desc') => string;
+  displayButtonTooltip?: (display?: 'list' | 'grid') => string;
+  inputPlaceholder?: (items?: IReqoreCollectionItemProps[]) => string;
 }
 
 export const StyledCollectionWrapper = styled(StyledColumns)`
@@ -66,13 +73,20 @@ export const ReqoreCollection = ({
   filterable,
   sortable,
   showSelectedFirst,
+  inputProps,
+  sortButtonProps,
+  displayButtonProps,
   headerSize = 2,
   showAs = 'grid',
   selectedIcon,
   flat = true,
   minimal,
   transparent = true,
+
   emptyMessage = 'No data in this collection, try changing your search query or filters',
+  sortButtonTooltip = (sort) => (sort === 'desc' ? 'Sort ascending' : 'Sort descending'),
+  displayButtonTooltip = (display) => (display === 'grid' ? 'Show as list' : 'Show as grid'),
+  inputPlaceholder = (items) => `Filter ${size(items)} items`,
   ...rest
 }: IReqoreCollectionProps) => {
   const [_showAs, setShowAs] = useState<'list' | 'grid'>(showAs);
@@ -119,7 +133,9 @@ export const ReqoreCollection = ({
     }
 
     return sortedItems.filter((item) => {
-      const text = `${item.label}${item.content?.toString()}${item.expandedContent?.toString()}`;
+      const text = `${item.label}${item.content?.toString()}${item.expandedContent?.toString()}${
+        item.searchString || ''
+      }`;
 
       if (!text) {
         return false;
@@ -143,8 +159,9 @@ export const ReqoreCollection = ({
         {
           icon: _showAs === 'grid' ? 'ListOrdered' : 'GridLine',
           onClick: () => setShowAs(_showAs === 'grid' ? 'list' : 'grid'),
-          tooltip: _showAs === 'grid' ? 'Show as list' : 'Show as grid',
+          tooltip: displayButtonTooltip(_showAs),
           disabled: !size(finalItems),
+          ...displayButtonProps,
         },
       ],
     };
@@ -153,8 +170,9 @@ export const ReqoreCollection = ({
       toolbarGroup.group.push({
         icon: sort === 'desc' ? 'SortDesc' : 'SortAsc',
         onClick: () => setSort(sort === 'desc' ? 'asc' : 'desc'),
-        tooltip: sort === 'desc' ? 'Sort ascending' : 'Sort descending',
+        tooltip: sortButtonTooltip(sort),
         disabled: !size(finalItems),
+        ...sortButtonProps,
       });
     }
 
@@ -164,12 +182,13 @@ export const ReqoreCollection = ({
         {
           as: ReqoreInput,
           props: {
-            placeholder: `Filter ${size(items)} items`,
+            placeholder: inputPlaceholder(finalItems),
             onClearClick: () => setQuery(''),
             onChange: handleQueryChange,
             value: query,
             icon: 'Search2Line',
             minimal: false,
+            ...inputProps,
           },
         },
       ];
@@ -195,7 +214,7 @@ export const ReqoreCollection = ({
       className={`reqore-collection ${rest.className || ''}`}
     >
       {!size(finalItems) ? (
-        <ReqoreMessage intent='muted' flat title='No items found'>
+        <ReqoreMessage flat icon='Search2Line'>
           {emptyMessage}
         </ReqoreMessage>
       ) : (
@@ -206,11 +225,11 @@ export const ReqoreCollection = ({
           stacked={stacked}
           {...rest}
         >
-          {finalItems?.map((item) => (
+          {finalItems?.map((item, index) => (
             <ReqoreCollectionItem
               {...item}
               icon={item.icon || (item.selected ? selectedIcon : undefined)}
-              key={item.id || item.label.toString()}
+              key={index}
               rounded={!stacked}
               maxContentHeight={maxItemHeight}
             />

package/src/components/Collection/item.tsx

@@ -39,6 +39,7 @@ export interface IReqoreCollectionItemProps
   tags?: IReqoreTagProps[];
   maxContentHeight?: number;
   showContentFade?: boolean;
+  searchString?: string;
 }
 
 export const StyledCollectionItemContent = styled.div`

package/src/components/Effect/index.tsx

@@ -11,6 +11,7 @@ import {
   getGradientMix,
   getReadableColorFrom,
 } from '../../helpers/colors';
+import { isStringSize } from '../../helpers/utils';
 import { IWithReqoreMinimal } from '../../types/global';
 
 export type TReqoreEffectColorManipulation = 'darken' | 'lighten';
@@ -66,7 +67,7 @@ export interface IReqoreEffect extends IReqoreEffectFilters {
   spaced?: number;
   weight?: number | 'thin' | 'light' | 'normal' | 'bold' | 'thick';
   uppercase?: boolean;
-  textSize?: TSizes;
+  textSize?: TSizes | string;
   textAlign?: 'left' | 'center' | 'right';
   glow?: {
     size?: number;
@@ -126,7 +127,7 @@ export const StyledEffect = styled.span`
     const gradientDirectionOrShape =
       gradientType === 'linear'
         ? effect.gradient.direction || 'to right'
-        : effect.gradient.shape || 'circle';
+        : `${effect.gradient.shape || 'circle'} ${effect.gradient.direction || 'at center'}`;
     let gradient = `${gradientType}-gradient(${gradientDirectionOrShape}${gradientColors}) padding-box`;
     let gradientActive = `${gradientType}-gradient(${gradientDirectionOrShape}${gradientColorsActive}) padding-box`;
 
@@ -288,7 +289,9 @@ export const StyledEffect = styled.span`
   ${({ effect }: IReqoreTextEffectProps) =>
     effect && effect.textSize
       ? css`
-          font-size: ${TEXT_FROM_SIZE[effect.textSize]}px !important;
+          font-size: ${isStringSize(effect.textSize)
+            ? `${TEXT_FROM_SIZE[effect.textSize]}px`
+            : effect.textSize} !important;
         `
       : undefined}
 

package/src/components/Header/index.tsx

@@ -45,7 +45,7 @@ export const StyledHeader = styled(StyledTextEffect)`
 `;
 
 export const ReqoreHeading = memo(
-  ({ size, children, customTheme, intent, ...props }: IReqoreHeadingProps) => {
+  ({ size, children, customTheme, intent, className, ...rest }: IReqoreHeadingProps) => {
     const theme = useReqoreTheme('main', customTheme, intent);
     const _size: number = isStringSize(size) ? HEADER_SIZE_TO_NUMBER[size] : size;
     const HTMLheaderElement = useMemo(() => {
@@ -53,7 +53,14 @@ export const ReqoreHeading = memo(
     }, [_size]);
 
     return (
-      <StyledHeader as={HTMLheaderElement} theme={theme} intent={intent} {...props} _size={_size}>
+      <StyledHeader
+        as={HTMLheaderElement}
+        theme={theme}
+        intent={intent}
+        {...rest}
+        _size={_size}
+        className={`${className || ''} reqore-heading`}
+      >
         {children}
       </StyledHeader>
     );

package/src/components/Icon/index.tsx

@@ -2,7 +2,7 @@ import React, { forwardRef, memo, useContext } from 'react';
 import { IconContext } from 'react-icons';
 import { IconBaseProps, IconType } from 'react-icons/lib';
 import * as RemixIcons from 'react-icons/ri';
-import styled, { css } from 'styled-components';
+import styled, { css, keyframes } from 'styled-components';
 import { ReqoreThemeContext } from '../..';
 import { ICON_FROM_SIZE, PADDING_FROM_SIZE, TSizes } from '../../constants/sizes';
 import { getColorFromMaybeString } from '../../helpers/colors';
@@ -25,8 +25,18 @@ export interface IReqoreIconProps
   margin?: 'right' | 'left' | 'both';
   image?: string;
   rounded?: boolean;
+  animation?: 'spin' | 'heartbeat';
 }
 
+const SpinKeyframes = keyframes`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`;
+
 export const StyledIconWrapper = styled(StyledEffect)<{ margin: 'right' | 'left' | 'both' }>`
   display: inline-block;
   flex: 0 0 auto;
@@ -54,6 +64,12 @@ export const StyledIconWrapper = styled(StyledEffect)<{ margin: 'right' | 'left'
   img {
     width: 100%;
   }
+
+  ${({ animation }) =>
+    animation === 'spin' &&
+    css`
+      animation: ${SpinKeyframes} 1s linear infinite;
+    `}
 `;
 
 const ReqoreIcon = memo(

package/src/components/Message/index.tsx

@@ -29,6 +29,7 @@ import {
   StyledReqoreNotification,
   typeToIcon,
 } from '../Notifications/notification';
+import { ReqoreSpinner } from '../Spinner';
 
 export interface IReqoreMessageProps
   extends IWithReqoreCustomTheme,
@@ -147,12 +148,21 @@ const ReqoreMessage = memo(
           >
             {leftIcon ? (
               <StyledIconWrapper intent={intent} size={size} theme={theme}>
-                <ReqoreIcon
-                  icon={leftIcon}
-                  margin={flat && minimal ? 'right' : 'both'}
-                  size={size}
-                  color={iconColor}
-                />
+                {intent === 'pending' ? (
+                  <ReqoreSpinner
+                    size={size}
+                    iconColor={iconColor}
+                    type={5}
+                    iconMargin={flat && minimal ? 'right' : 'both'}
+                  />
+                ) : (
+                  <ReqoreIcon
+                    icon={leftIcon}
+                    margin={flat && minimal ? 'right' : 'both'}
+                    size={size}
+                    color={iconColor}
+                  />
+                )}
               </StyledIconWrapper>
             ) : null}
             <StyledNotificationContentWrapper size={size} theme={theme}>

package/src/components/Notifications/notification.tsx

@@ -26,6 +26,7 @@ import { IReqoreIconName } from '../../types/icons';
 import { StyledEffect } from '../Effect';
 import { ReqoreHeading } from '../Header';
 import ReqoreIcon from '../Icon';
+import { ReqoreSpinner } from '../Spinner';
 
 export type IReqoreNotificationType = TReqoreIntent;
 
@@ -244,8 +245,6 @@ const ReqoreNotification = forwardRef<HTMLDivElement, IReqoreNotificationProps>(
     const [internalTimeout, setInternalTimeout] = useState(null);
     const theme = useReqoreTheme('main', customTheme, type || intent, 'notifications');
 
-    console.log(theme, customTheme, intent);
-
     const transitions = useTransition(true, {
       from: { opacity: 0, transform: 'scale(0.9)' },
       enter: { opacity: 1, transform: 'scale(1)' },
@@ -301,7 +300,15 @@ const ReqoreNotification = forwardRef<HTMLDivElement, IReqoreNotificationProps>(
           >
             {type || intent || icon ? (
               <StyledIconWrapper type={type || intent} size={size}>
-                <ReqoreIcon icon={icon || typeToIcon[type || intent]} margin={'both'} size={size} />
+                {intent === 'pending' || type === 'pending' ? (
+                  <ReqoreSpinner size={size} type={5} iconMargin={'both'} />
+                ) : (
+                  <ReqoreIcon
+                    icon={icon || typeToIcon[type || intent]}
+                    margin={'both'}
+                    size={size}
+                  />
+                )}
               </StyledIconWrapper>
             ) : null}
             <StyledNotificationContentWrapper size={size} theme={theme}>

package/src/components/Paragraph/index.tsx

@@ -1,25 +1,41 @@
-import styled, { css } from 'styled-components';
-import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
-import { getReadableColor } from '../../helpers/colors';
+import { memo } from 'react';
+import styled from 'styled-components';
+import { TEXT_FROM_SIZE, TSizes } from '../../constants/sizes';
+import { isStringSize } from '../../helpers/utils';
+import { useReqoreTheme } from '../../hooks/useTheme';
+import { IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreEffect } from '../../types/global';
+import { StyledTextEffect } from '../Effect';
 
-export interface IReqoreParagraphStyle extends React.HTMLAttributes<HTMLHeadingElement> {
-  theme: IReqoreTheme;
-  intent?: TReqoreIntent;
+export interface IReqoreParagraphProps
+  extends React.HTMLAttributes<HTMLParagraphElement>,
+    IWithReqoreCustomTheme,
+    IWithReqoreEffect,
+    IReqoreIntent {
+  size?: TSizes | string;
 }
 
-const style = ({ theme, intent }: IReqoreParagraphStyle) => css`
+export const StyledParagraph = styled(StyledTextEffect)`
   margin: 0;
   padding: 0;
-  color: ${intent ? theme.intents[intent] : getReadableColor(theme, undefined, undefined, true)};
+  color: ${({ theme, intent }) => (intent ? theme.intents[intent] : 'inherit')};
+  font-size: ${({ _size }) => (isStringSize(_size) ? `${TEXT_FROM_SIZE[_size]}px` : _size)};
 `;
 
-export const ReqoreP: React.FC<Omit<IReqoreParagraphStyle, 'theme'>> = styled.p.attrs(
-  ({ className, ...rest }: IReqoreParagraphStyle) => ({
-    ...(rest || {}),
-    className: `${className} ${
-      rest?.intent ? `reqore-paragraph-${rest.intent} ` : ``
-    } reqore-paragraph`,
-  })
-)<IReqoreParagraphStyle>`
-  ${(props: IReqoreParagraphStyle) => style(props)};
-`;
+export const ReqoreP = memo(
+  ({ size, children, customTheme, intent, className, ...props }: IReqoreParagraphProps) => {
+    const theme = useReqoreTheme('main', customTheme, intent);
+
+    return (
+      <StyledParagraph
+        as='p'
+        theme={theme}
+        intent={intent}
+        {...props}
+        _size={size}
+        className={`${className || ''} reqore-paragraph`}
+      >
+        {children}
+      </StyledParagraph>
+    );
+  }
+);