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

package/dist/index.esm.js

@@ -4997,7 +4997,7 @@ var colors = /*#__PURE__*/Object.freeze({
 var TextSpan = styled.span.withConfig({
   displayName: "Textstyled__TextSpan",
   componentId: "sc-1oy97we-0"
-})(["--font-size:", ";font-size:var(--font-size);line-height:calc(1.5 * var(--font-size));font-weight:", ";font-family:", ";color:", ";&:hover{", "}&:focus{outline:3px solid ", ";outline-offset:2px;}", " ", ""], function (_ref) {
+})(["--font-size:", ";font-size:var(--font-size);line-height:calc(1.5 * var(--font-size));font-weight:", ";font-family:", ";color:", ";white-space:", ";&:hover{", "}&:focus{outline:3px solid ", ";outline-offset:2px;}", " ", ""], function (_ref) {
   var fontSize = _ref.fontSize;
   return fontSize;
 }, function (_ref2) {
@@ -5010,14 +5010,17 @@ var TextSpan = styled.span.withConfig({
   var color = _ref4.color;
   return color;
 }, function (_ref5) {
-  var hoverStyles = _ref5.hoverStyles;
+  var $textWrap = _ref5.$textWrap;
+  return $textWrap ? "initial" : "nowrap";
+}, function (_ref6) {
+  var hoverStyles = _ref6.hoverStyles;
   return css(["", ""], hoverStyles);
-}, ROYAL_BLUE, function (_ref6) {
-  var disabled = _ref6.disabled,
-      disabledStyles = _ref6.disabledStyles;
+}, ROYAL_BLUE, function (_ref7) {
+  var disabled = _ref7.disabled,
+      disabledStyles = _ref7.disabledStyles;
   return disabled && css(["", ""], disabledStyles);
-}, function (_ref7) {
-  var extraStyles = _ref7.extraStyles;
+}, function (_ref8) {
+  var extraStyles = _ref8.extraStyles;
   return extraStyles;
 });
 
@@ -6149,7 +6152,7 @@ var general = /*#__PURE__*/Object.freeze({
   screenReaderOnlyStyle: screenReaderOnlyStyle
 });
 
-var _excluded$1 = ["themeValues", "weight", "color", "extraStyles", "hoverStyles", "onClick", "onKeyPress", "as", "dataQa", "children"];
+var _excluded$1 = ["themeValues", "weight", "color", "textWrap", "extraStyles", "hoverStyles", "onClick", "onKeyPress", "as", "dataQa", "children"];
 
 var Text = function Text(_ref) {
   var themeValues = _ref.themeValues,
@@ -6157,6 +6160,8 @@ var Text = function Text(_ref) {
       weight = _ref$weight === void 0 ? FONT_WEIGHT_REGULAR : _ref$weight,
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? FIREFLY_GREY : _ref$color,
+      _ref$textWrap = _ref.textWrap,
+      textWrap = _ref$textWrap === void 0 ? true : _ref$textWrap,
       _ref$extraStyles = _ref.extraStyles,
       extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles,
       hoverStyles = _ref.hoverStyles,
@@ -6177,7 +6182,8 @@ var Text = function Text(_ref) {
     hoverStyles: hoverStyles,
     onClick: onClick,
     onKeyPress: onKeyPress,
-    "data-qa": dataQa
+    "data-qa": dataQa,
+    $textWrap: textWrap
   }, rest), safeChildren(children, /*#__PURE__*/React.createElement("span", null)));
 };
 
@@ -12507,7 +12513,7 @@ var SpinnerIcon = function SpinnerIcon(_ref3) {
   }))))));
 };
 
-var _excluded$h = ["action", "variant", "text", "isLoading", "dataQa", "textExtraStyles", "contentOverride", "extraStyles", "tabIndex", "children"];
+var _excluded$h = ["action", "variant", "text", "textWrap", "isLoading", "dataQa", "textExtraStyles", "contentOverride", "extraStyles", "tabIndex", "children"];
 var rotate$1 = posed.div({
   fixed: {
     rotate: "0deg"
@@ -12564,6 +12570,8 @@ var ButtonWithAction = function ButtonWithAction(_ref2) {
       _ref2$variant = _ref2.variant,
       variant = _ref2$variant === void 0 ? "primary" : _ref2$variant,
       text = _ref2.text,
+      _ref2$textWrap = _ref2.textWrap,
+      textWrap = _ref2$textWrap === void 0 ? false : _ref2$textWrap,
       _ref2$isLoading = _ref2.isLoading,
       isLoading = _ref2$isLoading === void 0 ? false : _ref2$isLoading,
       _ref2$dataQa = _ref2.dataQa,
@@ -12608,6 +12616,7 @@ var ButtonWithAction = function ButtonWithAction(_ref2) {
     weight: themeValues.fontWeight,
     variant: themeValues.fontSizeVariant,
     color: themeValues.color,
+    textWrap: textWrap,
     extraStyles: textExtraStyles
   }, text)));
 };
@@ -15970,7 +15979,7 @@ var Title = function Title(_ref) {
 
 var Title$1 = themeComponent(Title, "Title", fallbacks, "large");
 
-var color$3 = "#15749D";
+var color$3 = "#292A33";
 var fallbackValues$6 = {
   color: color$3
 };
@@ -16937,6 +16946,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 = useContext(ThemeContext);
   var themeValues = createThemeValues(themeContext, fallbackValues$9, "Link", variant);
@@ -16952,7 +16962,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.createElement("span", null)));
 };
 
@@ -17022,6 +17033,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 = useContext(ThemeContext);
@@ -17038,7 +17050,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.createElement("span", null)));
 };
 
@@ -18651,7 +18664,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,
@@ -18664,6 +18677,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) {
@@ -18671,6 +18685,7 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
         url = _ref2.url,
         disabled = _ref2.disabled,
         newTab = _ref2.newTab,
+        dataQa = _ref2.dataQa,
         extraStyles = _ref2.extraStyles;
 
     if (disabled) {
@@ -18681,10 +18696,12 @@ var ButtonWithLink = function ButtonWithLink(_ref) {
       href: url,
       tabIndex: "-1",
       newTab: newTab,
-      extraStyles: extraStyles
+      extraStyles: extraStyles,
+      dataQa: dataQa
     }, safeChildren(children, /*#__PURE__*/React.createElement("span", null))) : /*#__PURE__*/React.createElement(InternalLink, {
       to: url,
       tabIndex: "-1",
+      dataQa: dataQa,
       extraStyles: extraStyles
     }, safeChildren(children, /*#__PURE__*/React.createElement("span", null)));
   };
@@ -18693,7 +18710,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.createElement(ButtonWithAction, _extends({}, otherProps, {
     extraStyles: extraStyles
   })));
@@ -22105,7 +22123,7 @@ var PlaceholderContentWrapper = function PlaceholderContentWrapper(_ref) {
       dataQa = _ref.dataQa;
   return isLink ? /*#__PURE__*/React.createElement(Link, {
     to: destination,
-    dataQa: dataQa
+    "data-qa": dataQa
   }, /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     minHeight: "100%",
@@ -39600,7 +39618,6 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
       agencyName = _ref.agencyName,
       configType = _ref.configType,
       actions = _ref.actions;
-  console.log("actions are", actions);
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -41763,7 +41780,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
   }))));
 };