@pelcro/react-pelcro-js 4.0.0-alpha.20 → 4.0.0-alpha.22

package/dist/pelcro.css

@@ -1967,8 +1967,8 @@ in order to scope selectors under pelcro-root
   top: 0.25rem;
 }
 
-.pelcro-root .plc-top-5 {
-  top: 1.25rem;
+.pelcro-root .plc-top-2 {
+  top: 0.5rem;
 }
 
 .pelcro-root .plc-top-7 {
@@ -1999,10 +1999,6 @@ in order to scope selectors under pelcro-root
   right: 0.5rem;
 }
 
-.pelcro-root .plc-right-10 {
-  right: 2.5rem;
-}
-
 .pelcro-root .plc--right-16 {
   right: -4rem;
 }
@@ -2047,6 +2043,10 @@ in order to scope selectors under pelcro-root
   margin: 0px;
 }
 
+.pelcro-root .plc-m-1 {
+  margin: 0.25rem;
+}
+
 .pelcro-root .plc-m-3 {
   margin: 0.75rem;
 }
@@ -2055,6 +2055,10 @@ in order to scope selectors under pelcro-root
   margin: auto;
 }
 
+.pelcro-root .plc-m-0\.5 {
+  margin: 0.125rem;
+}
+
 .pelcro-root .plc-mx-1 {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
@@ -2085,9 +2089,9 @@ in order to scope selectors under pelcro-root
   margin-bottom: 1.25rem;
 }
 
-.pelcro-root .plc-my-20 {
-  margin-top: 5rem;
-  margin-bottom: 5rem;
+.pelcro-root .plc-my-11 {
+  margin-top: 2.75rem;
+  margin-bottom: 2.75rem;
 }
 
 .pelcro-root .plc-mt-1 {
@@ -2294,6 +2298,10 @@ in order to scope selectors under pelcro-root
   max-height: 3.5rem;
 }
 
+.pelcro-root .plc-max-h-48 {
+  max-height: 12rem;
+}
+
 .pelcro-root .plc-max-h-80 {
   max-height: 20rem;
 }
@@ -2426,6 +2434,10 @@ in order to scope selectors under pelcro-root
   width: max-content;
 }
 
+.pelcro-root .plc-max-w-xl {
+  max-width: 36rem;
+}
+
 .pelcro-root .plc-max-w-50\% {
   max-width: 50%;
 }
@@ -2558,6 +2570,10 @@ in order to scope selectors under pelcro-root
   animation: plc-spin 1s linear infinite;
 }
 
+.pelcro-root .plc-animate-pulse {
+  animation: plc-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
 @media (prefers-reduced-motion: no-preference) {
   .pelcro-root .motion-safe\:plc-animate-slideInBottom {
     animation: plc-slideInBottom 0.5s ease-out;
@@ -2686,6 +2702,10 @@ in order to scope selectors under pelcro-root
   overflow-y: auto;
 }
 
+.pelcro-root .plc-overflow-x-hidden {
+  overflow-x: hidden;
+}
+
 .pelcro-root .plc-overflow-y-scroll {
   overflow-y: scroll;
 }
@@ -3280,6 +3300,11 @@ in order to scope selectors under pelcro-root
   color: rgba(98, 26, 23, var(--tw-text-opacity));
 }
 
+.pelcro-root .plc-text-yellow-500 {
+  --tw-text-opacity: 1;
+  color: rgba(245, 158, 11, var(--tw-text-opacity));
+}
+
 .pelcro-root .plc-text-yellow-700 {
   --tw-text-opacity: 1;
   color: rgba(180, 83, 9, var(--tw-text-opacity));
@@ -3617,6 +3642,19 @@ in order to scope selectors under pelcro-root
 }
 
 @media (min-width: 768px) {
+  .pelcro-root .md\:plc-top-5 {
+    top: 1.25rem;
+  }
+
+  .pelcro-root .md\:plc-right-10 {
+    right: 2.5rem;
+  }
+
+  .pelcro-root .md\:plc-my-20 {
+    margin-top: 5rem;
+    margin-bottom: 5rem;
+  }
+
   .pelcro-root .md\:plc-table-cell {
     display: table-cell;
   }
@@ -3629,6 +3667,18 @@ in order to scope selectors under pelcro-root
     width: 20%;
   }
 
+  .pelcro-root .md\:plc-w-1\/12 {
+    width: 8.333333%;
+  }
+
+  .pelcro-root .md\:plc-w-2\/12 {
+    width: 16.666667%;
+  }
+
+  .pelcro-root .md\:plc-w-3\/12 {
+    width: 25%;
+  }
+
   .pelcro-root .md\:plc-max-w-70\% {
     max-width: 70%;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "4.0.0-alpha.20",
+  "version": "4.0.0-alpha.22",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",
@@ -102,6 +102,7 @@
   "dependencies": {
     "@headlessui/react": "^0.3.0",
     "@stripe/stripe-js": "^1.21.1",
+    "gapi-script": "^1.2.0",
     "i18next": "^19.1.0",
     "react-easy-crop": "^3.3.2",
     "react-facebook-login": "^4.1.1",