@thecb/components 5.9.0-beta.6 → 5.9.0-beta.7

package/dist/index.cjs.js

@@ -16954,6 +16954,7 @@ var ExternalLink = function ExternalLink(_ref) {
       variant = _ref$variant === void 0 ? "primary" : _ref$variant,
       _ref$tabIndex = _ref.tabIndex,
       tabIndex = _ref$tabIndex === void 0 ? "0" : _ref$tabIndex,
+      dataQa = _ref.dataQa,
       children = _ref.children;
   var themeContext = React.useContext(styled.ThemeContext);
   var themeValues = createThemeValues(themeContext, fallbackValues$9, "Link", variant);
@@ -16969,7 +16970,8 @@ var ExternalLink = function ExternalLink(_ref) {
     fontFamily: themeValues.fontFamily,
     tabIndex: tabIndex,
     extrastyles: extraStyles,
-    rel: newTab ? "noopener" : ""
+    rel: newTab ? "noopener" : "",
+    "data-qa": dataQa
   }, safeChildren(children, /*#__PURE__*/React__default.createElement("span", null)));
 };
 
@@ -17039,6 +17041,7 @@ var InternalLink = function InternalLink(_ref) {
       margin = _ref.margin,
       _ref$tabIndex = _ref.tabIndex,
       tabIndex = _ref$tabIndex === void 0 ? "0" : _ref$tabIndex,
+      dataQa = _ref.dataQa,
       _ref$extraStyles = _ref.extraStyles,
       extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles;
   var themeContext = React.useContext(styled.ThemeContext);
@@ -17055,7 +17058,8 @@ var InternalLink = function InternalLink(_ref) {
     hoverColor: themeValues.hoverColor,
     activeColor: themeValues.activeColor,
     tabIndex: tabIndex,
-    extrastyles: extraStyles
+    extrastyles: extraStyles,
+    "data-qa": dataQa
   }, safeChildren(children, /*#__PURE__*/React__default.createElement("span", null)));
 };
 
@@ -18668,7 +18672,7 @@ _curry2(function test(pattern, str) {
 
 var URL_TEST = /(([a-z]{3,6}:\/\/)|(^|\s))([a-zA-Z0-9\-]+\.)+[a-z]{2,13}[\.\?\=\&\%\/\w\-]*\b([^@]|$)/;
 
-var _excluded$m = ["url", "disabled", "fileLink", "extraStyles", "linkExtraStyles", "newTab"];
+var _excluded$m = ["url", "disabled", "fileLink", "extraStyles", "linkExtraStyles", "newTab", "dataQa"];
 
 var ButtonWithLink = function ButtonWithLink(_ref) {
   var _ref$url = _ref.url,
@@ -18681,6 +18685,7 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
       linkExtraStyles = _ref.linkExtraStyles,
       _ref$newTab = _ref.newTab,
       newTab = _ref$newTab === void 0 ? false : _ref$newTab,
+      dataQa = _ref.dataQa,
       otherProps = _objectWithoutProperties(_ref, _excluded$m);
 
   var ButtonWithLinkWrapper = function ButtonWithLinkWrapper(_ref2) {
@@ -18688,6 +18693,7 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
         url = _ref2.url,
         disabled = _ref2.disabled,
         newTab = _ref2.newTab,
+        dataQa = _ref2.dataQa,
         extraStyles = _ref2.extraStyles;
 
     if (disabled) {
@@ -18698,10 +18704,12 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
       href: url,
       tabIndex: "-1",
       newTab: newTab,
-      extraStyles: extraStyles
+      extraStyles: extraStyles,
+      dataQa: dataQa
     }, safeChildren(children, /*#__PURE__*/React__default.createElement("span", null))) : /*#__PURE__*/React__default.createElement(InternalLink, {
       to: url,
       tabIndex: "-1",
+      dataQa: dataQa,
       extraStyles: extraStyles
     }, safeChildren(children, /*#__PURE__*/React__default.createElement("span", null)));
   };
@@ -18710,7 +18718,8 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
     url: url,
     disabled: disabled,
     newTab: newTab,
-    extraStyles: "".concat(linkExtraStyles, " text-decoration: none; &:hover {\n        text-decoration: none; }")
+    extraStyles: "".concat(linkExtraStyles, " text-decoration: none; &:hover {\n        text-decoration: none; }"),
+    dataQa: dataQa
   }, /*#__PURE__*/React__default.createElement(ButtonWithAction, _extends({}, otherProps, {
     extraStyles: extraStyles
   })));
@@ -41779,7 +41788,8 @@ var WorkflowTile = function WorkflowTile(_ref) {
     minWidth: "100%",
     url: "/service/".concat(slug),
     extraStyles: "width: 100%;",
-    linkExtraStyles: "justify-content: center;"
+    linkExtraStyles: "justify-content: center;",
+    dataQa: slug
   }))));
 };