@pelcro/react-pelcro-js 3.2.0-beta.9 → 3.3.1-beta.1

package/dist/pelcro.css

@@ -827,7 +827,7 @@ Add the correct display in Chrome and Safari.
 }
 
 .pelcro-root .pelcro-input-wrapper {
-  margin-bottom: 0.75rem;
+  margin-bottom: 1.5rem;
   width: 100%;
 }
 
@@ -838,10 +838,11 @@ Add the correct display in Chrome and Safari.
 }
 
 .pelcro-root .pelcro-input-error {
-  height: 0.75rem;
+  height: auto;
   font-size: 0.875rem;
   line-height: 1.25rem;
-  margin-top: 0.25rem;
+  margin-top: 0.125rem;
+  position: absolute;
   --tw-text-opacity: 1;
   color: rgba(180, 48, 43, var(--tw-text-opacity));
   text-transform: none;
@@ -1911,11 +1912,6 @@ in order to scope selectors under pelcro-root
   border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
 }
 
-.pelcro-root .plc-border-black {
-  --tw-border-opacity: 1;
-  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
-}
-
 .pelcro-root .plc-border-white {
   --tw-border-opacity: 1;
   border-color: rgba(255, 255, 255, var(--tw-border-opacity));
@@ -2009,6 +2005,10 @@ in order to scope selectors under pelcro-root
   cursor: pointer;
 }
 
+.pelcro-root .plc-block {
+  display: block;
+}
+
 .pelcro-root .plc-inline-block {
   display: inline-block;
 }
@@ -2231,12 +2231,9 @@ in order to scope selectors under pelcro-root
   margin-bottom: 1rem;
 }
 
-.pelcro-root .plc-mr-0 {
-  margin-right: 0px;
-}
-
-.pelcro-root .plc-ml-0 {
-  margin-left: 0px;
+.pelcro-root .plc-mx-auto {
+  margin-left: auto;
+  margin-right: auto;
 }
 
 .pelcro-root .plc-mt-1 {
@@ -2275,6 +2272,10 @@ in order to scope selectors under pelcro-root
   margin-top: 0.75rem;
 }
 
+.pelcro-root .plc-mb-3 {
+  margin-bottom: 0.75rem;
+}
+
 .pelcro-root .plc-ml-3 {
   margin-left: 0.75rem;
 }
@@ -2526,6 +2527,10 @@ in order to scope selectors under pelcro-root
   bottom: 1rem;
 }
 
+.pelcro-root .plc-top-7 {
+  top: 1.75rem;
+}
+
 .pelcro-root .plc-top-16 {
   top: 4rem;
 }
@@ -2567,6 +2572,11 @@ in order to scope selectors under pelcro-root
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.pelcro-root .focus\:plc-shadow-none:focus {
+  --tw-shadow: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 * {
   --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
   --tw-ring-offset-width: 0px;
@@ -2588,6 +2598,12 @@ in order to scope selectors under pelcro-root
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.pelcro-root .focus\:plc-ring-0:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
 .pelcro-root .focus\:plc-ring-2:focus {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2655,11 +2671,6 @@ in order to scope selectors under pelcro-root
   color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
 }
 
-.pelcro-root .plc-text-black {
-  --tw-text-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-text-opacity));
-}
-
 .pelcro-root .plc-text-white {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity));
@@ -2772,6 +2783,11 @@ in order to scope selectors under pelcro-root
   color: rgba(107, 114, 128, var(--tw-text-opacity));
 }
 
+.pelcro-root .hover\:plc-text-gray-900:hover {
+  --tw-text-opacity: 1;
+  color: rgba(17, 24, 39, var(--tw-text-opacity));
+}
+
 .pelcro-root .focus\:plc-text-black:focus {
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
@@ -2889,10 +2905,6 @@ in order to scope selectors under pelcro-root
   width: 9rem;
 }
 
-.pelcro-root .plc-w-52 {
-  width: 13rem;
-}
-
 .pelcro-root .plc-w-56 {
   width: 14rem;
 }

package/package.json

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