catchup-library-web 1.16.12 → 1.16.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "catchup-library-web",
-  "version": "1.16.12",
+  "version": "1.16.13",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/src/components/activities/body-content/ShowBodyMediaByContentType.tsx

@@ -391,12 +391,12 @@ const ShowBodyMediaByContentType = ({
           <div className="mb-1 flex flex-col items-center relative">
             <div
               className={`${convertToPercentage(
-                size || ""
+                size
               )} rounded-catchup-xlarge relative`}
             >
               <BaseImage
                 src={value}
-                alt="body image"
+                alt="body-image"
                 size="custom"
                 className="w-full rounded-catchup-xlarge"
               />

package/src/components/cards/BaseCard.tsx

@@ -0,0 +1,13 @@
+import { IBaseCardProps } from "../../properties/CardProperties";
+
+const BaseCard = ({ children }: IBaseCardProps) => {
+  return (
+    <div className="flex flex-col justify-center items-center h-full">
+      <div className="bg-catchup-white rounded-catchup-xlarge h-catchup-card w-catchup-card shadow-dropdown">
+        <div className="flex flex-col mx-auto p-8 h-full">{children}</div>
+      </div>
+    </div>
+  );
+};
+
+export default BaseCard;

package/src/components/cards/FullCard.tsx

@@ -1,31 +1,26 @@
 import { IFullCardProps } from "../../properties/CardProperties";
 
 const FullCard = ({
-  bgColor,
+  backgroundColor,
+  borderColor,
   opacity,
-  isShadowed,
   usePadding,
   children,
 }: IFullCardProps) => {
   return (
-    <div className="flex flex-col justify-center items-center h-full">
+    <div
+      className={`min-h-full 
+        ${backgroundColor ? backgroundColor : "bg-catchup-white"} 
+        ${borderColor ? borderColor : "border-catchup-gray-50"} 
+        ${opacity ? opacity : "opacity-100"} 
+        rounded-catchup-xlarge w-full `}
+    >
       <div
-        className={`flex-1 ${bgColor ? bgColor : ""} ${
-          opacity ? opacity : "opacity-100"
-        } rounded-catchup-xlarge w-full border border-catchup-gray-50 bg-catchup-white`}
-        // style={{
-        //   boxShadow: isShadowed
-        //     ? "rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px"
-        //     : "none",
-        // }}
+        className={`flex flex-col mx-auto ${
+          usePadding === false ? "p-0" : "p-6"
+        } h-full`}
       >
-        <div
-          className={`flex flex-col mx-auto ${
-            usePadding === false ? "p-0" : "p-6"
-          } h-full`}
-        >
-          {children}
-        </div>
+        {children}
       </div>
     </div>
   );

package/src/index.ts

@@ -10,6 +10,7 @@ export { default as CancelButton } from "./components/buttons/CancelButton";
 export { default as ApproveButton } from "./components/buttons/ApproveButton";
 
 export { default as FullCard } from "./components/cards/FullCard";
+export { default as BaseCard } from "./components/cards/BaseCard";
 
 export { default as BaseImage } from "./components/images/BaseImage";
 

package/src/properties/CardProperties.ts

@@ -1,7 +1,11 @@
 export interface IFullCardProps {
-  bgColor?: string;
+  backgroundColor?: string;
+  borderColor?: string;
   opacity?: string;
-  isShadowed?: boolean;
   usePadding?: boolean;
   children?: React.ReactNode;
 }
+
+export interface IBaseCardProps {
+  children?: React.ReactNode;
+}