@thecb/components 3.3.4 → 3.3.6

package/dist/index.cjs.js

@@ -14200,8 +14200,9 @@ var Heading = function Heading(_ref) {
       className = _ref.className,
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? "h1" : _ref$variant,
+      dataQa = _ref.dataQa,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "children"]);
+      rest = _objectWithoutProperties(_ref, ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "dataQa", "children"]);
 
   return /*#__PURE__*/React__default.createElement(HeadingText, _extends({
     as: variant,
@@ -14212,7 +14213,8 @@ var Heading = function Heading(_ref) {
     extraStyles: extraStyles,
     className: className,
     fontFamily: themeValues.fontFamily,
-    fontSize: themeValues.fontSize
+    fontSize: themeValues.fontSize,
+    "data-qa": dataQa
   }, rest), safeChildren(children, /*#__PURE__*/React__default.createElement("span", null)));
 };
 
@@ -16116,7 +16118,7 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
     url: url,
     disabled: disabled,
     newTab: newTab,
-    extraStyles: "text-decoration: none; ".concat(extraStyles, " &:hover {\n        text-decoration: none; }")
+    extraStyles: "text-decoration: none; &:hover {\n        text-decoration: none; }"
   }, /*#__PURE__*/React__default.createElement(ButtonWithAction, _extends({}, otherProps, {
     extraStyles: extraStyles
   })));
@@ -17856,8 +17858,9 @@ var Paragraph = function Paragraph(_ref) {
       margin = _ref$margin === void 0 ? 0 : _ref$margin,
       _ref$extraStyles = _ref.extraStyles,
       extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles,
+      dataQa = _ref.dataQa,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, ["themeValues", "weight", "color", "margin", "extraStyles", "children"]);
+      rest = _objectWithoutProperties(_ref, ["themeValues", "weight", "color", "margin", "extraStyles", "dataQa", "children"]);
 
   return /*#__PURE__*/React__default.createElement(ParagraphText, _extends({
     weight: weight,
@@ -17865,7 +17868,8 @@ var Paragraph = function Paragraph(_ref) {
     margin: margin,
     fontFamily: themeValues.fontFamily,
     fontSize: themeValues.fontSize,
-    extraStyles: extraStyles
+    extraStyles: extraStyles,
+    "data-qa": dataQa
   }, rest), safeChildren(children, /*#__PURE__*/React__default.createElement("span", null)));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "3.3.4",
+  "version": "3.3.6",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/atoms/button-with-link/ButtonWithLink.js

@@ -44,7 +44,7 @@ const ButtonWithLink = ({
       url={url}
       disabled={disabled}
       newTab={newTab}
-      extraStyles={`text-decoration: none; ${extraStyles} &:hover {
+      extraStyles={`text-decoration: none; &:hover {
         text-decoration: none; }`}
     >
       <ButtonWithAction {...otherProps} extraStyles={extraStyles} />

package/src/components/atoms/heading/Heading.js

@@ -15,6 +15,7 @@ const Heading = ({
   extraStyles = ``,
   className,
   variant = "h1",
+  dataQa,
   children,
   ...rest
 }) => (
@@ -28,6 +29,7 @@ const Heading = ({
     className={className}
     fontFamily={themeValues.fontFamily}
     fontSize={themeValues.fontSize}
+    data-qa={dataQa}
     {...rest}
   >
     {safeChildren(children, <span />)}

package/src/components/atoms/paragraph/Paragraph.js

@@ -12,6 +12,7 @@ const Paragraph = ({
   color = FIREFLY_GREY,
   margin = 0,
   extraStyles = ``,
+  dataQa,
   children,
   ...rest
 }) => (
@@ -22,6 +23,7 @@ const Paragraph = ({
     fontFamily={themeValues.fontFamily}
     fontSize={themeValues.fontSize}
     extraStyles={extraStyles}
+    data-qa={dataQa}
     {...rest}
   >
     {safeChildren(children, <span />)}