@thecb/components 3.3.0 → 3.3.1

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.
Files changed (3) hide show
  1. package/dist/index.cjs.js +4 -3
  2. package/package.json +1 -1
  3. package/src/components/atoms/add-obligation/AddObligation.js +5 -0
package/dist/index.cjs.js CHANGED
@@ -13626,15 +13626,16 @@ var AddObligation = function AddObligation(_ref) {
13626
13626
  themeValues = _ref.themeValues,
13627
13627
  extraStyles = _ref.extraStyles,
13628
13628
  textExtraStyles = _ref.textExtraStyles;
13629
- var hoverStyles = "\n &:hover {\n .fill { fill: ".concat(themeValues.hoverColor, "; }\n .stroke { stroke: ").concat(themeValues.hoverColor, "; }\n }");
13630
- var activeStyles = "\n &:active {\n .fill { fill: ".concat(themeValues.activeColor, "; }\n .stroke { stroke: ").concat(themeValues.activeColor, "; }\n }");
13629
+ var hoverStyles = "\n &:hover {\n .fill { fill: ".concat(themeValues.hoverColor, "; }\n .stroke { stroke: ").concat(themeValues.hoverColor, "; }\n button { text-decoration: underline; text-decoration-color: ").concat(themeValues.hoverColor, "; }\n span { color: ").concat(themeValues.hoverColor, "; }\n }");
13630
+ var activeStyles = "\n &:active {\n .fill { fill: ".concat(themeValues.activeColor, "; }\n .stroke { stroke: ").concat(themeValues.activeColor, "; }\n button { text-decoration: underline; text-decoration-color: ").concat(themeValues.activeColor, "; }\n span { color: ").concat(themeValues.activeColor, "; }\n }");
13631
13631
  var defaultStyles = "\n min-height: 0;\n .fill { fill: ".concat(themeValues.color, "; }\n .stroke { stroke: ").concat(themeValues.color, "; }\n ");
13632
13632
  return /*#__PURE__*/React__default.createElement(Box, {
13633
13633
  className: "button",
13634
13634
  padding: "0.5rem 0",
13635
13635
  hoverStyles: hoverStyles,
13636
13636
  activeStyles: activeStyles,
13637
- extraStyles: defaultStyles
13637
+ extraStyles: defaultStyles,
13638
+ onClick: action
13638
13639
  }, /*#__PURE__*/React__default.createElement(Cover, {
13639
13640
  singleChild: true,
13640
13641
  minHeight: "100%"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "3.3.0",
3
+ "version": "3.3.1",
4
4
  "description": "Common lib for CityBase react components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
package/src/components/atoms/add-obligation/AddObligation.js CHANGED
@@ -17,12 +17,16 @@ const AddObligation = ({
17
17
  &:hover {
18
18
  .fill { fill: ${themeValues.hoverColor}; }
19
19
  .stroke { stroke: ${themeValues.hoverColor}; }
20
+ button { text-decoration: underline; text-decoration-color: ${themeValues.hoverColor}; }
21
+ span { color: ${themeValues.hoverColor}; }
20
22
  }`;
21
23
 
22
24
  const activeStyles = `
23
25
  &:active {
24
26
  .fill { fill: ${themeValues.activeColor}; }
25
27
  .stroke { stroke: ${themeValues.activeColor}; }
28
+ button { text-decoration: underline; text-decoration-color: ${themeValues.activeColor}; }
29
+ span { color: ${themeValues.activeColor}; }
26
30
  }`;
27
31
 
28
32
  const defaultStyles = `
@@ -37,6 +41,7 @@ const AddObligation = ({
37
41
  hoverStyles={hoverStyles}
38
42
  activeStyles={activeStyles}
39
43
  extraStyles={defaultStyles}
44
+ onClick={action}
40
45
  >
41
46
  <Cover singleChild minHeight="100%">
42
47
  <Cluster justify="center" align="center" minHeight="100%">