@pelcro/react-pelcro-js 3.26.0-beta.7 → 3.26.0-beta.70

package/dist/pelcro.css

@@ -1774,6 +1774,12 @@ apple-pay-button {
   margin-bottom: calc(1rem * var(--tw-space-y-reverse));
 }
 
+.pelcro-root .plc-space-x-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(2rem * var(--tw-space-x-reverse));
+  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
 .pelcro-root .plc-appearance-none {
   -webkit-appearance: none;
           appearance: none;
@@ -2063,6 +2069,10 @@ apple-pay-button {
   display: none;
 }
 
+.pelcro-root .plc-flex-row {
+  flex-direction: row;
+}
+
 .pelcro-root .plc-flex-row-reverse {
   flex-direction: row-reverse;
 }
@@ -2187,6 +2197,10 @@ apple-pay-button {
   height: 3.5rem;
 }
 
+.pelcro-root .plc-h-16 {
+  height: 4rem;
+}
+
 .pelcro-root .plc-h-20 {
   height: 5rem;
 }
@@ -2203,6 +2217,10 @@ apple-pay-button {
   height: 9rem;
 }
 
+.pelcro-root .plc-h-40 {
+  height: 10rem;
+}
+
 .pelcro-root .plc-h-52 {
   height: 13rem;
 }
@@ -2270,6 +2288,11 @@ apple-pay-button {
   margin: 0.125rem;
 }
 
+.pelcro-root .plc-my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+
 .pelcro-root .plc-my-2 {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
@@ -2285,6 +2308,16 @@ apple-pay-button {
   margin-bottom: 1rem;
 }
 
+.pelcro-root .plc-my-6 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+
+.pelcro-root .plc-my-auto {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
 .pelcro-root .plc-mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -2398,6 +2431,10 @@ apple-pay-button {
   max-height: 12rem;
 }
 
+.pelcro-root .plc-max-h-52 {
+  max-height: 13rem;
+}
+
 .pelcro-root .plc-max-h-72 {
   max-height: 18rem;
 }
@@ -2562,6 +2599,10 @@ apple-pay-button {
   padding-left: 1rem;
 }
 
+.pelcro-root .plc-pr-6 {
+  padding-right: 1.5rem;
+}
+
 .pelcro-root .plc-pr-8 {
   padding-right: 2rem;
 }
@@ -2668,6 +2709,11 @@ apple-pay-button {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.pelcro-root .plc-shadow-md_dark {
+  --tw-shadow: 0 0px 6px -1px rgba(0, 0, 0, 0.1), 0 0px 4px -1px rgba(0, 0, 0, 0.4);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .pelcro-root .plc-shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
@@ -2775,6 +2821,10 @@ apple-pay-button {
   text-align: center;
 }
 
+.pelcro-root .plc-text-justify {
+  text-align: justify;
+}
+
 .pelcro-root .plc-text-primary-400 {
   color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
 }
@@ -3260,6 +3310,10 @@ apple-pay-button {
   }
 }
 
+/* Hide scrollbar for Chrome, Safari and Opera */
+
+/* Hide scrollbar for IE, Edge and Firefox */
+
 @media (min-width: 640px) {
   .pelcro-root .sm\:plc-space-y-0 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-y-reverse: 0;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "3.26.0-beta.7",
+  "version": "3.26.0-beta.70",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",