@agility/plenum-ui 1.3.36 → 1.3.38

package/lib/tailwind.css

@@ -776,6 +776,10 @@ select {
   margin-right: 0.75rem;
 }
 
+.mr-2 {
+  margin-right: 0.5rem;
+}
+
 .ml-0 {
   margin-left: 0px;
 }
@@ -1163,6 +1167,10 @@ select {
   justify-content: center;
 }
 
+.justify-between {
+  justify-content: space-between;
+}
+
 .gap-4 {
   gap: 1rem;
 }
@@ -1723,6 +1731,10 @@ select {
   opacity: 0.6;
 }
 
+.opacity-75 {
+  opacity: 0.75;
+}
+
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1852,6 +1864,21 @@ select {
   z-index: 10;
 }
 
+.focus-within\:ring-2:focus-within {
+  --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);
+}
+
+.focus-within\:ring-purple-500:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(121 51 221 / var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-opacity-75:focus-within {
+  --tw-ring-opacity: 0.75;
+}
+
 .hover\:\!border-r-0:hover {
   border-right-width: 0px !important;
 }
@@ -1956,6 +1983,12 @@ select {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus\: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);
+}
+
 .focus\:ring-purple-500:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(121 51 221 / var(--tw-ring-opacity));
@@ -1966,15 +1999,19 @@ select {
   --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
 }
 
+.focus\:ring-opacity-75:focus {
+  --tw-ring-opacity: 0.75;
+}
+
 .focus-visible\:ring-2:focus-visible {
   --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);
 }
 
-.focus-visible\:ring-white:focus-visible {
+.focus-visible\:ring-purple-500:focus-visible {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(121 51 221 / var(--tw-ring-opacity));
 }
 
 .focus-visible\:ring-opacity-75:focus-visible {

package/lib/util/Loader.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 interface LoaderProps {
-    classes?: string;
+    className?: string;
 }
-export declare function Loader({ classes }: LoaderProps): JSX.Element;
+export declare function Loader({ className }: LoaderProps): JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@agility/plenum-ui",
-	"version": "1.3.36",
+	"version": "1.3.38",
 	"description": "Components that are part of the Agility CMS design system.",
 	"main": "lib/index.js",
 	"module": "lib/index.esm.js",