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

package/package.json

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

package/src/components/atoms/amount-callout/AmountCallout.theme.js

@@ -1,4 +1,4 @@
-const color = "#15749D";
+const color = "#292A33";
 
 export const fallbackValues = {
   color

package/src/components/atoms/button-with-action/ButtonWithAction.js

@@ -64,6 +64,7 @@ const ButtonWithAction = ({
   action = noop,
   variant = "primary",
   text,
+  textWrap = false,
   isLoading = false,
   dataQa = null,
   textExtraStyles,
@@ -143,6 +144,7 @@ const ButtonWithAction = ({
               weight={themeValues.fontWeight}
               variant={themeValues.fontSizeVariant}
               color={themeValues.color}
+              textWrap={textWrap}
               extraStyles={textExtraStyles}
             >
               {text}

package/src/components/atoms/layouts/Cluster.js

@@ -40,7 +40,7 @@ const Cluster = ({
       childGap={childGap}
       minHeight={minHeight}
       minWidth={minWidth}
-      nowrap={nowrap}
+      $nowrap={nowrap}
     >
       {safeChildren(children, <Fragment />)}
     </ClusterInnerWrapper>

package/src/components/atoms/placeholder/Placeholder.js

@@ -21,7 +21,7 @@ const PlaceholderContentWrapper = ({
   dataQa
 }) =>
   isLink ? (
-    <Link to={destination} dataQa={dataQa}>
+    <Link to={destination} data-qa={dataQa}>
       <Box padding="0" minHeight="100%" extraStyles={`cursor: pointer;`}>
         {children}
       </Box>

package/src/components/atoms/text/Text.js

@@ -10,6 +10,7 @@ const Text = ({
   themeValues,
   weight = FONT_WEIGHT_REGULAR,
   color = FIREFLY_GREY,
+  textWrap = true,
   extraStyles = ``,
   hoverStyles,
   onClick,
@@ -30,6 +31,7 @@ const Text = ({
     onClick={onClick}
     onKeyPress={onKeyPress}
     data-qa={dataQa}
+    $textWrap={textWrap}
     {...rest}
   >
     {safeChildren(children, <span />)}

package/src/components/atoms/text/Text.styled.js

@@ -8,6 +8,7 @@ export const TextSpan = styled.span`
   font-weight: ${({ weight }) => weight};
   font-family: ${({ fontFamily }) => fontFamily};
   color: ${({ color }) => color};
+  white-space: ${({ $textWrap }) => ($textWrap ? "initial" : "nowrap")};
 
   &:hover {
     ${({ hoverStyles }) =>

package/src/components/molecules/obligation/modules/InactiveControlsModule.js

@@ -20,7 +20,6 @@ const InactiveControlsModule = ({
   configType,
   actions
 }) => {
-  console.log("actions are", actions);
   const [modalOpen, toggleModal] = useState(false);
   const { deleteObligationAssoc } = actions;
   const handleRemoveAccount = () => deleteObligationAssoc(obligationAssocID);