@qoretechnologies/reqore 0.28.1 → 0.28.3
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__/dropdown.test.tsx +1 -1
- package/__tests__/effect.test.tsx +6 -6
- package/dist/components/Button/index.d.ts +4 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +23 -15
- 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 +2 -2
- package/dist/components/ControlGroup/index.js.map +1 -1
- package/dist/components/Dropdown/list.d.ts +1 -1
- package/dist/components/Dropdown/list.d.ts.map +1 -1
- package/dist/components/Dropdown/list.js +1 -2
- package/dist/components/Dropdown/list.js.map +1 -1
- package/dist/components/Effect/index.d.ts +14 -6
- package/dist/components/Effect/index.d.ts.map +1 -1
- package/dist/components/Effect/index.js +32 -20
- package/dist/components/Effect/index.js.map +1 -1
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js +1 -2
- package/dist/components/Header/index.js.map +1 -1
- package/dist/components/Input/index.d.ts +1 -0
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +6 -3
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/InternalPopover/index.d.ts.map +1 -1
- package/dist/components/InternalPopover/index.js.map +1 -1
- package/dist/components/Menu/divider.js +1 -4
- package/dist/components/Menu/divider.js.map +1 -1
- package/dist/components/Menu/index.d.ts +3 -2
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.js +11 -7
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Menu/item.d.ts.map +1 -1
- package/dist/components/Menu/item.js +1 -1
- package/dist/components/Menu/item.js.map +1 -1
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Message/index.js +4 -1
- package/dist/components/Message/index.js.map +1 -1
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Table/row.d.ts.map +1 -1
- package/dist/components/Table/row.js +4 -2
- package/dist/components/Table/row.js.map +1 -1
- package/dist/components/Tag/index.d.ts +3 -1
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +11 -5
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Textarea/index.d.ts +1 -0
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +2 -2
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/constants/colors.js +1 -1
- package/dist/constants/theme.d.ts +43 -42
- package/dist/constants/theme.d.ts.map +1 -1
- package/dist/constants/theme.js.map +1 -1
- package/dist/containers/UIProvider.d.ts +1 -1
- package/dist/containers/UIProvider.d.ts.map +1 -1
- package/dist/helpers/colors.d.ts +11 -10
- package/dist/helpers/colors.d.ts.map +1 -1
- package/dist/helpers/colors.js +34 -10
- package/dist/helpers/colors.js.map +1 -1
- package/dist/hooks/useTheme.d.ts +9 -1
- package/dist/hooks/useTheme.d.ts.map +1 -1
- package/dist/hooks/useTheme.js +7 -0
- package/dist/hooks/useTheme.js.map +1 -1
- package/dist/types/global.d.ts +13 -0
- package/dist/types/global.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/index.tsx +34 -11
- package/src/components/ControlGroup/index.tsx +2 -0
- package/src/components/Dropdown/list.tsx +2 -3
- package/src/components/Effect/index.tsx +64 -19
- package/src/components/Header/index.tsx +1 -3
- package/src/components/Input/index.tsx +11 -2
- package/src/components/InternalPopover/index.tsx +2 -1
- package/src/components/Menu/divider.tsx +1 -1
- package/src/components/Menu/index.tsx +16 -7
- package/src/components/Menu/item.tsx +3 -2
- package/src/components/Message/index.tsx +4 -1
- package/src/components/Panel/index.tsx +1 -1
- package/src/components/Table/row.tsx +8 -5
- package/src/components/Tag/index.tsx +18 -6
- package/src/components/Textarea/index.tsx +3 -0
- package/src/constants/colors.ts +1 -1
- package/src/constants/theme.ts +44 -42
- package/src/containers/UIProvider.tsx +1 -1
- package/src/helpers/colors.ts +58 -26
- package/src/hooks/useTheme.ts +20 -3
- package/src/stories/Button/Button.stories.tsx +1 -1
- package/src/stories/ControlGroup/ControlGroup.stories.tsx +9 -1
- package/src/stories/Dropdown/Dropdown.stories.tsx +26 -0
- package/src/stories/Menu/Menu.stories.tsx +52 -3
- package/src/stories/Message/Message.stories.tsx +3 -4
- package/src/stories/Tag/Tag.stories.tsx +25 -1
- package/src/types/global.ts +14 -0
- package/tests.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAgC;AAChC,qCAAgC;AAChC,+BAAsD;AACtD,qEAAgD;AAChD,2BAAsC;AACtC,+CAO+B;AAE/B,4EAAsD;AACtD,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,7 @@ export interface IReqoreTextareaProps extends React.HTMLAttributes<HTMLTextAreaE
|
|
|
16
16
|
rounded?: boolean;
|
|
17
17
|
flat?: boolean;
|
|
18
18
|
onClearClick?: () => any;
|
|
19
|
+
wrapperStyle?: React.CSSProperties;
|
|
19
20
|
}
|
|
20
21
|
export interface IReqoreTextareaStyle extends IReqoreTextareaProps {
|
|
21
22
|
theme: IReqoreTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAoC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAK5B,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAC/C,eAAe,EACf,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,iBAAiB;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAoC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAK5B,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAC/C,eAAe,EACf,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,iBAAiB;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,qBAAqB,KAMjC,CAAC;AAEF,eAAO,MAAM,cAAc,KA4D1B,CAAC;AAEF,QAAA,MAAM,WAAW,kGA2DhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -115,11 +115,11 @@ exports.StyledTextarea = (0, styled_components_1["default"])(Effect_1.StyledEffe
|
|
|
115
115
|
}, styles_1.DisabledElement);
|
|
116
116
|
var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
|
|
117
117
|
var _b;
|
|
118
|
-
var width = _a.width, height = _a.height, scaleWithContent = _a.scaleWithContent, _c = _a.size, size = _c === void 0 ? 'normal' : _c, className = _a.className, onClearClick = _a.onClearClick, fluid = _a.fluid, tooltip = _a.tooltip, customTheme = _a.customTheme, intent = _a.intent, _d = _a.rounded, rounded = _d === void 0 ? true : _d, rest = __rest(_a, ["width", "height", "scaleWithContent", "size", "className", "onClearClick", "fluid", "tooltip", "customTheme", "intent", "rounded"]);
|
|
118
|
+
var width = _a.width, height = _a.height, scaleWithContent = _a.scaleWithContent, _c = _a.size, size = _c === void 0 ? 'normal' : _c, className = _a.className, onClearClick = _a.onClearClick, fluid = _a.fluid, tooltip = _a.tooltip, customTheme = _a.customTheme, intent = _a.intent, _d = _a.rounded, rounded = _d === void 0 ? true : _d, wrapperStyle = _a.wrapperStyle, rest = __rest(_a, ["width", "height", "scaleWithContent", "size", "className", "onClearClick", "fluid", "tooltip", "customTheme", "intent", "rounded", "wrapperStyle"]);
|
|
119
119
|
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
120
120
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
121
121
|
(0, useTooltip_1.useTooltip)(targetRef === null || targetRef === void 0 ? void 0 : targetRef.current, tooltip);
|
|
122
|
-
return ((0, jsx_runtime_1.jsxs)(exports.StyledTextareaWrapper, __assign({ className: "".concat(className || '', " reqore-control-wrapper"), width: width, height: height, fluid: fluid, _size: size, theme: theme }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledTextarea, __assign({}, rest, { effect: __assign({ interactive: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !rest.readOnly }, rest === null || rest === void 0 ? void 0 : rest.effect), as: 'textarea', className: "".concat(className || '', " reqore-control reqore-textarea"), _size: size, ref: targetRef, theme: theme, rounded: rounded, rows: scaleWithContent ? (((_b = rest === null || rest === void 0 ? void 0 : rest.value) === null || _b === void 0 ? void 0 : _b.split(/\r\n|\r|\n/).length) || 1) + 1 : rest.rows })), !rest.readOnly && ((0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), show: (rest === null || rest === void 0 ? void 0 : rest.value) && rest.value !== '', onClick: onClearClick, size: 'big' }))] })));
|
|
122
|
+
return ((0, jsx_runtime_1.jsxs)(exports.StyledTextareaWrapper, __assign({ className: "".concat(className || '', " reqore-control-wrapper"), width: width, height: height, fluid: fluid, _size: size, theme: theme, style: wrapperStyle }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledTextarea, __assign({}, rest, { effect: __assign({ interactive: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !rest.readOnly }, rest === null || rest === void 0 ? void 0 : rest.effect), as: 'textarea', className: "".concat(className || '', " reqore-control reqore-textarea"), _size: size, ref: targetRef, theme: theme, rounded: rounded, rows: scaleWithContent ? (((_b = rest === null || rest === void 0 ? void 0 : rest.value) === null || _b === void 0 ? void 0 : _b.split(/\r\n|\r|\n/).length) || 1) + 1 : rest.rows })), !rest.readOnly && ((0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), show: (rest === null || rest === void 0 ? void 0 : rest.value) && rest.value !== '', onClick: onClearClick, size: 'big' }))] })));
|
|
123
123
|
});
|
|
124
124
|
exports["default"] = ReqoreInput;
|
|
125
125
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAChC,+BAA0C;AAC1C,qEAAgD;AAChD,+CAAiF;AAEjF,+CAAyE;AACzE,+DAA8D;AAC9D,iDAAsD;AACtD,qDAAoD;AACpD,uCAAgE;AAShE,oCAAyC;AAEzC,yEAAyD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/constants/colors.js
CHANGED
|
@@ -1,80 +1,81 @@
|
|
|
1
|
+
import { TReqoreEffectColor, TReqoreHexColor } from '../components/Effect';
|
|
1
2
|
export interface IReqoreSidebarTheme {
|
|
2
|
-
main?:
|
|
3
|
-
color?:
|
|
4
|
-
border?:
|
|
3
|
+
main?: TReqoreHexColor;
|
|
4
|
+
color?: TReqoreHexColor;
|
|
5
|
+
border?: TReqoreHexColor;
|
|
5
6
|
item?: {
|
|
6
|
-
color?:
|
|
7
|
-
background?:
|
|
8
|
-
border?:
|
|
9
|
-
hoverColor?:
|
|
10
|
-
hoverBackground?:
|
|
11
|
-
activeColor?:
|
|
12
|
-
activeBackground?:
|
|
7
|
+
color?: TReqoreHexColor;
|
|
8
|
+
background?: TReqoreHexColor;
|
|
9
|
+
border?: TReqoreHexColor;
|
|
10
|
+
hoverColor?: TReqoreHexColor;
|
|
11
|
+
hoverBackground?: TReqoreHexColor;
|
|
12
|
+
activeColor?: TReqoreHexColor;
|
|
13
|
+
activeBackground?: TReqoreHexColor;
|
|
13
14
|
};
|
|
14
15
|
subItem?: {
|
|
15
|
-
color?:
|
|
16
|
-
border?:
|
|
17
|
-
background?:
|
|
18
|
-
hoverColor?:
|
|
19
|
-
hoverBackground?:
|
|
20
|
-
activeColor?:
|
|
21
|
-
activeBackground?:
|
|
16
|
+
color?: TReqoreHexColor;
|
|
17
|
+
border?: TReqoreHexColor;
|
|
18
|
+
background?: TReqoreHexColor;
|
|
19
|
+
hoverColor?: TReqoreHexColor;
|
|
20
|
+
hoverBackground?: TReqoreHexColor;
|
|
21
|
+
activeColor?: TReqoreHexColor;
|
|
22
|
+
activeBackground?: TReqoreHexColor;
|
|
22
23
|
};
|
|
23
24
|
icon?: {
|
|
24
|
-
color?:
|
|
25
|
-
hoverColor?:
|
|
26
|
-
activeColor?:
|
|
25
|
+
color?: TReqoreHexColor;
|
|
26
|
+
hoverColor?: TReqoreHexColor;
|
|
27
|
+
activeColor?: TReqoreHexColor;
|
|
27
28
|
};
|
|
28
29
|
section?: {
|
|
29
|
-
background?:
|
|
30
|
+
background?: TReqoreHexColor;
|
|
30
31
|
};
|
|
31
32
|
}
|
|
32
33
|
export interface IReqoreBreadcrumbsTheme {
|
|
33
|
-
main?:
|
|
34
|
+
main?: TReqoreHexColor;
|
|
34
35
|
item?: {
|
|
35
|
-
color?:
|
|
36
|
-
hoverColor?:
|
|
37
|
-
activeColor?:
|
|
36
|
+
color?: TReqoreHexColor;
|
|
37
|
+
hoverColor?: TReqoreHexColor;
|
|
38
|
+
activeColor?: TReqoreHexColor;
|
|
38
39
|
};
|
|
39
40
|
}
|
|
40
41
|
export interface IReqoreNavbarTheme {
|
|
41
|
-
main?:
|
|
42
|
-
color?:
|
|
43
|
-
border?:
|
|
44
|
-
background?:
|
|
45
|
-
hoverColor?:
|
|
42
|
+
main?: TReqoreHexColor;
|
|
43
|
+
color?: TReqoreHexColor;
|
|
44
|
+
border?: TReqoreHexColor;
|
|
45
|
+
background?: TReqoreHexColor;
|
|
46
|
+
hoverColor?: TReqoreHexColor;
|
|
46
47
|
}
|
|
47
48
|
export interface IReqoreTheme {
|
|
48
|
-
main:
|
|
49
|
-
originalMain?:
|
|
49
|
+
main: TReqoreHexColor;
|
|
50
|
+
originalMain?: TReqoreHexColor;
|
|
50
51
|
text?: {
|
|
51
|
-
color?:
|
|
52
|
+
color?: TReqoreHexColor;
|
|
52
53
|
dim?: boolean;
|
|
53
54
|
};
|
|
54
55
|
intents: IReqoreIntents;
|
|
55
56
|
sidebar?: IReqoreSidebarTheme;
|
|
56
57
|
notifications: IReqoreIntents;
|
|
57
58
|
popover?: {
|
|
58
|
-
main:
|
|
59
|
+
main: TReqoreHexColor;
|
|
59
60
|
};
|
|
60
61
|
header?: IReqoreNavbarTheme;
|
|
61
62
|
footer?: IReqoreNavbarTheme;
|
|
62
63
|
breadcrumbs?: IReqoreBreadcrumbsTheme;
|
|
63
64
|
}
|
|
64
65
|
export interface IReqoreCustomTheme {
|
|
65
|
-
main?:
|
|
66
|
+
main?: TReqoreEffectColor;
|
|
66
67
|
text?: {
|
|
67
|
-
color?:
|
|
68
|
+
color?: TReqoreEffectColor;
|
|
68
69
|
dim?: boolean;
|
|
69
70
|
};
|
|
70
71
|
}
|
|
71
72
|
export interface IReqoreIntents {
|
|
72
|
-
info?:
|
|
73
|
-
success?:
|
|
74
|
-
pending?:
|
|
75
|
-
warning?:
|
|
76
|
-
danger?:
|
|
77
|
-
muted?:
|
|
73
|
+
info?: TReqoreHexColor;
|
|
74
|
+
success?: TReqoreHexColor;
|
|
75
|
+
pending?: TReqoreHexColor;
|
|
76
|
+
warning?: TReqoreHexColor;
|
|
77
|
+
danger?: TReqoreHexColor;
|
|
78
|
+
muted?: TReqoreHexColor;
|
|
78
79
|
}
|
|
79
80
|
export declare type TReqoreIntent = 'info' | 'success' | 'pending' | 'warning' | 'danger' | 'muted';
|
|
80
81
|
export declare const DEFAULT_INTENTS: IReqoreIntents;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/constants/theme.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/constants/theme.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/constants/theme.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/constants/theme.ts"],"names":[],"mappings":";;;AAwFa,QAAA,eAAe,GAAmB;IAC7C,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;CACjB,CAAC;AAEW,QAAA,aAAa,GAAiB;IACzC,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,GAAG,EAAE,IAAI;KACV;IACD,OAAO,EAAE,uBAAe;IACxB,aAAa,EAAE,EAAE;CAClB,CAAC;AAEW,QAAA,aAAa,GAAqC;IAC7D,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UIProvider.d.ts","sourceRoot":"","sources":["../../src/containers/UIProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAiB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAMjE,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,4BAA4B,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;CACH;AACD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"UIProvider.d.ts","sourceRoot":"","sources":["../../src/containers/UIProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAiB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAMjE,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,4BAA4B,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;CACH;AACD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AASD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAqBtD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
package/dist/helpers/colors.d.ts
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
|
+
import { TReqoreEffectColor, TReqoreHexColor } from '../components/Effect';
|
|
1
2
|
import { IReqoreTheme, TReqoreIntent } from '../constants/theme';
|
|
2
|
-
export declare const getReadableColor: (theme: Partial<IReqoreTheme>, ifLight?:
|
|
3
|
-
export declare const getReadableColorFrom: (from:
|
|
3
|
+
export declare const getReadableColor: (theme: Partial<IReqoreTheme>, ifLight?: TReqoreHexColor, ifDark?: TReqoreHexColor, dimmed?: boolean, fallback?: TReqoreHexColor) => TReqoreHexColor;
|
|
4
|
+
export declare const getReadableColorFrom: (from: TReqoreHexColor, dim?: boolean, ifLight?: TReqoreHexColor, ifDark?: TReqoreHexColor) => TReqoreHexColor;
|
|
4
5
|
export declare const percentToHexAlpha: (p: number) => string;
|
|
5
|
-
export declare const shouldDarken: (mainColor:
|
|
6
|
-
export declare const getMainColor: (theme: IReqoreTheme, component: string) =>
|
|
7
|
-
export declare const changeLightness: (color:
|
|
8
|
-
export declare const changeDarkness: (color:
|
|
9
|
-
export declare const getColorByBgColor: (bgColor: any) => "#
|
|
6
|
+
export declare const shouldDarken: (mainColor: TReqoreHexColor) => boolean;
|
|
7
|
+
export declare const getMainColor: (theme: IReqoreTheme, component: string) => TReqoreHexColor;
|
|
8
|
+
export declare const changeLightness: (color: TReqoreHexColor, lightness?: number) => TReqoreHexColor;
|
|
9
|
+
export declare const changeDarkness: (color: TReqoreHexColor, lightness?: number) => TReqoreHexColor;
|
|
10
|
+
export declare const getColorByBgColor: (bgColor: any) => "#000000" | "#ffffff" | "";
|
|
10
11
|
export declare const isValidSixCharHex: (hex: string) => boolean;
|
|
11
12
|
export declare const buildTheme: (theme: IReqoreTheme) => IReqoreTheme;
|
|
12
13
|
export declare const mergeThemes: (element: string, theme: IReqoreTheme, customTheme: any) => IReqoreTheme;
|
|
13
|
-
export declare const getNotificationIntent: (theme: IReqoreTheme, intent?: TReqoreIntent) => string
|
|
14
|
-
export declare const getMainBackgroundColor: (theme: IReqoreTheme) =>
|
|
15
|
-
export declare const
|
|
14
|
+
export declare const getNotificationIntent: (theme: IReqoreTheme, intent?: TReqoreIntent) => `#${string}`;
|
|
15
|
+
export declare const getMainBackgroundColor: (theme: IReqoreTheme) => TReqoreHexColor;
|
|
16
|
+
export declare const getColorFromMaybeString: (theme: IReqoreTheme, color: TReqoreEffectColor) => TReqoreHexColor;
|
|
16
17
|
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/helpers/colors.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/helpers/colors.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAA0B,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEnG,OAAO,EAAmB,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAElF,eAAO,MAAM,gBAAgB,EAAE,CAC7B,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,EAC5B,OAAO,CAAC,EAAE,eAAe,EACzB,MAAM,CAAC,EAAE,eAAe,EACxB,MAAM,CAAC,EAAE,OAAO,EAChB,QAAQ,CAAC,EAAE,eAAe,KACvB,eAaJ,CAAC;AAEF,eAAO,MAAM,oBAAoB,SACzB,eAAe,QACf,OAAO,YACH,eAAe,WAChB,eAAe,KACvB,eAKF,CAAC;AAEF,eAAO,MAAM,iBAAiB,MAAO,MAAM,WAM1C,CAAC;AAEF,eAAO,MAAM,YAAY,cAAe,eAAe,KAAG,OAIzD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,KAAK,eAG9B,CAAC;AAI1C,eAAO,MAAM,eAAe,UAAW,eAAe,cAAc,MAAM,KAAG,eAM5E,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,eAAe,cAAc,MAAM,KAAG,eAKjE,CAAC;AAEZ,eAAO,MAAM,iBAAiB,8CAK7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAAS,MAAM,KAAG,OAE/C,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,YAAY,KAAG,YAiChD,CAAC;AAEF,eAAO,MAAM,WAAW,YAAa,MAAM,SAAS,YAAY,eAAe,GAAG,iBAkBjF,CAAC;AAEF,eAAO,MAAM,qBAAqB,UAAW,YAAY,WAAW,aAAa,iBAMhF,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAAW,YAAY,KAAG,eAC1B,CAAC;AAEpC,eAAO,MAAM,uBAAuB,UAC3B,YAAY,SACZ,kBAAkB,KACxB,eAqCF,CAAC"}
|
package/dist/helpers/colors.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
-
exports.
|
|
3
|
+
exports.getColorFromMaybeString = exports.getMainBackgroundColor = exports.getNotificationIntent = exports.mergeThemes = exports.buildTheme = exports.isValidSixCharHex = exports.getColorByBgColor = exports.changeDarkness = exports.changeLightness = exports.getMainColor = exports.shouldDarken = exports.percentToHexAlpha = exports.getReadableColorFrom = exports.getReadableColor = void 0;
|
|
4
4
|
var lodash_1 = require("lodash");
|
|
5
5
|
var polished_1 = require("polished");
|
|
6
6
|
var colors_1 = require("../constants/colors");
|
|
@@ -49,7 +49,11 @@ var changeLightness = function (color, lightness) {
|
|
|
49
49
|
};
|
|
50
50
|
exports.changeLightness = changeLightness;
|
|
51
51
|
var changeDarkness = function (color, lightness) {
|
|
52
|
-
return lightness
|
|
52
|
+
return lightness
|
|
53
|
+
? (0, exports.shouldDarken)(color)
|
|
54
|
+
? (0, polished_1.lighten)(lightness, color)
|
|
55
|
+
: (0, polished_1.darken)(lightness, color)
|
|
56
|
+
: color;
|
|
53
57
|
};
|
|
54
58
|
exports.changeDarkness = changeDarkness;
|
|
55
59
|
var getColorByBgColor = function (bgColor) {
|
|
@@ -60,7 +64,7 @@ var getColorByBgColor = function (bgColor) {
|
|
|
60
64
|
};
|
|
61
65
|
exports.getColorByBgColor = getColorByBgColor;
|
|
62
66
|
var isValidSixCharHex = function (hex) {
|
|
63
|
-
return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(hex);
|
|
67
|
+
return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3}|[A-Fa-f0-9]{8})$/.test(hex);
|
|
64
68
|
};
|
|
65
69
|
exports.isValidSixCharHex = isValidSixCharHex;
|
|
66
70
|
var buildTheme = function (theme) {
|
|
@@ -121,14 +125,34 @@ var getMainBackgroundColor = function (theme) {
|
|
|
121
125
|
return (0, exports.changeLightness)(theme.main, 0.02);
|
|
122
126
|
};
|
|
123
127
|
exports.getMainBackgroundColor = getMainBackgroundColor;
|
|
124
|
-
var
|
|
125
|
-
if (
|
|
126
|
-
return
|
|
128
|
+
var getColorFromMaybeString = function (theme, color) {
|
|
129
|
+
if (!color) {
|
|
130
|
+
return undefined;
|
|
131
|
+
}
|
|
132
|
+
var _a = color.split(':'), providedColor = _a[0], shading = _a[1], _b = _a[2], multiplier = _b === void 0 ? 1 : _b;
|
|
133
|
+
if (providedColor === 'transparent') {
|
|
134
|
+
return '#00000000';
|
|
135
|
+
}
|
|
136
|
+
// First we need to get the actual color
|
|
137
|
+
var _color;
|
|
138
|
+
if (!providedColor || providedColor === 'main') {
|
|
139
|
+
_color = theme.main;
|
|
140
|
+
}
|
|
141
|
+
if (theme.intents[providedColor]) {
|
|
142
|
+
_color = theme.intents[providedColor];
|
|
143
|
+
}
|
|
144
|
+
if ((0, exports.isValidSixCharHex)(color)) {
|
|
145
|
+
_color = providedColor;
|
|
127
146
|
}
|
|
128
|
-
if (
|
|
129
|
-
|
|
147
|
+
if (shading) {
|
|
148
|
+
if (shading === 'lighten') {
|
|
149
|
+
_color = (0, polished_1.lighten)(0.1 * multiplier, _color);
|
|
150
|
+
}
|
|
151
|
+
else if (shading === 'darken') {
|
|
152
|
+
_color = (0, polished_1.darken)(0.1 * multiplier, _color);
|
|
153
|
+
}
|
|
130
154
|
}
|
|
131
|
-
return
|
|
155
|
+
return _color;
|
|
132
156
|
};
|
|
133
|
-
exports.
|
|
157
|
+
exports.getColorFromMaybeString = getColorFromMaybeString;
|
|
134
158
|
//# sourceMappingURL=colors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/helpers/colors.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,qCAA0D;
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/helpers/colors.ts"],"names":[],"mappings":"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"}
|
package/dist/hooks/useTheme.d.ts
CHANGED
|
@@ -1,3 +1,11 @@
|
|
|
1
|
+
import { TReqoreEffectColor } from '../components/Effect';
|
|
1
2
|
import { IReqoreTheme, TReqoreIntent } from '../constants/theme';
|
|
2
|
-
export
|
|
3
|
+
export interface IReqoreCustomTheme extends Partial<Omit<IReqoreTheme, 'main' | 'text'>> {
|
|
4
|
+
main?: TReqoreEffectColor;
|
|
5
|
+
text?: {
|
|
6
|
+
color?: TReqoreEffectColor;
|
|
7
|
+
dim?: boolean;
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
export declare const useReqoreTheme: (element: string, customTheme?: IReqoreCustomTheme, intent?: TReqoreIntent) => IReqoreTheme;
|
|
3
11
|
//# sourceMappingURL=useTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAIjE,eAAO,MAAM,cAAc,YAChB,MAAM,gBACF,
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAIjE,MAAM,WAAW,kBAAmB,SAAQ,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACtF,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,kBAAkB,CAAC;QAC3B,GAAG,CAAC,EAAE,OAAO,CAAC;KACf,CAAC;CACH;AAED,eAAO,MAAM,cAAc,YAChB,MAAM,gBACF,kBAAkB,WACtB,aAAa,iBAkBvB,CAAC"}
|
package/dist/hooks/useTheme.js
CHANGED
|
@@ -9,9 +9,16 @@ var react_1 = require("react");
|
|
|
9
9
|
var ThemeContext_1 = __importDefault(require("../context/ThemeContext"));
|
|
10
10
|
var colors_1 = require("../helpers/colors");
|
|
11
11
|
var useReqoreTheme = function (element, customTheme, intent) {
|
|
12
|
+
var _a;
|
|
12
13
|
if (customTheme === void 0) { customTheme = {}; }
|
|
13
14
|
var theme = (0, react_1.useContext)(ThemeContext_1["default"]);
|
|
14
15
|
var _customTheme = (0, lodash_1.cloneDeep)(customTheme);
|
|
16
|
+
if (_customTheme.main) {
|
|
17
|
+
_customTheme.main = (0, colors_1.getColorFromMaybeString)(theme, customTheme.main);
|
|
18
|
+
}
|
|
19
|
+
if ((_a = _customTheme.text) === null || _a === void 0 ? void 0 : _a.color) {
|
|
20
|
+
_customTheme.text.color = (0, colors_1.getColorFromMaybeString)(theme, customTheme.text.color);
|
|
21
|
+
}
|
|
15
22
|
if (element === 'main' && intent) {
|
|
16
23
|
_customTheme.main = theme.intents[intent];
|
|
17
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAmC;AACnC,+BAAmC;
|
|
1
|
+
{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAmC;AACnC,+BAAmC;AAGnC,yEAAmD;AACnD,4CAAyE;AAUlE,IAAM,cAAc,GAAG,UAC5B,OAAe,EACf,WAAoC,EACpC,MAAsB;;IADtB,4BAAA,EAAA,gBAAoC;IAGpC,IAAM,KAAK,GAAiB,IAAA,kBAAU,EAAe,yBAAY,CAAC,CAAC;IACnE,IAAI,YAAY,GAAuB,IAAA,kBAAS,EAAC,WAAW,CAAC,CAAC;IAE9D,IAAI,YAAY,CAAC,IAAI,EAAE;QACrB,YAAY,CAAC,IAAI,GAAG,IAAA,gCAAuB,EAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;KACtE;IAED,IAAI,MAAA,YAAY,CAAC,IAAI,0CAAE,KAAK,EAAE;QAC5B,YAAY,CAAC,IAAI,CAAC,KAAK,GAAG,IAAA,gCAAuB,EAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAClF;IAED,IAAI,OAAO,KAAK,MAAM,IAAI,MAAM,EAAE;QAChC,YAAY,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;KAC3C;IAED,OAAO,IAAA,oBAAW,EAAC,OAAO,EAAE,KAAK,EAAE,YAAY,CAAiB,CAAC;AACnE,CAAC,CAAC;AArBW,QAAA,cAAc,kBAqBzB"}
|
package/dist/types/global.d.ts
CHANGED
|
@@ -129,6 +129,19 @@ export interface IWithReqoreMinimal {
|
|
|
129
129
|
*/
|
|
130
130
|
minimal?: boolean;
|
|
131
131
|
}
|
|
132
|
+
export interface IWithReqoreTransparent {
|
|
133
|
+
/**
|
|
134
|
+
* If true, the component will be transparent
|
|
135
|
+
* @default false
|
|
136
|
+
* @type boolean
|
|
137
|
+
* @example
|
|
138
|
+
* <ReqoreButton transparent />
|
|
139
|
+
* <ReqoreButton transparent={true} />
|
|
140
|
+
* <ReqoreButton transparent={false} />
|
|
141
|
+
*
|
|
142
|
+
*/
|
|
143
|
+
transparent?: boolean;
|
|
144
|
+
}
|
|
132
145
|
export interface IWithReqoreEffect {
|
|
133
146
|
/**
|
|
134
147
|
* If true, the component will have an effect
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../src/types/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;CACnC;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,cAAe,SAAQ,eAAe;CAAG;AAC1D,oBAAY,kBAAkB,GAAG,MAAM,GAAG,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../src/types/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;CACnC;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;;;;;;OASG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,cAAe,SAAQ,eAAe;CAAG;AAC1D,oBAAY,kBAAkB,GAAG,MAAM,GAAG,cAAc,CAAC"}
|
package/package.json
CHANGED
|
@@ -31,7 +31,13 @@ import {
|
|
|
31
31
|
TReqoreTooltipProp,
|
|
32
32
|
} from '../../types/global';
|
|
33
33
|
import { IReqoreIconName } from '../../types/icons';
|
|
34
|
-
import {
|
|
34
|
+
import {
|
|
35
|
+
ReqoreTextEffect,
|
|
36
|
+
StyledEffect,
|
|
37
|
+
StyledTextEffect,
|
|
38
|
+
TReqoreEffectColor,
|
|
39
|
+
TReqoreHexColor,
|
|
40
|
+
} from '../Effect';
|
|
35
41
|
import ReqoreIcon from '../Icon';
|
|
36
42
|
import { ReqoreSpacer } from '../Spacer';
|
|
37
43
|
import ReqoreTag, { IReqoreTagProps } from '../Tag';
|
|
@@ -65,9 +71,10 @@ export interface IReqoreButtonProps
|
|
|
65
71
|
export interface IReqoreButtonStyle extends Omit<IReqoreButtonProps, 'intent'> {
|
|
66
72
|
theme: IReqoreTheme;
|
|
67
73
|
animate?: boolean;
|
|
74
|
+
color?: TReqoreHexColor;
|
|
68
75
|
}
|
|
69
76
|
|
|
70
|
-
const getButtonMainColor = (theme: IReqoreTheme, color?:
|
|
77
|
+
const getButtonMainColor = (theme: IReqoreTheme, color?: TReqoreHexColor) => {
|
|
71
78
|
if (color) {
|
|
72
79
|
return color;
|
|
73
80
|
}
|
|
@@ -148,9 +155,15 @@ export const StyledButton = styled(StyledEffect)<IReqoreButtonStyle>`
|
|
|
148
155
|
padding: 0 ${({ size }) => PADDING_FROM_SIZE[size]}px;
|
|
149
156
|
font-size: ${({ size }) => TEXT_FROM_SIZE[size]}px;
|
|
150
157
|
|
|
151
|
-
min-height: ${({ size
|
|
158
|
+
min-height: ${({ size }) => SIZE_TO_PX[size]}px;
|
|
152
159
|
min-width: ${({ size }) => SIZE_TO_PX[size]}px;
|
|
153
160
|
max-width: ${({ maxWidth }) => maxWidth || undefined};
|
|
161
|
+
${({ wrap, description }) =>
|
|
162
|
+
!wrap && !description
|
|
163
|
+
? css`
|
|
164
|
+
max-height: ${({ size }) => SIZE_TO_PX[size]}px;
|
|
165
|
+
`
|
|
166
|
+
: null}
|
|
154
167
|
|
|
155
168
|
flex: ${({ fluid, fixed }) => (fixed ? '0 0 auto' : fluid ? '1 auto' : '0 0 auto')};
|
|
156
169
|
|
|
@@ -269,8 +282,8 @@ export const StyledButtonContent = styled.div`
|
|
|
269
282
|
min-width: ${({ size }) => ICON_FROM_SIZE[size]}px;
|
|
270
283
|
flex: 1;
|
|
271
284
|
flex-shrink: 0;
|
|
272
|
-
padding:
|
|
273
|
-
|
|
285
|
+
padding: ${({ size, flat }) => PADDING_FROM_SIZE[size] / 2 - (!flat ? 1 : 0)}px 0;
|
|
286
|
+
|
|
274
287
|
${({ wrap, description }) =>
|
|
275
288
|
!wrap && !description
|
|
276
289
|
? css`
|
|
@@ -280,8 +293,9 @@ export const StyledButtonContent = styled.div`
|
|
|
280
293
|
`;
|
|
281
294
|
|
|
282
295
|
export interface IReqoreButtonBadgeProps extends IWithReqoreSize {
|
|
283
|
-
color?:
|
|
296
|
+
color?: TReqoreEffectColor;
|
|
284
297
|
content?: TReqoreBadge | TReqoreBadge[];
|
|
298
|
+
wrap?: boolean;
|
|
285
299
|
}
|
|
286
300
|
|
|
287
301
|
export const ButtonBadge = memo((props: IReqoreButtonBadgeProps) => {
|
|
@@ -291,7 +305,8 @@ export const ButtonBadge = memo((props: IReqoreButtonBadgeProps) => {
|
|
|
291
305
|
key={key}
|
|
292
306
|
size={getOneLessSize(size)}
|
|
293
307
|
badge
|
|
294
|
-
color={color
|
|
308
|
+
color={color}
|
|
309
|
+
minimal={!(content as IReqoreTagProps)?.effect?.gradient}
|
|
295
310
|
{...(typeof content === 'string' || typeof content === 'number'
|
|
296
311
|
? { label: content }
|
|
297
312
|
: content)}
|
|
@@ -304,7 +319,10 @@ export const ButtonBadge = memo((props: IReqoreButtonBadgeProps) => {
|
|
|
304
319
|
if (Array.isArray(props.content)) {
|
|
305
320
|
return (
|
|
306
321
|
<>
|
|
307
|
-
<ReqoreSpacer
|
|
322
|
+
<ReqoreSpacer
|
|
323
|
+
width={props.wrap ? undefined : PADDING_FROM_SIZE[props.size]}
|
|
324
|
+
height={!props.wrap ? undefined : PADDING_FROM_SIZE[props.size] / 2}
|
|
325
|
+
/>
|
|
308
326
|
<ReqoreTagGroup hasBottomMargin={false}>
|
|
309
327
|
{props.content.map((badge, index) => renderTag({ ...props, content: badge, key: index }))}
|
|
310
328
|
</ReqoreTagGroup>
|
|
@@ -314,7 +332,10 @@ export const ButtonBadge = memo((props: IReqoreButtonBadgeProps) => {
|
|
|
314
332
|
|
|
315
333
|
return (
|
|
316
334
|
<>
|
|
317
|
-
<ReqoreSpacer
|
|
335
|
+
<ReqoreSpacer
|
|
336
|
+
width={props.wrap ? undefined : PADDING_FROM_SIZE[props.size]}
|
|
337
|
+
height={!props.wrap ? undefined : PADDING_FROM_SIZE[props.size] / 2}
|
|
338
|
+
/>
|
|
318
339
|
{renderTag({ ...props, key: 0 })}
|
|
319
340
|
</>
|
|
320
341
|
);
|
|
@@ -358,7 +379,7 @@ const ReqoreButton = memo(
|
|
|
358
379
|
// If color or intent was specified, set the color
|
|
359
380
|
const customColor = intent ? theme.main : changeLightness(theme.main, 0.07);
|
|
360
381
|
const _flat = minimal ? flat : flat !== false;
|
|
361
|
-
const color = customColor
|
|
382
|
+
const color: TReqoreHexColor = customColor
|
|
362
383
|
? minimal
|
|
363
384
|
? getReadableColor(theme, undefined, undefined, true, theme.originalMain)
|
|
364
385
|
: getReadableColorFrom(customColor, true)
|
|
@@ -402,7 +423,9 @@ const ReqoreButton = memo(
|
|
|
402
423
|
<StyledActiveContent wrap={wrap}>{children}</StyledActiveContent>
|
|
403
424
|
<StyledInActiveContent wrap={wrap}>{children}</StyledInActiveContent>
|
|
404
425
|
<StyledInvisibleContent wrap={wrap}>{children}</StyledInvisibleContent>
|
|
405
|
-
{badge && wrap ?
|
|
426
|
+
{badge && wrap ? (
|
|
427
|
+
<ButtonBadge content={badge} size={size} color={color} wrap />
|
|
428
|
+
) : null}
|
|
406
429
|
</StyledAnimatedTextWrapper>
|
|
407
430
|
)}
|
|
408
431
|
{badge && !wrap ? <ButtonBadge content={badge} size={size} color={color} /> : null}
|