oolib 2.24.1 → 2.24.2
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.
|
@@ -41,6 +41,7 @@ var react_router_dom_1 = require("react-router-dom");
|
|
|
41
41
|
var lodash_1 = require("lodash");
|
|
42
42
|
var Typo_1 = require("../Typo");
|
|
43
43
|
var icons_1 = require("../../icons");
|
|
44
|
+
var themes_1 = require("../../themes");
|
|
44
45
|
var DisplayIcon = function (_a) {
|
|
45
46
|
var icon = _a.icon, size = _a.size, color = _a.color;
|
|
46
47
|
var IconComp = icons_1.icons[icon];
|
|
@@ -48,7 +49,7 @@ var DisplayIcon = function (_a) {
|
|
|
48
49
|
};
|
|
49
50
|
var ButtonStyledWrapper = function (_a) {
|
|
50
51
|
var props = _a.props, variant = _a.variant;
|
|
51
|
-
var id = props.id, link = props.link, children = props.children, value = props.value, submit = props.submit, icon = props.icon, iconAfter = props.iconAfter, onClick = props.onClick, onMouseDown = props.onMouseDown, active = props.active, disabled = props.disabled, invert = props.invert, theme = props.theme, width = props.width, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, color = props.color, style = props.style, className = props.className, S = props.S, M = props.M, iconSize = props.iconSize,
|
|
52
|
+
var id = props.id, link = props.link, children = props.children, value = props.value, submit = props.submit, icon = props.icon, iconAfter = props.iconAfter, onClick = props.onClick, onMouseDown = props.onMouseDown, active = props.active, disabled = props.disabled, invert = props.invert, theme = props.theme, width = props.width, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, color = props.color, style = props.style, className = props.className, S = props.S, M = props.M, iconSize = props.iconSize, _iconColor = props.iconColor, stopPropagation = props.stopPropagation;
|
|
52
53
|
/**
|
|
53
54
|
* WHY WE ARE HAVING TO DO STOP PROPAGATION IN THIS TWISTED WAY:
|
|
54
55
|
*
|
|
@@ -89,6 +90,7 @@ var ButtonStyledWrapper = function (_a) {
|
|
|
89
90
|
var thisSize = iconSize || size;
|
|
90
91
|
return thisSize === 'S' ? 15 : 20;
|
|
91
92
|
};
|
|
93
|
+
var iconColor = !disabled ? _iconColor : themes_1.colors.greyColor40;
|
|
92
94
|
return (react_1.default.createElement(index_styled_1.ButtonStyled, { id: id, style: style, className: className, variant: variant, size: size, active: active, invert: invert, disabled: disabled, theme: theme, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, type: submit ? "submit" : "button", onClick: function (e) {
|
|
93
95
|
stopPropagation && e.stopPropagation();
|
|
94
96
|
debouncedOnClick && debouncedOnClick(e);
|