@codacy/ui-components 0.48.0 → 0.49.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/lib/Button/Button.js +12 -5
- package/lib/Button/styles.d.ts +2 -3
- package/lib/Button/styles.js +9 -9
- package/lib/Button/types.d.ts +9 -4
- package/package.json +1 -1
package/lib/Button/Button.js
CHANGED
|
@@ -16,17 +16,24 @@ var Button = React.forwardRef(function (_ref, ref) {
|
|
|
16
16
|
size = _ref$size === void 0 ? 'md' : _ref$size,
|
|
17
17
|
btnType = _ref.btnType,
|
|
18
18
|
variant = _ref.variant,
|
|
19
|
+
color = _ref.color,
|
|
19
20
|
_ref$isLoading = _ref.isLoading,
|
|
20
21
|
isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
|
|
21
|
-
props = _objectWithoutProperties(_ref, ["children", "id", "disabled", "size", "btnType", "variant", "isLoading"]);
|
|
22
|
+
props = _objectWithoutProperties(_ref, ["children", "id", "disabled", "size", "btnType", "variant", "color", "isLoading"]);
|
|
22
23
|
|
|
23
24
|
var _variant = variant || btnType || 'default';
|
|
24
25
|
|
|
25
|
-
var invert = ['link', '
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
var invert = ['link', 'default', 'flat',
|
|
27
|
+
/** DEPRECATED ---> */
|
|
28
|
+
'subtle'].includes(_variant);
|
|
29
|
+
var hideBorder = ['link',
|
|
30
|
+
/** DEPRECATED ---> */
|
|
31
|
+
'subtle'].includes(_variant);
|
|
32
|
+
var hideShadows = ['link', 'flat', 'primaryFlat',
|
|
33
|
+
/** DEPRECATED ---> */
|
|
34
|
+
'subtle'].includes(_variant);
|
|
28
35
|
var isDisabled = disabled || isLoading;
|
|
29
|
-
var colorScheme = ['link', 'default', 'flat', 'primaryFlat'].includes(_variant) ? 'primary' : _variant;
|
|
36
|
+
var colorScheme = color || (['link', 'default', 'flat', 'primaryFlat'].includes(_variant) ? 'primary' : _variant) || 'primary';
|
|
30
37
|
return /*#__PURE__*/React.createElement(StyledButton, Object.assign({
|
|
31
38
|
id: id,
|
|
32
39
|
disabled: isDisabled,
|
package/lib/Button/styles.d.ts
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CodacyTheme } from '../theme';
|
|
3
|
-
import { ButtonSize, DeprecatedButtonSizes } from './types';
|
|
4
|
-
export declare type StyledButtonSchemes = 'primary' | 'success' | 'danger' | 'subtle';
|
|
3
|
+
import { ButtonSize, DeprecatedButtonSizes, ButtonColorScheme } from './types';
|
|
5
4
|
export interface StyledButtonProps {
|
|
6
5
|
size: ButtonSize | DeprecatedButtonSizes;
|
|
7
|
-
scheme:
|
|
6
|
+
scheme: ButtonColorScheme;
|
|
8
7
|
border: boolean;
|
|
9
8
|
invert: boolean;
|
|
10
9
|
shadows: boolean;
|
package/lib/Button/styles.js
CHANGED
|
@@ -5,13 +5,13 @@ import { Flex } from '../Flexbox';
|
|
|
5
5
|
import { IconWrapper } from '../Icon/Icon.styles';
|
|
6
6
|
import { space } from 'styled-system';
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var ButtonSchemeStyle = function ButtonSchemeStyle(_ref) {
|
|
9
9
|
var scheme = _ref.scheme,
|
|
10
10
|
border = _ref.border,
|
|
11
11
|
invert = _ref.invert,
|
|
12
12
|
state = _ref.state,
|
|
13
13
|
theme = _ref.theme;
|
|
14
|
-
return /*#__PURE__*/css("border:", "solid ".concat(theme.borderSize[0], " ").concat(border ? theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')] : 'transparent'), ";background-color:", invert ? border && state && ['hover', 'focus', 'active'].includes(state) ? "".concat(theme.colors["accent-".concat(scheme)]).concat(state === 'active' ? '32' : '16') : 'transparent' : theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')], ";color:", invert ? theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')] : theme.colors['neutral-0'], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14
|
+
return /*#__PURE__*/css("border:", "solid ".concat(theme.borderSize[0], " ").concat(border ? theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')] : 'transparent'), ";background-color:", invert ? border && state && ['hover', 'focus', 'active'].includes(state) ? "".concat(theme.colors["accent-".concat(scheme)]).concat(state === 'active' ? '32' : '16') : 'transparent' : theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')], ";color:", invert ? theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')] : theme.colors['neutral-0'], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CdXR0b24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCMkciLCJmaWxlIjoiLi4vLi4vc3JjL0J1dHRvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2RhY3lUaGVtZSwgQ29sb3IsIHRyYW5zaXRpb24gfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJ1dHRvblNpemUsIERlcHJlY2F0ZWRCdXR0b25TaXplcywgQnV0dG9uQ29sb3JTY2hlbWUgfSBmcm9tICcuL3R5cGVzJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL0ljb24vSWNvbi5zdHlsZXMnXG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJ3N0eWxlZC1zeXN0ZW0nXG5leHBvcnQgaW50ZXJmYWNlIFN0eWxlZEJ1dHRvblByb3BzIHtcbiAgc2l6ZTogQnV0dG9uU2l6ZSB8IERlcHJlY2F0ZWRCdXR0b25TaXplc1xuICBzY2hlbWU6IEJ1dHRvbkNvbG9yU2NoZW1lXG4gIGJvcmRlcjogYm9vbGVhblxuICBpbnZlcnQ6IGJvb2xlYW5cbiAgc2hhZG93czogYm9vbGVhblxuICBkaXNhYmxlZDogYm9vbGVhblxufVxuXG5jb25zdCBCdXR0b25TY2hlbWVTdHlsZSA9ICh7XG4gIHNjaGVtZSxcbiAgYm9yZGVyLFxuICBpbnZlcnQsXG4gIHN0YXRlLFxuICB0aGVtZSxcbn06IFBpY2s8U3R5bGVkQnV0dG9uUHJvcHMsICdzY2hlbWUnIHwgJ2JvcmRlcicgfCAnaW52ZXJ0Jz4gJiB7IHN0YXRlPzogc3RyaW5nOyB0aGVtZTogQ29kYWN5VGhlbWUgfSkgPT4gY3NzYFxuICBib3JkZXI6ICR7YHNvbGlkICR7dGhlbWUuYm9yZGVyU2l6ZVswXX0gJHtcbiAgICBib3JkZXIgPyB0aGVtZS5jb2xvcnNbYGFjY2VudC0ke3NjaGVtZX0ke3N0YXRlID8gYC0ke3N0YXRlfWAgOiAnJ31gIGFzIENvbG9yXSA6ICd0cmFuc3BhcmVudCdcbiAgfWB9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ludmVydFxuICAgID8gYm9yZGVyICYmIHN0YXRlICYmIFsnaG92ZXInLCAnZm9jdXMnLCAnYWN0aXZlJ10uaW5jbHVkZXMoc3RhdGUpXG4gICAgICA/IGAke3RoZW1lLmNvbG9yc1tgYWNjZW50LSR7c2NoZW1lfWAgYXMgQ29sb3JdfSR7c3RhdGUgPT09ICdhY3RpdmUnID8gJzMyJyA6ICcxNid9YFxuICAgICAgOiAndHJhbnNwYXJlbnQnXG4gICAgOiB0aGVtZS5jb2xvcnNbYGFjY2VudC0ke3NjaGVtZX0ke3N0YXRlID8gYC0ke3N0YXRlfWAgOiAnJ31gIGFzIENvbG9yXX07XG5cbiAgY29sb3I6ICR7aW52ZXJ0ID8gdGhlbWUuY29sb3JzW2BhY2NlbnQtJHtzY2hlbWV9JHtzdGF0ZSA/IGAtJHtzdGF0ZX1gIDogJyd9YCBhcyBDb2xvcl0gOiB0aGVtZS5jb2xvcnNbJ25ldXRyYWwtMCddfTtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b248U3R5bGVkQnV0dG9uUHJvcHMsIENvZGFjeVRoZW1lPmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBvdXRsaW5lOiAwO1xuXG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRzWydub3JtYWwnXX07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyUmFkaXVzWzFdfTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiBgMCAke3NpemUgPT09ICdzbScgPyB0aGVtZS5zcGFjZVsyXSA6IHRoZW1lLnNwYWNlWzNdfWB9O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gKHNpemUgPT09ICdzbScgPyB0aGVtZS5mb250U2l6ZXNbMV0gOiB0aGVtZS5mb250U2l6ZXNbMl0pfTtcbiAgaGVpZ2h0OiAkeyh7IHNpemUgfSkgPT4gKHNpemUgPT09ICdzbScgPyAnMS41cmVtJyA6ICcycmVtJyl9O1xuICBsaW5lLWhlaWdodDogJHsoeyBzaXplIH0pID0+IGBjYWxjKCR7c2l6ZSA9PT0gJ3NtJyA/ICcxLjVyZW0nIDogJzJyZW0nfSAtIDJweClgfTtcblxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246ICR7KCkgPT4gdHJhbnNpdGlvbihbJ2JhY2tncm91bmQtY29sb3InLCAnYm9yZGVyLWNvbG9yJywgJ2JveC1zaGFkb3cnXSwgJ2Zhc3QnKX07XG5cbiAgJHsoeyBzY2hlbWUsIHRoZW1lLCBib3JkZXIsIGludmVydCB9KSA9PiBCdXR0b25TY2hlbWVTdHlsZSh7IHNjaGVtZSwgYm9yZGVyLCB0aGVtZSwgaW52ZXJ0IH0pfTtcblxuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzaGFkb3dzIH0pID0+IChzaGFkb3dzID8gdGhlbWUuc2hhZG93c1swXSA6IHVuZGVmaW5lZCl9O1xuXG4gICY6aG92ZXIge1xuICAgICR7KHsgc2NoZW1lLCB0aGVtZSwgYm9yZGVyLCBpbnZlcnQgfSkgPT4gQnV0dG9uU2NoZW1lU3R5bGUoeyBzdGF0ZTogJ2hvdmVyJywgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNoYWRvd3MgfSkgPT4gKHNoYWRvd3MgPyB0aGVtZS5zaGFkb3dzWzFdIDogdW5kZWZpbmVkKX07XG4gICAgdGV4dC1kZWNvcmF0aW9uOiAkeyh7IGJvcmRlciB9KSA9PiAoIWJvcmRlciA/ICd1bmRlcmxpbmUnIDogdW5kZWZpbmVkKX07XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICAkeyh7IHNjaGVtZSwgdGhlbWUsIGJvcmRlciwgaW52ZXJ0IH0pID0+IEJ1dHRvblNjaGVtZVN0eWxlKHsgc3RhdGU6ICdmb2N1cycsIHNjaGVtZSwgYm9yZGVyLCB0aGVtZSwgaW52ZXJ0IH0pfTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzaGFkb3dzIH0pID0+IChzaGFkb3dzID8gdGhlbWUuc2hhZG93c1sxXSA6IHVuZGVmaW5lZCl9O1xuICB9XG5cbiAgJjphY3RpdmUge1xuICAgICR7KHsgc2NoZW1lLCB0aGVtZSwgYm9yZGVyLCBpbnZlcnQgfSkgPT4gQnV0dG9uU2NoZW1lU3R5bGUoeyBzdGF0ZTogJ2FjdGl2ZScsIHNjaGVtZSwgYm9yZGVyLCB0aGVtZSwgaW52ZXJ0IH0pfTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzaGFkb3dzIH0pID0+IChzaGFkb3dzID8gdGhlbWUuc2hhZG93c1sxXSA6IHVuZGVmaW5lZCl9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgJHsoeyBzY2hlbWUsIHRoZW1lLCBib3JkZXIsIGludmVydCB9KSA9PiBCdXR0b25TY2hlbWVTdHlsZSh7IHN0YXRlOiAnZGlzYWJsZWQnLCBzY2hlbWUsIGJvcmRlciwgdGhlbWUsIGludmVydCB9KX07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG5cbiAgPiAke0ljb25XcmFwcGVyfSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgICBtYXJnaW4tbGVmdDogLSR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICB9XG5cbiAgJHtzcGFjZX1cbmBcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbkdyb3VwID0gc3R5bGVkKEZsZXgpPHt9LCBDb2RhY3lUaGVtZT5gXG4gICYgPiAke1N0eWxlZEJ1dHRvbn06bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgfVxuXG4gIC8qIFRoaXMgY2FzZSBjb3ZlcnMgc3BlY2lmaWMgdXNlIHdoZW4gdGhlIGJ1dHRvbiBpcyB3cmFwcGVkIGluIHNvbWV0aGluZyBlbHNlLCBsaWtlIGEgdG9vbHRpcCAqL1xuICAmID4gKjpub3QoOmxhc3QtY2hpbGQpID4gJHtTdHlsZWRCdXR0b259IHtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuICB9XG5gXG4iXX0= */"));
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
export var StyledButton = _styled("button", {
|
|
@@ -43,7 +43,7 @@ export var StyledButton = _styled("button", {
|
|
|
43
43
|
theme = _ref8.theme,
|
|
44
44
|
border = _ref8.border,
|
|
45
45
|
invert = _ref8.invert;
|
|
46
|
-
return
|
|
46
|
+
return ButtonSchemeStyle({
|
|
47
47
|
scheme: scheme,
|
|
48
48
|
border: border,
|
|
49
49
|
theme: theme,
|
|
@@ -58,7 +58,7 @@ export var StyledButton = _styled("button", {
|
|
|
58
58
|
theme = _ref10.theme,
|
|
59
59
|
border = _ref10.border,
|
|
60
60
|
invert = _ref10.invert;
|
|
61
|
-
return
|
|
61
|
+
return ButtonSchemeStyle({
|
|
62
62
|
state: 'hover',
|
|
63
63
|
scheme: scheme,
|
|
64
64
|
border: border,
|
|
@@ -77,7 +77,7 @@ export var StyledButton = _styled("button", {
|
|
|
77
77
|
theme = _ref13.theme,
|
|
78
78
|
border = _ref13.border,
|
|
79
79
|
invert = _ref13.invert;
|
|
80
|
-
return
|
|
80
|
+
return ButtonSchemeStyle({
|
|
81
81
|
state: 'focus',
|
|
82
82
|
scheme: scheme,
|
|
83
83
|
border: border,
|
|
@@ -93,7 +93,7 @@ export var StyledButton = _styled("button", {
|
|
|
93
93
|
theme = _ref15.theme,
|
|
94
94
|
border = _ref15.border,
|
|
95
95
|
invert = _ref15.invert;
|
|
96
|
-
return
|
|
96
|
+
return ButtonSchemeStyle({
|
|
97
97
|
state: 'active',
|
|
98
98
|
scheme: scheme,
|
|
99
99
|
border: border,
|
|
@@ -109,7 +109,7 @@ export var StyledButton = _styled("button", {
|
|
|
109
109
|
theme = _ref17.theme,
|
|
110
110
|
border = _ref17.border,
|
|
111
111
|
invert = _ref17.invert;
|
|
112
|
-
return
|
|
112
|
+
return ButtonSchemeStyle({
|
|
113
113
|
state: 'disabled',
|
|
114
114
|
scheme: scheme,
|
|
115
115
|
border: border,
|
|
@@ -122,7 +122,7 @@ export var StyledButton = _styled("button", {
|
|
|
122
122
|
}, ";margin-left:-", function (_ref19) {
|
|
123
123
|
var theme = _ref19.theme;
|
|
124
124
|
return theme.space[1];
|
|
125
|
-
}, ";}", space, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
125
|
+
}, ";}", space, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CdXR0b24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DeUUiLCJmaWxlIjoiLi4vLi4vc3JjL0J1dHRvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2RhY3lUaGVtZSwgQ29sb3IsIHRyYW5zaXRpb24gfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJ1dHRvblNpemUsIERlcHJlY2F0ZWRCdXR0b25TaXplcywgQnV0dG9uQ29sb3JTY2hlbWUgfSBmcm9tICcuL3R5cGVzJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL0ljb24vSWNvbi5zdHlsZXMnXG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJ3N0eWxlZC1zeXN0ZW0nXG5leHBvcnQgaW50ZXJmYWNlIFN0eWxlZEJ1dHRvblByb3BzIHtcbiAgc2l6ZTogQnV0dG9uU2l6ZSB8IERlcHJlY2F0ZWRCdXR0b25TaXplc1xuICBzY2hlbWU6IEJ1dHRvbkNvbG9yU2NoZW1lXG4gIGJvcmRlcjogYm9vbGVhblxuICBpbnZlcnQ6IGJvb2xlYW5cbiAgc2hhZG93czogYm9vbGVhblxuICBkaXNhYmxlZDogYm9vbGVhblxufVxuXG5jb25zdCBCdXR0b25TY2hlbWVTdHlsZSA9ICh7XG4gIHNjaGVtZSxcbiAgYm9yZGVyLFxuICBpbnZlcnQsXG4gIHN0YXRlLFxuICB0aGVtZSxcbn06IFBpY2s8U3R5bGVkQnV0dG9uUHJvcHMsICdzY2hlbWUnIHwgJ2JvcmRlcicgfCAnaW52ZXJ0Jz4gJiB7IHN0YXRlPzogc3RyaW5nOyB0aGVtZTogQ29kYWN5VGhlbWUgfSkgPT4gY3NzYFxuICBib3JkZXI6ICR7YHNvbGlkICR7dGhlbWUuYm9yZGVyU2l6ZVswXX0gJHtcbiAgICBib3JkZXIgPyB0aGVtZS5jb2xvcnNbYGFjY2VudC0ke3NjaGVtZX0ke3N0YXRlID8gYC0ke3N0YXRlfWAgOiAnJ31gIGFzIENvbG9yXSA6ICd0cmFuc3BhcmVudCdcbiAgfWB9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ludmVydFxuICAgID8gYm9yZGVyICYmIHN0YXRlICYmIFsnaG92ZXInLCAnZm9jdXMnLCAnYWN0aXZlJ10uaW5jbHVkZXMoc3RhdGUpXG4gICAgICA/IGAke3RoZW1lLmNvbG9yc1tgYWNjZW50LSR7c2NoZW1lfWAgYXMgQ29sb3JdfSR7c3RhdGUgPT09ICdhY3RpdmUnID8gJzMyJyA6ICcxNid9YFxuICAgICAgOiAndHJhbnNwYXJlbnQnXG4gICAgOiB0aGVtZS5jb2xvcnNbYGFjY2VudC0ke3NjaGVtZX0ke3N0YXRlID8gYC0ke3N0YXRlfWAgOiAnJ31gIGFzIENvbG9yXX07XG5cbiAgY29sb3I6ICR7aW52ZXJ0ID8gdGhlbWUuY29sb3JzW2BhY2NlbnQtJHtzY2hlbWV9JHtzdGF0ZSA/IGAtJHtzdGF0ZX1gIDogJyd9YCBhcyBDb2xvcl0gOiB0aGVtZS5jb2xvcnNbJ25ldXRyYWwtMCddfTtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b248U3R5bGVkQnV0dG9uUHJvcHMsIENvZGFjeVRoZW1lPmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBvdXRsaW5lOiAwO1xuXG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRzWydub3JtYWwnXX07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyUmFkaXVzWzFdfTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiBgMCAke3NpemUgPT09ICdzbScgPyB0aGVtZS5zcGFjZVsyXSA6IHRoZW1lLnNwYWNlWzNdfWB9O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gKHNpemUgPT09ICdzbScgPyB0aGVtZS5mb250U2l6ZXNbMV0gOiB0aGVtZS5mb250U2l6ZXNbMl0pfTtcbiAgaGVpZ2h0OiAkeyh7IHNpemUgfSkgPT4gKHNpemUgPT09ICdzbScgPyAnMS41cmVtJyA6ICcycmVtJyl9O1xuICBsaW5lLWhlaWdodDogJHsoeyBzaXplIH0pID0+IGBjYWxjKCR7c2l6ZSA9PT0gJ3NtJyA/ICcxLjVyZW0nIDogJzJyZW0nfSAtIDJweClgfTtcblxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246ICR7KCkgPT4gdHJhbnNpdGlvbihbJ2JhY2tncm91bmQtY29sb3InLCAnYm9yZGVyLWNvbG9yJywgJ2JveC1zaGFkb3cnXSwgJ2Zhc3QnKX07XG5cbiAgJHsoeyBzY2hlbWUsIHRoZW1lLCBib3JkZXIsIGludmVydCB9KSA9PiBCdXR0b25TY2hlbWVTdHlsZSh7IHNjaGVtZSwgYm9yZGVyLCB0aGVtZSwgaW52ZXJ0IH0pfTtcblxuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzaGFkb3dzIH0pID0+IChzaGFkb3dzID8gdGhlbWUuc2hhZG93c1swXSA6IHVuZGVmaW5lZCl9O1xuXG4gICY6aG92ZXIge1xuICAgICR7KHsgc2NoZW1lLCB0aGVtZSwgYm9yZGVyLCBpbnZlcnQgfSkgPT4gQnV0dG9uU2NoZW1lU3R5bGUoeyBzdGF0ZTogJ2hvdmVyJywgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNoYWRvd3MgfSkgPT4gKHNoYWRvd3MgPyB0aGVtZS5zaGFkb3dzWzFdIDogdW5kZWZpbmVkKX07XG4gICAgdGV4dC1kZWNvcmF0aW9uOiAkeyh7IGJvcmRlciB9KSA9PiAoIWJvcmRlciA/ICd1bmRlcmxpbmUnIDogdW5kZWZpbmVkKX07XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICAkeyh7IHNjaGVtZSwgdGhlbWUsIGJvcmRlciwgaW52ZXJ0IH0pID0+IEJ1dHRvblNjaGVtZVN0eWxlKHsgc3RhdGU6ICdmb2N1cycsIHNjaGVtZSwgYm9yZGVyLCB0aGVtZSwgaW52ZXJ0IH0pfTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzaGFkb3dzIH0pID0+IChzaGFkb3dzID8gdGhlbWUuc2hhZG93c1sxXSA6IHVuZGVmaW5lZCl9O1xuICB9XG5cbiAgJjphY3RpdmUge1xuICAgICR7KHsgc2NoZW1lLCB0aGVtZSwgYm9yZGVyLCBpbnZlcnQgfSkgPT4gQnV0dG9uU2NoZW1lU3R5bGUoeyBzdGF0ZTogJ2FjdGl2ZScsIHNjaGVtZSwgYm9yZGVyLCB0aGVtZSwgaW52ZXJ0IH0pfTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzaGFkb3dzIH0pID0+IChzaGFkb3dzID8gdGhlbWUuc2hhZG93c1sxXSA6IHVuZGVmaW5lZCl9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgJHsoeyBzY2hlbWUsIHRoZW1lLCBib3JkZXIsIGludmVydCB9KSA9PiBCdXR0b25TY2hlbWVTdHlsZSh7IHN0YXRlOiAnZGlzYWJsZWQnLCBzY2hlbWUsIGJvcmRlciwgdGhlbWUsIGludmVydCB9KX07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG5cbiAgPiAke0ljb25XcmFwcGVyfSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgICBtYXJnaW4tbGVmdDogLSR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICB9XG5cbiAgJHtzcGFjZX1cbmBcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbkdyb3VwID0gc3R5bGVkKEZsZXgpPHt9LCBDb2RhY3lUaGVtZT5gXG4gICYgPiAke1N0eWxlZEJ1dHRvbn06bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgfVxuXG4gIC8qIFRoaXMgY2FzZSBjb3ZlcnMgc3BlY2lmaWMgdXNlIHdoZW4gdGhlIGJ1dHRvbiBpcyB3cmFwcGVkIGluIHNvbWV0aGluZyBlbHNlLCBsaWtlIGEgdG9vbHRpcCAqL1xuICAmID4gKjpub3QoOmxhc3QtY2hpbGQpID4gJHtTdHlsZWRCdXR0b259IHtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuICB9XG5gXG4iXX0= */");
|
|
126
126
|
export var ButtonGroup = /*#__PURE__*/_styled(Flex, {
|
|
127
127
|
target: "e1xed6y71"
|
|
128
128
|
})("& > ", StyledButton, ":not(:last-child){margin-right:", function (_ref20) {
|
|
@@ -131,4 +131,4 @@ export var ButtonGroup = /*#__PURE__*/_styled(Flex, {
|
|
|
131
131
|
}, ";}& > *:not(:last-child) > ", StyledButton, "{margin-right:", function (_ref21) {
|
|
132
132
|
var theme = _ref21.theme;
|
|
133
133
|
return theme.space[2];
|
|
134
|
-
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
134
|
+
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CdXR0b24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVGd0QiLCJmaWxlIjoiLi4vLi4vc3JjL0J1dHRvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2RhY3lUaGVtZSwgQ29sb3IsIHRyYW5zaXRpb24gfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJ1dHRvblNpemUsIERlcHJlY2F0ZWRCdXR0b25TaXplcywgQnV0dG9uQ29sb3JTY2hlbWUgfSBmcm9tICcuL3R5cGVzJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL0ljb24vSWNvbi5zdHlsZXMnXG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJ3N0eWxlZC1zeXN0ZW0nXG5leHBvcnQgaW50ZXJmYWNlIFN0eWxlZEJ1dHRvblByb3BzIHtcbiAgc2l6ZTogQnV0dG9uU2l6ZSB8IERlcHJlY2F0ZWRCdXR0b25TaXplc1xuICBzY2hlbWU6IEJ1dHRvbkNvbG9yU2NoZW1lXG4gIGJvcmRlcjogYm9vbGVhblxuICBpbnZlcnQ6IGJvb2xlYW5cbiAgc2hhZG93czogYm9vbGVhblxuICBkaXNhYmxlZDogYm9vbGVhblxufVxuXG5jb25zdCBCdXR0b25TY2hlbWVTdHlsZSA9ICh7XG4gIHNjaGVtZSxcbiAgYm9yZGVyLFxuICBpbnZlcnQsXG4gIHN0YXRlLFxuICB0aGVtZSxcbn06IFBpY2s8U3R5bGVkQnV0dG9uUHJvcHMsICdzY2hlbWUnIHwgJ2JvcmRlcicgfCAnaW52ZXJ0Jz4gJiB7IHN0YXRlPzogc3RyaW5nOyB0aGVtZTogQ29kYWN5VGhlbWUgfSkgPT4gY3NzYFxuICBib3JkZXI6ICR7YHNvbGlkICR7dGhlbWUuYm9yZGVyU2l6ZVswXX0gJHtcbiAgICBib3JkZXIgPyB0aGVtZS5jb2xvcnNbYGFjY2VudC0ke3NjaGVtZX0ke3N0YXRlID8gYC0ke3N0YXRlfWAgOiAnJ31gIGFzIENvbG9yXSA6ICd0cmFuc3BhcmVudCdcbiAgfWB9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ludmVydFxuICAgID8gYm9yZGVyICYmIHN0YXRlICYmIFsnaG92ZXInLCAnZm9jdXMnLCAnYWN0aXZlJ10uaW5jbHVkZXMoc3RhdGUpXG4gICAgICA/IGAke3RoZW1lLmNvbG9yc1tgYWNjZW50LSR7c2NoZW1lfWAgYXMgQ29sb3JdfSR7c3RhdGUgPT09ICdhY3RpdmUnID8gJzMyJyA6ICcxNid9YFxuICAgICAgOiAndHJhbnNwYXJlbnQnXG4gICAgOiB0aGVtZS5jb2xvcnNbYGFjY2VudC0ke3NjaGVtZX0ke3N0YXRlID8gYC0ke3N0YXRlfWAgOiAnJ31gIGFzIENvbG9yXX07XG5cbiAgY29sb3I6ICR7aW52ZXJ0ID8gdGhlbWUuY29sb3JzW2BhY2NlbnQtJHtzY2hlbWV9JHtzdGF0ZSA/IGAtJHtzdGF0ZX1gIDogJyd9YCBhcyBDb2xvcl0gOiB0aGVtZS5jb2xvcnNbJ25ldXRyYWwtMCddfTtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b248U3R5bGVkQnV0dG9uUHJvcHMsIENvZGFjeVRoZW1lPmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBvdXRsaW5lOiAwO1xuXG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRzWydub3JtYWwnXX07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyUmFkaXVzWzFdfTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiBgMCAke3NpemUgPT09ICdzbScgPyB0aGVtZS5zcGFjZVsyXSA6IHRoZW1lLnNwYWNlWzNdfWB9O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gKHNpemUgPT09ICdzbScgPyB0aGVtZS5mb250U2l6ZXNbMV0gOiB0aGVtZS5mb250U2l6ZXNbMl0pfTtcbiAgaGVpZ2h0OiAkeyh7IHNpemUgfSkgPT4gKHNpemUgPT09ICdzbScgPyAnMS41cmVtJyA6ICcycmVtJyl9O1xuICBsaW5lLWhlaWdodDogJHsoeyBzaXplIH0pID0+IGBjYWxjKCR7c2l6ZSA9PT0gJ3NtJyA/ICcxLjVyZW0nIDogJzJyZW0nfSAtIDJweClgfTtcblxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246ICR7KCkgPT4gdHJhbnNpdGlvbihbJ2JhY2tncm91bmQtY29sb3InLCAnYm9yZGVyLWNvbG9yJywgJ2JveC1zaGFkb3cnXSwgJ2Zhc3QnKX07XG5cbiAgJHsoeyBzY2hlbWUsIHRoZW1lLCBib3JkZXIsIGludmVydCB9KSA9PiBCdXR0b25TY2hlbWVTdHlsZSh7IHNjaGVtZSwgYm9yZGVyLCB0aGVtZSwgaW52ZXJ0IH0pfTtcblxuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzaGFkb3dzIH0pID0+IChzaGFkb3dzID8gdGhlbWUuc2hhZG93c1swXSA6IHVuZGVmaW5lZCl9O1xuXG4gICY6aG92ZXIge1xuICAgICR7KHsgc2NoZW1lLCB0aGVtZSwgYm9yZGVyLCBpbnZlcnQgfSkgPT4gQnV0dG9uU2NoZW1lU3R5bGUoeyBzdGF0ZTogJ2hvdmVyJywgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNoYWRvd3MgfSkgPT4gKHNoYWRvd3MgPyB0aGVtZS5zaGFkb3dzWzFdIDogdW5kZWZpbmVkKX07XG4gICAgdGV4dC1kZWNvcmF0aW9uOiAkeyh7IGJvcmRlciB9KSA9PiAoIWJvcmRlciA/ICd1bmRlcmxpbmUnIDogdW5kZWZpbmVkKX07XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICAkeyh7IHNjaGVtZSwgdGhlbWUsIGJvcmRlciwgaW52ZXJ0IH0pID0+IEJ1dHRvblNjaGVtZVN0eWxlKHsgc3RhdGU6ICdmb2N1cycsIHNjaGVtZSwgYm9yZGVyLCB0aGVtZSwgaW52ZXJ0IH0pfTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzaGFkb3dzIH0pID0+IChzaGFkb3dzID8gdGhlbWUuc2hhZG93c1sxXSA6IHVuZGVmaW5lZCl9O1xuICB9XG5cbiAgJjphY3RpdmUge1xuICAgICR7KHsgc2NoZW1lLCB0aGVtZSwgYm9yZGVyLCBpbnZlcnQgfSkgPT4gQnV0dG9uU2NoZW1lU3R5bGUoeyBzdGF0ZTogJ2FjdGl2ZScsIHNjaGVtZSwgYm9yZGVyLCB0aGVtZSwgaW52ZXJ0IH0pfTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzaGFkb3dzIH0pID0+IChzaGFkb3dzID8gdGhlbWUuc2hhZG93c1sxXSA6IHVuZGVmaW5lZCl9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgJHsoeyBzY2hlbWUsIHRoZW1lLCBib3JkZXIsIGludmVydCB9KSA9PiBCdXR0b25TY2hlbWVTdHlsZSh7IHN0YXRlOiAnZGlzYWJsZWQnLCBzY2hlbWUsIGJvcmRlciwgdGhlbWUsIGludmVydCB9KX07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG5cbiAgPiAke0ljb25XcmFwcGVyfSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgICBtYXJnaW4tbGVmdDogLSR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICB9XG5cbiAgJHtzcGFjZX1cbmBcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbkdyb3VwID0gc3R5bGVkKEZsZXgpPHt9LCBDb2RhY3lUaGVtZT5gXG4gICYgPiAke1N0eWxlZEJ1dHRvbn06bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgfVxuXG4gIC8qIFRoaXMgY2FzZSBjb3ZlcnMgc3BlY2lmaWMgdXNlIHdoZW4gdGhlIGJ1dHRvbiBpcyB3cmFwcGVkIGluIHNvbWV0aGluZyBlbHNlLCBsaWtlIGEgdG9vbHRpcCAqL1xuICAmID4gKjpub3QoOmxhc3QtY2hpbGQpID4gJHtTdHlsZWRCdXR0b259IHtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuICB9XG5gXG4iXX0= */"));
|
package/lib/Button/types.d.ts
CHANGED
|
@@ -4,16 +4,21 @@ import { ContainerComponentProps } from '../types';
|
|
|
4
4
|
/** @deprecated Use sm or md instead. */
|
|
5
5
|
export declare type DeprecatedButtonSizes = 'small' | 'medium';
|
|
6
6
|
export declare type ButtonSize = 'sm' | 'md';
|
|
7
|
-
export declare type ButtonType = 'default' | 'primary' | '
|
|
7
|
+
export declare type ButtonType = 'default' | 'primary' | 'link' | 'flat' | 'primaryFlat';
|
|
8
|
+
export declare type ButtonColorScheme = 'primary' | 'success' | 'danger' | 'subtle';
|
|
9
|
+
/** @deprecated Use color prop instead */
|
|
10
|
+
export declare type DeprecatedButtonType = 'danger' | 'success' | 'subtle';
|
|
8
11
|
export interface ButtonProps extends ContainerComponentProps, SpaceProps {
|
|
9
12
|
/** Disables the button, disallowing interaction */
|
|
10
13
|
disabled?: boolean;
|
|
11
14
|
/** Defines size of the button */
|
|
12
15
|
size?: ButtonSize | DeprecatedButtonSizes;
|
|
13
16
|
/** @deprecated Use variant instead */
|
|
14
|
-
btnType?: ButtonType;
|
|
15
|
-
/** Defines which type of
|
|
16
|
-
variant?: ButtonType;
|
|
17
|
+
btnType?: ButtonType | DeprecatedButtonType;
|
|
18
|
+
/** Defines which type of button it should be */
|
|
19
|
+
variant?: ButtonType | DeprecatedButtonType;
|
|
20
|
+
/** Defines which type of button it should be */
|
|
21
|
+
color?: ButtonColorScheme;
|
|
17
22
|
/** Shows loading spinner on button */
|
|
18
23
|
isLoading?: boolean;
|
|
19
24
|
/** Callback when clicked */
|