@agility/plenum-ui 2.1.24 → 2.1.25

package/dist/tailwind.css

@@ -2147,6 +2147,16 @@ select {
   animation: spin 1s linear infinite;
 }
 
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.animate-spinSlower {
+  animation: spin 1s linear infinite;
+}
+
 .cursor-default {
   cursor: default;
 }
@@ -3260,8 +3270,8 @@ select {
   border-width: 2px;
 }
 
-.border-8 {
-  border-width: 8px;
+.border-4 {
+  border-width: 4px;
 }
 
 .\!border-l-0 {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@agility/plenum-ui",
-	"version": "2.1.24",
+	"version": "2.1.25",
 	"license": "MIT",
 	"main": "dist/index.js",
 	"module": "dist/index.js",

package/stories/atoms/loaders/Loader.tsx

@@ -1,21 +1,21 @@
-import React from "react"
-import { default as cn } from "classnames"
+import React from "react";
+import { default as cn } from "classnames";
 
 export interface ILoaderProps {
-	className?: string
+	className?: string;
 }
 const Loader: React.FC<ILoaderProps> = ({ className }) => {
 	return (
 		<>
 			<i
 				className={cn(
-					"rounded-full w-16 h-16 inline-block border-8 animate-spin m-auto",
-					className ? className : "border-purple-700 border-r-gray-200"
+					"rounded-full w-16 h-16 inline-block border-4 animate-spinSlower m-auto",
+					className ? className : "border-gray-200 border-r-violet-800"
 				)}
 				role="status"
 			/>
 		</>
-	)
-}
+	);
+};
 
-export default Loader
+export default Loader;

package/tailwind.config.js

@@ -239,7 +239,8 @@ module.exports = {
 				enter: "fadeInLeft 300ms ease-out",
 				exit: "fadeOutLeft 300ms ease-in forwards",
 				quickBounce: "quickBounce 200ms ease-out forwards",
-				fadeIn: "fadeIn 400ms ease-in-out forwards"
+				fadeIn: "fadeIn 400ms ease-in-out forwards",
+				spinSlower: "spin 1s linear infinite"
 			},
 
 			keyframes: {
@@ -290,4 +291,4 @@ module.exports = {
 		}
 	},
 	plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography"), require("@headlessui/tailwindcss")]
-}
+};