@thecb/components 10.8.2-beta.0 → 10.8.3-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "10.8.2-beta.0",
+  "version": "10.8.3-beta.0",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/atoms/search/Search.js

@@ -6,6 +6,7 @@ import { SearchIcon } from "../icons";
 import { themeComponent } from "../../../util/themeUtils";
 import { fallbackValues } from "./Search.theme";
 import { noop } from "../../../util/general";
+import { colors } from "../../../constants";
 
 /**
  * Search requires a redux-freeform field and actions to use
@@ -60,7 +61,7 @@ const Search = ({
           id="searchInput"
           role="search"
           aria-controls={ariaControlsId}
-          extraStyles="border-radius: 2px 0 0 2px;"
+          extraStyles={`border-radius: 4px; border: none; box-shadow: 0px 1px 2px 0px ${colors.CHARADE_GREY}1A; font-size: 0.875rem;`}
           onKeyDown={e =>
             searchOnKeypress || e.key === "Enter" ? handleSubmit() : noop
           }
@@ -102,7 +103,7 @@ const Search = ({
         extraStyles={`
           height: 48px; 
           margin: 4px 0 0;
-          border-radius: 0 2px 2px 0;
+          border-radius: 0 4px 4px 0;
           background: ${themeValues.searchIconBackgroundColor};
         `}
         variant="primary"

package/src/components/molecules/payment-details/PaymentDetails.js

@@ -260,6 +260,7 @@ const PaymentDetails = ({
   // end partial void section
   isLoading = false,
   isError = false,
+  multiCartEnabled = false,
   agencyDisplayName
 }) => {
   const [isOpen, setIsOpen] = useState(initiallyOpen);
@@ -291,7 +292,7 @@ const PaymentDetails = ({
   ));
   const agencySubheading = (
     <>
-      {agencyDisplayName && (
+      {multiCartEnabled && agencyDisplayName && (
         <Cluster
           justify="space-between"
           align="center"

package/src/components/molecules/payment-details/PaymentDetails.stories.js

@@ -160,6 +160,7 @@ export const paymentDetails = () => (
     collapsibleOnMobile={boolean("collapsibleOnMobile", false, "props")}
     initiallyOpen={boolean("initiallyOpen", true, "props")}
     hideTitle={boolean("hideTitle", false, "props")}
+    multiCartEnabled={true}
     agencyDisplayName="Office of Charitable Trust"
   />
 );