@qoretechnologies/reqore 0.28.1 → 0.28.3

package/__tests__/dropdown.test.tsx

@@ -53,7 +53,7 @@ test('Renders <Dropdown /> properly', () => {
   jest.advanceTimersByTime(1);
 
   expect(document.querySelector('.reqore-button')?.getAttribute('disabled')).toBe(null);
-  expect(document.querySelectorAll('.reqore-button').length).toBe(5);
+  expect(document.querySelectorAll('.reqore-button').length).toBe(4);
   expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
   expect(document.querySelectorAll('.reqore-menu-item').length).toBe(3);
 });

package/__tests__/effect.test.tsx

@@ -20,14 +20,14 @@ test('Renders <ReqoreEffect /> properly', () => {
                 type: 'radial',
                 shape: 'circle',
                 colors: {
-                  0: 'red',
-                  100: 'blue',
+                  0: 'danger:lighten:2',
+                  100: 'info:darken:1',
                 },
               },
               spaced: 10,
               uppercase: true,
               weight: 'bold',
-              color: 'red',
+              color: 'main',
             }}
           >
             This is a test
@@ -40,7 +40,7 @@ test('Renders <ReqoreEffect /> properly', () => {
   expect(document.querySelectorAll('.reqore-effect').length).toBe(1);
 });
 
-test('Renders empty <Icon /> if icon does not exist', () => {
+test('Renders <ReqoreTextEffect /> properly', () => {
   render(
     <ReqoreUIProvider>
       <ReqoreLayoutContent>
@@ -50,8 +50,8 @@ test('Renders empty <Icon /> if icon does not exist', () => {
             effect={{
               gradient: {
                 colors: {
-                  0: 'red',
-                  100: 'blue',
+                  0: '#ff0000',
+                  100: '#00ff00',
                 },
               },
               spaced: 10,

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

@@ -3,6 +3,7 @@ import { TSizes } from '../../constants/sizes';
 import { IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
 import { IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreEffect, IWithReqoreSize, TReqoreTooltipProp } from '../../types/global';
 import { IReqoreIconName } from '../../types/icons';
+import { TReqoreEffectColor, TReqoreHexColor } from '../Effect';
 import { IReqoreTagProps } from '../Tag';
 export declare type TReqoreBadge = string | number | IReqoreTagProps;
 export interface IReqoreButtonProps extends React.HTMLAttributes<HTMLButtonElement>, IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreEffect {
@@ -25,6 +26,7 @@ export interface IReqoreButtonProps extends React.HTMLAttributes<HTMLButtonEleme
 export interface IReqoreButtonStyle extends Omit<IReqoreButtonProps, 'intent'> {
     theme: IReqoreTheme;
     animate?: boolean;
+    color?: TReqoreHexColor;
 }
 export declare const StyledAnimatedTextWrapper: any;
 export declare const StyledActiveContent: any;
@@ -33,8 +35,9 @@ export declare const StyledInvisibleContent: any;
 export declare const StyledButton: any;
 export declare const StyledButtonContent: any;
 export interface IReqoreButtonBadgeProps extends IWithReqoreSize {
-    color?: string;
+    color?: TReqoreEffectColor;
     content?: TReqoreBadge | TReqoreBadge[];
+    wrap?: boolean;
 }
 export declare const ButtonBadge: React.MemoExoticComponent<(props: IReqoreButtonBadgeProps) => JSX.Element>;
 declare const ReqoreButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<IReqoreButtonProps & React.RefAttributes<HTMLButtonElement>>>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAEzE,OAAO,EAML,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAczE,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAGpD,oBAAY,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC;AAE7D,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAC7C,eAAe,EACf,aAAa,EACb,eAAe,EACf,iBAAiB;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACzC;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC;IAC5E,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAUD,eAAO,MAAM,yBAAyB,KAIrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAkB/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAgBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAalC,CAAC;AAEF,eAAO,MAAM,YAAY,KA6HxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAgB/B,CAAC;AAEF,MAAM,WAAW,uBAAwB,SAAQ,eAAe;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CACzC;AAED,eAAO,MAAM,WAAW,oCAAgB,uBAAuB,iBAkC7D,CAAC;AAEH,QAAA,MAAM,YAAY,yHA8GjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAEzE,OAAO,EAML,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAczE,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAIL,kBAAkB,EAClB,eAAe,EAChB,MAAM,WAAW,CAAC;AAGnB,OAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAGpD,oBAAY,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC;AAE7D,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAC7C,eAAe,EACf,aAAa,EACb,eAAe,EACf,iBAAiB;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACzC;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC;IAC5E,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAUD,eAAO,MAAM,yBAAyB,KAIrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAkB/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAgBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAalC,CAAC;AAEF,eAAO,MAAM,YAAY,KAmIxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAgB/B,CAAC;AAEF,MAAM,WAAW,uBAAwB,SAAQ,eAAe;IAC9D,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,OAAO,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,oCAAgB,uBAAuB,iBAyC7D,CAAC;AAEH,QAAA,MAAM,YAAY,yHAgHjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/Button/index.js

@@ -91,7 +91,7 @@ exports.StyledInvisibleContent = styled_components_1["default"].span(templateObj
     return !wrap
         ? (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n          white-space: nowrap;\n        "], ["\n          white-space: nowrap;\n        "]))) : (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n          word-break: break-word;\n        "], ["\n          word-break: break-word;\n        "])));
 });
-exports.StyledButton = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  justify-content: center;\n  margin: 0;\n  font-weight: 600;\n  position: relative;\n  overflow: hidden;\n  vertical-align: middle;\n  border: ", ";\n  padding: 0 ", "px;\n  font-size: ", "px;\n\n  min-height: ", "px;\n  min-width: ", "px;\n  max-width: ", ";\n\n  flex: ", ";\n\n  border-radius: ", "px;\n\n  background-color: ", ";\n\n  color: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  &:disabled {\n    ", ";\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n\n  ", " {\n    padding-bottom: ", "px;\n  }\n"], ["\n  display: flex;\n  flex-flow: column;\n  justify-content: center;\n  margin: 0;\n  font-weight: 600;\n  position: relative;\n  overflow: hidden;\n  vertical-align: middle;\n  border: ", ";\n  padding: 0 ", "px;\n  font-size: ", "px;\n\n  min-height: ", "px;\n  min-width: ", "px;\n  max-width: ", ";\n\n  flex: ", ";\n\n  border-radius: ", "px;\n\n  background-color: ", ";\n\n  color: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  &:disabled {\n    ", ";\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n\n  ", " {\n    padding-bottom: ", "px;\n  }\n"])), function (_a) {
+exports.StyledButton = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  justify-content: center;\n  margin: 0;\n  font-weight: 600;\n  position: relative;\n  overflow: hidden;\n  vertical-align: middle;\n  border: ", ";\n  padding: 0 ", "px;\n  font-size: ", "px;\n\n  min-height: ", "px;\n  min-width: ", "px;\n  max-width: ", ";\n  ", "\n\n  flex: ", ";\n\n  border-radius: ", "px;\n\n  background-color: ", ";\n\n  color: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  &:disabled {\n    ", ";\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n\n  ", " {\n    padding-bottom: ", "px;\n  }\n"], ["\n  display: flex;\n  flex-flow: column;\n  justify-content: center;\n  margin: 0;\n  font-weight: 600;\n  position: relative;\n  overflow: hidden;\n  vertical-align: middle;\n  border: ", ";\n  padding: 0 ", "px;\n  font-size: ", "px;\n\n  min-height: ", "px;\n  min-width: ", "px;\n  max-width: ", ";\n  ", "\n\n  flex: ", ";\n\n  border-radius: ", "px;\n\n  background-color: ", ";\n\n  color: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  &:disabled {\n    ", ";\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n\n  ", " {\n    padding-bottom: ", "px;\n  }\n"])), function (_a) {
     var theme = _a.theme, color = _a.color, flat = _a.flat;
     return !flat ? "1px solid ".concat((0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.05)) : 0;
 }, function (_a) {
@@ -101,14 +101,21 @@ exports.StyledButton = (0, styled_components_1["default"])(Effect_1.StyledEffect
     var size = _a.size;
     return sizes_1.TEXT_FROM_SIZE[size];
 }, function (_a) {
-    var size = _a.size, flat = _a.flat;
-    return (flat ? sizes_1.SIZE_TO_PX[size] : sizes_1.SIZE_TO_PX[size] - 2);
+    var size = _a.size;
+    return sizes_1.SIZE_TO_PX[size];
 }, function (_a) {
     var size = _a.size;
     return sizes_1.SIZE_TO_PX[size];
 }, function (_a) {
     var maxWidth = _a.maxWidth;
     return maxWidth || undefined;
+}, function (_a) {
+    var wrap = _a.wrap, description = _a.description;
+    return !wrap && !description
+        ? (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n          max-height: ", "px;\n        "], ["\n          max-height: ", "px;\n        "])), function (_a) {
+            var size = _a.size;
+            return sizes_1.SIZE_TO_PX[size];
+        }) : null;
 }, function (_a) {
     var fluid = _a.fluid, fixed = _a.fixed;
     return (fixed ? '0 0 auto' : fluid ? '1 auto' : '0 0 auto');
@@ -131,7 +138,7 @@ exports.StyledButton = (0, styled_components_1["default"])(Effect_1.StyledEffect
 }, styles_1.InactiveIconScale, function (_a) {
     var readOnly = _a.readOnly, animate = _a.animate, active = _a.active;
     return !readOnly && !active
-        ? (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n          &:not(:disabled) {\n            ", "\n\n            cursor: pointer;\n            transition: all 0.2s ease-out;\n\n            &:active {\n              transform: translateY(2px);\n            }\n\n            &:hover,\n            &:active,\n            &:focus {\n              background-color: ", ";\n              color: ", ";\n              border-color: ", ";\n\n              ", "\n            }\n          }\n        "], ["\n          &:not(:disabled) {\n            ", "\n\n            cursor: pointer;\n            transition: all 0.2s ease-out;\n\n            &:active {\n              transform: translateY(2px);\n            }\n\n            &:hover,\n            &:active,\n            &:focus {\n              background-color: ", ";\n              color: ", ";\n              border-color: ", ";\n\n              ", "\n            }\n          }\n        "])), styles_1.ScaleIconOnHover, function (_a) {
+        ? (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n          &:not(:disabled) {\n            ", "\n\n            cursor: pointer;\n            transition: all 0.2s ease-out;\n\n            &:active {\n              transform: translateY(2px);\n            }\n\n            &:hover,\n            &:active,\n            &:focus {\n              background-color: ", ";\n              color: ", ";\n              border-color: ", ";\n\n              ", "\n            }\n          }\n        "], ["\n          &:not(:disabled) {\n            ", "\n\n            cursor: pointer;\n            transition: all 0.2s ease-out;\n\n            &:active {\n              transform: translateY(2px);\n            }\n\n            &:hover,\n            &:active,\n            &:focus {\n              background-color: ", ";\n              color: ", ";\n              border-color: ", ";\n\n              ", "\n            }\n          }\n        "])), styles_1.ScaleIconOnHover, function (_a) {
             var theme = _a.theme, color = _a.color, minimal = _a.minimal;
             return minimal ? "#00000030" : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.05);
         }, function (_a) {
@@ -140,11 +147,11 @@ exports.StyledButton = (0, styled_components_1["default"])(Effect_1.StyledEffect
         }, function (_a) {
             var flat = _a.flat, theme = _a.theme, color = _a.color;
             return flat ? undefined : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.1);
-        }, animate && (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\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                  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              "])), exports.StyledActiveContent, exports.StyledInActiveContent)) : readOnly
-        ? (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n          ", ";\n        "], ["\n          ", ";\n        "])), styles_1.ReadOnlyElement) : undefined;
+        }, animate && (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\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                  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              "])), exports.StyledActiveContent, exports.StyledInActiveContent)) : readOnly
+        ? (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n          ", ";\n        "], ["\n          ", ";\n        "])), styles_1.ReadOnlyElement) : undefined;
 }, function (_a) {
     var active = _a.active, flat = _a.flat, theme = _a.theme, color = _a.color;
-    return active && (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      cursor: pointer;\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n\n      &:hover,\n      &:active,\n      &:focus {\n        border-color: ", ";\n      }\n\n      ", "\n    "], ["\n      cursor: pointer;\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n\n      &:hover,\n      &:active,\n      &:focus {\n        border-color: ", ";\n      }\n\n      ", "\n    "])), (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.1), (0, colors_1.getReadableColor)({ main: getButtonMainColor(theme, color) }, undefined, undefined), flat ? undefined : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.175), flat
+    return active && (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      cursor: pointer;\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n\n      &:hover,\n      &:active,\n      &:focus {\n        border-color: ", ";\n      }\n\n      ", "\n    "], ["\n      cursor: pointer;\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n\n      &:hover,\n      &:active,\n      &:focus {\n        border-color: ", ";\n      }\n\n      ", "\n    "])), (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.1), (0, colors_1.getReadableColor)({ main: getButtonMainColor(theme, color) }, undefined, undefined), flat ? undefined : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.175), flat
         ? undefined
         : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.275), styles_1.ActiveIconScale);
 }, styles_1.DisabledElement, function (_a) {
@@ -154,32 +161,33 @@ exports.StyledButton = (0, styled_components_1["default"])(Effect_1.StyledEffect
     var size = _a.size;
     return sizes_1.PADDING_FROM_SIZE[(0, utils_1.getOneLessSize)(size)];
 });
-exports.StyledButtonContent = styled_components_1["default"].div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  min-width: ", "px;\n  flex: 1;\n  flex-shrink: 0;\n  padding: 4px 0;\n  min-height: ", "px;\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  min-width: ", "px;\n  flex: 1;\n  flex-shrink: 0;\n  padding: 4px 0;\n  min-height: ", "px;\n  ", "\n"])), function (_a) {
+exports.StyledButtonContent = styled_components_1["default"].div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  min-width: ", "px;\n  flex: 1;\n  flex-shrink: 0;\n  padding: ", "px 0;\n\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  min-width: ", "px;\n  flex: 1;\n  flex-shrink: 0;\n  padding: ", "px 0;\n\n  ", "\n"])), function (_a) {
     var size = _a.size;
     return sizes_1.ICON_FROM_SIZE[size];
 }, function (_a) {
     var size = _a.size, flat = _a.flat;
-    return (flat ? sizes_1.SIZE_TO_PX[size] : sizes_1.SIZE_TO_PX[size] - 2);
+    return sizes_1.PADDING_FROM_SIZE[size] / 2 - (!flat ? 1 : 0);
 }, function (_a) {
     var wrap = _a.wrap, description = _a.description;
     return !wrap && !description
-        ? (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n          max-height: ", "px;\n        "], ["\n          max-height: ", "px;\n        "])), function (_a) {
+        ? (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n          max-height: ", "px;\n        "], ["\n          max-height: ", "px;\n        "])), function (_a) {
             var size = _a.size;
             return sizes_1.SIZE_TO_PX[size];
         }) : null;
 });
 exports.ButtonBadge = (0, react_1.memo)(function (props) {
     var renderTag = (0, react_1.useCallback)(function (_a) {
+        var _b;
         var size = _a.size, color = _a.color, content = _a.content, key = _a.key;
-        return ((0, jsx_runtime_1.jsx)(Tag_1["default"], __assign({ size: (0, utils_1.getOneLessSize)(size), badge: true, color: color ? "".concat(color, "70") : undefined }, (typeof content === 'string' || typeof content === 'number'
+        return ((0, jsx_runtime_1.jsx)(Tag_1["default"], __assign({ size: (0, utils_1.getOneLessSize)(size), badge: true, color: color, minimal: !((_b = content === null || content === void 0 ? void 0 : content.effect) === null || _b === void 0 ? void 0 : _b.gradient) }, (typeof content === 'string' || typeof content === 'number'
             ? { label: content }
             : content)), key));
     }, [props]);
     // If the content is a list
     if (Array.isArray(props.content)) {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { width: sizes_1.PADDING_FROM_SIZE[props.size] }), (0, jsx_runtime_1.jsx)(group_1["default"], __assign({ hasBottomMargin: false }, { children: props.content.map(function (badge, index) { return renderTag(__assign(__assign({}, props), { content: badge, key: index })); }) }))] }));
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { width: props.wrap ? undefined : sizes_1.PADDING_FROM_SIZE[props.size], height: !props.wrap ? undefined : sizes_1.PADDING_FROM_SIZE[props.size] / 2 }), (0, jsx_runtime_1.jsx)(group_1["default"], __assign({ hasBottomMargin: false }, { children: props.content.map(function (badge, index) { return renderTag(__assign(__assign({}, props), { content: badge, key: index })); }) }))] }));
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { width: sizes_1.PADDING_FROM_SIZE[props.size] }), renderTag(__assign(__assign({}, props), { key: 0 }))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { width: props.wrap ? undefined : sizes_1.PADDING_FROM_SIZE[props.size], height: !props.wrap ? undefined : sizes_1.PADDING_FROM_SIZE[props.size] / 2 }), renderTag(__assign(__assign({}, props), { key: 0 }))] }));
 });
 var ReqoreButton = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
     var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'normal' : _b, minimal = _a.minimal, children = _a.children, tooltip = _a.tooltip, className = _a.className, fluid = _a.fluid, fixed = _a.fixed, intent = _a.intent, active = _a.active, flat = _a.flat, rightIcon = _a.rightIcon, customTheme = _a.customTheme, wrap = _a.wrap, readOnly = _a.readOnly, badge = _a.badge, description = _a.description, maxWidth = _a.maxWidth, _c = _a.textAlign, textAlign = _c === void 0 ? 'left' : _c, effect = _a.effect, rest = __rest(_a, ["icon", "size", "minimal", "children", "tooltip", "className", "fluid", "fixed", "intent", "active", "flat", "rightIcon", "customTheme", "wrap", "readOnly", "badge", "description", "maxWidth", "textAlign", "effect"]);
@@ -196,7 +204,7 @@ var ReqoreButton = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref)
             ? (0, colors_1.getReadableColor)(theme, undefined, undefined, true, theme.originalMain)
             : (0, colors_1.getReadableColorFrom)(customColor, true)
         : (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
-    return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({}, rest, { effect: __assign({ interactive: !readOnly && !rest.disabled }, effect), as: 'button', theme: theme, ref: targetRef, fluid: fluid, fixed: fixed, maxWidth: maxWidth, minimal: minimal, size: size, color: customColor, animate: animations.buttons, flat: _flat, active: active, readOnly: readOnly, wrap: wrap, description: description, className: "".concat(className || '', " reqore-control reqore-button") }, { children: [(0, jsx_runtime_1.jsxs)(exports.StyledButtonContent, __assign({ size: size, wrap: wrap, description: description, flat: _flat }, { children: [icon && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: size }), children || badge || rightIcon ? ((0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { width: sizes_1.PADDING_FROM_SIZE[size] })) : null] })), children && ((0, jsx_runtime_1.jsxs)(exports.StyledAnimatedTextWrapper, __assign({ textAlign: textAlign }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledActiveContent, __assign({ wrap: wrap }, { children: children })), (0, jsx_runtime_1.jsx)(exports.StyledInActiveContent, __assign({ wrap: wrap }, { children: children })), (0, jsx_runtime_1.jsx)(exports.StyledInvisibleContent, __assign({ wrap: wrap }, { children: children })), badge && wrap ? (0, jsx_runtime_1.jsx)(exports.ButtonBadge, { content: badge, size: size, color: color }) : null] }))), badge && !wrap ? (0, jsx_runtime_1.jsx)(exports.ButtonBadge, { content: badge, size: size, color: color }) : null, rightIcon && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children || badge ? (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { width: sizes_1.PADDING_FROM_SIZE[size] }) : null, (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, size: size, style: { marginLeft: 'auto' } })] }))] })), description && ((0, jsx_runtime_1.jsx)(Effect_1.ReqoreTextEffect, __assign({ effect: {
+    return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({}, rest, { effect: __assign({ interactive: !readOnly && !rest.disabled }, effect), as: 'button', theme: theme, ref: targetRef, fluid: fluid, fixed: fixed, maxWidth: maxWidth, minimal: minimal, size: size, color: customColor, animate: animations.buttons, flat: _flat, active: active, readOnly: readOnly, wrap: wrap, description: description, className: "".concat(className || '', " reqore-control reqore-button") }, { children: [(0, jsx_runtime_1.jsxs)(exports.StyledButtonContent, __assign({ size: size, wrap: wrap, description: description, flat: _flat }, { children: [icon && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: size }), children || badge || rightIcon ? ((0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { width: sizes_1.PADDING_FROM_SIZE[size] })) : null] })), children && ((0, jsx_runtime_1.jsxs)(exports.StyledAnimatedTextWrapper, __assign({ textAlign: textAlign }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledActiveContent, __assign({ wrap: wrap }, { children: children })), (0, jsx_runtime_1.jsx)(exports.StyledInActiveContent, __assign({ wrap: wrap }, { children: children })), (0, jsx_runtime_1.jsx)(exports.StyledInvisibleContent, __assign({ wrap: wrap }, { children: children })), badge && wrap ? ((0, jsx_runtime_1.jsx)(exports.ButtonBadge, { content: badge, size: size, color: color, wrap: true })) : null] }))), badge && !wrap ? (0, jsx_runtime_1.jsx)(exports.ButtonBadge, { content: badge, size: size, color: color }) : null, rightIcon && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children || badge ? (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { width: sizes_1.PADDING_FROM_SIZE[size] }) : null, (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, size: size, style: { marginLeft: 'auto' } })] }))] })), description && ((0, jsx_runtime_1.jsx)(Effect_1.ReqoreTextEffect, __assign({ effect: {
                     textSize: (0, utils_1.getOneLessSize)(size),
                     weight: 'light',
                     color: "".concat(color, "90"),
@@ -204,5 +212,5 @@ var ReqoreButton = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref)
                 } }, { children: description })))] })));
 }));
 exports["default"] = ReqoreButton;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAoB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAIlB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,wBAAwB,KAsEpC,CAAC;AAEF,QAAA,MAAM,kBAAkB,oEAQrB,wBAAwB,gBAqB1B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAoB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAIlB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,wBAAwB,KAwEpC,CAAC;AAEF,QAAA,MAAM,kBAAkB,oEAQrB,wBAAwB,gBAqB1B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/ControlGroup/index.js

@@ -72,7 +72,7 @@ exports.StyledReqoreControlGroup = styled_components_1["default"].div(templateOb
 }, function (_a) {
     var vertical = _a.vertical;
     return vertical
-        ? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          > .reqore-control,\n          > .reqore-control-wrapper,\n          > * {\n            &:not(:last-child) {\n              margin-bottom: ", ";\n              border-bottom: ", ";\n            }\n\n            border-radius: ", ";\n\n            ", "\n          }\n\n          > .reqore-control-wrapper:not(:last-child) .reqore-control {\n            margin-bottom: ", ";\n            border-bottom: ", ";\n          }\n        "], ["\n          > .reqore-control,\n          > .reqore-control-wrapper,\n          > * {\n            &:not(:last-child) {\n              margin-bottom: ", ";\n              border-bottom: ", ";\n            }\n\n            border-radius: ", ";\n\n            ", "\n          }\n\n          > .reqore-control-wrapper:not(:last-child) .reqore-control {\n            margin-bottom: ", ";\n            border-bottom: ", ";\n          }\n        "])), function (_a) {
+        ? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          > .reqore-control,\n          > .reqore-control-wrapper,\n          > .reqore-tag,\n          > * {\n            &:not(:last-child) {\n              margin-bottom: ", ";\n              border-bottom: ", ";\n            }\n\n            border-radius: ", ";\n\n            ", "\n          }\n\n          > .reqore-control-wrapper:not(:last-child) .reqore-control {\n            margin-bottom: ", ";\n            border-bottom: ", ";\n          }\n        "], ["\n          > .reqore-control,\n          > .reqore-control-wrapper,\n          > .reqore-tag,\n          > * {\n            &:not(:last-child) {\n              margin-bottom: ", ";\n              border-bottom: ", ";\n            }\n\n            border-radius: ", ";\n\n            ", "\n          }\n\n          > .reqore-control-wrapper:not(:last-child) .reqore-control {\n            margin-bottom: ", ";\n            border-bottom: ", ";\n          }\n        "])), function (_a) {
             var stack = _a.stack;
             return (!stack ? '5px' : undefined);
         }, function (_a) {
@@ -90,7 +90,7 @@ exports.StyledReqoreControlGroup = styled_components_1["default"].div(templateOb
         }, function (_a) {
             var stack = _a.stack;
             return (!stack ? undefined : 0);
-        }) : (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          > .reqore-control,\n          > .reqore-control-wrapper,\n          > * {\n            &:not(:last-child) {\n              margin-right: ", ";\n              border-right: ", ";\n            }\n\n            border-radius: ", ";\n\n            ", "\n          }\n        "], ["\n          > .reqore-control,\n          > .reqore-control-wrapper,\n          > * {\n            &:not(:last-child) {\n              margin-right: ", ";\n              border-right: ", ";\n            }\n\n            border-radius: ", ";\n\n            ", "\n          }\n        "])), function (_a) {
+        }) : (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          > .reqore-control,\n          > .reqore-control-wrapper,\n          > .reqore-tag,\n          > * {\n            &:not(:last-child) {\n              margin-right: ", ";\n              border-right: ", ";\n            }\n\n            border-radius: ", ";\n\n            ", "\n          }\n        "], ["\n          > .reqore-control,\n          > .reqore-control-wrapper,\n          > .reqore-tag,\n          > * {\n            &:not(:last-child) {\n              margin-right: ", ";\n              border-right: ", ";\n            }\n\n            border-radius: ", ";\n\n            ", "\n          }\n        "])), function (_a) {
         var stack = _a.stack;
         return (!stack ? '5px' : undefined);
     }, function (_a) {

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

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

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { IReqoreComponent } from '../../types/global';
 import { IReqoreMenuItemProps } from '../Menu/item';
 export declare type TDropdownItemOnClick = (item: IReqoreDropdownItem) => void;
-export interface IReqoreDropdownItem extends Omit<IReqoreMenuItemProps, 'onClick'> {
+export interface IReqoreDropdownItem extends Omit<IReqoreMenuItemProps, 'onClick' | 'rightIcon' | 'onRightIconClick'> {
     value: any;
     label?: string;
     onClick?: TDropdownItemOnClick;

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

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGpE,oBAAY,oBAAoB,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;AACvE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAChF,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,QAAA,MAAM,kBAAkB,sHAUnB,wBAAwB,iBAqE5B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpE,oBAAY,oBAAoB,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;AACvE,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,WAAW,GAAG,kBAAkB,CAAC;IAChF,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,QAAA,MAAM,kBAAkB,sHAUnB,wBAAwB,iBAoE5B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/Dropdown/list.js

@@ -19,7 +19,6 @@ var react_1 = require("react");
 var Input_1 = __importDefault(require("../Input"));
 var Menu_1 = __importDefault(require("../Menu"));
 var item_1 = __importDefault(require("../Menu/item"));
-var Spacer_1 = require("../Spacer");
 var ReqoreDropdownList = (0, react_1.memo)(function (_a) {
     var items = _a.items, multiSelect = _a.multiSelect, listStyle = _a.listStyle, _popoverId = _a._popoverId, filterable = _a.filterable, width = _a.width, height = _a.height, onItemSelect = _a.onItemSelect;
     var _b = (0, react_1.useState)(items), _items = _b[0], setItems = _b[1];
@@ -50,7 +49,7 @@ var ReqoreDropdownList = (0, react_1.memo)(function (_a) {
             onItemSelect(item);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(Menu_1["default"], __assign({ _insidePopover: !multiSelect, _popoverId: _popoverId, style: listStyle, width: width, maxHeight: height || '300px' }, { children: [filterable && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Input_1["default"], { value: query, onChange: handleQueryChange, placeholder: 'Filter', onClearClick: function () { return setQuery(''); } }), (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { height: 10 })] })), filteredItems.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(item_1["default"], __assign({}, item, { label: item.label || item.value, onClick: function () { return handleItemClick(item); }, rightIcon: item.selected ? 'CheckLine' : undefined }), index)); })] })));
+    return ((0, jsx_runtime_1.jsxs)(Menu_1["default"], __assign({ _insidePopover: !multiSelect, _popoverId: _popoverId, style: listStyle, width: width, maxHeight: height || '300px' }, { children: [filterable && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Input_1["default"], { value: query, onChange: handleQueryChange, placeholder: 'Filter', onClearClick: function () { return setQuery(''); } }) })), filteredItems.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(item_1["default"], __assign({}, item, { label: item.label || item.value, onClick: function () { return handleItemClick(item); }, rightIcon: item.selected ? 'CheckLine' : undefined }), index)); })] })));
 });
 exports["default"] = ReqoreDropdownList;
 //# sourceMappingURL=list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+BAAkE;AAElE,mDAAmC;AACnC,iDAAiC;AACjC,sDAAoE;AACpE,oCAAyC;AAmBzC,IAAM,kBAAkB,GAAG,IAAA,YAAI,EAC7B,UAAC,EAS0B;QARzB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,MAAM,YAAA,EACN,YAAY,kBAAA;IAEN,IAAA,KAAqB,IAAA,gBAAQ,EAAwB,KAAK,CAAC,EAA1D,MAAM,QAAA,EAAE,QAAQ,QAA0C,CAAC;IAC5D,IAAA,KAAoB,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAAvC,KAAK,QAAA,EAAE,QAAQ,QAAwB,CAAC;IAE/C,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,aAAa,GAA0B,IAAA,eAAO,EAAC;QACnD,IAAI,CAAC,UAAU,IAAI,KAAK,KAAK,EAAE,EAAE;YAC/B,OAAO,MAAM,CAAC;SACf;QAED,OAAO,MAAM,CAAC,MAAM,CAAC,UAAC,IAAI;YACxB,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC;YAEvD,IAAI,CAAC,IAAI,EAAE;gBACT,OAAO,KAAK,CAAC;aACd;YAED,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,IAAM,iBAAiB,GAAG,UAAC,KAA0C;QACnE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,IAAyB;QAChD,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SACpB;QAED,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,iBAAU,aACT,cAAc,EAAE,CAAC,WAAW,EAC5B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,IAAI,OAAO,iBAE3B,UAAU,IAAI,CACb,6DACE,uBAAC,kBAAW,IACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAC,QAAQ,EACpB,YAAY,EAAE,cAAM,OAAA,QAAQ,CAAC,EAAE,CAAC,EAAZ,CAAY,GAChC,EACF,uBAAC,qBAAY,IAAC,MAAM,EAAE,EAAE,GAAI,IAC3B,CACJ,EACA,aAAa,CAAC,GAAG,CAAC,UAAC,IAAyB,EAAE,KAAa,IAAK,OAAA,CAC/D,uBAAC,iBAAc,eAET,IAAI,IACR,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAC/B,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,IAAI,CAAC,EAArB,CAAqB,EACpC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,KAJ7C,KAAK,CAKV,CACH,EARgE,CAQhE,CAAC,KACS,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+BAAkE;AAElE,mDAAmC;AACnC,iDAAiC;AACjC,sDAAoE;AAoBpE,IAAM,kBAAkB,GAAG,IAAA,YAAI,EAC7B,UAAC,EAS0B;QARzB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,MAAM,YAAA,EACN,YAAY,kBAAA;IAEN,IAAA,KAAqB,IAAA,gBAAQ,EAAwB,KAAK,CAAC,EAA1D,MAAM,QAAA,EAAE,QAAQ,QAA0C,CAAC;IAC5D,IAAA,KAAoB,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAAvC,KAAK,QAAA,EAAE,QAAQ,QAAwB,CAAC;IAE/C,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,aAAa,GAA0B,IAAA,eAAO,EAAC;QACnD,IAAI,CAAC,UAAU,IAAI,KAAK,KAAK,EAAE,EAAE;YAC/B,OAAO,MAAM,CAAC;SACf;QAED,OAAO,MAAM,CAAC,MAAM,CAAC,UAAC,IAAI;YACxB,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC;YAEvD,IAAI,CAAC,IAAI,EAAE;gBACT,OAAO,KAAK,CAAC;aACd;YAED,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,IAAM,iBAAiB,GAAG,UAAC,KAA0C;QACnE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,IAAyB;QAChD,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SACpB;QAED,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,iBAAU,aACT,cAAc,EAAE,CAAC,WAAW,EAC5B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,IAAI,OAAO,iBAE3B,UAAU,IAAI,CACb,2DACE,uBAAC,kBAAW,IACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAC,QAAQ,EACpB,YAAY,EAAE,cAAM,OAAA,QAAQ,CAAC,EAAE,CAAC,EAAZ,CAAY,GAChC,GACD,CACJ,EACA,aAAa,CAAC,GAAG,CAAC,UAAC,IAAyB,EAAE,KAAa,IAAK,OAAA,CAC/D,uBAAC,iBAAc,eAET,IAAI,IACR,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAC/B,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,IAAI,CAAC,EAArB,CAAqB,EACpC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,KAJ7C,KAAK,CAKV,CACH,EARgE,CAQhE,CAAC,KACS,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,kBAAkB,CAAC"}

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

@@ -1,18 +1,26 @@
 import { HTMLAttributes } from 'react';
 import { TSizes } from '../../constants/sizes';
 import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
+export declare type TReqoreEffectColorManipulation = 'darken' | 'lighten';
+export declare type TReqoreEffectColorManipulationMultiplier = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+export declare type TReqoreHexColor = `#${string}`;
+export declare type TReqoreColor = TReqoreHexColor | 'transparent';
+export declare type TReqoreEffectColor = TReqoreColor | TReqoreIntent | `${TReqoreIntent}:${TReqoreEffectColorManipulation}` | `${TReqoreIntent}:${TReqoreEffectColorManipulation}:${TReqoreEffectColorManipulationMultiplier}` | 'main' | `main:${TReqoreEffectColorManipulation}` | `main:${TReqoreEffectColorManipulation}:${TReqoreEffectColorManipulationMultiplier}`;
+export declare type TReqoreEffectColorList = [
+    'main' | TReqoreIntent | TReqoreColor,
+    TReqoreEffectColorManipulation | undefined,
+    TReqoreEffectColorManipulationMultiplier | undefined
+];
 export interface IReqoreEffect {
     gradient?: {
         type?: 'linear' | 'radial';
         shape?: 'circle' | 'ellipse';
-        colors: {
-            [key: number]: string;
-        };
+        colors: Record<number, TReqoreEffectColor>;
         direction?: string;
-        borderColor?: TReqoreIntent | string;
+        borderColor?: TReqoreEffectColor;
     };
     noWrap?: boolean;
-    color?: string;
+    color?: TReqoreEffectColor;
     spaced?: number;
     weight?: number | 'thin' | 'light' | 'normal' | 'bold' | 'thick';
     uppercase?: boolean;
@@ -20,7 +28,7 @@ export interface IReqoreEffect {
     textAlign?: 'left' | 'center' | 'right';
     glow?: {
         size?: number;
-        color: TReqoreIntent | string;
+        color: TReqoreEffectColor;
         inset?: boolean;
         blur?: number;
         useBorder?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Effect/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAkB,MAAM,EAAoB,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAOpE,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;QAC3B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC7B,MAAM,EAAE;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;SAAE,CAAC;QAClC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,aAAa,GAAG,MAAM,CAAC;KACtC,CAAC;IACF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,aAAa,GAAG,MAAM,CAAC;QAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,eAAe,CAAC;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,aAAa,CAAC;IACtB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,KA0IxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAU5B,CAAC;AAEF,eAAO,MAAM,YAAY,0BAA2B,sBAAsB,gBAMzE,CAAC;AAEF,eAAO,MAAM,gBAAgB,0BAA2B,sBAAsB,gBAM7E,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Effect/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAkB,MAAM,EAAoB,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAOpE,oBAAY,8BAA8B,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClE,oBAAY,wCAAwC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AAC9F,oBAAY,eAAe,GAAG,IAAI,MAAM,EAAE,CAAC;AAC3C,oBAAY,YAAY,GAAG,eAAe,GAAG,aAAa,CAAC;AAC3D,oBAAY,kBAAkB,GAC1B,YAAY,GACZ,aAAa,GACb,GAAG,aAAa,IAAI,8BAA8B,EAAE,GACpD,GAAG,aAAa,IAAI,8BAA8B,IAAI,wCAAwC,EAAE,GAChG,MAAM,GACN,QAAQ,8BAA8B,EAAE,GACxC,QAAQ,8BAA8B,IAAI,wCAAwC,EAAE,CAAC;AACzF,oBAAY,sBAAsB,GAAG;IACnC,MAAM,GAAG,aAAa,GAAG,YAAY;IACrC,8BAA8B,GAAG,SAAS;IAC1C,wCAAwC,GAAG,SAAS;CACrD,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;QAC3B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC7B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;QAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,kBAAkB,CAAC;KAClC,CAAC;IACF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,kBAAkB,CAAC;QAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,eAAe,CAAC;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,aAAa,CAAC;IACtB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,KAoKxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAU5B,CAAC;AAEF,eAAO,MAAM,YAAY,0BAA2B,sBAAsB,gBAMzE,CAAC;AAEF,eAAO,MAAM,gBAAgB,0BAA2B,sBAAsB,gBAM7E,CAAC"}

package/dist/components/Effect/index.js

@@ -52,73 +52,85 @@ exports.__esModule = true;
 exports.ReqoreTextEffect = exports.ReqoreEffect = exports.StyledTextEffect = exports.StyledEffect = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var lodash_1 = require("lodash");
+var polished_1 = require("polished");
 var styled_components_1 = __importStar(require("styled-components"));
 var sizes_1 = require("../../constants/sizes");
 var colors_1 = require("../../helpers/colors");
-exports.StyledEffect = styled_components_1["default"].span(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  transition: all 0.2s ease-in-out;\n\n  // If gradient was supplied\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  transition: all 0.2s ease-in-out;\n\n  // If gradient was supplied\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
+exports.StyledEffect = styled_components_1["default"].span(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  transition: all 0.2s ease-in-out;\n\n  // If gradient was supplied\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  transition: all 0.2s ease-in-out;\n\n  // If gradient was supplied\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
     var effect = _a.effect, theme = _a.theme;
     if (!effect || !effect.gradient) {
         return undefined;
     }
     var gradientType = effect.gradient.type || 'linear';
     var gradientColors = (0, lodash_1.reduce)(effect.gradient.colors, function (colorsString, color, percentage) {
-        return "".concat(colorsString, ", ").concat(color === 'transparent' || !effect.interactive ? color : (0, colors_1.changeLightness)(color, 0.03), " ").concat(percentage, "%");
+        return "".concat(colorsString, ", ").concat(color === 'transparent' || !effect.interactive
+            ? (0, colors_1.getColorFromMaybeString)(theme, color)
+            : (0, colors_1.changeLightness)((0, colors_1.getColorFromMaybeString)(theme, color), 0.03), " ").concat(percentage, "%");
+    }, '');
+    var gradientColorsActive = (0, lodash_1.reduce)(effect.gradient.colors, function (colorsString, color, percentage) {
+        return "".concat(colorsString, ", ").concat((0, colors_1.getColorFromMaybeString)(theme, color), " ").concat(percentage, "%");
     }, '');
-    var gradientColorsActive = (0, lodash_1.reduce)(effect.gradient.colors, function (colorsString, color, percentage) { return "".concat(colorsString, ", ").concat(color, " ").concat(percentage, "%"); }, '');
     var gradientDirectionOrShape = gradientType === 'linear'
         ? effect.gradient.direction || 'to right'
         : effect.gradient.shape || 'circle';
     var gradient = "".concat(gradientType, "-gradient(").concat(gradientDirectionOrShape).concat(gradientColors, ")");
     var gradientActive = "".concat(gradientType, "-gradient(").concat(gradientDirectionOrShape).concat(gradientColorsActive, ")");
-    console.log(effect);
-    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      background-image: ", ";\n      // Get the first color from the colors object\n      border-color: ", " !important;\n\n      ", "\n    "], ["\n      background-image: ", ";\n      // Get the first color from the colors object\n      border-color: ", " !important;\n\n      ", "\n    "])), gradient, (0, colors_1.changeLightness)((0, colors_1.getColorFromMaybeIntentOrString)(theme, effect.gradient.borderColor ||
-        (0, colors_1.changeDarkness)(Object.values(effect.gradient.colors)[0], 0.05)), 0.04), effect.interactive && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        cursor: pointer;\n\n        &:hover,\n        &:focus,\n        &:active {\n          background-image: ", ";\n          border-color: ", " !important;\n        }\n      "], ["\n        cursor: pointer;\n\n        &:hover,\n        &:focus,\n        &:active {\n          background-image: ", ";\n          border-color: ", " !important;\n        }\n      "])), gradientActive, (0, colors_1.getColorFromMaybeIntentOrString)(theme, effect.gradient.borderColor ||
-        (0, colors_1.changeDarkness)(Object.values(effect.gradient.colors)[0], 0.05))));
+    // Determine the text color based on the gradient colors
+    var color;
+    // Only works if there are 2 colors not more and color was not provided
+    if (!effect.color) {
+        if (Object.keys(effect.gradient.colors).length === 2) {
+            var gradientColor1 = (0, colors_1.getColorFromMaybeString)(theme, Object.values(effect.gradient.colors)[0]);
+            var gradientColor2 = (0, colors_1.getColorFromMaybeString)(theme, Object.values(effect.gradient.colors)[1]);
+            color = (0, polished_1.mix)(0.5, gradientColor1 === '#00000000' ? theme.main : gradientColor1, gradientColor2 === '#00000000' ? theme.main : gradientColor2);
+        }
+    }
+    return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      background-image: ", ";\n      // Get the first color from the colors object\n      border-color: ", " !important;\n\n      ", "\n\n      ", "\n    "], ["\n      background-image: ", ";\n      // Get the first color from the colors object\n      border-color: ", " !important;\n\n      ", "\n\n      ", "\n    "])), gradient, (0, colors_1.changeLightness)((0, colors_1.getColorFromMaybeString)(theme, effect.gradient.borderColor || Object.values(effect.gradient.colors)[0]), 0.04), color && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        color: ", " !important;\n      "], ["\n        color: ", " !important;\n      "])), (0, colors_1.getReadableColorFrom)((0, colors_1.getColorFromMaybeString)(theme, color), false)), effect.interactive && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        cursor: pointer;\n\n        &:hover,\n        &:focus,\n        &:active {\n          background-image: ", ";\n          border-color: ", " !important;\n        }\n      "], ["\n        cursor: pointer;\n\n        &:hover,\n        &:focus,\n        &:active {\n          background-image: ", ";\n          border-color: ", " !important;\n        }\n      "])), gradientActive, (0, colors_1.getColorFromMaybeString)(theme, effect.gradient.borderColor || Object.values(effect.gradient.colors)[0])));
 }, function (_a) {
     var effect = _a.effect, theme = _a.theme;
     if (!effect || !effect.glow) {
         return undefined;
     }
     if (effect.glow.useBorder) {
-        return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        border: ", "px solid\n          ", " !important;\n      "], ["\n        border: ", "px solid\n          ", " !important;\n      "])), effect.glow.size || 2, (0, colors_1.getColorFromMaybeIntentOrString)(theme, effect.glow.color));
+        return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        border: ", "px solid\n          ", " !important;\n      "], ["\n        border: ", "px solid\n          ", " !important;\n      "])), effect.glow.size || 2, (0, colors_1.getColorFromMaybeString)(theme, effect.glow.color));
     }
-    return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      box-shadow: ", " 0 0 ", "\n        ", "px ", ";\n    "], ["\n      box-shadow: ", " 0 0 ", "\n        ", "px ", ";\n    "])), effect.glow.inset ? 'inset ' : '', effect.glow.blur || 0, effect.glow.size || 2, (0, colors_1.getColorFromMaybeIntentOrString)(theme, effect.glow.color));
+    return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      box-shadow: ", " 0 0 ", "\n        ", "px ", ";\n    "], ["\n      box-shadow: ", " 0 0 ", "\n        ", "px ", ";\n    "])), effect.glow.inset ? 'inset ' : '', effect.glow.blur || 0, effect.glow.size || 2, (0, colors_1.getColorFromMaybeString)(theme, effect.glow.color));
 }, function (_a) {
     var effect = _a.effect;
     return effect && effect.spaced
-        ? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          letter-spacing: ", "px;\n        "], ["\n          letter-spacing: ", "px;\n        "])), effect.spaced) : undefined;
+        ? (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          letter-spacing: ", "px;\n        "], ["\n          letter-spacing: ", "px;\n        "])), effect.spaced) : undefined;
 }, function (_a) {
     var effect = _a.effect;
     return effect && effect.uppercase
-        ? (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          text-transform: uppercase;\n        "], ["\n          text-transform: uppercase;\n        "]))) : undefined;
+        ? (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n          text-transform: uppercase;\n        "], ["\n          text-transform: uppercase;\n        "]))) : undefined;
 }, function (_a) {
     var effect = _a.effect;
     if (!effect || !effect.weight) {
         return undefined;
     }
     var weight = typeof effect.weight === 'number' ? effect.weight : sizes_1.WEIGHT_TO_NUMBER[effect.weight];
-    return (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      font-weight: ", " !important;\n    "], ["\n      font-weight: ", " !important;\n    "])), weight);
+    return (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      font-weight: ", " !important;\n    "], ["\n      font-weight: ", " !important;\n    "])), weight);
 }, function (_a) {
     var effect = _a.effect;
     return effect && effect.noWrap
-        ? (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          overflow: hidden;\n        "], ["\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          overflow: hidden;\n        "]))) : undefined;
+        ? (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          overflow: hidden;\n        "], ["\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          overflow: hidden;\n        "]))) : undefined;
 }, function (_a) {
-    var effect = _a.effect;
+    var effect = _a.effect, theme = _a.theme;
     return effect && effect.color
-        ? (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n          color: ", " !important;\n        "], ["\n          color: ", " !important;\n        "])), effect.color) : undefined;
+        ? (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n          color: ", " !important;\n        "], ["\n          color: ", " !important;\n        "])), (0, colors_1.getColorFromMaybeString)(theme, effect.color)) : undefined;
 }, function (_a) {
     var effect = _a.effect;
     return effect && effect.textSize
-        ? (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n          font-size: ", "px !important;\n        "], ["\n          font-size: ", "px !important;\n        "])), sizes_1.TEXT_FROM_SIZE[effect.textSize]) : undefined;
+        ? (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n          font-size: ", "px !important;\n        "], ["\n          font-size: ", "px !important;\n        "])), sizes_1.TEXT_FROM_SIZE[effect.textSize]) : undefined;
 }, function (_a) {
     var effect = _a.effect;
     return effect && effect.textAlign
-        ? (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n          width: 100%;\n          text-align: ", ";\n        "], ["\n          width: 100%;\n          text-align: ", ";\n        "])), effect.textAlign) : undefined;
+        ? (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n          width: 100%;\n          text-align: ", ";\n        "], ["\n          width: 100%;\n          text-align: ", ";\n        "])), effect.textAlign) : undefined;
 });
-exports.StyledTextEffect = (0, styled_components_1["default"])(exports.StyledEffect)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  display: inline-block;\n\n  ", "\n"], ["\n  display: inline-block;\n\n  ", "\n"])), function (_a) {
+exports.StyledTextEffect = (0, styled_components_1["default"])(exports.StyledEffect)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  display: inline-block;\n\n  ", "\n"], ["\n  display: inline-block;\n\n  ", "\n"])), function (_a) {
     var effect = _a.effect;
     return effect && effect.gradient
-        ? (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n          -webkit-background-clip: text;\n          -webkit-text-fill-color: transparent;\n        "], ["\n          -webkit-background-clip: text;\n          -webkit-text-fill-color: transparent;\n        "]))) : undefined;
+        ? (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n          -webkit-background-clip: text;\n          -webkit-text-fill-color: transparent;\n        "], ["\n          -webkit-background-clip: text;\n          -webkit-text-fill-color: transparent;\n        "]))) : undefined;
 });
 var ReqoreEffect = function (_a) {
     var children = _a.children, rest = __rest(_a, ["children"]);
@@ -130,5 +142,5 @@ var ReqoreTextEffect = function (_a) {
     return ((0, jsx_runtime_1.jsx)(exports.StyledTextEffect, __assign({ className: 'reqore-text-effect' }, rest, { children: children })));
 };
 exports.ReqoreTextEffect = ReqoreTextEffect;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
 //# sourceMappingURL=index.js.map