@qoretechnologies/reqore 0.20.6 → 0.21.0

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

@@ -1,13 +1,11 @@
-import { Placement } from '@popperjs/core';
 import React from 'react';
 import { TSizes } from '../../constants/sizes';
 import { IReqoreTheme } from '../../constants/theme';
+import { IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreCustomTheme } from '../../types/global';
 import { IReqoreIconName } from '../../types/icons';
-export interface IReqoreInputProps extends React.HTMLAttributes<HTMLInputElement> {
+export interface IReqoreInputProps extends React.HTMLAttributes<HTMLInputElement>, IReqoreDisabled, IReqoreReadOnly, IReqoreIntent, IWithReqoreCustomTheme {
     autoFocus?: boolean;
-    disabled?: boolean;
     tooltip?: string;
-    tooltipPlacement?: Placement;
     width?: number;
     size?: TSizes;
     minimal?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAgD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,KAsB9B,CAAC;AAWF,eAAO,MAAM,WAAW,KA4CvB,CAAC;AAEF,QAAA,MAAM,WAAW,mFAiEhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAgD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAC5C,eAAe,EACf,eAAe,EACf,aAAa,EACb,sBAAsB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,KAS9B,CAAC;AAWF,eAAO,MAAM,WAAW,KA0DvB,CAAC;AAEF,QAAA,MAAM,WAAW,mFAoEhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/Input/index.js

@@ -14,6 +14,29 @@ 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)
@@ -33,14 +56,16 @@ exports.StyledInput = exports.StyledInputWrapper = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var polished_1 = require("polished");
 var react_1 = require("react");
-var styled_components_1 = __importDefault(require("styled-components"));
+var styled_components_1 = __importStar(require("styled-components"));
 var sizes_1 = require("../../constants/sizes");
 var colors_1 = require("../../helpers/colors");
 var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
-var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
+var useTheme_1 = require("../../hooks/useTheme");
+var useTooltip_1 = require("../../hooks/useTooltip");
+var styles_1 = require("../../styles");
 var Icon_1 = __importDefault(require("../Icon"));
 var InputClearButton_1 = __importDefault(require("../InputClearButton"));
-exports.StyledInputWrapper = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", "px;\n  width: ", ";\n  flex: ", ";\n  font-size: ", "px;\n  position: relative;\n  overflow: hidden;\n  border-radius: ", "px;\n  border: ", ";\n  border-bottom: ", ";\n\n  transition: all 0.2s ease-out;\n\n  &:active,\n  &:focus,\n  &:hover {\n    outline: none;\n    border-color: ", ";\n  }\n"], ["\n  height: ", "px;\n  width: ", ";\n  flex: ", ";\n  font-size: ", "px;\n  position: relative;\n  overflow: hidden;\n  border-radius: ", "px;\n  border: ", ";\n  border-bottom: ", ";\n\n  transition: all 0.2s ease-out;\n\n  &:active,\n  &:focus,\n  &:hover {\n    outline: none;\n    border-color: ", ";\n  }\n"])), function (_a) {
+exports.StyledInputWrapper = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", "px;\n  width: ", ";\n  flex: ", ";\n  font-size: ", "px;\n  position: relative;\n  overflow: hidden;\n  border-radius: ", "px;\n"], ["\n  height: ", "px;\n  width: ", ";\n  flex: ", ";\n  font-size: ", "px;\n  position: relative;\n  overflow: hidden;\n  border-radius: ", "px;\n"])), function (_a) {
     var _size = _a._size;
     return sizes_1.SIZE_TO_PX[_size];
 }, function (_a) {
@@ -55,15 +80,6 @@ exports.StyledInputWrapper = styled_components_1["default"].div(templateObject_1
 }, function (_a) {
     var minimal = _a.minimal, rounded = _a.rounded, _size = _a._size;
     return minimal || !rounded ? 0 : sizes_1.RADIUS_FROM_SIZE[_size];
-}, function (_a) {
-    var minimal = _a.minimal, theme = _a.theme, flat = _a.flat;
-    return !minimal && !flat ? "1px solid ".concat((0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.2)) : 0;
-}, function (_a) {
-    var minimal = _a.minimal, theme = _a.theme, flat = _a.flat;
-    return minimal && !flat ? "0.5px solid ".concat((0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.2)) : undefined;
-}, function (_a) {
-    var theme = _a.theme;
-    return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.3);
 });
 var StyledIconWrapper = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  height: ", "px;\n  width: ", "px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  position: absolute;\n  height: ", "px;\n  width: ", "px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])), function (_a) {
     var _size = _a._size;
@@ -72,7 +88,7 @@ var StyledIconWrapper = styled_components_1["default"].div(templateObject_2 || (
     var _size = _a._size;
     return sizes_1.SIZE_TO_PX[_size];
 });
-exports.StyledInput = styled_components_1["default"].input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  flex: 1;\n  margin: 0;\n  padding: 0 7px;\n  padding-right: ", "px;\n  padding-left: ", "px;\n  font-size: ", "px;\n  border: none;\n\n  background-color: ", ";\n  color: ", ";\n\n  transition: all 0.2s ease-out;\n\n  &:active,\n  &:focus,\n  &:hover {\n    outline: none;\n  }\n\n  &:active,\n  &:focus {\n    background-color: ", ";\n  }\n\n  &::placeholder {\n    transition: all 0.2s ease-out;\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  &:disabled {\n    pointer-events: none;\n    opacity: 0.3;\n  }\n"], ["\n  height: 100%;\n  width: 100%;\n  flex: 1;\n  margin: 0;\n  padding: 0 7px;\n  padding-right: ", "px;\n  padding-left: ", "px;\n  font-size: ", "px;\n  border: none;\n\n  background-color: ", ";\n  color: ", ";\n\n  transition: all 0.2s ease-out;\n\n  &:active,\n  &:focus,\n  &:hover {\n    outline: none;\n  }\n\n  &:active,\n  &:focus {\n    background-color: ", ";\n  }\n\n  &::placeholder {\n    transition: all 0.2s ease-out;\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  &:disabled {\n    pointer-events: none;\n    opacity: 0.3;\n  }\n"])), function (_a) {
+exports.StyledInput = styled_components_1["default"].input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  flex: 1;\n  margin: 0;\n  padding: 0 7px;\n  padding-right: ", "px;\n  padding-left: ", "px;\n  font-size: ", "px;\n  border-radius: ", "px;\n  border: ", ";\n  border-bottom: ", ";\n\n  transition: all 0.2s ease-out;\n\n  ", "\n\n  background-color: ", ";\n  color: ", ";\n\n  transition: all 0.2s ease-out;\n\n  &:active,\n  &:focus {\n    background-color: ", ";\n  }\n\n  &::placeholder {\n    transition: all 0.2s ease-out;\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  ", ";\n\n  &:disabled {\n    ", ";\n  }\n"], ["\n  height: 100%;\n  width: 100%;\n  flex: 1;\n  margin: 0;\n  padding: 0 7px;\n  padding-right: ", "px;\n  padding-left: ", "px;\n  font-size: ", "px;\n  border-radius: ", "px;\n  border: ", ";\n  border-bottom: ", ";\n\n  transition: all 0.2s ease-out;\n\n  ", "\n\n  background-color: ", ";\n  color: ", ";\n\n  transition: all 0.2s ease-out;\n\n  &:active,\n  &:focus {\n    background-color: ", ";\n  }\n\n  &::placeholder {\n    transition: all 0.2s ease-out;\n    color: ", ";\n  }\n\n  &:focus {\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  ", ";\n\n  &:disabled {\n    ", ";\n  }\n"])), function (_a) {
     var clearable = _a.clearable, _size = _a._size;
     return (clearable ? sizes_1.SIZE_TO_PX[_size] : 7);
 }, function (_a) {
@@ -81,35 +97,48 @@ exports.StyledInput = styled_components_1["default"].input(templateObject_3 || (
 }, function (_a) {
     var _size = _a._size;
     return sizes_1.TEXT_FROM_SIZE[_size];
+}, function (_a) {
+    var minimal = _a.minimal, rounded = _a.rounded, _size = _a._size;
+    return minimal || !rounded ? 0 : sizes_1.RADIUS_FROM_SIZE[_size];
+}, function (_a) {
+    var minimal = _a.minimal, theme = _a.theme, flat = _a.flat;
+    return !minimal && !flat ? "1px solid ".concat((0, colors_1.changeLightness)(theme.main, 0.05)) : 0;
+}, function (_a) {
+    var minimal = _a.minimal, theme = _a.theme, flat = _a.flat;
+    return minimal && !flat ? "0.5px solid ".concat((0, colors_1.changeLightness)(theme.main, 0.05)) : undefined;
+}, function (_a) {
+    var disabled = _a.disabled, readOnly = _a.readOnly;
+    return !disabled && !readOnly
+        ? (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          &:active,\n          &:focus,\n          &:hover {\n            outline: none;\n            border-color: ", ";\n          }\n        "], ["\n          &:active,\n          &:focus,\n          &:hover {\n            outline: none;\n            border-color: ", ";\n          }\n        "])), function (_a) {
+            var theme = _a.theme;
+            return (0, colors_1.changeLightness)(theme.main, 0.1);
+        }) : undefined;
 }, function (_a) {
     var theme = _a.theme, minimal = _a.minimal;
-    return minimal ? 'transparent' : (0, polished_1.darken)(0.01, theme.main);
+    return minimal ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.3);
 }, function (_a) {
     var theme = _a.theme;
     return (0, colors_1.getReadableColor)(theme);
 }, function (_a) {
     var theme = _a.theme, minimal = _a.minimal;
-    return minimal ? 'transparent' : (0, colors_1.changeLightness)((0, polished_1.darken)(0.01, theme.main), 0.01);
+    return minimal ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.5);
 }, function (_a) {
     var theme = _a.theme;
     return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.3);
 }, function (_a) {
     var theme = _a.theme;
     return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.5);
-});
+}, function (_a) {
+    var readOnly = _a.readOnly;
+    return readOnly && styles_1.ReadOnlyElement;
+}, styles_1.DisabledElement);
 var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
-    var tooltip = _a.tooltip, tooltipPlacement = _a.tooltipPlacement, width = _a.width, _b = _a.size, size = _b === void 0 ? 'normal' : _b, fluid = _a.fluid, fixed = _a.fixed, className = _a.className, onClearClick = _a.onClearClick, icon = _a.icon, flat = _a.flat, _c = _a.rounded, rounded = _c === void 0 ? true : _c, minimal = _a.minimal, children = _a.children, rest = __rest(_a, ["tooltip", "tooltipPlacement", "width", "size", "fluid", "fixed", "className", "onClearClick", "icon", "flat", "rounded", "minimal", "children"]);
-    var innerRef = (0, react_1.useRef)(null);
-    var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
-    (0, usePopover_1["default"])({
-        targetElement: combinedRef.current,
-        content: tooltip,
-        handler: 'hover',
-        placement: tooltipPlacement,
-        show: !!tooltip
-    });
-    return ((0, jsx_runtime_1.jsxs)(exports.StyledInputWrapper, __assign({ className: 'reqore-control-wrapper', fluid: fluid, fixed: fixed, width: width, flat: flat, rounded: rounded, minimal: minimal, _size: size, ref: combinedRef }, { children: [icon && ((0, jsx_runtime_1.jsx)(StyledIconWrapper, __assign({ _size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), icon: icon }) }))), (0, jsx_runtime_1.jsx)(exports.StyledInput, __assign({}, rest, { _size: size, minimal: minimal, hasIcon: !!icon, clearable: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), className: "".concat(className || '', " reqore-control reqore-input") })), (0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), onClick: onClearClick, size: size, show: (rest === null || rest === void 0 ? void 0 : rest.value) && rest.value !== '' ? true : false })] })));
+    var tooltip = _a.tooltip, width = _a.width, _b = _a.size, size = _b === void 0 ? 'normal' : _b, fluid = _a.fluid, fixed = _a.fixed, className = _a.className, onClearClick = _a.onClearClick, icon = _a.icon, flat = _a.flat, _c = _a.rounded, rounded = _c === void 0 ? true : _c, minimal = _a.minimal, children = _a.children, readOnly = _a.readOnly, customTheme = _a.customTheme, intent = _a.intent, rest = __rest(_a, ["tooltip", "width", "size", "fluid", "fixed", "className", "onClearClick", "icon", "flat", "rounded", "minimal", "children", "readOnly", "customTheme", "intent"]);
+    var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
+    var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
+    (0, useTooltip_1.useTooltip)(targetRef.current, tooltip);
+    return ((0, jsx_runtime_1.jsxs)(exports.StyledInputWrapper, __assign({ className: 'reqore-control-wrapper', fluid: fluid, fixed: fixed, width: width, flat: flat, theme: theme, rounded: rounded, minimal: minimal, _size: size, ref: targetRef, readOnly: readOnly, disabled: rest.disabled }, { children: [icon && ((0, jsx_runtime_1.jsx)(StyledIconWrapper, __assign({ _size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), icon: icon }) }))), (0, jsx_runtime_1.jsx)(exports.StyledInput, __assign({}, rest, { theme: theme, _size: size, minimal: minimal, flat: flat, rounded: rounded, hasIcon: !!icon, clearable: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), className: "".concat(className || '', " reqore-control reqore-input"), readOnly: readOnly })), (0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !readOnly && !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), onClick: onClearClick, size: size, show: (rest === null || rest === void 0 ? void 0 : rest.value) && rest.value !== '' ? true : false })] })));
 });
 exports["default"] = ReqoreInput;
-var templateObject_1, templateObject_2, templateObject_3;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IReqoreCustomTheme, IReqoreIntent, IReqoreTheme } from '../../constants/theme';
+import { IReqoreCustomTheme, IReqoreTheme, TReqoreIntent } from '../../constants/theme';
 import { IReqoreComponent } from '../../types/global';
 export interface IReqoreMenuProps extends IReqoreComponent, React.HTMLAttributes<HTMLDivElement> {
     children: any;
@@ -7,7 +7,8 @@ export interface IReqoreMenuProps extends IReqoreComponent, React.HTMLAttributes
     width?: string;
     maxHeight?: string;
     customTheme?: IReqoreCustomTheme;
-    intent?: IReqoreIntent;
+    intent?: TReqoreIntent;
+    wrapText?: boolean;
 }
 export interface IReqoreMenuStyle extends IReqoreMenuProps {
     theme: IReqoreTheme;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9F,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,KAAK,EAAE,YAAY,CAAC;CACrB;AAsBD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoB1C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9F,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,KAAK,EAAE,YAAY,CAAC;CACrB;AA0BD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyB1C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/Menu/index.js

@@ -58,7 +58,8 @@ var styled_components_1 = __importStar(require("styled-components"));
 var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
 var colors_1 = require("../../helpers/colors");
 var useTheme_1 = require("../../hooks/useTheme");
-var StyledReqoreMenu = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: ", ";\n  padding: 5px;\n  max-height: ", ";\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  background-color: ", ";\n\n  ", "\n"], ["\n  width: ", ";\n  padding: 5px;\n  max-height: ", ";\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  background-color: ", ";\n\n  ", "\n"])), function (_a) {
+var ControlGroup_1 = require("../ControlGroup");
+var StyledReqoreMenu = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: ", ";\n  padding: 5px;\n  max-height: ", ";\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  background-color: ", ";\n\n  ", "\n\n  ", ":not(:last-child) {\n    margin-bottom: 5px;\n  }\n"], ["\n  width: ", ";\n  padding: 5px;\n  max-height: ", ";\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  background-color: ", ";\n\n  ", "\n\n  ", ":not(:last-child) {\n    margin-bottom: 5px;\n  }\n"])), function (_a) {
     var width = _a.width;
     return width || '160px';
 }, function (_a) {
@@ -70,16 +71,18 @@ var StyledReqoreMenu = styled_components_1["default"].div(templateObject_2 || (t
 }, function (_a) {
     var theme = _a.theme, position = _a.position;
     return position && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border-", ": 1px solid ", ";\n    padding-", ": 10px;\n  "], ["\n    border-", ": 1px solid ", ";\n    padding-", ": 10px;\n  "])), position === 'left' ? 'right' : 'left', (0, colors_1.changeLightness)(theme.main, 0.05), position === 'left' ? 'right' : 'left');
-});
+}, ControlGroup_1.StyledReqoreControlGroup);
 var ReqoreMenu = (0, react_1.forwardRef)(function (_a, ref) {
-    var children = _a.children, position = _a.position, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, customTheme = _a.customTheme, intent = _a.intent, rest = __rest(_a, ["children", "position", "_insidePopover", "_popoverId", "customTheme", "intent"]);
+    var children = _a.children, position = _a.position, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, customTheme = _a.customTheme, intent = _a.intent, wrapText = _a.wrapText, rest = __rest(_a, ["children", "position", "_insidePopover", "_popoverId", "customTheme", "intent", "wrapText"]);
     var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
     return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsx)(StyledReqoreMenu, __assign({}, rest, { position: position, ref: ref, theme: theme }, { children: react_1["default"].Children.map(children, function (child) {
                 return child
                     ? // @ts-ignore
                         react_1["default"].cloneElement(child, {
                             _insidePopover: _insidePopover,
-                            _popoverId: _popoverId
+                            _popoverId: _popoverId,
+                            customTheme: theme,
+                            wrapText: wrapText
                         })
                     : null;
             }) })) })));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qEAAgD;AAEhD,iFAAiE;AACjE,+CAAuD;AACvD,iDAAsD;AAgBtD,IAAM,gBAAgB,GAAG,8BAAM,CAAC,GAAG,gNAAkB,aAC1C,EAA+B,oCAE1B,EAAyC,uEAInC,EAAyB,SAE3C,EAQD,IACF,KAjBU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,OAAO;AAAhB,CAAgB,EAE1B,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS,IAAI,SAAS;AAAtB,CAAsB,EAInC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,IAAI;AAAV,CAAU,EAE3C,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IAClB,OAAA,QAAQ,QACR,uBAAG,qIAAA,eACM,EAAsC,cAAe,EAG7D,iBACS,EAAsC,aACjD,KALU,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAe,IAAA,wBAAe,EAC3E,KAAK,CAAC,IAAI,EACV,IAAI,CACL,EACS,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CACjD;AAPC,CAOD,CACF,CAAC;AAEF,IAAM,UAAU,GAA+B,IAAA,kBAAU,EACvD,UAAC,EAAgF,EAAE,GAAQ;IAAxF,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAE,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAA9E,iFAAgF,CAAF;IAC7E,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAE1D,OAAO,CACL,uBAAC,0BAAmB,aAAC,KAAK,EAAE,KAAK,gBAC/B,uBAAC,gBAAgB,eAAK,IAAI,IAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,gBACnE,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;gBAClC,OAAA,KAAK;oBACH,CAAC,CAAC,aAAa;wBACb,kBAAK,CAAC,YAAY,CAAC,KAAK,EAAE;4BACxB,cAAc,gBAAA;4BACd,UAAU,YAAA;yBACX,CAAC;oBACJ,CAAC,CAAC,IAAI;YANR,CAMQ,CACT,IACgB,IACC,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qEAAgD;AAEhD,iFAAiE;AACjE,+CAAuD;AACvD,iDAAsD;AAEtD,gDAA2D;AAgB3D,IAAM,gBAAgB,GAAG,8BAAM,CAAC,GAAG,2QAAkB,aAC1C,EAA+B,oCAE1B,EAAyC,uEAInC,EAAyB,SAE3C,EAQD,QAEC,EAAwB,qDAG3B,KArBU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,OAAO;AAAhB,CAAgB,EAE1B,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS,IAAI,SAAS;AAAtB,CAAsB,EAInC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,IAAI;AAAV,CAAU,EAE3C,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IAClB,OAAA,QAAQ,QACR,uBAAG,qIAAA,eACM,EAAsC,cAAe,EAG7D,iBACS,EAAsC,aACjD,KALU,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAe,IAAA,wBAAe,EAC3E,KAAK,CAAC,IAAI,EACV,IAAI,CACL,EACS,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CACjD;AAPC,CAOD,EAEC,uCAAwB,CAG3B,CAAC;AAEF,IAAM,UAAU,GAA+B,IAAA,kBAAU,EACvD,UACE,EAA0F,EAC1F,GAAQ;IADN,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAE,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAxF,6FAA0F,CAAF;IAGxF,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAE1D,OAAO,CACL,uBAAC,0BAAmB,aAAC,KAAK,EAAE,KAAK,gBAC/B,uBAAC,gBAAgB,eAAK,IAAI,IAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,gBACnE,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;gBAClC,OAAA,KAAK;oBACH,CAAC,CAAC,aAAa;wBACb,kBAAK,CAAC,YAAY,CAAC,KAAK,EAAE;4BACxB,cAAc,gBAAA;4BACd,UAAU,YAAA;4BACV,WAAW,EAAE,KAAK;4BAClB,QAAQ,UAAA;yBACT,CAAC;oBACJ,CAAC,CAAC,IAAI;YARR,CAQQ,CACT,IACgB,IACC,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,UAAU,CAAC"}

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
-import { IReqoreComponent, TReqoreTooltipProp } from '../../types/global';
+import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
+import { IReqoreComponent, IWithReqoreCustomTheme, TReqoreTooltipProp } from '../../types/global';
 import { IReqoreIconName } from '../../types/icons';
-export interface IReqoreMenuItemProps extends IReqoreComponent, React.HTMLAttributes<HTMLElement> {
+export interface IReqoreMenuItemProps extends IReqoreComponent, React.HTMLAttributes<HTMLElement>, IWithReqoreCustomTheme {
     children?: string;
     label?: string | number;
     icon?: IReqoreIconName;
@@ -13,18 +13,19 @@ export interface IReqoreMenuItemProps extends IReqoreComponent, React.HTMLAttrib
     onClick?: (itemId?: string, event?: React.MouseEvent<HTMLElement>) => void;
     onRightIconClick?: (itemId?: string, event?: React.MouseEvent<HTMLElement>) => void;
     tooltip?: TReqoreTooltipProp;
-    intent?: IReqoreIntent;
+    intent?: TReqoreIntent;
+    wrapText?: boolean;
 }
 export interface IReqoreMenuItemStyle {
     theme: IReqoreTheme;
     selected: boolean;
     disabled: boolean;
-    intent?: IReqoreIntent;
+    intent?: TReqoreIntent;
 }
 export interface IReqoreMenuItemRightIconStyle {
     theme: IReqoreTheme;
     interactive?: boolean;
-    intent?: IReqoreIntent;
+    intent?: TReqoreIntent;
 }
 declare const ReqoreMenuItem: React.FC<IReqoreMenuItemProps>;
 export default ReqoreMenuItem;

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

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKpE,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC/F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,EAAE,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC3E,gBAAgB,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpF,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAmBD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AA4DD,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAyBD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+ElD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIpE,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAClG,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,oBACf,SAAQ,gBAAgB,EACtB,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,sBAAsB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,EAAE,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC3E,gBAAgB,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpF,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqFlD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Menu/item.js

@@ -1,8 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -14,29 +10,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)
@@ -54,44 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var styled_components_1 = __importStar(require("styled-components"));
+var __1 = require("../..");
 var PopoverContext_1 = __importDefault(require("../../context/PopoverContext"));
-var colors_1 = require("../../helpers/colors");
 var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
 var useTooltip_1 = require("../../hooks/useTooltip");
-var Icon_1 = __importDefault(require("../Icon"));
-var StyledElementContent = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex: 1;\n  margin-right: 3px;\n  word-break: break-word;\n\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  flex: 1;\n  margin-right: 3px;\n  word-break: break-word;\n\n  ", "\n"])), function (_a) {
-    var hasRightIcon = _a.hasRightIcon;
-    return hasRightIcon && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      margin-right: 33px;\n    "], ["\n      margin-right: 33px;\n    "])));
-});
-var StyledElement = styled_components_1["default"].div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  min-height: 35px;\n  color: ", ";\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 4px 6px;\n  position: relative;\n  width: 100%;\n  z-index: 0;\n  cursor: pointer;\n  transition: background-color 0.05s ease-out;\n  border-radius: 4px;\n  ", ";\n  overflow: hidden;\n\n  ", "\n\n  &:not(:first-child) {\n    margin-top: 4px;\n  }\n"], ["\n  min-height: 35px;\n  color: ", ";\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 4px 6px;\n  position: relative;\n  width: 100%;\n  z-index: 0;\n  cursor: pointer;\n  transition: background-color 0.05s ease-out;\n  border-radius: 4px;\n  ", ";\n  overflow: hidden;\n\n  ", "\n\n  &:not(:first-child) {\n    margin-top: 4px;\n  }\n"])), function (_a) {
-    var theme = _a.theme, selected = _a.selected, intent = _a.intent;
-    return intent
-        ? (0, colors_1.getReadableColorFrom)(theme.intents[intent], true)
-        : (0, colors_1.getReadableColor)(theme, undefined, undefined, !selected);
-}, function (_a) {
-    var theme = _a.theme, selected = _a.selected, intent = _a.intent;
-    var bg = intent ? theme.intents[intent] : theme.main;
-    return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      background-color: ", ";\n    "], ["\n      background-color: ", ";\n    "])), selected ? (0, colors_1.changeLightness)(bg, 0.07) : bg);
-}, function (_a) {
-    var theme = _a.theme, selected = _a.selected, disabled = _a.disabled, intent = _a.intent;
-    return !disabled
-        ? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          ", "\n\n          &:hover {\n            color: ", ";\n            text-decoration: none;\n          }\n        "], ["\n          ", "\n\n          &:hover {\n            color: ", ";\n            text-decoration: none;\n          }\n        "])), !selected && (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, colors_1.changeLightness)(intent ? theme.intents[intent] : theme.main, 0.05)), function (_a) {
-            var theme = _a.theme;
-            return intent
-                ? (0, colors_1.getReadableColorFrom)(theme.intents[intent])
-                : (0, colors_1.getReadableColor)(theme, undefined, undefined);
-        }) : (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          cursor: not-allowed;\n          > * {\n            opacity: 0.5;\n          }\n        "], ["\n          cursor: not-allowed;\n          > * {\n            opacity: 0.5;\n          }\n        "])));
-});
-var StyledRightIcon = styled_components_1["default"].div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
-    var theme = _a.theme, interactive = _a.interactive, intent = _a.intent;
-    return (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __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: 1;\n    transition: background-color 0.2s ease-out;\n\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: 1;\n    transition: background-color 0.2s ease-out;\n\n    ", "\n  "])), interactive && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    "], ["\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    "])), (0, colors_1.changeLightness)(intent ? theme.intents[intent] : theme.main, 0.09)));
-});
 var ReqoreMenuItem = (0, react_1.forwardRef)(function (_a, ref) {
-    var children = _a.children, label = _a.label, icon = _a.icon, rightIcon = _a.rightIcon, as = _a.as, selected = _a.selected, onClick = _a.onClick, onRightIconClick = _a.onRightIconClick, disabled = _a.disabled, id = _a.id, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, tooltip = _a.tooltip, intent = _a.intent, rest = __rest(_a, ["children", "label", "icon", "rightIcon", "as", "selected", "onClick", "onRightIconClick", "disabled", "id", "_insidePopover", "_popoverId", "tooltip", "intent"]);
+    var children = _a.children, label = _a.label, icon = _a.icon, rightIcon = _a.rightIcon, as = _a.as, selected = _a.selected, onClick = _a.onClick, onRightIconClick = _a.onRightIconClick, disabled = _a.disabled, id = _a.id, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, tooltip = _a.tooltip, intent = _a.intent, wrapText = _a.wrapText, rest = __rest(_a, ["children", "label", "icon", "rightIcon", "as", "selected", "onClick", "onRightIconClick", "disabled", "id", "_insidePopover", "_popoverId", "tooltip", "intent", "wrapText"]);
     var removePopover = (0, react_1.useContext)(PopoverContext_1["default"]).removePopover;
-    var innerRef = (0, react_1.useRef)(null);
-    var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
+    var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
     var handleClick = function (event) {
         event.persist();
         onClick === null || onClick === void 0 ? void 0 : onClick(id, event);
@@ -109,13 +52,12 @@ var ReqoreMenuItem = (0, react_1.forwardRef)(function (_a, ref) {
             }
         }
     };
-    (0, useTooltip_1.useTooltip)(combinedRef.current, tooltip);
-    return ((0, jsx_runtime_1.jsxs)(StyledElement
-    //@ts-ignore
-    , __assign({ 
-        //@ts-ignore
-        as: as }, rest, { className: 'reqore-menu-item', onClick: handleClick, selected: selected, ref: combinedRef, disabled: disabled, intent: intent }, { children: [(0, jsx_runtime_1.jsxs)(StyledElementContent, __assign({ hasRightIcon: !!rightIcon }, { children: [icon && (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: '13px', margin: 'right' }), label || children] })), rightIcon && ((0, jsx_runtime_1.jsx)(StyledRightIcon, __assign({ className: 'reqore-menu-item-right-icon', interactive: !!onRightIconClick, onClick: handleRightIconClick, intent: intent }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, size: '13px' }) })))] })));
+    (0, useTooltip_1.useTooltip)(targetRef.current, tooltip);
+    return ((0, jsx_runtime_1.jsxs)(__1.ReqoreControlGroup, __assign({ stack: true, fluid: true }, { children: [(0, jsx_runtime_1.jsx)(__1.ReqoreButton
+            //@ts-ignore
+            , __assign({ 
+                //@ts-ignore
+                as: as }, rest, { flat: true, className: 'reqore-menu-item', fluid: true, onClick: handleClick, active: selected, ref: targetRef, disabled: disabled, intent: intent, icon: icon, wrap: wrapText }, { children: label || children })), rightIcon && ((0, jsx_runtime_1.jsx)(__1.ReqoreButton, { icon: rightIcon, flat: true, fixed: true, customTheme: rest.customTheme, className: 'reqore-menu-item-right-icon', onClick: handleRightIconClick, intent: intent, active: selected, wrap: wrapText }))] })));
 });
 exports["default"] = ReqoreMenuItem;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
 //# sourceMappingURL=item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA8D;AAC9D,qEAAgD;AAEhD,gFAA0D;AAC1D,+CAA+F;AAC/F,+DAA8D;AAC9D,qDAAoD;AAGpD,iDAAiC;AAiBjC,IAAM,oBAAoB,GAAG,8BAAM,CAAC,GAAG,wLAGrC,+GAOE,EAIC,IACJ,KALG,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,QACZ,uBAAG,uGAAA,mCAEF,IAAA;AAHD,CAGC,CACJ,CAAC;AASF,IAAM,aAAa,GAAG,8BAAM,CAAC,GAAG,6bAAsB,kCAE3C,EAGqD,0PAW5D,EAMD,8BAGC,EA0BK,0DAKR,KAtDU,UAAC,EAA2B;QAAzB,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA;IACjC,OAAA,MAAM;QACJ,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC;QACnD,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,QAAQ,CAAC;AAF5D,CAE4D,EAW5D,UAAC,EAAiD;QAA/C,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA;IAC1B,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;IAEvD,WAAO,uBAAG,2GAAA,4BACY,EAA0C,SAC/D,KADqB,QAAQ,CAAC,CAAC,CAAC,IAAA,wBAAe,EAAC,EAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,EAC9D;AACJ,CAAC,EAGC,UAAC,EAAqC;QAAnC,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA;IACpC,OAAA,CAAC,QAAQ;QACP,CAAC,KAAC,uBAAG,kMAAA,cACC,EAQD,8CAGU,EAG0C,8DAGtD,KAjBG,CAAC,QAAQ,QACX,uBAAG,+JAAA,2DAEqB,EAGnB,8BAEJ,KALuB,IAAA,wBAAe,EACjC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAC3C,IAAI,CACL,CAEJ,EAGU,UAAC,EAAS;gBAAP,KAAK,WAAA;YACf,OAAA,MAAM;gBACJ,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBAC7C,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC;QAFjD,CAEiD,EAIzD,CAAC,KAAC,uBAAG,yKAAA,qGAKF,IAAA;AAzBL,CAyBK,CAKR,CAAC;AAQF,IAAM,eAAe,GAAG,8BAAM,CAAC,GAAG,iFAA+B,MAC7D,EAmBD,IACF,KApBG,UAAC,EAA8B;QAA5B,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAA;IAAO,WAAA,uBAAG,gUAAA,oPAYrC,EAMD,MACF,KAPG,WAAW,QACb,uBAAG,+JAAA,uEAGqB,EAAkE,kBAEzF,KAFuB,IAAA,wBAAe,EAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAEzF;AAlBmC,CAmBrC,CACF,CAAC;AAEF,IAAM,cAAc,GAAmC,IAAA,kBAAU,EAC/D,UACE,EAgBC,EACD,GAAQ;IAhBN,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,MAAM,YAAA,EACH,IAAI,cAfT,kKAgBC,CADQ;IAID,IAAA,aAAa,GAAK,IAAA,kBAAU,EAAC,2BAAc,CAAC,cAA/B,CAAgC;IACrD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,IAAM,WAAW,GAAG,IAAA,iCAAe,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAEnD,IAAM,WAAW,GAAG,UAAC,KAAuC;QAC1D,KAAK,CAAC,OAAO,EAAE,CAAC;QAEhB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,EAAE,KAAK,CAAC,CAAC;QAErB,IAAI,cAAc,IAAI,UAAU,EAAE;YAChC,aAAc,CAAC,UAAU,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG,UAAC,KAAwC;QACpE,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,gBAAgB,EAAE;YACpB,gBAAgB,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;YAE5B,IAAI,cAAc,IAAI,UAAU,EAAE;gBAChC,aAAc,CAAC,UAAU,CAAC,CAAC;aAC5B;SACF;IACH,CAAC,CAAC;IAEF,IAAA,uBAAU,EAAC,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAEzC,OAAO,CACL,wBAAC,aAAa;IACZ,YAAY;;QAAZ,YAAY;QACZ,EAAE,EAAE,EAAE,IACF,IAAI,IACR,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,WAAW,EAChB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,iBAEd,wBAAC,oBAAoB,aAAC,YAAY,EAAE,CAAC,CAAC,SAAS,iBAC5C,IAAI,IAAI,uBAAC,iBAAU,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,GAAG,EAC7D,KAAK,IAAI,QAAQ,KACG,EACtB,SAAS,IAAI,CACZ,uBAAC,eAAe,aACd,SAAS,EAAC,6BAA6B,EACvC,WAAW,EAAE,CAAC,CAAC,gBAAgB,EAC/B,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,MAAM,gBAEd,uBAAC,iBAAU,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,GAAG,IAC3B,CACnB,KACa,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,cAAc,CAAC"}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAsD;AACtD,2BAAyD;AAEzD,gFAA0D;AAC1D,+DAA8D;AAC9D,qDAAoD;AAoCpD,IAAM,cAAc,GAAmC,IAAA,kBAAU,EAC/D,UACE,EAiBC,EACD,GAAQ;IAjBN,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,MAAM,YAAA,EACN,QAAQ,cAAA,EACL,IAAI,cAhBT,8KAiBC,CADQ;IAID,IAAA,aAAa,GAAK,IAAA,kBAAU,EAAC,2BAAc,CAAC,cAA/B,CAAgC;IAC7C,IAAA,SAAS,GAAK,IAAA,iCAAe,EAAC,GAAG,CAAC,UAAzB,CAA0B;IAE3C,IAAM,WAAW,GAAG,UAAC,KAA0C;QAC7D,KAAK,CAAC,OAAO,EAAE,CAAC;QAEhB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,EAAE,KAAK,CAAC,CAAC;QAErB,IAAI,cAAc,IAAI,UAAU,EAAE;YAChC,aAAc,CAAC,UAAU,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG,UAAC,KAAwC;QACpE,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,gBAAgB,EAAE;YACpB,gBAAgB,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;YAE5B,IAAI,cAAc,IAAI,UAAU,EAAE;gBAChC,aAAc,CAAC,UAAU,CAAC,CAAC;aAC5B;SACF;IACH,CAAC,CAAC;IAEF,IAAA,uBAAU,EAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAEvC,OAAO,CACL,wBAAC,sBAAkB,aAAC,KAAK,QAAC,KAAK,uBAC7B,uBAAC,gBAAY;YACX,YAAY;;gBAAZ,YAAY;gBACZ,EAAE,EAAE,EAAE,IACF,IAAI,IACR,IAAI,QACJ,SAAS,EAAC,kBAAkB,EAC5B,KAAK,QACL,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,QAAQ,EAChB,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,gBAEb,KAAK,IAAI,QAAQ,IACL,EACd,SAAS,IAAI,CACZ,uBAAC,gBAAY,IACX,IAAI,EAAE,SAAS,EACf,IAAI,QACJ,KAAK,QACL,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,QAAQ,EAChB,IAAI,EAAE,QAAQ,GACd,CACH,KACkB,CACtB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,cAAc,CAAC"}

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

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

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,aAAa,EAAE,YAAY,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":";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"}

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

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAED,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB;IACpE,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAuCD,QAAA,MAAM,gBAAgB,wFAiBrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AASrD,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAED,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB;IACpE,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAkDD,QAAA,MAAM,gBAAgB,wFAiBrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/Navbar/item.js

@@ -53,16 +53,23 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var styled_components_1 = __importStar(require("styled-components"));
 var colors_1 = require("../../helpers/colors");
-var StyledNavbarItem = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n  min-width: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 10px;\n  color: inherit;\n  background-color: ", ";\n\n  ", "\n\n  opacity: ", ";\n\n  ", "\n"], ["\n  height: 100%;\n  min-width: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 10px;\n  color: inherit;\n  background-color: ", ";\n\n  ", "\n\n  opacity: ", ";\n\n  ", "\n"])), function (_a) {
+var styles_1 = require("../../styles");
+var StyledNavbarItem = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 100%;\n  min-width: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 10px;\n  color: inherit;\n  background-color: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  opacity: ", ";\n\n  ", "\n"], ["\n  height: 100%;\n  min-width: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 10px;\n  color: inherit;\n  background-color: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  opacity: ", ";\n\n  ", "\n"])), function (_a) {
     var _b;
     var theme = _a.theme, active = _a.active, type = _a.type;
     return active && (((_b = theme[type]) === null || _b === void 0 ? void 0 : _b.hoverColor) || (0, colors_1.changeLightness)((0, colors_1.getMainColor)(theme, type), 0.05));
+}, styles_1.InactiveIconScale, function (_a) {
+    var active = _a.active;
+    if (active) {
+        return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        ", "\n      "], ["\n        ", "\n      "])), styles_1.ActiveIconScale);
+    }
+    return undefined;
 }, function (_a) {
     var _b;
     var interactive = _a.interactive, theme = _a.theme, type = _a.type;
     if (interactive) {
-        return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        transition: background-color 0.2s ease-out;\n        cursor: pointer;\n        &:hover {\n          background-color: ", ";\n        }\n      "], ["\n        transition: background-color 0.2s ease-out;\n        cursor: pointer;\n        &:hover {\n          background-color: ", ";\n        }\n      "])), ((_b = theme[type]) === null || _b === void 0 ? void 0 : _b.hoverColor) ||
-            (0, colors_1.changeLightness)((0, colors_1.getMainColor)(theme, type), 0.05));
+        return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        transition: background-color 0.2s ease-out;\n        cursor: pointer;\n        &:hover {\n          background-color: ", ";\n        }\n        ", "\n      "], ["\n        transition: background-color 0.2s ease-out;\n        cursor: pointer;\n        &:hover {\n          background-color: ", ";\n        }\n        ", "\n      "])), ((_b = theme[type]) === null || _b === void 0 ? void 0 : _b.hoverColor) ||
+            (0, colors_1.changeLightness)((0, colors_1.getMainColor)(theme, type), 0.05), styles_1.ScaleIconOnHover);
     }
     return undefined;
 }, function (_a) {
@@ -70,12 +77,12 @@ var StyledNavbarItem = styled_components_1["default"].div(templateObject_3 || (t
     return disabled && 0.3;
 }, function (_a) {
     var disabled = _a.disabled;
-    return disabled && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __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    "])));
+    return disabled && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      ", "\n    "], ["\n      ", "\n    "])), styles_1.DisabledElement);
 });
 var ReqoreNavbarItem = (0, react_1.forwardRef)(function (_a, ref) {
     var interactive = _a.interactive, children = _a.children, type = _a.type, disabled = _a.disabled, active = _a.active, rest = __rest(_a, ["interactive", "children", "type", "disabled", "active"]);
     return ((0, jsx_runtime_1.jsx)(StyledNavbarItem, __assign({}, rest, { className: "".concat(rest.className || '', " reqore-navbar-item"), interactive: interactive || !!rest.onClick, disabled: disabled, active: active, type: type, ref: ref }, { children: children })));
 });
 exports["default"] = ReqoreNavbarItem;
-var templateObject_1, templateObject_2, templateObject_3;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Navbar/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,qEAAgD;AAEhD,+CAAqE;AAerE,IAAM,gBAAgB,GAAG,8BAAM,CAAC,GAAG,0RAAwB,wKAQrC,EACqE,SAEvF,EAaD,iBAEU,EAAiC,SAE1C,EAMC,IACJ,KA3BqB,UAAC,EAAuB;;QAArB,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;IACxC,OAAA,MAAM,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU,KAAI,IAAA,wBAAe,EAAC,IAAA,qBAAY,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAA;CAAA,EAEvF,UAAC,EAAoD;;QAAlD,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC3B,IAAI,WAAW,EAAE;QACf,WAAO,uBAAG,8NAAA,kIAIc,EAC4B,sBAEnD,KAHuB,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU;YAC3C,IAAA,wBAAe,EAAC,IAAA,qBAAY,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,EAElD;KACH;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,EAEU,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,GAAG;AAAf,CAAe,EAE1C,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,QACR,uBAAG,0JAAA,sFAIF,IAAA;AALD,CAKC,CACJ,CAAC;AAEF,IAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,UACE,EAAkF,EAClF,GAAQ;IADN,IAAA,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAAxD,yDAA0D,CAAF;IAErD,OAAA,CACH,uBAAC,gBAAgB,eACX,IAAI,IACR,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,wBAAqB,EACvD,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAC1C,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,gBAEP,QAAQ,IACQ,CACpB,CAAA;CAAA,CACF,CAAC;AAEF,qBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Navbar/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,qEAAgD;AAEhD,+CAAqE;AACrE,uCAKsB;AAetB,IAAM,gBAAgB,GAAG,8BAAM,CAAC,GAAG,8SAAwB,wKAQrC,EACqE,SAEvF,EAAiB,QAEjB,EAQD,QAEC,EAcD,iBAEU,EAAiC,SAE1C,EAIC,IACJ,KAtCqB,UAAC,EAAuB;;QAArB,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;IACxC,OAAA,MAAM,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU,KAAI,IAAA,wBAAe,EAAC,IAAA,qBAAY,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAA;CAAA,EAEvF,0BAAiB,EAEjB,UAAC,EAAkC;QAAhC,MAAM,YAAA;IACT,IAAI,MAAM,EAAE;QACV,WAAO,uBAAG,4FAAA,YACN,EAAe,UAClB,KADG,wBAAe,EACjB;KACH;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,EAEC,UAAC,EAAoD;;QAAlD,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC3B,IAAI,WAAW,EAAE;QACf,WAAO,uBAAG,4OAAA,kIAIc,EAC4B,wBAEhD,EAAgB,UACnB,KAJuB,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU;YAC3C,IAAA,wBAAe,EAAC,IAAA,qBAAY,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,EAEhD,yBAAgB,EAClB;KACH;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,EAEU,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,GAAG;AAAf,CAAe,EAE1C,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,QACR,uBAAG,wFAAA,UACC,EAAe,QAClB,KADG,wBAAe,CAClB;AAHD,CAGC,CACJ,CAAC;AAEF,IAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,UACE,EAAkF,EAClF,GAAQ;IADN,IAAA,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAAxD,yDAA0D,CAAF;IAErD,OAAA,CACH,uBAAC,gBAAgB,eACX,IAAI,IACR,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,wBAAqB,EACvD,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAC1C,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,gBAEP,QAAQ,IACQ,CACpB,CAAA;CAAA,CACF,CAAC;AAEF,qBAAe,gBAAgB,CAAC"}

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import { TSizes } from '../../constants/sizes';
-import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
+import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
 import { IReqoreIconName } from '../../types/icons';
-export declare type IReqoreNotificationType = IReqoreIntent;
+export declare type IReqoreNotificationType = TReqoreIntent;
 export interface IReqoreNotificationProps {
     type?: IReqoreNotificationType;
-    intent?: IReqoreIntent;
+    intent?: TReqoreIntent;
     title?: string;
     content: string;
     icon?: IReqoreIconName;
@@ -23,7 +23,7 @@ export interface IReqoreNotificationStyle {
     type?: IReqoreNotificationType;
     clickable?: boolean;
     timeout?: number;
-    intent?: IReqoreIntent;
+    intent?: TReqoreIntent;
     hasShadow?: boolean;
     fluid?: boolean;
     flat?: boolean;

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,aAAa,EAAE,YAAY,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;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"}