react-pop-cards 1.0.1 → 1.0.3

package/dist/index.css

@@ -2087,8 +2087,8 @@ html:has(.drawer-toggle:checked) {
 .hidden {
   display: none;
 }
-.h-20 {
-  height: 5rem;
+.h-16 {
+  height: 4rem;
 }
 .h-7 {
   height: 1.75rem;
@@ -2108,8 +2108,8 @@ html:has(.drawer-toggle:checked) {
 .min-h-full {
   min-height: 100%;
 }
-.w-20 {
-  width: 5rem;
+.w-16 {
+  width: 4rem;
 }
 .w-5 {
   width: 1.25rem;
@@ -2333,6 +2333,10 @@ html:has(.drawer-toggle:checked) {
   font-size: 1.875rem;
   line-height: 2.25rem;
 }
+.text-4xl {
+  font-size: 2.25rem;
+  line-height: 2.5rem;
+}
 .text-5xl {
   font-size: 3rem;
   line-height: 1;
@@ -2440,16 +2444,16 @@ html:has(.drawer-toggle:checked) {
     display: none;
   }
 
-  .max-sm\:h-12 {
-    height: 3rem;
+  .max-sm\:h-8 {
+    height: 2rem;
   }
 
   .max-sm\:h-\[4rem\] {
     height: 4rem;
   }
 
-  .max-sm\:w-12 {
-    width: 3rem;
+  .max-sm\:w-8 {
+    width: 2rem;
   }
 
   .max-sm\:w-\[4rem\] {
@@ -2500,6 +2504,15 @@ html:has(.drawer-toggle:checked) {
     margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
   }
 
+  .max-sm\:px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+
+  .max-sm\:text-\[8px\] {
+    font-size: 8px;
+  }
+
   .max-sm\:text-xl {
     font-size: 1.25rem;
     line-height: 1.75rem;

package/dist/lib/components/Card.js

@@ -160,22 +160,25 @@ const Card = _ref => {
       ref: activeCard === value.title ? activeCardRef : null,
       style: animatedStyles[key],
       onClick: () => handleCardClick(value.title),
-      className: "".concat(activeCard === value.title ? "px-6 py-4" : "flex justify-center items-center", " cursor-pointer duration-100 ").concat(isRounded ? " rounded-2xl" : " rounded-none")
+      className: "".concat(activeCard === value.title ? "max-sm:px-2 px-6 py-4" : "flex justify-center items-center", " cursor-pointer duration-100 ").concat(isRounded ? " rounded-2xl" : " rounded-none")
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(activeCard === value.title ? "min-h-full" : "max-sm:space-y-1 space-y-3")
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "flex max-sm:flex-col-reverse justify-between items-center"
     }, /*#__PURE__*/_react.default.createElement("label", {
-      className: (activeCard === value.title ? "max-sm:text-xl text-5xl" : "max-sm:text-xs text-base") + " capitalize font-bold duration-100"
+      className: (activeCard === value.title ? "max-sm:text-xl text-4xl" : "max-sm:text-xs text-base") + " capitalize font-bold duration-100"
     }, value.title), activeCard === value.title && value.image != null && /*#__PURE__*/_react.default.createElement("img", {
-      className: "max-sm:w-12 max-sm:h-12 w-20 h-20",
+      className: "max-sm:w-8 max-sm:h-8 w-16 h-16",
       src: value.image,
       alt: "imageCard"
     })), activeCard === value.title && /*#__PURE__*/_react.default.createElement("p", {
-      className: "line-clamp-[8] text-justify max-sm:text-xs"
+      className: "line-clamp-[8] text-justify max-sm:text-[8px]"
     }, value.description)))));
   }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: (disposition === "RightLeft" ? "order-1" : "order-2") + " ".concat(miniCardDivClass)
+    className: (disposition === "RightLeft" ? "order-1" : "order-2") + " ".concat(miniCardDivClass),
+    style: {
+      color: textColor
+    }
   }, Object.entries(cards).map(_ref3 => {
     let [key, value] = _ref3;
     return /*#__PURE__*/_react.default.createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-pop-cards",
-    "version": "1.0.1",
+    "version": "1.0.3",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
     "module": "dist/index.js",