@qoretechnologies/reqore 0.25.10 → 0.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/__tests__/effect.test.tsx +70 -0
  2. package/dist/components/Button/index.d.ts +3 -2
  3. package/dist/components/Button/index.d.ts.map +1 -1
  4. package/dist/components/Button/index.js +15 -14
  5. package/dist/components/Button/index.js.map +1 -1
  6. package/dist/components/ControlGroup/index.d.ts.map +1 -1
  7. package/dist/components/ControlGroup/index.js +4 -1
  8. package/dist/components/ControlGroup/index.js.map +1 -1
  9. package/dist/components/Effect/index.d.ts +29 -0
  10. package/dist/components/Effect/index.d.ts.map +1 -0
  11. package/dist/components/Effect/index.js +117 -0
  12. package/dist/components/Effect/index.js.map +1 -0
  13. package/dist/components/Header/index.d.ts +14 -8
  14. package/dist/components/Header/index.d.ts.map +1 -1
  15. package/dist/components/Header/index.js +52 -33
  16. package/dist/components/Header/index.js.map +1 -1
  17. package/dist/components/Input/index.d.ts +3 -2
  18. package/dist/components/Input/index.d.ts.map +1 -1
  19. package/dist/components/Input/index.js +8 -7
  20. package/dist/components/Input/index.js.map +1 -1
  21. package/dist/components/Menu/index.js +1 -1
  22. package/dist/components/Menu/index.js.map +1 -1
  23. package/dist/components/Menu/item.d.ts +5 -11
  24. package/dist/components/Menu/item.d.ts.map +1 -1
  25. package/dist/components/Menu/item.js +4 -4
  26. package/dist/components/Menu/item.js.map +1 -1
  27. package/dist/components/Message/index.d.ts +3 -6
  28. package/dist/components/Message/index.d.ts.map +1 -1
  29. package/dist/components/Message/index.js +2 -1
  30. package/dist/components/Message/index.js.map +1 -1
  31. package/dist/components/Notifications/notification.d.ts +3 -2
  32. package/dist/components/Notifications/notification.d.ts.map +1 -1
  33. package/dist/components/Notifications/notification.js +3 -2
  34. package/dist/components/Notifications/notification.js.map +1 -1
  35. package/dist/components/Panel/index.d.ts +3 -1
  36. package/dist/components/Panel/index.d.ts.map +1 -1
  37. package/dist/components/Panel/index.js +14 -16
  38. package/dist/components/Panel/index.js.map +1 -1
  39. package/dist/components/Popover/index.d.ts.map +1 -1
  40. package/dist/components/Popover/index.js +0 -2
  41. package/dist/components/Popover/index.js.map +1 -1
  42. package/dist/components/Tabs/item.d.ts +1 -1
  43. package/dist/components/Tabs/item.d.ts.map +1 -1
  44. package/dist/components/Tabs/item.js +6 -5
  45. package/dist/components/Tabs/item.js.map +1 -1
  46. package/dist/components/Tag/index.d.ts +2 -2
  47. package/dist/components/Tag/index.d.ts.map +1 -1
  48. package/dist/components/Tag/index.js +6 -4
  49. package/dist/components/Tag/index.js.map +1 -1
  50. package/dist/components/Textarea/index.d.ts +2 -2
  51. package/dist/components/Textarea/index.d.ts.map +1 -1
  52. package/dist/components/Textarea/index.js +8 -7
  53. package/dist/components/Textarea/index.js.map +1 -1
  54. package/dist/constants/sizes.d.ts +7 -0
  55. package/dist/constants/sizes.d.ts.map +1 -1
  56. package/dist/constants/sizes.js +8 -1
  57. package/dist/constants/sizes.js.map +1 -1
  58. package/dist/constants/theme.d.ts +1 -0
  59. package/dist/constants/theme.d.ts.map +1 -1
  60. package/dist/constants/theme.js.map +1 -1
  61. package/dist/containers/ReqoreProvider.d.ts +2 -2
  62. package/dist/containers/ReqoreProvider.d.ts.map +1 -1
  63. package/dist/containers/ReqoreProvider.js +7 -5
  64. package/dist/containers/ReqoreProvider.js.map +1 -1
  65. package/dist/containers/UIProvider.d.ts +9 -3
  66. package/dist/containers/UIProvider.d.ts.map +1 -1
  67. package/dist/containers/UIProvider.js +3 -2
  68. package/dist/containers/UIProvider.js.map +1 -1
  69. package/dist/context/ReqoreContext.d.ts +2 -0
  70. package/dist/context/ReqoreContext.d.ts.map +1 -1
  71. package/dist/context/ReqoreContext.js +4 -1
  72. package/dist/context/ReqoreContext.js.map +1 -1
  73. package/dist/helpers/colors.js +1 -1
  74. package/dist/helpers/colors.js.map +1 -1
  75. package/dist/index.d.ts +2 -1
  76. package/dist/index.d.ts.map +1 -1
  77. package/dist/index.js +6 -2
  78. package/dist/index.js.map +1 -1
  79. package/dist/types/global.d.ts +13 -0
  80. package/dist/types/global.d.ts.map +1 -1
  81. package/package.json +2 -1
  82. package/src/components/Button/index.tsx +34 -23
  83. package/src/components/ControlGroup/index.tsx +1 -0
  84. package/src/components/Effect/index.tsx +134 -0
  85. package/src/components/Header/index.tsx +33 -28
  86. package/src/components/Input/index.tsx +15 -7
  87. package/src/components/Menu/index.tsx +1 -1
  88. package/src/components/Menu/item.tsx +8 -17
  89. package/src/components/Message/index.tsx +13 -5
  90. package/src/components/Notifications/notification.tsx +6 -3
  91. package/src/components/Panel/index.tsx +27 -25
  92. package/src/components/Popover/index.tsx +0 -13
  93. package/src/components/Tabs/item.tsx +92 -79
  94. package/src/components/Tag/index.tsx +16 -7
  95. package/src/components/Textarea/index.tsx +14 -7
  96. package/src/constants/sizes.ts +8 -0
  97. package/src/constants/theme.ts +1 -0
  98. package/src/containers/ReqoreProvider.tsx +16 -8
  99. package/src/containers/UIProvider.tsx +15 -13
  100. package/src/context/ReqoreContext.tsx +5 -0
  101. package/src/helpers/colors.ts +1 -1
  102. package/src/index.tsx +10 -1
  103. package/src/mock/collectionData.tsx +55 -2
  104. package/src/stories/Button/Button.stories.tsx +15 -2
  105. package/src/stories/Header/Header.stories.tsx +71 -0
  106. package/src/stories/Input/Input.stories.tsx +12 -0
  107. package/src/stories/Menu/Menu.stories.tsx +14 -0
  108. package/src/stories/Message/Message.stories.tsx +13 -0
  109. package/src/stories/Notifications/Notification.stories.tsx +7 -2
  110. package/src/stories/Panel/Panel.stories.tsx +37 -1
  111. package/src/stories/Tabs/Tabs.stories.tsx +23 -23
  112. package/src/stories/Tag/Tag.stories.tsx +16 -0
  113. package/src/stories/TextArea/TextArea.stories.tsx +18 -0
  114. package/src/types/global.ts +14 -0
  115. package/tests.json +1 -1
@@ -0,0 +1,70 @@
1
+ import { render } from '@testing-library/react';
2
+ import React from 'react';
3
+ import {
4
+ ReqoreContent,
5
+ ReqoreEffect,
6
+ ReqoreLayoutContent,
7
+ ReqoreTextEffect,
8
+ ReqoreUIProvider,
9
+ } from '../src';
10
+
11
+ test('Renders <ReqoreEffect /> properly', () => {
12
+ render(
13
+ <ReqoreUIProvider>
14
+ <ReqoreLayoutContent>
15
+ <ReqoreContent>
16
+ <ReqoreEffect
17
+ as='div'
18
+ effect={{
19
+ gradient: {
20
+ type: 'radial',
21
+ shape: 'circle',
22
+ colors: {
23
+ 0: 'red',
24
+ 100: 'blue',
25
+ },
26
+ },
27
+ spaced: 10,
28
+ uppercase: true,
29
+ weight: 'bold',
30
+ color: 'red',
31
+ }}
32
+ >
33
+ This is a test
34
+ </ReqoreEffect>
35
+ </ReqoreContent>
36
+ </ReqoreLayoutContent>
37
+ </ReqoreUIProvider>
38
+ );
39
+
40
+ expect(document.querySelectorAll('.reqore-effect').length).toBe(1);
41
+ });
42
+
43
+ test('Renders empty <Icon /> if icon does not exist', () => {
44
+ render(
45
+ <ReqoreUIProvider>
46
+ <ReqoreLayoutContent>
47
+ <ReqoreContent>
48
+ <ReqoreTextEffect
49
+ as='p'
50
+ effect={{
51
+ gradient: {
52
+ colors: {
53
+ 0: 'red',
54
+ 100: 'blue',
55
+ },
56
+ },
57
+ spaced: 10,
58
+ uppercase: true,
59
+ weight: 'thin',
60
+ }}
61
+ >
62
+ This is a test
63
+ </ReqoreTextEffect>
64
+ </ReqoreContent>
65
+ </ReqoreLayoutContent>
66
+ </ReqoreUIProvider>
67
+ );
68
+
69
+ expect(document.querySelectorAll('.reqore-text-effect').length).toBe(1);
70
+ });
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
  import { TSizes } from '../../constants/sizes';
3
3
  import { IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
4
- import { IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, TReqoreTooltipProp } from '../../types/global';
4
+ import { IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreEffect, TReqoreTooltipProp } from '../../types/global';
5
5
  import { IReqoreIconName } from '../../types/icons';
6
- export interface IReqoreButtonProps extends React.HTMLAttributes<HTMLButtonElement>, IReqoreDisabled, IReqoreIntent, IReqoreReadOnly {
6
+ export interface IReqoreButtonProps extends React.HTMLAttributes<HTMLButtonElement>, IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreEffect {
7
7
  icon?: IReqoreIconName;
8
8
  size?: TSizes;
9
9
  minimal?: boolean;
@@ -18,6 +18,7 @@ export interface IReqoreButtonProps extends React.HTMLAttributes<HTMLButtonEleme
18
18
  }
19
19
  export interface IReqoreButtonStyle extends Omit<IReqoreButtonProps, 'intent'> {
20
20
  theme: IReqoreTheme;
21
+ animate?: boolean;
21
22
  }
22
23
  export declare const StyledAnimatedTextWrapper: any;
23
24
  export declare const StyledActiveContent: any;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAYzE,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAC7C,eAAe,EACf,aAAa,EACb,eAAe;IACjB,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;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC;IAC5E,KAAK,EAAE,YAAY,CAAC;CACrB;AAUD,eAAO,MAAM,yBAAyB,KAIrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAe/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAajC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAUlC,CAAC;AAEF,eAAO,MAAM,YAAY,KAgHxB,CAAC;AAEF,QAAA,MAAM,YAAY,oFAsEjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAazE,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,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;CAChB;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,KAe/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAajC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAUlC,CAAC;AAEF,eAAO,MAAM,YAAY,KAiHxB,CAAC;AAEF,QAAA,MAAM,YAAY,oFA4EjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -54,15 +54,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
54
54
  exports.__esModule = true;
55
55
  exports.StyledButton = exports.StyledInvisibleContent = exports.StyledInActiveContent = exports.StyledActiveContent = exports.StyledAnimatedTextWrapper = void 0;
56
56
  var jsx_runtime_1 = require("react/jsx-runtime");
57
- var polished_1 = require("polished");
58
57
  var react_1 = require("react");
59
58
  var styled_components_1 = __importStar(require("styled-components"));
60
59
  var sizes_1 = require("../../constants/sizes");
60
+ var ReqoreContext_1 = __importDefault(require("../../context/ReqoreContext"));
61
61
  var colors_1 = require("../../helpers/colors");
62
62
  var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
63
63
  var useTheme_1 = require("../../hooks/useTheme");
64
64
  var useTooltip_1 = require("../../hooks/useTooltip");
65
65
  var styles_1 = require("../../styles");
66
+ var Effect_1 = require("../Effect");
66
67
  var Icon_1 = __importDefault(require("../Icon"));
67
68
  var getButtonMainColor = function (theme, color) {
68
69
  if (color) {
@@ -83,9 +84,9 @@ exports.StyledInvisibleContent = styled_components_1["default"].span(templateObj
83
84
  var wrap = _a.wrap;
84
85
  return wrap && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n white-space: nowrap;\n "], ["\n white-space: nowrap;\n "])));
85
86
  });
86
- exports.StyledButton = styled_components_1["default"].button(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n display: flex;\n text-align: left;\n align-items: center;\n margin: 0;\n font-weight: 600;\n position: relative;\n overflow: hidden;\n border: ", ";\n padding: 0 ", "px;\n font-size: ", "px;\n\n min-height: ", "px;\n\n ", "\n\n min-width: ", "px;\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 display: flex;\n text-align: left;\n align-items: center;\n margin: 0;\n font-weight: 600;\n position: relative;\n overflow: hidden;\n border: ", ";\n padding: 0 ", "px;\n font-size: ", "px;\n\n min-height: ", "px;\n\n ", "\n\n min-width: ", "px;\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"])), function (_a) {
87
- var theme = _a.theme, minimal = _a.minimal, color = _a.color, flat = _a.flat;
88
- return !minimal && !flat ? "1px solid ".concat((0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.05)) : 0;
87
+ exports.StyledButton = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: flex;\n text-align: left;\n align-items: 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\n ", "\n\n min-width: ", "px;\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 display: flex;\n text-align: left;\n align-items: 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\n ", "\n\n min-width: ", "px;\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"])), function (_a) {
88
+ var theme = _a.theme, color = _a.color, flat = _a.flat;
89
+ return !flat ? "1px solid ".concat((0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.05)) : 0;
89
90
  }, function (_a) {
90
91
  var size = _a.size;
91
92
  return sizes_1.PADDING_FROM_SIZE[size];
@@ -113,9 +114,6 @@ exports.StyledButton = styled_components_1["default"].button(templateObject_12 |
113
114
  }, function (_a) {
114
115
  var minimal = _a.minimal, color = _a.color;
115
116
  if (minimal) {
116
- if (color) {
117
- return (0, polished_1.rgba)(color, 0.3);
118
- }
119
117
  return 'transparent';
120
118
  }
121
119
  return color;
@@ -123,13 +121,13 @@ exports.StyledButton = styled_components_1["default"].button(templateObject_12 |
123
121
  var theme = _a.theme, color = _a.color, minimal = _a.minimal;
124
122
  return color
125
123
  ? minimal
126
- ? (0, colors_1.getReadableColor)(theme, undefined, undefined, true)
124
+ ? (0, colors_1.getReadableColor)(theme, undefined, undefined, true, theme.originalMain)
127
125
  : (0, colors_1.getReadableColorFrom)(color, true)
128
126
  : (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
129
127
  }, styles_1.InactiveIconScale, function (_a) {
130
- var readOnly = _a.readOnly;
128
+ var readOnly = _a.readOnly, animate = _a.animate;
131
129
  return !readOnly
132
- ? (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n &:not(:disabled) {\n ", "\n\n cursor: pointer;\n transition: all 0.2s ease-out;\n\n &:active {\n transform: scale(0.95);\n }\n\n &:hover,\n &:focus {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n ", " {\n transform: translateY(0px);\n filter: blur(0);\n opacity: 1;\n }\n\n ", " {\n transform: translateY(150%);\n filter: blur(10px);\n opacity: 0;\n }\n }\n }\n "], ["\n &:not(:disabled) {\n ", "\n\n cursor: pointer;\n transition: all 0.2s ease-out;\n\n &:active {\n transform: scale(0.95);\n }\n\n &:hover,\n &:focus {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n ", " {\n transform: translateY(0px);\n filter: blur(0);\n opacity: 1;\n }\n\n ", " {\n transform: translateY(150%);\n filter: blur(10px);\n opacity: 0;\n }\n }\n }\n "])), styles_1.ScaleIconOnHover, function (_a) {
130
+ ? (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n &:not(:disabled) {\n ", "\n\n cursor: pointer;\n transition: all 0.2s ease-out;\n\n &:active {\n transform: scale(0.95);\n }\n\n &:hover,\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: scale(0.95);\n }\n\n &:hover,\n &:focus {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n ", "\n }\n }\n "])), styles_1.ScaleIconOnHover, function (_a) {
133
131
  var theme = _a.theme, color = _a.color;
134
132
  return (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.05);
135
133
  }, function (_a) {
@@ -138,10 +136,10 @@ exports.StyledButton = styled_components_1["default"].button(templateObject_12 |
138
136
  }, function (_a) {
139
137
  var minimal = _a.minimal, theme = _a.theme, color = _a.color;
140
138
  return minimal ? undefined : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.1);
141
- }, exports.StyledActiveContent, exports.StyledInActiveContent) : (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), styles_1.ReadOnlyElement);
139
+ }, animate && (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __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)) : (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), styles_1.ReadOnlyElement);
142
140
  }, function (_a) {
143
141
  var active = _a.active, minimal = _a.minimal, theme = _a.theme, color = _a.color;
144
- return active && (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n ", "\n "], ["\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n ", "\n "])), (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.16), (0, colors_1.getReadableColor)({ main: getButtonMainColor(theme, color) }, undefined, undefined), minimal
142
+ return active && (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n ", "\n "], ["\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n ", "\n "])), (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.16), (0, colors_1.getReadableColor)({ main: getButtonMainColor(theme, color) }, undefined, undefined), minimal
145
143
  ? undefined
146
144
  : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.075), styles_1.ActiveIconScale);
147
145
  }, styles_1.DisabledElement, function (_a) {
@@ -151,13 +149,16 @@ exports.StyledButton = styled_components_1["default"].button(templateObject_12 |
151
149
  var ReqoreButton = (0, react_1.forwardRef)(function (_a, ref) {
152
150
  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, _c = _a.wrap, wrap = _c === void 0 ? true : _c, readOnly = _a.readOnly, rest = __rest(_a, ["icon", "size", "minimal", "children", "tooltip", "className", "fluid", "fixed", "intent", "active", "flat", "rightIcon", "customTheme", "wrap", "readOnly"]);
153
151
  var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
152
+ var animations = (0, react_1.useContext)(ReqoreContext_1["default"]).animations;
154
153
  var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
155
154
  /* A custom hook that is used to add a tooltip to the button. */
156
155
  (0, useTooltip_1.useTooltip)(targetRef.current, tooltip);
157
156
  // If color or intent was specified, set the color
158
157
  var customColor = theme.main;
159
- return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({}, rest, { theme: theme, ref: targetRef, fluid: fluid, fixed: fixed, minimal: minimal, size: size, color: customColor, flat: flat, active: active, readOnly: readOnly, className: "".concat(className || '', " reqore-control reqore-button") }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, margin: children || rightIcon ? 'right' : undefined, size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") })), children && ((0, jsx_runtime_1.jsxs)(exports.StyledAnimatedTextWrapper, { 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 }))] })), rightIcon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, margin: children ? 'left' : undefined, size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }))] })));
158
+ var _flat = minimal ? flat : flat !== false;
159
+ console.log(animations);
160
+ return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({}, rest, { as: 'button', theme: theme, ref: targetRef, fluid: fluid, fixed: fixed, minimal: minimal, size: size, color: customColor, animate: animations.buttons, flat: _flat, active: active, readOnly: readOnly, className: "".concat(className || '', " reqore-control reqore-button") }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, margin: children || rightIcon ? 'right' : undefined, size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") })), children && ((0, jsx_runtime_1.jsxs)(exports.StyledAnimatedTextWrapper, { 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 }))] })), rightIcon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, margin: children ? 'left' : undefined, size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }))] })));
160
161
  });
161
162
  exports["default"] = ReqoreButton;
162
- 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;
163
+ 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;
163
164
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
@@ -1 +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,KAqEpC,CAAC;AAEF,QAAA,MAAM,kBAAkB,oEAQrB,wBAAwB,gBAqB1B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
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"}
@@ -90,12 +90,15 @@ exports.StyledReqoreControlGroup = styled_components_1["default"].div(templateOb
90
90
  }, function (_a) {
91
91
  var stack = _a.stack;
92
92
  return (!stack ? undefined : 0);
93
- }) : (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 }\n\n border-radius: ", ";\n\n ", "\n }\n "], ["\n > .reqore-control,\n > .reqore-control-wrapper,\n > * {\n &:not(:last-child) {\n margin-right: ", ";\n }\n\n border-radius: ", ";\n\n ", "\n }\n "])), function (_a) {
93
+ }) : (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) {
94
94
  var stack = _a.stack;
95
95
  return (!stack ? '5px' : undefined);
96
96
  }, function (_a) {
97
97
  var stack = _a.stack;
98
98
  return (!stack ? undefined : 0);
99
+ }, function (_a) {
100
+ var stack = _a.stack;
101
+ return (!stack ? undefined : 0);
99
102
  }, function (_a) {
100
103
  var rounded = _a.rounded, size = _a.size;
101
104
  return rounded && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &:first-child {\n border-top-left-radius: ", "px;\n border-bottom-left-radius: ", "px;\n }\n\n &:last-child {\n border-top-right-radius: ", "px;\n border-bottom-right-radius: ", "px;\n }\n "], ["\n &:first-child {\n border-top-left-radius: ", "px;\n border-bottom-left-radius: ", "px;\n }\n\n &:last-child {\n border-top-right-radius: ", "px;\n border-bottom-right-radius: ", "px;\n }\n "])), sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size]);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,29 @@
1
+ /// <reference types="react" />
2
+ import { TSizes } from '../../constants/sizes';
3
+ export interface IReqoreEffect {
4
+ gradient?: {
5
+ type?: 'linear' | 'radial';
6
+ shape?: 'circle' | 'ellipse';
7
+ colors: {
8
+ [key: number]: string;
9
+ };
10
+ direction?: string;
11
+ };
12
+ noWrap?: boolean;
13
+ color?: string;
14
+ spaced?: number;
15
+ weight?: number | 'thin' | 'light' | 'normal' | 'bold' | 'thick';
16
+ uppercase?: boolean;
17
+ textSize?: TSizes;
18
+ textAlign?: 'left' | 'center' | 'right';
19
+ }
20
+ export interface IReqoreTextEffectProps extends React.HTMLAttributes<HTMLSpanElement> {
21
+ children: React.ReactNode;
22
+ effect: IReqoreEffect;
23
+ as?: React.ElementType;
24
+ }
25
+ export declare const StyledEffect: any;
26
+ export declare const StyledTextEffect: any;
27
+ export declare const ReqoreEffect: ({ children, ...rest }: IReqoreTextEffectProps) => JSX.Element;
28
+ export declare const ReqoreTextEffect: ({ children, ...rest }: IReqoreTextEffectProps) => JSX.Element;
29
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Effect/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAkB,MAAM,EAAoB,MAAM,uBAAuB,CAAC;AAEjF,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;KACpB,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;CACzC;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACnF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,aAAa,CAAC;IACtB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,KAgFxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAS5B,CAAC;AAEF,eAAO,MAAM,YAAY,0BAA2B,sBAAsB,gBAMzE,CAAC;AAEF,eAAO,MAAM,gBAAgB,0BAA2B,sBAAsB,gBAM7E,CAAC"}
@@ -0,0 +1,117 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __assign = (this && this.__assign) || function () {
7
+ __assign = Object.assign || function(t) {
8
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
9
+ s = arguments[i];
10
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
+ t[p] = s[p];
12
+ }
13
+ return t;
14
+ };
15
+ return __assign.apply(this, arguments);
16
+ };
17
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
+ if (k2 === undefined) k2 = k;
19
+ var desc = Object.getOwnPropertyDescriptor(m, k);
20
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
21
+ desc = { enumerable: true, get: function() { return m[k]; } };
22
+ }
23
+ Object.defineProperty(o, k2, desc);
24
+ }) : (function(o, m, k, k2) {
25
+ if (k2 === undefined) k2 = k;
26
+ o[k2] = m[k];
27
+ }));
28
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
29
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
30
+ }) : function(o, v) {
31
+ o["default"] = v;
32
+ });
33
+ var __importStar = (this && this.__importStar) || function (mod) {
34
+ if (mod && mod.__esModule) return mod;
35
+ var result = {};
36
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
37
+ __setModuleDefault(result, mod);
38
+ return result;
39
+ };
40
+ var __rest = (this && this.__rest) || function (s, e) {
41
+ var t = {};
42
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
43
+ t[p] = s[p];
44
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
45
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
46
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
47
+ t[p[i]] = s[p[i]];
48
+ }
49
+ return t;
50
+ };
51
+ exports.__esModule = true;
52
+ exports.ReqoreTextEffect = exports.ReqoreEffect = exports.StyledTextEffect = exports.StyledEffect = void 0;
53
+ var jsx_runtime_1 = require("react/jsx-runtime");
54
+ var lodash_1 = require("lodash");
55
+ var styled_components_1 = __importStar(require("styled-components"));
56
+ var sizes_1 = require("../../constants/sizes");
57
+ exports.StyledEffect = styled_components_1["default"].span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n // If gradient was supplied\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"], ["\n // If gradient was supplied\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), function (_a) {
58
+ var effect = _a.effect;
59
+ if (!effect || !effect.gradient) {
60
+ return undefined;
61
+ }
62
+ var gradientType = effect.gradient.type || 'linear';
63
+ var gradientColors = (0, lodash_1.reduce)(effect.gradient.colors, function (colorsString, color, percentage) { return "".concat(colorsString, ", ").concat(color, " ").concat(percentage, "%"); }, '');
64
+ var gradientDirectionOrShape = gradientType === 'linear'
65
+ ? effect.gradient.direction || 'to right'
66
+ : effect.gradient.shape || 'circle';
67
+ var gradient = "".concat(gradientType, "-gradient(").concat(gradientDirectionOrShape).concat(gradientColors, ")");
68
+ return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-image: ", ";\n "], ["\n background-image: ", ";\n "])), gradient);
69
+ }, function (_a) {
70
+ var effect = _a.effect;
71
+ return effect && effect.spaced
72
+ ? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n letter-spacing: ", "px;\n "], ["\n letter-spacing: ", "px;\n "])), effect.spaced) : undefined;
73
+ }, function (_a) {
74
+ var effect = _a.effect;
75
+ return effect && effect.uppercase
76
+ ? (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n text-transform: uppercase;\n "], ["\n text-transform: uppercase;\n "]))) : undefined;
77
+ }, function (_a) {
78
+ var effect = _a.effect;
79
+ if (!effect || !effect.weight) {
80
+ return undefined;
81
+ }
82
+ var weight = typeof effect.weight === 'number' ? effect.weight : sizes_1.WEIGHT_TO_NUMBER[effect.weight];
83
+ return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-weight: ", " !important;\n "], ["\n font-weight: ", " !important;\n "])), weight);
84
+ }, function (_a) {
85
+ var effect = _a.effect;
86
+ return effect && effect.noWrap
87
+ ? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __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;
88
+ }, function (_a) {
89
+ var effect = _a.effect;
90
+ return effect && effect.color
91
+ ? (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: ", " !important;\n "], ["\n color: ", " !important;\n "])), effect.color) : undefined;
92
+ }, function (_a) {
93
+ var effect = _a.effect;
94
+ return effect && effect.textSize
95
+ ? (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n font-size: ", "px !important;\n "], ["\n font-size: ", "px !important;\n "])), sizes_1.TEXT_FROM_SIZE[effect.textSize]) : undefined;
96
+ }, function (_a) {
97
+ var effect = _a.effect;
98
+ return effect && effect.textAlign
99
+ ? (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n text-align: ", ";\n "], ["\n text-align: ", ";\n "])), effect.textAlign) : undefined;
100
+ });
101
+ exports.StyledTextEffect = (0, styled_components_1["default"])(exports.StyledEffect)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
102
+ var effect = _a.effect;
103
+ return effect && effect.gradient
104
+ ? (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: inline-block;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n "], ["\n display: inline-block;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n "]))) : undefined;
105
+ });
106
+ var ReqoreEffect = function (_a) {
107
+ var children = _a.children, rest = __rest(_a, ["children"]);
108
+ return ((0, jsx_runtime_1.jsx)(exports.StyledEffect, __assign({ className: 'reqore-effect' }, rest, { children: children })));
109
+ };
110
+ exports.ReqoreEffect = ReqoreEffect;
111
+ var ReqoreTextEffect = function (_a) {
112
+ var children = _a.children, rest = __rest(_a, ["children"]);
113
+ return ((0, jsx_runtime_1.jsx)(exports.StyledTextEffect, __assign({ className: 'reqore-text-effect' }, rest, { children: children })));
114
+ };
115
+ exports.ReqoreTextEffect = ReqoreTextEffect;
116
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
117
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Effect/index.tsx"],"names":[],"mappings":"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"}
@@ -1,13 +1,19 @@
1
1
  /// <reference types="react" />
2
2
  import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
3
- export interface IReqoreHeaderStyle extends React.HTMLAttributes<HTMLHeadingElement> {
4
- theme: IReqoreTheme;
3
+ import { IWithReqoreEffect } from '../../types/global';
4
+ export interface IReqoreHeadingProps extends IWithReqoreEffect, React.HTMLAttributes<HTMLHeadingElement> {
5
5
  intent?: TReqoreIntent;
6
+ size?: 1 | 2 | 3 | 4 | 5 | 6;
7
+ }
8
+ export interface IReqoreHeadingStyle extends IReqoreHeadingProps {
9
+ theme: IReqoreTheme;
6
10
  }
7
- export declare const ReqoreH1: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
8
- export declare const ReqoreH2: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
9
- export declare const ReqoreH3: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
10
- export declare const ReqoreH4: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
11
- export declare const ReqoreH5: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
12
- export declare const ReqoreH6: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
11
+ export declare const StyledHeader: any;
12
+ export declare const ReqoreHeading: ({ size, children, ...props }: IReqoreHeadingProps) => JSX.Element;
13
+ export declare const ReqoreH1: (props: IReqoreHeadingProps) => JSX.Element;
14
+ export declare const ReqoreH2: (props: IReqoreHeadingProps) => JSX.Element;
15
+ export declare const ReqoreH3: (props: IReqoreHeadingProps) => JSX.Element;
16
+ export declare const ReqoreH4: (props: IReqoreHeadingProps) => JSX.Element;
17
+ export declare const ReqoreH5: (props: IReqoreHeadingProps) => JSX.Element;
18
+ export declare const ReqoreH6: (props: IReqoreHeadingProps) => JSX.Element;
13
19
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGpE,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAClF,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAQD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAGvD,MAAM,WAAW,mBACf,SAAQ,iBAAiB,EACvB,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC1C,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,KAKxB,CAAC;AAEF,eAAO,MAAM,aAAa,iCAAkC,mBAAmB,gBAU9E,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,mBAAmB,gBAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,UAAW,mBAAmB,gBAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,UAAW,mBAAmB,gBAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,UAAW,mBAAmB,gBAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,UAAW,mBAAmB,gBAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,UAAW,mBAAmB,gBAA0C,CAAC"}
@@ -3,42 +3,61 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
7
- if (k2 === undefined) k2 = k;
8
- var desc = Object.getOwnPropertyDescriptor(m, k);
9
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
10
- desc = { enumerable: true, get: function() { return m[k]; } };
11
- }
12
- Object.defineProperty(o, k2, desc);
13
- }) : (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- o[k2] = m[k];
16
- }));
17
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
18
- Object.defineProperty(o, "default", { enumerable: true, value: v });
19
- }) : function(o, v) {
20
- o["default"] = v;
21
- });
22
- var __importStar = (this && this.__importStar) || function (mod) {
23
- if (mod && mod.__esModule) return mod;
24
- var result = {};
25
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
26
- __setModuleDefault(result, mod);
27
- return result;
6
+ var __assign = (this && this.__assign) || function () {
7
+ __assign = Object.assign || function(t) {
8
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
9
+ s = arguments[i];
10
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
+ t[p] = s[p];
12
+ }
13
+ return t;
14
+ };
15
+ return __assign.apply(this, arguments);
16
+ };
17
+ var __rest = (this && this.__rest) || function (s, e) {
18
+ var t = {};
19
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
20
+ t[p] = s[p];
21
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
22
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
23
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
24
+ t[p[i]] = s[p[i]];
25
+ }
26
+ return t;
27
+ };
28
+ var __importDefault = (this && this.__importDefault) || function (mod) {
29
+ return (mod && mod.__esModule) ? mod : { "default": mod };
28
30
  };
29
31
  exports.__esModule = true;
30
- exports.ReqoreH6 = exports.ReqoreH5 = exports.ReqoreH4 = exports.ReqoreH3 = exports.ReqoreH2 = exports.ReqoreH1 = void 0;
31
- var styled_components_1 = __importStar(require("styled-components"));
32
+ exports.ReqoreH6 = exports.ReqoreH5 = exports.ReqoreH4 = exports.ReqoreH3 = exports.ReqoreH2 = exports.ReqoreH1 = exports.ReqoreHeading = exports.StyledHeader = void 0;
33
+ var jsx_runtime_1 = require("react/jsx-runtime");
34
+ var react_1 = require("react");
35
+ var styled_components_1 = __importDefault(require("styled-components"));
32
36
  var colors_1 = require("../../helpers/colors");
33
- var style = function (_a) {
37
+ var Effect_1 = require("../Effect");
38
+ exports.StyledHeader = (0, styled_components_1["default"])(Effect_1.StyledTextEffect)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n color: ", ";\n"], ["\n margin: 0;\n padding: 0;\n color: ", ";\n"])), function (_a) {
34
39
  var theme = _a.theme, intent = _a.intent;
35
- return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n color: ", ";\n"], ["\n margin: 0;\n padding: 0;\n color: ", ";\n"])), intent ? theme.intents[intent] : (0, colors_1.getReadableColor)(theme, undefined, undefined, true));
40
+ return intent ? theme.intents[intent] : (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
41
+ });
42
+ var ReqoreHeading = function (_a) {
43
+ var size = _a.size, children = _a.children, props = __rest(_a, ["size", "children"]);
44
+ var HTMLheaderElement = (0, react_1.useMemo)(function () {
45
+ return "h".concat(size);
46
+ }, [size]);
47
+ return ((0, jsx_runtime_1.jsx)(exports.StyledHeader, __assign({ as: HTMLheaderElement }, props, { children: children })));
36
48
  };
37
- exports.ReqoreH1 = styled_components_1["default"].h1(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (props) { return style(props); });
38
- exports.ReqoreH2 = styled_components_1["default"].h2(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (props) { return style(props); });
39
- exports.ReqoreH3 = styled_components_1["default"].h3(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (props) { return style(props); });
40
- exports.ReqoreH4 = styled_components_1["default"].h4(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (props) { return style(props); });
41
- exports.ReqoreH5 = styled_components_1["default"].h5(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (props) { return style(props); });
42
- exports.ReqoreH6 = styled_components_1["default"].h6(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (props) { return style(props); });
43
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
49
+ exports.ReqoreHeading = ReqoreHeading;
50
+ var ReqoreH1 = function (props) { return (0, jsx_runtime_1.jsx)(exports.ReqoreHeading, __assign({ size: 1 }, props)); };
51
+ exports.ReqoreH1 = ReqoreH1;
52
+ var ReqoreH2 = function (props) { return (0, jsx_runtime_1.jsx)(exports.ReqoreHeading, __assign({ size: 2 }, props)); };
53
+ exports.ReqoreH2 = ReqoreH2;
54
+ var ReqoreH3 = function (props) { return (0, jsx_runtime_1.jsx)(exports.ReqoreHeading, __assign({ size: 3 }, props)); };
55
+ exports.ReqoreH3 = ReqoreH3;
56
+ var ReqoreH4 = function (props) { return (0, jsx_runtime_1.jsx)(exports.ReqoreHeading, __assign({ size: 4 }, props)); };
57
+ exports.ReqoreH4 = ReqoreH4;
58
+ var ReqoreH5 = function (props) { return (0, jsx_runtime_1.jsx)(exports.ReqoreHeading, __assign({ size: 5 }, props)); };
59
+ exports.ReqoreH5 = ReqoreH5;
60
+ var ReqoreH6 = function (props) { return (0, jsx_runtime_1.jsx)(exports.ReqoreHeading, __assign({ size: 6 }, props)); };
61
+ exports.ReqoreH6 = ReqoreH6;
62
+ var templateObject_1;
44
63
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,+CAAwD;AAOxD,IAAM,KAAK,GAAG,UAAC,EAAqC;QAAnC,KAAK,WAAA,EAAE,MAAM,YAAA;IAA2B,WAAA,uBAAG,qHAAA,0CAGjD,EAAoF,KAC9F,KADU,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAHtC,CAIxD,CAAC;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAChC,wEAAuC;AAEvC,+CAAwD;AAExD,oCAA6C;AAahC,QAAA,YAAY,GAAG,IAAA,8BAAM,EAAC,yBAAgB,CAAC,oHAAA,0CAGzC,EAC6E,KACvF,KAFU,UAAC,EAAiB;QAAf,KAAK,WAAA,EAAE,MAAM,YAAA;IACvB,OAAA,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAApF,CAAoF,EACtF;AAEK,IAAM,aAAa,GAAG,UAAC,EAAiD;IAA/C,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IACtD,IAAM,iBAAiB,GAAG,IAAA,eAAO,EAAC;QAChC,OAAO,WAAI,IAAI,CAA6C,CAAC;IAC/D,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,uBAAC,oBAAY,aAAC,EAAE,EAAE,iBAAiB,IAAM,KAAK,cAC3C,QAAQ,IACI,CAChB,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,aAAa,iBAUxB;AAEK,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE;AACvF,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE;AACvF,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE;AACvF,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE;AACvF,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE;AACvF,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE"}