feat(web): font awesome icon animations

web/src/typings/context.ts

@@ -1,4 +1,5 @@
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import { IconAnimation } from '../components/LibIcon';
 
 export interface Option {
   menu?: string;
@@ -8,6 +9,7 @@ export interface Option {
   image?: string;
   icon?: IconProp | string;
   iconColor?: string;
+  iconAnimation?: IconAnimation;
   progress?: number;
   colorScheme?: string;
   readOnly?: boolean;

web/src/typings/menu.ts

@@ -1,4 +1,5 @@
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import { IconAnimation } from '../components/LibIcon';
 
 export type MenuPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 
@@ -12,6 +13,7 @@ export interface MenuItem {
   description?: string;
   icon?: IconProp | string;
   iconColor?: string;
+  iconAnimation?: IconAnimation;
   defaultIndex?: number;
   close?: boolean;
 }

web/src/typings/notifications.ts

@@ -1,6 +1,7 @@
 import { ToastPosition } from 'react-hot-toast';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import { Sx } from '@mantine/core';
+import { IconAnimation } from '../components/LibIcon';
 
 export interface NotificationProps {
   style?: Sx;
@@ -9,6 +10,7 @@ export interface NotificationProps {
   duration?: number;
   icon?: IconProp;
   iconColor?: string;
+  iconAnimation?: IconAnimation;
   position?: ToastPosition | 'top' | 'bottom';
   id?: number | string;
   type?: string;

web/src/typings/textui.ts

@@ -1,5 +1,6 @@
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import React from 'react';
+import { IconAnimation } from '../components/LibIcon';
 
 export type TextUiPosition = 'right-center' | 'left-center' | 'top-center';
 
@@ -8,6 +9,7 @@ export interface TextUiProps {
   position?: TextUiPosition;
   icon?: IconProp;
   iconColor?: string;
+  iconAnimation?: IconAnimation;
   style?: React.CSSProperties;
   alignIcon?: 'top' | 'center';
 }