@thecb/components 10.2.4-beta.0 → 10.2.4-beta.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.
- package/dist/index.cjs.js +3 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +3 -2
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/button-with-action/ButtonWithAction.js +7 -4
- package/src/components/atoms/layouts/examples/box-example/BoxExample.stories.js +2 -1
package/dist/index.cjs.js
CHANGED
|
@@ -12910,12 +12910,13 @@ var ButtonWithAction = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
|
12910
12910
|
children = _ref2.children,
|
|
12911
12911
|
extraDisabledStyles = _ref2.extraDisabledStyles,
|
|
12912
12912
|
rest = _objectWithoutProperties(_ref2, _excluded$h);
|
|
12913
|
+
var isGhostVariant = variant === "ghost" || variant === "smallGhost";
|
|
12913
12914
|
var themeContext = React.useContext(styled.ThemeContext);
|
|
12914
12915
|
var themeValues = createThemeValues(themeContext, fallbackValues$1, "Button", variant);
|
|
12915
12916
|
var isMobile = themeContext.isMobile;
|
|
12916
12917
|
var hoverStyles = "\n outline: none;\n background-color: ".concat(themeValues.hoverBackgroundColor, ";\n border-color: ").concat(themeValues.hoverBorderColor, ";\n color: ").concat(themeValues.hoverColor, ";\n text-decoration: ").concat(variant === "ghost" || variant === "smallGhost" ? "underline" : "none", ";\n cursor: pointer;\n ");
|
|
12917
12918
|
var activeStyles = "\n outline: none;\n background-color: ".concat(themeValues.activeBackgroundColor, ";\n border-color: ").concat(themeValues.activeBorderColor, ";\n color: ").concat(themeValues.activeColor, ";\n text-decoration: ").concat(variant === "ghost" || variant === "smallGhost" ? "underline" : "none", ";\n ");
|
|
12918
|
-
var disabledStyles = "\n background-color: #6D717E;\n border-color: #6D717E;\n color: #FFFFFF;\n cursor: default;\n &:focus {\n outline: 3px solid #6D717E;\n outline-offset: 2px;\n }\n ".concat(extraDisabledStyles, "\n ");
|
|
12919
|
+
var disabledStyles = "\n background-color: ".concat(isGhostVariant ? "transparent;" : "#6D717E;", ";\n border-color: ").concat(isGhostVariant ? "transparent;" : "#6D717E;", ";\n color: ").concat(isGhostVariant ? "#6D717E;" : "#FFFFFF", ";\n cursor: default;\n &:focus {\n outline: 3px solid #6D717E;\n outline-offset: 2px;\n }\n ").concat(extraDisabledStyles, "\n ");
|
|
12919
12920
|
return /*#__PURE__*/React__default.createElement(Box, _extends({
|
|
12920
12921
|
ref: ref,
|
|
12921
12922
|
variant: variant,
|
|
@@ -12946,7 +12947,7 @@ var ButtonWithAction = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
|
12946
12947
|
variant: themeValues.fontSizeVariant,
|
|
12947
12948
|
color: themeValues.color,
|
|
12948
12949
|
textWrap: textWrap,
|
|
12949
|
-
extraStyles: textExtraStyles
|
|
12950
|
+
extraStyles: disabled ? textExtraStyles + disabledStyles : textExtraStyles
|
|
12950
12951
|
}, text)));
|
|
12951
12952
|
});
|
|
12952
12953
|
|