@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.esm.js
CHANGED
|
@@ -12902,12 +12902,13 @@ var ButtonWithAction = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
12902
12902
|
children = _ref2.children,
|
|
12903
12903
|
extraDisabledStyles = _ref2.extraDisabledStyles,
|
|
12904
12904
|
rest = _objectWithoutProperties(_ref2, _excluded$h);
|
|
12905
|
+
var isGhostVariant = variant === "ghost" || variant === "smallGhost";
|
|
12905
12906
|
var themeContext = useContext(ThemeContext);
|
|
12906
12907
|
var themeValues = createThemeValues(themeContext, fallbackValues$1, "Button", variant);
|
|
12907
12908
|
var isMobile = themeContext.isMobile;
|
|
12908
12909
|
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 ");
|
|
12909
12910
|
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 ");
|
|
12910
|
-
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 ");
|
|
12911
|
+
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 ");
|
|
12911
12912
|
return /*#__PURE__*/React.createElement(Box, _extends({
|
|
12912
12913
|
ref: ref,
|
|
12913
12914
|
variant: variant,
|
|
@@ -12938,7 +12939,7 @@ var ButtonWithAction = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
12938
12939
|
variant: themeValues.fontSizeVariant,
|
|
12939
12940
|
color: themeValues.color,
|
|
12940
12941
|
textWrap: textWrap,
|
|
12941
|
-
extraStyles: textExtraStyles
|
|
12942
|
+
extraStyles: disabled ? textExtraStyles + disabledStyles : textExtraStyles
|
|
12942
12943
|
}, text)));
|
|
12943
12944
|
});
|
|
12944
12945
|
|