@erxes/ui 3.2.21-1 → 3.2.22-1

package/dist/modules/icons/components/TablerIcons.d.ts

@@ -289,4 +289,6 @@ export declare const ALL_ICONS: {
     IconTicket: import("react").ForwardRefExoticComponent<import("@tabler/icons-react").IconProps & import("react").RefAttributes<import("@tabler/icons-react").Icon>>;
     IconShoppingCart: import("react").ForwardRefExoticComponent<import("@tabler/icons-react").IconProps & import("react").RefAttributes<import("@tabler/icons-react").Icon>>;
     IconShoppingCartPlus: import("react").ForwardRefExoticComponent<import("@tabler/icons-react").IconProps & import("react").RefAttributes<import("@tabler/icons-react").Icon>>;
+    IconCrown: import("react").ForwardRefExoticComponent<import("@tabler/icons-react").IconProps & import("react").RefAttributes<import("@tabler/icons-react").Icon>>;
+    IconStairs: import("react").ForwardRefExoticComponent<import("@tabler/icons-react").IconProps & import("react").RefAttributes<import("@tabler/icons-react").Icon>>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@erxes/ui",
-  "version": "3.2.21-1",
+  "version": "3.2.22-1",
   "description": "erxes design system: UI primitives, business modules, hooks and shared frontend state",
   "license": "AGPL-3.0-only",
   "repository": {

package/src/components/spinner.tsx

@@ -128,7 +128,9 @@ const WaitingBot = ({ className }: { className?: string }) => (
         />
       ))}
     </svg>
-    <span className="text-xs text-muted-foreground">Loading</span>
+    <span className="bg-[linear-gradient(90deg,var(--color-muted-foreground)_40%,var(--color-foreground)_50%,var(--color-muted-foreground)_60%)] bg-size-[300%_100%] bg-clip-text text-xs text-transparent motion-safe:animate-text-shimmer motion-reduce:text-muted-foreground">
+      Loading
+    </span>
   </div>
 );
 

package/src/modules/icons/components/TablerIcons.ts

@@ -289,6 +289,8 @@ import {
   IconTicket,
   IconShoppingCart,
   IconShoppingCartPlus,
+  IconCrown,
+  IconStairs,
 } from '@tabler/icons-react';
 
 export const ALL_ICONS = {
@@ -582,4 +584,6 @@ export const ALL_ICONS = {
   IconTicket,
   IconShoppingCart,
   IconShoppingCartPlus,
+  IconCrown,
+  IconStairs,
 };

package/src/theme.css

@@ -97,6 +97,7 @@
   --animate-bot-glance: bot-glance 4.5s ease-in-out infinite;
   --animate-bot-blink: bot-blink 4.5s infinite;
   --animate-bot-dots: bot-dots 1.2s infinite;
+  --animate-text-shimmer: text-shimmer 1.8s linear infinite;
 
   --animate-first: move-vertical 30s ease infinite;
   --animate-second: move-in-circle 20s reverse infinite;
@@ -204,6 +205,14 @@
       opacity: 1;
     }
   }
+  @keyframes text-shimmer {
+    from {
+      background-position: 100% 0;
+    }
+    to {
+      background-position: 0% 0;
+    }
+  }
 
   @keyframes move-vertical {
     0% {