@pelcro/react-pelcro-js 3.0.0 → 3.1.0-beta.3

package/dist/pelcro.css

@@ -1804,6 +1804,11 @@ in order to scope selectors under pelcro-root
   background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
 }
 
+.pelcro-root .plc-bg-red-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 190, 188, var(--tw-bg-opacity));
+}
+
 .pelcro-root .plc-bg-red-500 {
   --tw-bg-opacity: 1;
   background-color: rgba(180, 48, 43, var(--tw-bg-opacity));
@@ -1838,6 +1843,10 @@ in order to scope selectors under pelcro-root
   background-color: transparent;
 }
 
+.pelcro-root .hover\:plc-bg-primary-600:hover {
+  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
+}
+
 .pelcro-root .hover\:plc-bg-white:hover {
   --tw-bg-opacity: 1;
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
@@ -1877,6 +1886,10 @@ in order to scope selectors under pelcro-root
   background-color: transparent;
 }
 
+.pelcro-root .focus\:plc-bg-primary-600:focus {
+  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
+}
+
 .pelcro-root .disabled\:plc-bg-gray-400:disabled {
   --tw-bg-opacity: 1;
   background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
@@ -1898,6 +1911,11 @@ 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));
@@ -2213,6 +2231,14 @@ 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-mt-1 {
   margin-top: 0.25rem;
 }
@@ -2411,6 +2437,11 @@ in order to scope selectors under pelcro-root
   padding-right: 1.25rem;
 }
 
+.pelcro-root .plc-px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
 .pelcro-root .plc-pt-1 {
   padding-top: 0.25rem;
 }
@@ -2531,6 +2562,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 .hover\:plc-shadow-none:hover {
+  --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;
@@ -2552,6 +2588,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-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);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
 .pelcro-root .plc-ring-primary-400 {
   --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
 }
@@ -2566,6 +2608,10 @@ in order to scope selectors under pelcro-root
   --tw-ring-color: rgba(209, 70, 65, var(--tw-ring-opacity));
 }
 
+.pelcro-root .focus\:plc-ring-primary-300:focus {
+  --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
+}
+
 .pelcro-root .focus\:plc-ring-red-500:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgba(180, 48, 43, var(--tw-ring-opacity));
@@ -2576,6 +2622,11 @@ in order to scope selectors under pelcro-root
   --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
 }
 
+.pelcro-root .focus\:plc-ring-blue-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
+}
+
 .pelcro-root .plc-fill-current {
   fill: currentColor;
 }
@@ -2604,6 +2655,11 @@ 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));
@@ -2644,6 +2700,11 @@ in order to scope selectors under pelcro-root
   color: rgba(180, 48, 43, var(--tw-text-opacity));
 }
 
+.pelcro-root .plc-text-red-700 {
+  --tw-text-opacity: 1;
+  color: rgba(98, 26, 23, var(--tw-text-opacity));
+}
+
 .pelcro-root .plc-text-yellow-700 {
   --tw-text-opacity: 1;
   color: rgba(180, 83, 9, var(--tw-text-opacity));
@@ -2716,6 +2777,11 @@ in order to scope selectors under pelcro-root
   color: rgba(0, 0, 0, var(--tw-text-opacity));
 }
 
+.pelcro-root .focus\:plc-text-white:focus {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+
 .pelcro-root .plc-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -2823,6 +2889,10 @@ 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.0.0",
+  "version": "3.1.0-beta.3",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",