@qoretechnologies/reqore 0.18.5 → 0.19.2

package/dist/components/Table/row.js

@@ -41,55 +41,159 @@ exports.StyledTableCell = exports.alignToFlex = exports.StyledTableRow = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* @flow */
 var lodash_1 = require("lodash");
+var polished_1 = require("polished");
+var react_1 = require("react");
 var styled_components_1 = __importStar(require("styled-components"));
 var __1 = require("../..");
+var sizes_1 = require("../../constants/sizes");
 var colors_1 = require("../../helpers/colors");
+var Header_1 = require("../Header");
 var Icon_1 = __importDefault(require("../Icon"));
-exports.StyledTableRow = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  height: 30px;\n"], ["\n  display: flex;\n  height: 30px;\n"])));
+var Paragraph_1 = require("../Paragraph");
+var Tag_1 = __importDefault(require("../Tag"));
+var TimeAgo_1 = require("../TimeAgo");
+exports.StyledTableRow = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var size = _a.size;
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    height: ", "px;\n  "], ["\n    display: flex;\n    height: ", "px;\n  "])), sizes_1.SIZE_TO_PX[size]);
+});
 exports.alignToFlex = {
     center: 'center',
     left: 'flex-start',
     right: 'flex-end'
 };
-exports.StyledTableCell = styled_components_1["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
-    var width = _a.width;
-    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      width: ", "px;\n    "], ["\n      width: ", "px;\n    "])), !width || width < 80 ? 80 : width);
-}, function (_a) {
-    var grow = _a.grow;
-    return grow && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      flex-grow: ", ";\n    "], ["\n      flex-grow: ", ";\n    "])), grow);
+exports.StyledTableCell = styled_components_1["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), function (_a) {
+    var width = _a.width, grow = _a.grow;
+    return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      width: ", "px;\n      flex-grow: ", ";\n    "], ["\n      width: ", "px;\n      flex-grow: ", ";\n    "])), !width || width < 80 ? 80 : width, grow || (width ? undefined : 1));
 }, function (_a) {
-    var theme = _a.theme, align = _a.align, interactive = _a.interactive;
-    return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: ", ";\n    flex-shrink: 0;\n\n    height: 100%;\n    padding: 0 10px;\n\n    border-bottom: 1px solid ", ";\n\n    ", ";\n\n    p.reqore-table-text {\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      margin: 0;\n      padding: 0;\n    }\n  "], ["\n    display: flex;\n    align-items: center;\n    justify-content: ", ";\n    flex-shrink: 0;\n\n    height: 100%;\n    padding: 0 10px;\n\n    border-bottom: 1px solid ", ";\n\n    ", ";\n\n    p.reqore-table-text {\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      margin: 0;\n      padding: 0;\n    }\n  "])), align ? exports.alignToFlex[align] : 'flex-start', (0, colors_1.changeLightness)(theme.main, 0.05), interactive && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      cursor: pointer;\n      transition: background-color 0.2s ease-out;\n\n      &:hover {\n        color: ", ";\n        background-color: ", " !important;\n      }\n    "], ["\n      cursor: pointer;\n      transition: background-color 0.2s ease-out;\n\n      &:hover {\n        color: ", ";\n        background-color: ", " !important;\n      }\n    "])), (0, colors_1.getReadableColor)(theme, undefined, undefined), (0, colors_1.changeLightness)(theme.main, 0.07)));
+    var theme = _a.theme, align = _a.align, interactive = _a.interactive, interactiveCell = _a.interactiveCell, intent = _a.intent, size = _a.size, flat = _a.flat, striped = _a.striped, even = _a.even, selected = _a.selected, selectedIntent = _a.selectedIntent, disabled = _a.disabled, hovered = _a.hovered;
+    var getBackgroundColor = function () {
+        var color = theme.main;
+        var opacity = 0;
+        // Is there any intent
+        if (intent || (selected && selectedIntent)) {
+            color = theme.intents[intent || selectedIntent];
+            opacity += 0.02;
+        }
+        // Is the table striped and this row odd
+        if (striped && !even) {
+            opacity += 0.05;
+        }
+        // Is this row selected
+        if (selected) {
+            opacity += 0.02;
+        }
+        // Is this row hovered
+        if (hovered) {
+            opacity += 0.08;
+        }
+        // Set the color as transparent if opacity is 0
+        if (opacity === 0) {
+            return 'transparent';
+        }
+        return (0, colors_1.changeLightness)(color, opacity);
+    };
+    var backgroundColor = getBackgroundColor();
+    return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      display: flex;\n      align-items: center;\n      justify-content: ", ";\n      flex-shrink: 0;\n      border-bottom: ", ";\n\n      height: 100%;\n      padding: 0 10px;\n      font-size: ", "px;\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n      transition: background-color 0.2s ease-out;\n      opacity: ", ";\n      pointer-events: ", ";\n      cursor: ", ";\n\n      ", "\n\n      p.reqore-table-text {\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        margin: 0;\n        padding: 0;\n      }\n    "], ["\n      display: flex;\n      align-items: center;\n      justify-content: ", ";\n      flex-shrink: 0;\n      border-bottom: ", ";\n\n      height: 100%;\n      padding: 0 10px;\n      font-size: ", "px;\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n      transition: background-color 0.2s ease-out;\n      opacity: ", ";\n      pointer-events: ", ";\n      cursor: ", ";\n\n      ", "\n\n      p.reqore-table-text {\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        margin: 0;\n        padding: 0;\n      }\n    "])), align ? exports.alignToFlex[align] : 'flex-start', !flat ? '1px solid ' : undefined, sizes_1.TEXT_FROM_SIZE[size], backgroundColor === 'transparent'
+        ? 'transparent'
+        : (0, polished_1.rgba)(getBackgroundColor(), 0.8), (0, colors_1.getReadableColorFrom)(backgroundColor === 'transparent' ? theme.main : getBackgroundColor(), !hovered), (0, colors_1.changeLightness)(backgroundColor === 'transparent' ? theme.main : getBackgroundColor(), 0.1), disabled ? 0.2 : 1, disabled ? 'none' : undefined, interactive || interactiveCell ? 'pointer' : 'default', interactiveCell && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        &:hover {\n          background-color: ", ";\n        }\n      "], ["\n        &:hover {\n          background-color: ", ";\n        }\n      "])), (0, polished_1.lighten)(0.2, getBackgroundColor())));
 });
 var ReqoreTableRow = function (_a) {
-    var _b = _a.data, data = _b.data, columns = _b.columns, selectable = _b.selectable, onSelectClick = _b.onSelectClick, selected = _b.selected, style = _a.style, index = _a.index;
+    var _b = _a.data, data = _b.data, columns = _b.columns, selectable = _b.selectable, onSelectClick = _b.onSelectClick, selected = _b.selected, onRowClick = _b.onRowClick, striped = _b.striped, size = _b.size, _c = _b.selectedRowIntent, selectedRowIntent = _c === void 0 ? 'info' : _c, flat = _b.flat, style = _a.style, index = _a.index;
+    var _d = (0, react_1.useState)(false), isHovered = _d[0], setIsHovered = _d[1];
+    var isSelected = selected.find(function (selectId) { return selectId === data[index]._selectId; });
+    var renderContent = function (content, data, dataId) {
+        if ((0, lodash_1.isFunction)(content)) {
+            var Content = content;
+            return (0, jsx_runtime_1.jsx)(Content, __assign({}, data), void 0);
+        }
+        if ((0, lodash_1.isString)(content)) {
+            // Separate the content string by colon
+            var _a = content.split(':'), type = _a[0], intentOrColor = _a[1];
+            // Check if the intent starts with hash for tags
+            var intent = (intentOrColor === null || intentOrColor === void 0 ? void 0 : intentOrColor.startsWith('#'))
+                ? undefined
+                : intentOrColor;
+            var color = (intentOrColor === null || intentOrColor === void 0 ? void 0 : intentOrColor.startsWith('#')) && type === 'tag' ? intentOrColor : undefined;
+            // Render content based on the type
+            switch (type) {
+                case 'time-ago':
+                    return (0, jsx_runtime_1.jsx)(TimeAgo_1.TimeAgo, { time: data[dataId] }, void 0);
+                case 'tag':
+                    return ((0, jsx_runtime_1.jsx)(Tag_1["default"], { label: data[dataId], size: size, intent: intent, color: color }, void 0));
+                case 'title':
+                    return (0, jsx_runtime_1.jsx)(Header_1.ReqoreH3, __assign({ intent: intent }, { children: data[dataId] }), void 0);
+                case 'text':
+                    return ((0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, __assign({ className: 'reqore-table-text', intent: intent }, { children: data[dataId] }), void 0));
+                default:
+                    return (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, __assign({ className: 'reqore-table-text' }, { children: data[dataId] }), void 0);
+            }
+        }
+        return (0, jsx_runtime_1.jsx)(Paragraph_1.ReqoreP, __assign({ className: 'reqore-table-text' }, { children: data[dataId] }), void 0);
+    };
     var renderCells = function (columns, data) {
         return columns.map(function (_a) {
-            var width = _a.width, grow = _a.grow, dataId = _a.dataId, Content = _a.content, columns = _a.columns, align = _a.align, onCellClick = _a.onCellClick, cellTooltip = _a.cellTooltip;
+            var width = _a.width, grow = _a.grow, dataId = _a.dataId, content = _a.content, columns = _a.columns, align = _a.align, onCellClick = _a.onCellClick, cellTooltip = _a.cellTooltip, intent = _a.intent;
             return columns ? (renderCells(columns, data)) : ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: exports.StyledTableCell, isReqoreComponent: true, componentProps: {
                     width: width,
                     grow: grow,
                     align: align,
-                    interactive: !!onCellClick,
-                    onClick: function () {
+                    size: size,
+                    striped: striped,
+                    disabled: data[index]._disabled,
+                    selected: !!isSelected,
+                    selectedIntent: selectedRowIntent,
+                    flat: flat,
+                    even: index % 2 === 0 ? true : false,
+                    intent: intent || data[index]._intent,
+                    hovered: isHovered,
+                    interactive: !!onCellClick || !!onRowClick,
+                    interactiveCell: !!onCellClick,
+                    onClick: function (e) {
                         if (onCellClick) {
-                            onCellClick(data[index]);
+                            e.stopPropagation();
+                            onCellClick === null || onCellClick === void 0 ? void 0 : onCellClick(data[index]);
+                        }
+                        else if (onRowClick) {
+                            e.stopPropagation();
+                            onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(data[index]);
+                        }
+                        else if (selectable && data[index]._selectId) {
+                            // Otherwise select the row if selectable
+                            onSelectClick(data[index]._selectId);
                         }
                     },
                     className: 'reqore-table-cell'
-                }, content: cellTooltip ? cellTooltip(data[index]) : undefined }, { children: (0, lodash_1.isFunction)(Content) ? ((0, jsx_runtime_1.jsx)(Content, __assign({}, data[index]), void 0)) : ((0, jsx_runtime_1.jsx)("p", __assign({ className: 'reqore-table-text' }, { children: data[index][dataId] }), void 0)) }), dataId));
+                }, content: cellTooltip ? cellTooltip(data[index]) : undefined }, { children: renderContent(content, data[index], dataId) }), dataId));
         });
     };
-    var isSelected = selected.find(function (selectId) { return selectId === data[index]._selectId; });
-    return ((0, jsx_runtime_1.jsxs)(exports.StyledTableRow, __assign({ style: style, className: 'reqore-table-row' }, { children: [selectable && ((0, jsx_runtime_1.jsx)(exports.StyledTableCell, __assign({ align: 'center', className: 'reqore-table-cell', interactive: !!data[index]._selectId, onClick: data[index]._selectId
-                    ? function () {
+    return ((0, jsx_runtime_1.jsxs)(exports.StyledTableRow, __assign({ style: style, className: 'reqore-table-row', interactive: !!onRowClick, onMouseEnter: function () {
+            // Set hovered is this row is interactive
+            if (onRowClick || (selectable && data[index]._selectId && !data[index]._disabled)) {
+                setIsHovered(true);
+            }
+        }, onMouseLeave: function () {
+            setIsHovered(false);
+        } }, { children: [selectable && ((0, jsx_runtime_1.jsx)(exports.StyledTableCell, __assign({ align: 'center', width: 60, className: 'reqore-table-cell' }, {
+                size: size,
+                striped: striped,
+                disabled: data[index]._disabled,
+                selected: !!isSelected,
+                selectedIntent: selectedRowIntent,
+                flat: flat,
+                even: index % 2 === 0 ? true : false,
+                intent: data[index]._intent,
+                hovered: isHovered,
+                interactiveCell: data[index]._selectId
+            }, { onClick: data[index]._selectId
+                    ? function (e) {
+                        e.stopPropagation();
                         onSelectClick(data[index]._selectId);
                     }
                     : undefined }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: !data[index]._selectId
                         ? 'Forbid2Line'
                         : isSelected
                             ? 'CheckboxCircleLine'
-                            : 'CheckboxBlankCircleLine', size: '19px', style: { opacity: !data[index]._selectId || !isSelected ? 0.4 : 1 } }, void 0) }), void 0)), renderCells(columns, data)] }), void 0));
+                            : 'CheckboxBlankCircleLine', size: sizes_1.TEXT_FROM_SIZE[size] + "px", style: { opacity: !data[index]._selectId || !isSelected ? 0.4 : 1 } }, void 0) }), void 0)), renderCells(columns, data)] }), void 0));
 };
 exports["default"] = ReqoreTableRow;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/components/Table/row.js.map

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

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

@@ -20,12 +20,14 @@ export interface IReqoreTabsProps extends React.HTMLAttributes<HTMLDivElement> {
     onTabChange?: (tabId: string) => any;
     children?: ReactElement<any>[] | ReactElement<any>;
     fill?: boolean;
+    fillParent?: boolean;
     vertical?: boolean;
     activeTabIntent?: IReqoreIntent;
     flat?: boolean;
     size?: TSizes;
+    width?: string;
     _testWidth?: number;
 }
-declare const ReqoreTabs: ({ tabs, activeTab, children, className, onTabChange, fill, _testWidth, vertical, activeTabIntent, flat, size, ...rest }: IReqoreTabsProps) => JSX.Element;
+declare const ReqoreTabs: ({ tabs, activeTab, children, className, onTabChange, fill, _testWidth, vertical, activeTabIntent, flat, size, width, ...rest }: IReqoreTabsProps) => JSX.Element;
 export default ReqoreTabs;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC5C,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IACrC,QAAQ,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAUD,QAAA,MAAM,UAAU,4HAab,gBAAgB,gBAqClB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC5C,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IACrC,QAAQ,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAWD,QAAA,MAAM,UAAU,mIAcb,gBAAgB,gBAsClB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/Tabs/index.js

@@ -53,11 +53,11 @@ var react_1 = __importStar(require("react"));
 var styled_components_1 = __importStar(require("styled-components"));
 var list_1 = __importDefault(require("./list"));
 var StyledTabs = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  ", "\n"], ["\n  display: flex;\n  ", "\n"])), function (_a) {
-    var vertical = _a.vertical;
-    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: 100%;\n    flex-flow: ", ";\n  "], ["\n    width: 100%;\n    flex-flow: ", ";\n  "])), vertical ? 'row' : 'column');
+    var vertical = _a.vertical, fillParent = _a.fillParent;
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: 100%;\n    height: ", ";\n    flex-flow: ", ";\n  "], ["\n    width: 100%;\n    height: ", ";\n    flex-flow: ", ";\n  "])), fillParent ? '100%' : undefined, vertical ? 'row' : 'column');
 });
 var ReqoreTabs = function (_a) {
-    var tabs = _a.tabs, activeTab = _a.activeTab, children = _a.children, className = _a.className, onTabChange = _a.onTabChange, fill = _a.fill, _testWidth = _a._testWidth, vertical = _a.vertical, activeTabIntent = _a.activeTabIntent, flat = _a.flat, _b = _a.size, size = _b === void 0 ? 'normal' : _b, rest = __rest(_a, ["tabs", "activeTab", "children", "className", "onTabChange", "fill", "_testWidth", "vertical", "activeTabIntent", "flat", "size"]);
+    var tabs = _a.tabs, activeTab = _a.activeTab, children = _a.children, className = _a.className, onTabChange = _a.onTabChange, fill = _a.fill, _testWidth = _a._testWidth, vertical = _a.vertical, activeTabIntent = _a.activeTabIntent, flat = _a.flat, _b = _a.size, size = _b === void 0 ? 'normal' : _b, width = _a.width, rest = __rest(_a, ["tabs", "activeTab", "children", "className", "onTabChange", "fill", "_testWidth", "vertical", "activeTabIntent", "flat", "size", "width"]);
     var _c = (0, react_1.useState)(activeTab || tabs[0].id), _activeTab = _c[0], setActiveTab = _c[1];
     (0, react_1.useEffect)(function () {
         if (activeTab) {
@@ -67,7 +67,7 @@ var ReqoreTabs = function (_a) {
             }
         }
     }, [activeTab]);
-    return ((0, jsx_runtime_1.jsxs)(StyledTabs, __assign({}, rest, { vertical: vertical, className: (className || '') + " reqore-tabs" }, { children: [(0, jsx_runtime_1.jsx)(list_1["default"], { tabs: tabs, flat: flat, fill: fill, size: size, vertical: vertical, _testWidth: _testWidth, activeTab: _activeTab, activeTabIntent: activeTabIntent, onTabChange: function (tabId) {
+    return ((0, jsx_runtime_1.jsxs)(StyledTabs, __assign({}, rest, { vertical: vertical, className: (className || '') + " reqore-tabs" }, { children: [(0, jsx_runtime_1.jsx)(list_1["default"], { tabs: tabs, flat: flat, fill: fill, size: size, width: width, vertical: vertical, _testWidth: _testWidth, activeTab: _activeTab, activeTabIntent: activeTabIntent, onTabChange: function (tabId) {
                     setActiveTab(tabId);
                     if (onTabChange) {
                         onTabChange(tabId);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiE;AACjE,qEAAgD;AAIhD,gDAAoC;AA8BpC,IAAM,UAAU,GAAG,8BAAM,CAAC,GAAG,iGAAwB,wBAEjD,EAGD,IACF,KAJG,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,WAAA,uBAAG,kHAAA,qCAER,EAA2B,OACzC,KADc,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;AAFtB,CAGnB,CACF,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,EAaD;IAZjB,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACZ,IAAI,cAZW,kIAanB,CADQ;IAED,IAAA,KAA6B,IAAA,gBAAQ,EAAS,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAArE,UAAU,QAAA,EAAE,YAAY,QAA6C,CAAC;IAE7E,IAAA,iBAAS,EAAC;QACR,IAAI,SAAS,EAAE;YACb,YAAY,CAAC,SAAS,CAAC,CAAC;YAExB,IAAI,WAAW,EAAE;gBACf,WAAW,CAAC,SAAS,CAAC,CAAC;aACxB;SACF;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,wBAAC,UAAU,eAAK,IAAI,IAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAG,SAAS,IAAI,EAAE,kBAAc,iBACnF,uBAAC,iBAAc,IACb,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,UAAU,EACrB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,UAAC,KAAa;oBACzB,YAAY,CAAC,KAAK,CAAC,CAAC;oBAEpB,IAAI,WAAW,EAAE;wBACf,WAAW,CAAC,KAAK,CAAC,CAAC;qBACpB;gBACH,CAAC,WACD,EACD,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,YAClC,OAAA,KAAK,IAAI,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,EAAE,MAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,EAAA,CACvD,aACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiE;AACjE,qEAAgD;AAIhD,gDAAoC;AAgCpC,IAAM,UAAU,GAAG,8BAAM,CAAC,GAAG,iGAAwB,wBAEjD,EAID,IACF,KALG,UAAC,EAAwB;QAAtB,QAAQ,cAAA,EAAE,UAAU,gBAAA;IAAO,WAAA,uBAAG,qIAAA,kCAEvB,EAA+B,oBAC5B,EAA2B,OACzC,KAFW,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5B,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;AAHV,CAI/B,CACF,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,EAcD;IAbjB,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,KAAK,WAAA,EACF,IAAI,cAbW,2IAcnB,CADQ;IAED,IAAA,KAA6B,IAAA,gBAAQ,EAAS,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAArE,UAAU,QAAA,EAAE,YAAY,QAA6C,CAAC;IAE7E,IAAA,iBAAS,EAAC;QACR,IAAI,SAAS,EAAE;YACb,YAAY,CAAC,SAAS,CAAC,CAAC;YAExB,IAAI,WAAW,EAAE;gBACf,WAAW,CAAC,SAAS,CAAC,CAAC;aACxB;SACF;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,wBAAC,UAAU,eAAK,IAAI,IAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAG,SAAS,IAAI,EAAE,kBAAc,iBACnF,uBAAC,iBAAc,IACb,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,UAAU,EACrB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,UAAC,KAAa;oBACzB,YAAY,CAAC,KAAK,CAAC,CAAC;oBAEpB,IAAI,WAAW,EAAE;wBACf,WAAW,CAAC,KAAK,CAAC,CAAC;qBACpB;gBACH,CAAC,WACD,EACD,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,YAClC,OAAA,KAAK,IAAI,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,EAAE,MAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,EAAA,CACvD,aACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,UAAU,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/item.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAC;AACxC,OAAO,EAAkB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAwB,SAAQ,uBAAuB;IACtE,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAOD,eAAO,MAAM,iBAAiB,KAgF7B,CAAC;AAwBF,QAAA,MAAM,kBAAkB,wIAerB,uBAAuB,gBA2CzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/item.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAC;AACxC,OAAO,EAAsC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAOrD,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAwB,SAAQ,uBAAuB;IACtE,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAOD,eAAO,MAAM,iBAAiB,KA2G7B,CAAC;AA6BF,QAAA,MAAM,kBAAkB,wIAerB,uBAAuB,gBAuDzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/Tabs/item.js

@@ -45,6 +45,7 @@ var sizes_1 = require("../../constants/sizes");
 var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
 var colors_1 = require("../../helpers/colors");
 var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
+var Button_1 = require("../Button");
 var Icon_1 = __importDefault(require("../Icon"));
 var StyledLabel = styled_components_1["default"].span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n"], ["\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
 exports.StyledTabListItem = styled_components_1["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n\n  a {\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n"], ["\n  ", "\n\n  a {\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n"])), function (_a) {
@@ -52,26 +53,28 @@ exports.StyledTabListItem = styled_components_1["default"].div(templateObject_6
     var textColor = parentBackground
         ? (0, colors_1.getReadableColorFrom)(parentBackground, true)
         : (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
-    return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      display: flex;\n      position: relative;\n      align-items: center;\n      padding: ", " 15px;\n      padding-right: ", ";\n      font-size: ", "px;\n      font-weight: 450;\n      opacity: 0.9;\n      color: ", ";\n      transition: all 0.2s ease-in-out;\n      border-", ": 2px solid transparent;\n\n      &:not(:last-child) {\n        border-", ": ", ";\n      }\n\n      ", "\n\n      ", "\n    "], ["\n      display: flex;\n      position: relative;\n      align-items: center;\n      padding: ", " 15px;\n      padding-right: ", ";\n      font-size: ", "px;\n      font-weight: 450;\n      opacity: 0.9;\n      color: ", ";\n      transition: all 0.2s ease-in-out;\n      border-", ": 2px solid transparent;\n\n      &:not(:last-child) {\n        border-", ": ", ";\n      }\n\n      ", "\n\n      ", "\n    "])), vertical ? '10px' : 0, closable ? '43px' : undefined, sizes_1.TEXT_FROM_SIZE[size], textColor, vertical ? 'right' : 'bottom', vertical ? 'bottom' : 'right', flat ? 0 : "1px solid " + (0, colors_1.changeLightness)(parentBackground || theme.main, 0.05), active && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          border-", ": 2px solid ", ";\n          opacity: 1;\n\n          * {\n            font-weight: 600;\n          }\n        "], ["\n          border-", ": 2px solid ", ";\n          opacity: 1;\n\n          * {\n            font-weight: 600;\n          }\n        "])), vertical ? 'right' : 'bottom', activeIntent
+    return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      display: flex;\n      position: relative;\n      align-items: center;\n      padding: ", ";\n      padding-right: ", ";\n      font-size: ", "px;\n      font-weight: 450;\n      opacity: 0.9;\n      color: ", ";\n      transition: all 0.2s ease-in-out;\n      border-", ": 2px solid transparent;\n\n      &:not(:last-child) {\n        border-", ": ", ";\n      }\n\n\n    .reqore-icon {\n      transform: scale(0.85);\n    }\n\n      ", "\n\n      ", "\n    "], ["\n      display: flex;\n      position: relative;\n      align-items: center;\n      padding: ", ";\n      padding-right: ", ";\n      font-size: ", "px;\n      font-weight: 450;\n      opacity: 0.9;\n      color: ", ";\n      transition: all 0.2s ease-in-out;\n      border-", ": 2px solid transparent;\n\n      &:not(:last-child) {\n        border-", ": ", ";\n      }\n\n\n    .reqore-icon {\n      transform: scale(0.85);\n    }\n\n      ", "\n\n      ", "\n    "])), vertical ? sizes_1.TABS_PADDING_TO_PX[size] + "px" : "0 " + sizes_1.TABS_PADDING_TO_PX[size] + "px", closable ? '43px' : undefined, sizes_1.TEXT_FROM_SIZE[size], textColor, vertical ? 'right' : 'bottom', vertical ? 'bottom' : 'right', flat ? 0 : "1px solid " + (0, colors_1.changeLightness)(parentBackground || theme.main, 0.05), active && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          border-", ": 2px solid ", ";\n          opacity: 1;\n          background-color: ", ";\n\n          > .reqore-icon {\n            transform: scale(1);\n          }\n\n          * {\n            font-weight: 600;\n          }\n        "], ["\n          border-", ": 2px solid ", ";\n          opacity: 1;\n          background-color: ", ";\n\n          > .reqore-icon {\n            transform: scale(1);\n          }\n\n          * {\n            font-weight: 600;\n          }\n        "])), vertical ? 'right' : 'bottom', activeIntent
         ? theme.intents[activeIntent]
-        : (0, colors_1.changeLightness)(parentBackground || theme.main, 0.05)), !disabled
-        ? !active && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __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            "])), parentBackground
+        : (0, colors_1.changeLightness)(parentBackground || theme.main, 0.2), activeIntent ? theme.intents[activeIntent] + "30" : undefined), !disabled
+        ? !active && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n              cursor: pointer;\n              &:hover {\n                > .reqore-icon {\n                  transform: scale(1);\n                }\n                color: ", ";\n                background-color: ", ";\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              cursor: pointer;\n              &:hover {\n                > .reqore-icon {\n                  transform: scale(1);\n                }\n                color: ", ";\n                background-color: ", ";\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            "])), parentBackground
             ? (0, colors_1.getReadableColorFrom)(parentBackground)
-            : (0, colors_1.getReadableColor)(theme), (0, colors_1.changeLightness)(parentBackground || theme.main, 0.05))
+            : (0, colors_1.getReadableColor)(theme), activeIntent
+            ? theme.intents[activeIntent] + "50"
+            : (0, colors_1.changeLightness)(parentBackground || theme.main, 0.05), Button_1.StyledActiveContent, Button_1.StyledInActiveContent)
         : (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n              cursor: not-allowed;\n              > * {\n                opacity: 0.5;\n              }\n            "], ["\n              cursor: not-allowed;\n              > * {\n                opacity: 0.5;\n              }\n            "]))));
 });
 var StyledCloseButton = styled_components_1["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
-    var theme = _a.theme, activeIntent = _a.activeIntent, active = _a.active;
-    return (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    position: absolute;\n    right: 0px;\n    height: 100%;\n    width: 33px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    top: 0;\n    z-index: 0;\n    transition: background-color 0.2s ease-out;\n    cursor: pointer;\n    &:hover {\n      background-color: ", ";\n    }\n  "], ["\n    position: absolute;\n    right: 0px;\n    height: 100%;\n    width: 33px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    top: 0;\n    z-index: 0;\n    transition: background-color 0.2s ease-out;\n    cursor: pointer;\n    &:hover {\n      background-color: ", ";\n    }\n  "])), (0, colors_1.changeLightness)(activeIntent && active ? theme.intents[activeIntent] : theme.main, 0.09));
+    var theme = _a.theme, activeIntent = _a.activeIntent;
+    return (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    position: absolute;\n    right: 0px;\n    height: 100%;\n    width: 33px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    top: 0;\n    z-index: 0;\n    transition: background-color 0.2s ease-out;\n    cursor: pointer;\n\n    &:hover {\n      .reqore-icon {\n        transform: scale(1);\n      }\n      color: ", ";\n      background-color: ", ";\n    }\n  "], ["\n    position: absolute;\n    right: 0px;\n    height: 100%;\n    width: 33px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    top: 0;\n    z-index: 0;\n    transition: background-color 0.2s ease-out;\n    cursor: pointer;\n\n    &:hover {\n      .reqore-icon {\n        transform: scale(1);\n      }\n      color: ", ";\n      background-color: ", ";\n    }\n  "])), (0, colors_1.getReadableColorFrom)(activeIntent ? theme.intents[activeIntent] : theme.main), (0, colors_1.changeLightness)(activeIntent ? theme.intents[activeIntent] : theme.main, 0.09));
 });
 var ReqoreTabsListItem = function (_a) {
     var tooltip = _a.tooltip, label = _a.label, props = _a.props, icon = _a.icon, active = _a.active, as = _a.as, disabled = _a.disabled, vertical = _a.vertical, onClick = _a.onClick, activeIntent = _a.activeIntent, onCloseClick = _a.onCloseClick, parentBackground = _a.parentBackground, flat = _a.flat, size = _a.size;
     var _b = (0, react_1.useState)(null), ref = _b[0], setRef = _b[1];
     (0, usePopover_1["default"])({ targetElement: ref, content: tooltip, show: !!tooltip });
-    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(exports.StyledTabListItem, __assign({}, props, { as: as, flat: flat, size: size, ref: setRef, active: active, disabled: disabled, vertical: vertical, activeIntent: activeIntent, parentBackground: parentBackground, className: ((props === null || props === void 0 ? void 0 : props.className) || '') + " reqore-tabs-list-item " + (active ? 'reqore-tabs-list-item__active' : ''), onClick: disabled ? undefined : onClick, closable: !!onCloseClick && !disabled }, { 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)(StyledLabel, { children: label }, void 0), onCloseClick && !disabled ? ((0, jsx_runtime_1.jsx)(StyledCloseButton, __assign({ className: 'reqore-tabs-list-item-close', onClick: function (event) {
+    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(exports.StyledTabListItem, __assign({}, props, { as: as, flat: flat, size: size, ref: setRef, active: active, disabled: disabled, vertical: vertical, activeIntent: activeIntent, parentBackground: parentBackground, className: ((props === null || props === void 0 ? void 0 : props.className) || '') + " reqore-tabs-list-item " + (active ? 'reqore-tabs-list-item__active' : ''), onClick: disabled ? undefined : onClick, closable: !!onCloseClick && !disabled }, { 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.jsxs)(StyledLabel, { children: [(0, jsx_runtime_1.jsx)(Button_1.StyledActiveContent, { children: label }, void 0), (0, jsx_runtime_1.jsx)(Button_1.StyledInActiveContent, { children: label }, void 0), (0, jsx_runtime_1.jsx)(Button_1.StyledInvisibleContent, { children: label }, void 0)] }, void 0)), onCloseClick && !disabled ? ((0, jsx_runtime_1.jsx)(StyledCloseButton, __assign({ className: 'reqore-tabs-list-item-close', onClick: function (event) {
                         event.stopPropagation();
                         onCloseClick && onCloseClick();
-                    }, activeIntent: activeIntent, active: active }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseLine', size: '13px' }, void 0) }), void 0)) : null] }), void 0) }, void 0));
+                    }, activeIntent: activeIntent, active: active }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseLine', size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0) }), void 0)) : null] }), void 0) }, void 0));
 };
 exports["default"] = ReqoreTabsListItem;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

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

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

package/dist/components/Tabs/list.d.ts

@@ -12,6 +12,8 @@ export interface IReqoreTabsListProps extends React.HTMLAttributes<HTMLDivElemen
     parentBackground?: string;
     flat?: boolean;
     size?: TSizes;
+    width?: string;
+    fillParent?: boolean;
     _testWidth?: number;
 }
 export interface IReqoreTabsListStyle extends Omit<IReqoreTabsListProps, 'tabs'> {

package/dist/components/Tabs/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAC;AAExC,OAAO,EAAmB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAOpE,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAC9E,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,KAmDhC,CAAC;AAqBF,eAAO,MAAM,aAAa,UACjB,CAAC,mBAAmB,GAAG,mBAAmB,EAAE,CAAC,EAAE,QAChD,OAAO,GAAG,QAAQ,aACb,MAAM,KAChB,MASI,CAAC;AAgCR,QAAA,MAAM,cAAc,yHAYjB,oBAAoB,gBAkHtB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAC;AAExC,OAAO,EAAmB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAOpE,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAC9E,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,KAoDhC,CAAC;AAqBF,eAAO,MAAM,aAAa,UACjB,CAAC,mBAAmB,GAAG,mBAAmB,EAAE,CAAC,EAAE,QAChD,OAAO,GAAG,QAAQ,aACb,MAAM,KAChB,MASI,CAAC;AAgCR,QAAA,MAAM,cAAc,yHAYjB,oBAAoB,gBAmHtB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Tabs/list.js

@@ -72,8 +72,8 @@ var item_1 = __importDefault(require("../Menu/item"));
 var Popover_1 = require("../Popover");
 var item_2 = __importStar(require("./item"));
 exports.StyledReqoreTabsList = styled_components_1["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
-    var theme = _a.theme, fill = _a.fill, vertical = _a.vertical, size = _a.size;
-    return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    height: ", ";\n    width: ", ";\n    flex-flow: ", ";\n    display: flex;\n    align-items: center;\n    border-", ": 1px solid ", ";\n  \n\n    ", "\n\n    ", " {\n      min-height: 40px;\n      > ", " {\n        height: 100%;\n      }\n    }\n\n    > *,\n    ", " > * {\n      color: ", ";\n      ", ": 100%;\n      ", ";\n\n      justify-content: ", ";\n      \n\n      ", "\n    }\n  "], ["\n    height: ", ";\n    width: ", ";\n    flex-flow: ", ";\n    display: flex;\n    align-items: center;\n    border-", ": 1px solid ", ";\n  \n\n    ", "\n\n    ", " {\n      min-height: 40px;\n      > ", " {\n        height: 100%;\n      }\n    }\n\n    > *,\n    ", " > * {\n      color: ", ";\n      ", ": 100%;\n      ", ";\n\n      justify-content: ", ";\n      \n\n      ", "\n    }\n  "])), vertical ? '100%' : sizes_1.TABS_SIZE_TO_PX[size] + "px", vertical ? '140px' : '100%', vertical ? 'column' : 'row', vertical ? 'right' : 'bottom', (0, colors_1.changeLightness)(theme.main, 0.05), fill && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        justify-content: space-around;\n      "], ["\n        justify-content: space-around;\n      "]))), Popover_1.StyledPopover, item_2.StyledTabListItem, Popover_1.StyledPopover, (0, colors_1.getReadableColor)(theme, undefined, undefined, true), vertical ? 'width' : 'height', vertical
+    var theme = _a.theme, fill = _a.fill, vertical = _a.vertical, size = _a.size, width = _a.width;
+    return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    height: ", ";\n    width: ", ";\n    flex-flow: ", ";\n    display: flex;\n    align-items: center;\n    border-", ": 1px solid ", ";\n\n\n    ", "\n\n    ", " {\n      min-height: ", "px;\n\n      > ", " {\n        height: 100%;\n      }\n    }\n\n    > *,\n    ", " > * {\n      color: ", ";\n      ", ": 100%;\n      ", ";\n\n      justify-content: ", ";\n\n\n      ", "\n    }\n  "], ["\n    height: ", ";\n    width: ", ";\n    flex-flow: ", ";\n    display: flex;\n    align-items: center;\n    border-", ": 1px solid ", ";\n\n\n    ", "\n\n    ", " {\n      min-height: ", "px;\n\n      > ", " {\n        height: 100%;\n      }\n    }\n\n    > *,\n    ", " > * {\n      color: ", ";\n      ", ": 100%;\n      ", ";\n\n      justify-content: ", ";\n\n\n      ", "\n    }\n  "])), vertical ? '100%' : sizes_1.TABS_SIZE_TO_PX[size] + "px", vertical ? width || '200px' : '100%', vertical ? 'column' : 'row', vertical ? 'right' : 'bottom', (0, colors_1.changeLightness)(theme.main, 0.05), fill && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        justify-content: space-around;\n      "], ["\n        justify-content: space-around;\n      "]))), Popover_1.StyledPopover, sizes_1.TABS_SIZE_TO_PX[size], item_2.StyledTabListItem, Popover_1.StyledPopover, (0, colors_1.getReadableColor)(theme, undefined, undefined, true), vertical ? 'width' : 'height', vertical
         ? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n              height: ", ";\n            "], ["\n              height: ", ";\n            "])), fill ? '100%' : 'auto') : (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n              white-space: nowrap;\n            "], ["\n              white-space: nowrap;\n            "]))), vertical ? 'flex-start' : 'space-evenly', fill &&
         !vertical && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          width: 100%;\n          justify-content: center;\n        "], ["\n          width: 100%;\n          justify-content: center;\n        "]))));
 });
@@ -139,7 +139,8 @@ var ReqoreTabsList = function (_a) {
                         activeIntent: activeTabIntent,
                         parentBackground: parentBackground,
                         vertical: vertical,
-                        flat: flat
+                        flat: flat,
+                        size: size
                     }, handler: 'click', content: (0, jsx_runtime_1.jsx)(Menu_1["default"], { children: item.map(function (_a) {
                             var icon = _a.icon, label = _a.label, as = _a.as, tooltip = _a.tooltip, props = _a.props, disabled = _a.disabled, id = _a.id, onCloseClick = _a.onCloseClick;
                             return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: item_1["default"], componentProps: __assign(__assign({}, props), { icon: icon, as: as, disabled: disabled, rightIcon: onCloseClick ? 'CloseLine' : undefined, onRightIconClick: onCloseClick

package/dist/components/Tabs/list.js.map

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TSizes } from '../../constants/sizes';
-import { IReqoreTheme } from '../../constants/theme';
+import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
 import { IReqoreTooltip } from '../../types/global';
 import { IReqoreIconName } from '../../types/icons';
 export interface IReqoreTagAction {
@@ -8,8 +8,9 @@ export interface IReqoreTagAction {
     onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
     disabled?: boolean;
     tooltip?: IReqoreTooltip;
+    intent?: IReqoreIntent;
 }
-export interface IReqoreTagProps extends React.HTMLAttributes<HTMLSpanElement> {
+export interface IReqoreTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
     size?: TSizes;
     label?: string;
     onRemoveClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
@@ -22,6 +23,7 @@ export interface IReqoreTagProps extends React.HTMLAttributes<HTMLSpanElement> {
     actions?: IReqoreTagAction[];
     width?: string;
     badge?: boolean;
+    intent?: IReqoreIntent;
 }
 export interface IReqoreTagStyle extends IReqoreTagProps {
     theme: IReqoreTheme;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,eAAe,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,KAuCrB,CAAC;AA6CF,QAAA,MAAM,SAAS,iFA0Fd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKpE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,eAAe,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC9F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,KAyCrB,CAAC;AA8CF,QAAA,MAAM,SAAS,iFAiGd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/Tag/index.js

@@ -55,11 +55,12 @@ var react_1 = require("react");
 var styled_components_1 = __importStar(require("styled-components"));
 var __1 = require("../..");
 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"));
-exports.StyledTag = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: inline-flex;\n  justify-content: center;\n  flex-shrink: 0;\n  align-items: center;\n  overflow: hidden;\n  font-size: ", "px;\n  height: ", "px;\n  min-width: ", "px;\n  border-radius: ", "px;\n  width: ", ";\n\n  ", "\n\n  ", "\n\n\n  ", "\n"], ["\n  display: inline-flex;\n  justify-content: center;\n  flex-shrink: 0;\n  align-items: center;\n  overflow: hidden;\n  font-size: ", "px;\n  height: ", "px;\n  min-width: ", "px;\n  border-radius: ", "px;\n  width: ", ";\n\n  ", "\n\n  ", "\n\n\n  ", "\n"])), function (_a) {
+exports.StyledTag = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: inline-flex;\n  justify-content: center;\n  flex-shrink: 0;\n  align-items: center;\n  font-family: system-ui;\n  font-weight: 600;\n  overflow: hidden;\n  font-size: ", "px;\n  height: ", "px;\n  min-width: ", "px;\n  border-radius: ", "px;\n  width: ", ";\n\n  ", "\n\n  ", "\n\n\n  ", "\n"], ["\n  display: inline-flex;\n  justify-content: center;\n  flex-shrink: 0;\n  align-items: center;\n  font-family: system-ui;\n  font-weight: 600;\n  overflow: hidden;\n  font-size: ", "px;\n  height: ", "px;\n  min-width: ", "px;\n  border-radius: ", "px;\n  width: ", ";\n\n  ", "\n\n  ", "\n\n\n  ", "\n"])), function (_a) {
     var size = _a.size;
     return sizes_1.TEXT_FROM_SIZE[size];
 }, function (_a) {
@@ -86,7 +87,7 @@ exports.StyledTag = styled_components_1["default"].div(templateObject_4 || (temp
     var disabled = _a.disabled;
     return disabled && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      opacity: 0.5;\n      pointer-events: none;\n      cursor: not-allowed;\n    "], ["\n      opacity: 0.5;\n      pointer-events: none;\n      cursor: not-allowed;\n    "])));
 });
-var StyledTagContentWrapper = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  padding: 0 ", "px;\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  flex: 1;\n  overflow: hidden;\n"], ["\n  padding: 0 ", "px;\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  flex: 1;\n  overflow: hidden;\n"])), function (_a) {
+var StyledTagContentWrapper = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  padding: 0 ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  flex: 1;\n  overflow: hidden;\n"], ["\n  padding: 0 ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  flex: 1;\n  overflow: hidden;\n"])), function (_a) {
     var size = _a.size;
     return sizes_1.PADDING_FROM_SIZE[size];
 });
@@ -105,20 +106,23 @@ var StyledButtonWrapper = styled_components_1["default"].div(templateObject_8 ||
     return (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      .reqore-icon {\n        transform: scale(0.85);\n      }\n      &:hover {\n        cursor: pointer;\n        background-color: ", ";\n\n        .reqore-icon {\n          transform: scale(1);\n        }\n      }\n    "], ["\n      .reqore-icon {\n        transform: scale(0.85);\n      }\n      &:hover {\n        cursor: pointer;\n        background-color: ", ";\n\n        .reqore-icon {\n          transform: scale(1);\n        }\n      }\n    "])), (0, colors_1.changeLightness)(color || theme.main, color ? 0.09 : 0.19));
 });
 var ReqoreTag = (0, react_1.forwardRef)(function (_a, ref) {
-    var tooltip = _a.tooltip, label = _a.label, icon = _a.icon, rightIcon = _a.rightIcon, className = _a.className, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? 'normal' : _b, onRemoveClick = _a.onRemoveClick, actions = _a.actions, badge = _a.badge, rest = __rest(_a, ["tooltip", "label", "icon", "rightIcon", "className", "onClick", "size", "onRemoveClick", "actions", "badge"]);
+    var tooltip = _a.tooltip, label = _a.label, icon = _a.icon, rightIcon = _a.rightIcon, className = _a.className, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? 'normal' : _b, onRemoveClick = _a.onRemoveClick, actions = _a.actions, badge = _a.badge, intent = _a.intent, color = _a.color, rest = __rest(_a, ["tooltip", "label", "icon", "rightIcon", "className", "onClick", "size", "onRemoveClick", "actions", "badge", "intent", "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"])(__assign(__assign({}, tooltip), { targetElement: combinedRef.current, show: !!(tooltip === null || tooltip === void 0 ? void 0 : tooltip.content) }));
-    return ((0, jsx_runtime_1.jsxs)(exports.StyledTag, __assign({}, rest, { className: (className || '') + " reqore-tag", size: size, ref: combinedRef, badge: badge, removable: !!onRemoveClick, interactive: !!onClick && !rest.disabled }, { children: [(0, jsx_runtime_1.jsxs)(StyledTagContentWrapper, __assign({ size: size, className: 'reqore-tag-content', onClick: onClick }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: sizes_1.TEXT_FROM_SIZE[size] + "px", margin: label || rightIcon ? 'right' : undefined }, void 0)), label && (0, jsx_runtime_1.jsx)(StyledTagContent, __assign({ size: size }, { children: label }), void 0), rightIcon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, size: sizes_1.TEXT_FROM_SIZE[size] + "px", margin: label ? 'left' : undefined }, void 0))] }), void 0), (0, size_1["default"])(actions)
+    // If color or intent was specified, set the color
+    var customColor = intent ? theme.intents[intent] : color;
+    return ((0, jsx_runtime_1.jsxs)(exports.StyledTag, __assign({}, rest, { color: customColor, className: (className || '') + " reqore-tag", size: size, ref: combinedRef, badge: badge, removable: !!onRemoveClick, interactive: !!onClick && !rest.disabled }, { children: [(0, jsx_runtime_1.jsxs)(StyledTagContentWrapper, __assign({ size: size, className: 'reqore-tag-content', onClick: onClick }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: sizes_1.TEXT_FROM_SIZE[size] + "px", margin: label || rightIcon ? 'right' : undefined }, void 0)), label && (0, jsx_runtime_1.jsx)(StyledTagContent, __assign({ size: size }, { children: label }), void 0), rightIcon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, size: sizes_1.TEXT_FROM_SIZE[size] + "px", margin: label ? 'left' : undefined }, void 0))] }), void 0), (0, size_1["default"])(actions)
                 ? actions.map(function (action) { return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({}, action.tooltip, { component: StyledButtonWrapper, componentProps: {
                             size: size,
-                            color: rest.color,
+                            color: customColor,
                             className: 'reqore-tag-action',
                             onClick: action.onClick
                         }, noWrapper: true }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: action.icon, size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0) }), void 0) }, void 0)); })
                 : null, onRemoveClick && !rest.disabled ? ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: StyledButtonWrapper, componentProps: {
                     size: size,
-                    color: rest.color,
+                    color: customColor,
                     className: 'reqore-tag-remove',
                     onClick: onRemoveClick
                 }, noWrapper: true, content: 'Remove' }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseLine', size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0) }), void 0)) : null] }), void 0));