@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.
- package/__tests__/effect.test.tsx +70 -0
- package/dist/components/Button/index.d.ts +3 -2
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +15 -14
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/ControlGroup/index.d.ts.map +1 -1
- package/dist/components/ControlGroup/index.js +4 -1
- package/dist/components/ControlGroup/index.js.map +1 -1
- package/dist/components/Effect/index.d.ts +29 -0
- package/dist/components/Effect/index.d.ts.map +1 -0
- package/dist/components/Effect/index.js +117 -0
- package/dist/components/Effect/index.js.map +1 -0
- package/dist/components/Header/index.d.ts +14 -8
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js +52 -33
- package/dist/components/Header/index.js.map +1 -1
- package/dist/components/Input/index.d.ts +3 -2
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +8 -7
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/Menu/index.js +1 -1
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Menu/item.d.ts +5 -11
- package/dist/components/Menu/item.d.ts.map +1 -1
- package/dist/components/Menu/item.js +4 -4
- package/dist/components/Menu/item.js.map +1 -1
- package/dist/components/Message/index.d.ts +3 -6
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Message/index.js +2 -1
- package/dist/components/Message/index.js.map +1 -1
- package/dist/components/Notifications/notification.d.ts +3 -2
- package/dist/components/Notifications/notification.d.ts.map +1 -1
- package/dist/components/Notifications/notification.js +3 -2
- package/dist/components/Notifications/notification.js.map +1 -1
- package/dist/components/Panel/index.d.ts +3 -1
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +14 -16
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +0 -2
- package/dist/components/Popover/index.js.map +1 -1
- package/dist/components/Tabs/item.d.ts +1 -1
- package/dist/components/Tabs/item.d.ts.map +1 -1
- package/dist/components/Tabs/item.js +6 -5
- package/dist/components/Tabs/item.js.map +1 -1
- package/dist/components/Tag/index.d.ts +2 -2
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +6 -4
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Textarea/index.d.ts +2 -2
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +8 -7
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/constants/sizes.d.ts +7 -0
- package/dist/constants/sizes.d.ts.map +1 -1
- package/dist/constants/sizes.js +8 -1
- package/dist/constants/sizes.js.map +1 -1
- package/dist/constants/theme.d.ts +1 -0
- package/dist/constants/theme.d.ts.map +1 -1
- package/dist/constants/theme.js.map +1 -1
- package/dist/containers/ReqoreProvider.d.ts +2 -2
- package/dist/containers/ReqoreProvider.d.ts.map +1 -1
- package/dist/containers/ReqoreProvider.js +7 -5
- package/dist/containers/ReqoreProvider.js.map +1 -1
- package/dist/containers/UIProvider.d.ts +9 -3
- package/dist/containers/UIProvider.d.ts.map +1 -1
- package/dist/containers/UIProvider.js +3 -2
- package/dist/containers/UIProvider.js.map +1 -1
- package/dist/context/ReqoreContext.d.ts +2 -0
- package/dist/context/ReqoreContext.d.ts.map +1 -1
- package/dist/context/ReqoreContext.js +4 -1
- package/dist/context/ReqoreContext.js.map +1 -1
- package/dist/helpers/colors.js +1 -1
- package/dist/helpers/colors.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -2
- package/dist/index.js.map +1 -1
- package/dist/types/global.d.ts +13 -0
- package/dist/types/global.d.ts.map +1 -1
- package/package.json +2 -1
- package/src/components/Button/index.tsx +34 -23
- package/src/components/ControlGroup/index.tsx +1 -0
- package/src/components/Effect/index.tsx +134 -0
- package/src/components/Header/index.tsx +33 -28
- package/src/components/Input/index.tsx +15 -7
- package/src/components/Menu/index.tsx +1 -1
- package/src/components/Menu/item.tsx +8 -17
- package/src/components/Message/index.tsx +13 -5
- package/src/components/Notifications/notification.tsx +6 -3
- package/src/components/Panel/index.tsx +27 -25
- package/src/components/Popover/index.tsx +0 -13
- package/src/components/Tabs/item.tsx +92 -79
- package/src/components/Tag/index.tsx +16 -7
- package/src/components/Textarea/index.tsx +14 -7
- package/src/constants/sizes.ts +8 -0
- package/src/constants/theme.ts +1 -0
- package/src/containers/ReqoreProvider.tsx +16 -8
- package/src/containers/UIProvider.tsx +15 -13
- package/src/context/ReqoreContext.tsx +5 -0
- package/src/helpers/colors.ts +1 -1
- package/src/index.tsx +10 -1
- package/src/mock/collectionData.tsx +55 -2
- package/src/stories/Button/Button.stories.tsx +15 -2
- package/src/stories/Header/Header.stories.tsx +71 -0
- package/src/stories/Input/Input.stories.tsx +12 -0
- package/src/stories/Menu/Menu.stories.tsx +14 -0
- package/src/stories/Message/Message.stories.tsx +13 -0
- package/src/stories/Notifications/Notification.stories.tsx +7 -2
- package/src/stories/Panel/Panel.stories.tsx +37 -1
- package/src/stories/Tabs/Tabs.stories.tsx +23 -23
- package/src/stories/Tag/Tag.stories.tsx +16 -0
- package/src/stories/TextArea/TextArea.stories.tsx +18 -0
- package/src/types/global.ts +14 -0
- 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":"
|
|
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"].
|
|
87
|
-
var theme = _a.theme,
|
|
88
|
-
return !
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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
|
-
|
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA
|
|
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,
|
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAAgD;AAChD,+CAAiE;AAoBpD,QAAA,wBAAwB,GAAG,8BAAM,CAAC,GAAG,8PAA0B,gDAGjE,EAA2C,oBACrC,EAAiD,kBACnD,EAA+C,yEAGzC,EAAuC,cAGxD,
|
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAgC;AAChC,qEAAgD;AAChD,+CAAiF;AAwBpE,QAAA,YAAY,GAAG,8BAAM,CAAC,IAAI,oLAAA,qCAEnC,EAoBD,QAEC,EAKa,QAEb,EAKa,QAEb,EAWD,QAEC,EAOa,QAEb,EAKa,QAEb,EAKa,QAEb,EAKa,IAChB,KA9EG,UAAC,EAAkC;QAAhC,MAAM,YAAA;IACT,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;QAC/B,OAAO,SAAS,CAAC;KAClB;IAED,IAAM,YAAY,GAAW,MAAM,CAAC,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC;IAC9D,IAAM,cAAc,GAAG,IAAA,eAAM,EAC3B,MAAM,CAAC,QAAQ,CAAC,MAAM,EACtB,UAAC,YAAY,EAAE,KAAK,EAAE,UAAU,IAAK,OAAA,UAAG,YAAY,eAAK,KAAK,cAAI,UAAU,MAAG,EAA1C,CAA0C,EAC/E,EAAE,CACH,CAAC;IACF,IAAM,wBAAwB,GAC5B,YAAY,KAAK,QAAQ;QACvB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,IAAI,UAAU;QACzC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC;IACxC,IAAM,QAAQ,GAAG,UAAG,YAAY,uBAAa,wBAAwB,SAAG,cAAc,MAAG,CAAC;IAE1F,WAAO,uBAAG,2GAAA,4BACY,EAAQ,SAC7B,KADqB,QAAQ,EAC5B;AACJ,CAAC,EAEC,UAAC,EAAkC;QAAhC,MAAM,YAAA;IACT,OAAA,MAAM,IAAI,MAAM,CAAC,MAAM;QACrB,CAAC,KAAC,uBAAG,mHAAA,8BACiB,EAAa,eAChC,KADmB,MAAM,CAAC,MAAM,EAEnC,CAAC,CAAC,SAAS;AAJb,CAIa,EAEb,UAAC,EAAkC;QAAhC,MAAM,YAAA;IACT,OAAA,MAAM,IAAI,MAAM,CAAC,SAAS;QACxB,CAAC,KAAC,uBAAG,sHAAA,kDAEF,KACH,CAAC,CAAC,SAAS;AAJb,CAIa,EAEb,UAAC,EAAkC;QAAhC,MAAM,YAAA;IACT,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;QAC7B,OAAO,SAAS,CAAC;KAClB;IAED,IAAM,MAAM,GACV,OAAO,MAAM,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,wBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAEtF,WAAO,uBAAG,iHAAA,uBACO,EAAM,oBACtB,KADgB,MAAM,EACrB;AACJ,CAAC,EAEC,UAAC,EAAkC;QAAhC,MAAM,YAAA;IACT,OAAA,MAAM,IAAI,MAAM,CAAC,MAAM;QACrB,CAAC,KAAC,uBAAG,iLAAA,6GAIF,KACH,CAAC,CAAC,SAAS;AANb,CAMa,EAEb,UAAC,EAAkC;QAAhC,MAAM,YAAA;IACT,OAAA,MAAM,IAAI,MAAM,CAAC,KAAK;QACpB,CAAC,KAAC,uBAAG,mHAAA,qBACQ,EAAY,wBACtB,KADU,MAAM,CAAC,KAAK,EAEzB,CAAC,CAAC,SAAS;AAJb,CAIa,EAEb,UAAC,EAAkC;QAAhC,MAAM,YAAA;IACT,OAAA,MAAM,IAAI,MAAM,CAAC,QAAQ;QACvB,CAAC,KAAC,uBAAG,yHAAA,yBACY,EAA+B,0BAC7C,KADc,sBAAc,CAAC,MAAM,CAAC,QAAQ,CAAC,EAEhD,CAAC,CAAC,SAAS;AAJb,CAIa,EAEb,UAAC,EAAkC;QAAhC,MAAM,YAAA;IACT,OAAA,MAAM,IAAI,MAAM,CAAC,SAAS;QACxB,CAAC,KAAC,uBAAG,6GAAA,0BACa,EAAgB,aAC/B,KADe,MAAM,CAAC,SAAS,EAElC,CAAC,CAAC,SAAS;AAJb,CAIa,EACf;AAEW,QAAA,gBAAgB,GAAG,IAAA,8BAAM,EAAC,oBAAY,CAAC,iFAAA,MAChD,EAOa,IAChB,KARG,UAAC,EAAkC;QAAhC,MAAM,YAAA;IACT,OAAA,MAAM,IAAI,MAAM,CAAC,QAAQ;QACvB,CAAC,KAAC,uBAAG,+MAAA,yIAIF,KACH,CAAC,CAAC,SAAS;AANb,CAMa,EACf;AAEK,IAAM,YAAY,GAAG,UAAC,EAA6C;IAA3C,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAnB,YAAqB,CAAF;IAC9C,OAAO,CACL,uBAAC,oBAAY,aAAC,SAAS,EAAC,eAAe,IAAK,IAAI,cAC7C,QAAQ,IACI,CAChB,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,YAAY,gBAMvB;AAEK,IAAM,gBAAgB,GAAG,UAAC,EAA6C;IAA3C,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAnB,YAAqB,CAAF;IAClD,OAAO,CACL,uBAAC,wBAAgB,aAAC,SAAS,EAAC,oBAAoB,IAAK,IAAI,cACtD,QAAQ,IACQ,CACpB,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,gBAAgB,oBAM3B"}
|
|
@@ -1,13 +1,19 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
|
|
3
|
-
|
|
4
|
-
|
|
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
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const
|
|
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":";
|
|
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
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
var
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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
|
|
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
|
|
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
|
|
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.
|
|
38
|
-
|
|
39
|
-
exports.
|
|
40
|
-
|
|
41
|
-
exports.
|
|
42
|
-
|
|
43
|
-
|
|
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":"
|
|
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"}
|