@thecb/components 9.3.4-beta.3 → 9.3.4-beta.4

package/package.json

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

package/src/components/molecules/radio-section/InnerRadioSection.theme.js

@@ -1,9 +1,9 @@
-import { WHITE, GHOST_GREY, ATHENS_GREY } from "../../../constants/colors";
+import { WHITE, GREY_CHATEAU, ATHENS_GREY } from "../../../constants/colors";
 
 const headingBackgroundColor = `${WHITE}`;
 const headingDisabledColor = `${ATHENS_GREY}`;
 const bodyBackgroundColor = "#eeeeee";
-const borderColor = `${GHOST_GREY}`;
+const borderColor = `${GREY_CHATEAU}`;
 const focusStyles = `outline: none;`;
 
 export const fallbackValues = {

package/src/components/molecules/radio-section/RadioSection.js

@@ -56,7 +56,6 @@ const RadioSection = ({
   ariaDescribedBy,
   isSectionRequired = false,
   groupedSections,
-  bottomBorderSize = "2px",
   ...rest
 }) => {
   const [focused, setFocused] = useState(null);
@@ -155,7 +154,7 @@ const RadioSection = ({
                     groupedSections.indexOf(sectionGroup) !==
                       groupedSections.length - 1 && (
                       <SolidDivider
-                        borderSize={bottomBorderSize || "2px"}
+                        borderSize="2px"
                         color={themeValues.borderColor}
                       />
                     )}

package/src/components/molecules/radio-section/RadioSection.stories.js

@@ -120,7 +120,6 @@ export const radioSection = () => {
         staggeredAnimation={boolean("staggeredAnimation", false, "props")}
         sections={sections}
         isSectionRequired={true}
-        borderBottomSize="10px"
       />
       <Box />
       <Box padding="0 1rem" extraStyles="text-align: center;">

package/src/components/molecules/radio-section/RadioSection.theme.js

@@ -1,9 +1,9 @@
-import { WHITE, GHOST_GREY, ATHENS_GREY } from "../../../constants/colors";
+import { WHITE, MANATEE_GREY, ATHENS_GREY } from "../../../constants/colors";
 
 const headingBackgroundColor = `${WHITE}`;
 const headingDisabledColor = `${ATHENS_GREY}`;
 const bodyBackgroundColor = "#eeeeee";
-const borderColor = `${GHOST_GREY}`;
+const borderColor = `${MANATEE_GREY}`;
 const focusStyles = `outline: none;`;
 
 export const fallbackValues = {