@aurora-is-near/intents-swap-widget 3.15.2 → 3.16.0

package/src/icons/xrp.svg

@@ -0,0 +1,17 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_182_4)">
+<path d="M28 0H0V28H28V0Z" fill="white"/>
+<mask id="mask0_182_4" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="6" y="7" width="16" height="14">
+<path d="M21.87 7.55H6.12V20.44H21.87V7.55Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_182_4)">
+<path d="M19.57 7.55H21.85L17.11 12.18C15.39 13.86 12.61 13.86 10.9 12.18L6.15999 7.55H8.43999L12.04 11.07C12.56 11.58 13.27 11.87 14.01 11.87C14.75 11.87 15.45 11.58 15.98 11.07L19.58 7.55H19.57Z" fill="#23292F"/>
+<path d="M8.39999 20.44H6.12L10.89 15.78C12.61 14.1 15.39 14.1 17.1 15.78L21.87 20.44H19.59L15.96 16.89C15.44 16.38 14.73 16.09 13.99 16.09C13.25 16.09 12.55 16.38 12.02 16.89L8.39 20.44H8.39999Z" fill="#23292F"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_182_4">
+<rect width="28" height="28" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/icons/zec.svg

@@ -0,0 +1,16 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_182_8)">
+<path d="M28 0H0V28H28V0Z" fill="#F4B728"/>
+<mask id="mask0_182_8" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="28" height="28">
+<path d="M21 0H7C3.13401 0 0 3.13401 0 7V21C0 24.866 3.13401 28 7 28H21C24.866 28 28 24.866 28 21V7C28 3.13401 24.866 0 21 0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_182_8)">
+<path d="M15.17 22.84V20.49H18.99V17.67H13.07L18.99 9.63V7.5H15.17V5.15H12.82V7.5H9.01V10.33H14.92L9.01 18.36V20.49H12.82V22.84H15.17Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_182_8">
+<rect width="28" height="28" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/tailwind.css

@@ -74,10 +74,6 @@
 }
 
 @layer base {
-  .sw {
-    font-family: var(--font-family-sw);
-  }
-
   .hide-scrollbar {
     -ms-overflow-style: none;
     scrollbar-width: none;

package/src/theme/ThemeProvider.tsx

@@ -73,6 +73,8 @@ export const ThemeProvider = ({ children, theme }: ThemeProviderProps) => {
   }, [theme]);
 
   return (
-    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>
+    <ThemeContext.Provider value={value}>
+      <div className="sw">{children}</div>
+    </ThemeContext.Provider>
   );
 };

package/src/theme.css

@@ -1,5 +1,6 @@
 :root {
     --font-family-sw: 'Inter', sans-serif;
+    --default-font-family: var(--font-family-sw);
 
     --r-sw-sm: 6px;
     --r-sw-md: 10px;
@@ -73,11 +74,11 @@
     }
 }
 
-:root {
-  font-family: Inter, sans-serif;
-  font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
+.sw {
+  font-family: var(--font-family-sw);
+  font-feature-settings: 'liga' 1, 'calt' 1;
 }
 
 @supports (font-variation-settings: normal) {
-  :root { font-family: InterVariable, sans-serif; }
+  .sw { font-family: var(--font-family-sw); }
 }

package/src/types/chain.ts

@@ -5,7 +5,6 @@ export type EvmChains = (typeof EVM_CHAINS)[number];
 
 export type Chain = {
   id: Chains;
-  icon: string;
   label: string;
 };
 

package/src/types/config.ts

@@ -12,7 +12,7 @@ export type IntentsAccountType = 'evm' | 'near' | 'sol';
 export type WidgetConfig = {
   // Application metadata
   appName: string;
-  appIcon: string;
+  appIcon?: string;
 
   // Connected wallet
   intentsAccountType?: IntentsAccountType;

package/src/types/token.ts

@@ -15,7 +15,6 @@ export type Token = Omit<SimpleToken, 'icon'> & {
   isIntent: boolean;
   chainName: string;
   name: string;
-  chainIcon: string;
 };
 
 export type TokenBalance = string | 0 | undefined;

package/src/widgets/WidgetDeposit/WidgetDepositContent.tsx

@@ -233,7 +233,7 @@ export const WidgetDepositContent = ({
             }}
           />
 
-          <DepositMethodSwitcher className="mt-sw-md">
+          <DepositMethodSwitcher>
             {({ isExternal }) =>
               isExternal ? (
                 <div className="gap-sw-2xl flex flex-col justify-between">