@thecb/components 7.0.2-beta.7 → 7.0.2

package/package.json

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

package/src/components/molecules/collapsible-section/CollapsibleSection.js

@@ -126,7 +126,7 @@ const CollapsibleSection = ({
               initial={initiallyOpen ? "open" : "closed"}
               exit="closed"
               variants={wrapper}
-              extraStyles={`transform-origin: 100% 0; overflow-y: hidden`}
+              extraStyles={`transform-origin: 100% 0; overflow-y: hidden;`}
               id={`${id}-content`}
               role={"region"}
               aria-labelledby={`${id}-button`}

package/src/components/molecules/copyable/Copyable.js

@@ -57,7 +57,6 @@ const Copyable = ({
 
   const cleanup = () => {
     if (timeoutId) {
-      // console.log(`Clearing timeout ${timeoutId}`);
       clearTimeout(timeoutId);
     }
   };
@@ -70,10 +69,8 @@ const Copyable = ({
       }
       // Start a timeout to restore popover content to the initial value.
       // Record the ID of the timeout so it can be cleaned up later.
-      // console.log("Starting timeout");
       setTimeoutId(
         setTimeout(() => {
-          // console.log(`Timeout ${timeoutId} finished`);
           setPopoverContent(initialPopoverContent);
         }, copiedPopoverContentDuration)
       );
@@ -83,7 +80,7 @@ const Copyable = ({
       setStartTimer(false);
     }
 
-    // Return cleanup function so timeout will be cleared when component unmoumnts.
+    // Return cleanup function so timeout will be cleared when component unmounts.
     return cleanup;
   }, [startTimer]);
 
@@ -129,7 +126,7 @@ const Copyable = ({
       transform="translate(-100%, -75%)"
       arrowDirection="right"
       popoverID={popoverID}
-      buttonExtraStyles="margin: 0"
+      buttonExtraStyles="margin: 0;min-width:auto"
       extraStyles={popoverExtraStyles}
       triggerText={CopyableContent({ content, onClick })}
       content={popoverContent}