@thecb/components 10.7.0-beta.0 → 10.7.0-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 +4 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +4 -1
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/button-with-action/ButtonWithAction.js +2 -0
- package/src/components/molecules/obligation/Obligation.js +1 -0
package/dist/index.cjs.js
CHANGED
|
@@ -12784,6 +12784,8 @@ var ButtonWithAction = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
|
12784
12784
|
var themeContext = React.useContext(styled.ThemeContext);
|
|
12785
12785
|
var themeValues = createThemeValues(themeContext, fallbackValues$1, "Button", variant);
|
|
12786
12786
|
var isMobile = themeContext.isMobile;
|
|
12787
|
+
console.log("button text / theme context is", text, themeContext);
|
|
12788
|
+
console.log("button text / theme values are", text, themeValues);
|
|
12787
12789
|
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 ");
|
|
12788
12790
|
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 ");
|
|
12789
12791
|
var disabledStyles = "\n background-color: ".concat(themeValues.disabledBackgroundColor, ";\n border-color: ").concat(themeValues.disabledBorderColor, ";\n color: ").concat(themeValues.disabledColor, ";\n cursor: default;\n &:focus {\n outline: 3px solid ").concat(themeValues.disabledBorderColor, ";\n outline-offset: 2px;\n }\n ").concat(extraDisabledStyles, "\n ");
|
|
@@ -46721,7 +46723,8 @@ var Obligation = function Obligation(_ref) {
|
|
|
46721
46723
|
iconDefault: config.iconDefault,
|
|
46722
46724
|
configIconMap: config.iconMap,
|
|
46723
46725
|
iconValue: config.iconValue,
|
|
46724
|
-
customAttributes: customAttributes
|
|
46726
|
+
customAttributes: customAttributes,
|
|
46727
|
+
iconColor: themeValues.iconColor
|
|
46725
46728
|
}), /*#__PURE__*/React__default.createElement(TitleModule, {
|
|
46726
46729
|
title: description,
|
|
46727
46730
|
subtitle: subDescription,
|