@thecb/components 10.2.4-beta.1 → 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 +2 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +2 -1
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/button-with-action/ButtonWithAction.js +4 -3
- 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,
|