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

package/dist/index.cjs.js

@@ -5005,7 +5005,7 @@ var colors = /*#__PURE__*/Object.freeze({
 var TextSpan = styled__default.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) {
@@ -5018,14 +5018,17 @@ var TextSpan = styled__default.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 styled.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 && styled.css(["", ""], disabledStyles);
-}, function (_ref7) {
-  var extraStyles = _ref7.extraStyles;
+}, function (_ref8) {
+  var extraStyles = _ref8.extraStyles;
   return extraStyles;
 });
 
@@ -6157,7 +6160,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,
@@ -6165,6 +6168,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,
@@ -6185,7 +6190,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__default.createElement("span", null)));
 };
 
@@ -6508,7 +6514,7 @@ var Cluster = function Cluster(_ref) {
     childGap: childGap,
     minHeight: minHeight,
     minWidth: minWidth,
-    nowrap: nowrap
+    $nowrap: nowrap
   }, safeChildren(children, /*#__PURE__*/React__default.createElement(React.Fragment, null))));
 };
 
@@ -12515,7 +12521,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"
@@ -12572,6 +12578,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,
@@ -12616,6 +12624,7 @@ var ButtonWithAction = function ButtonWithAction(_ref2) {
     weight: themeValues.fontWeight,
     variant: themeValues.fontSizeVariant,
     color: themeValues.color,
+    textWrap: textWrap,
     extraStyles: textExtraStyles
   }, text)));
 };
@@ -15978,7 +15987,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
 };
@@ -22113,7 +22122,7 @@ var PlaceholderContentWrapper = function PlaceholderContentWrapper(_ref) {
       dataQa = _ref.dataQa;
   return isLink ? /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
     to: destination,
-    dataQa: dataQa
+    "data-qa": dataQa
   }, /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
     minHeight: "100%",
@@ -39608,7 +39617,6 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
       agencyName = _ref.agencyName,
       configType = _ref.configType,
       actions = _ref.actions;
-  console.log("actions are", actions);
 
   var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),