@pelcro/react-pelcro-js 4.0.0-alpha.21 → 4.0.0-alpha.23

package/dist/pelcro.css

@@ -1971,6 +1971,10 @@ in order to scope selectors under pelcro-root
   top: 0.5rem;
 }
 
+.pelcro-root .plc-top-5 {
+  top: 1.25rem;
+}
+
 .pelcro-root .plc-top-7 {
   top: 1.75rem;
 }
@@ -1999,6 +2003,10 @@ 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;
 }
@@ -2043,6 +2051,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;
 }
@@ -2051,6 +2063,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;
@@ -2290,6 +2306,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;
 }
@@ -2422,6 +2442,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%;
 }
@@ -2554,6 +2578,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;
@@ -2682,6 +2710,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;
 }
@@ -3276,6 +3308,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));
@@ -3348,6 +3385,11 @@ in order to scope selectors under pelcro-root
   color: rgba(17, 24, 39, var(--tw-text-opacity));
 }
 
+.pelcro-root .hover\:plc-text-red-500:hover {
+  --tw-text-opacity: 1;
+  color: rgba(180, 48, 43, var(--tw-text-opacity));
+}
+
 .pelcro-root .focus\:plc-text-black:focus {
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
@@ -3660,6 +3702,10 @@ in order to scope selectors under pelcro-root
 }
 
 @media (min-width: 1024px) {
+  .pelcro-root .lg\:plc-hidden {
+    display: none;
+  }
+
   .pelcro-root .lg\:plc-w-3\/12 {
     width: 25%;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "4.0.0-alpha.21",
+  "version": "4.0.0-alpha.23",
   "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",