@rango-dev/ui 0.33.1-next.5 → 0.34.1-next.0

package/dist/translations/de.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../../translations/de.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAA25c,CAAC"}
+{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../../translations/de.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAA2vd,CAAC"}

package/dist/translations/el.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"el.d.ts","sourceRoot":"","sources":["../../../../translations/el.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAy/c,CAAC"}
+{"version":3,"file":"el.d.ts","sourceRoot":"","sources":["../../../../translations/el.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAu1d,CAAC"}

package/dist/translations/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../translations/en.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAA+6a,CAAC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../translations/en.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAgvb,CAAC"}

package/dist/translations/es.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"es.d.ts","sourceRoot":"","sources":["../../../../translations/es.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAA4zc,CAAC"}
+{"version":3,"file":"es.d.ts","sourceRoot":"","sources":["../../../../translations/es.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAuod,CAAC"}

package/dist/translations/fi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fi.d.ts","sourceRoot":"","sources":["../../../../translations/fi.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAs0b,CAAC"}
+{"version":3,"file":"fi.d.ts","sourceRoot":"","sources":["../../../../translations/fi.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAooc,CAAC"}

package/dist/translations/fr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fr.d.ts","sourceRoot":"","sources":["../../../../translations/fr.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAold,CAAC"}
+{"version":3,"file":"fr.d.ts","sourceRoot":"","sources":["../../../../translations/fr.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAw8d,CAAC"}

package/dist/translations/it.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"it.d.ts","sourceRoot":"","sources":["../../../../translations/it.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAmxc,CAAC"}
+{"version":3,"file":"it.d.ts","sourceRoot":"","sources":["../../../../translations/it.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAwld,CAAC"}

package/dist/translations/ja.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ja.d.ts","sourceRoot":"","sources":["../../../../translations/ja.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAA2pW,CAAC"}
+{"version":3,"file":"ja.d.ts","sourceRoot":"","sources":["../../../../translations/ja.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAA65W,CAAC"}

package/dist/translations/nl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nl.d.ts","sourceRoot":"","sources":["../../../../translations/nl.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAq/b,CAAC"}
+{"version":3,"file":"nl.d.ts","sourceRoot":"","sources":["../../../../translations/nl.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAo0c,CAAC"}

package/dist/translations/pl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pl.d.ts","sourceRoot":"","sources":["../../../../translations/pl.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAA60b,CAAC"}
+{"version":3,"file":"pl.d.ts","sourceRoot":"","sources":["../../../../translations/pl.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAopc,CAAC"}

package/dist/translations/pt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pt.d.ts","sourceRoot":"","sources":["../../../../translations/pt.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAgpc,CAAC"}
+{"version":3,"file":"pt.d.ts","sourceRoot":"","sources":["../../../../translations/pt.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAA49c,CAAC"}

package/dist/translations/ru.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ru.d.ts","sourceRoot":"","sources":["../../../../translations/ru.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAs6b,CAAC"}
+{"version":3,"file":"ru.d.ts","sourceRoot":"","sources":["../../../../translations/ru.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAA2vc,CAAC"}

package/dist/translations/sv.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sv.d.ts","sourceRoot":"","sources":["../../../../translations/sv.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAA2jb,CAAC"}
+{"version":3,"file":"sv.d.ts","sourceRoot":"","sources":["../../../../translations/sv.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAA22b,CAAC"}

package/dist/translations/uk.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uk.d.ts","sourceRoot":"","sources":["../../../../translations/uk.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAo2b,CAAC"}
+{"version":3,"file":"uk.d.ts","sourceRoot":"","sources":["../../../../translations/uk.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAyrc,CAAC"}

package/dist/translations/zh.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zh.d.ts","sourceRoot":"","sources":["../../../../translations/zh.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAA4pV,CAAC"}
+{"version":3,"file":"zh.d.ts","sourceRoot":"","sources":["../../../../translations/zh.ts"],"names":[],"mappings":"AAAkB,eAAO,MAAM,QAAQ,KAAs4V,CAAC"}

package/dist/widget/ui/src/components/ChainToken/ChainToken.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChainToken.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChainToken/ChainToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuDpD,CAAC"}
+{"version":3,"file":"ChainToken.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChainToken/ChainToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6DpD,CAAC"}

package/dist/widget/ui/src/components/ChainToken/ChainToken.styles.d.ts

@@ -162,6 +162,171 @@ export declare const Container: import("@stitches/react/types/styled-component")
 }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
 export declare const ChainImageContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {
     size?: "small" | "medium" | "large" | "xmedium" | undefined;
+    hasBorder?: boolean | "true" | "false" | undefined;
+}, {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+}, {
+    colors: {
+        primary: string;
+        primary500: string;
+        primary600: string;
+        secondary: string;
+        secondary100: string;
+        secondary200: string;
+        secondary300: string;
+        secondary400: string;
+        secondary500: string;
+        secondary600: string;
+        secondary700: string;
+        secondary800: string;
+        secondary900: string;
+        neutral: string;
+        neutral100: string;
+        neutral200: string;
+        neutral300: string;
+        neutral400: string;
+        neutral500: string;
+        neutral600: string;
+        neutral700: string;
+        neutral800: string;
+        neutral900: string;
+        error100: string;
+        error300: string;
+        error500: string;
+        error600: string;
+        error700: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning600: string;
+        warning700: string;
+        info: string;
+        info100: string;
+        info300: string;
+        info500: string;
+        info600: string;
+        info700: string;
+        success100: string;
+        success300: string;
+        success500: string;
+        success600: string;
+        success700: string;
+        background: string;
+        foreground: string;
+    };
+    space: {
+        0: string;
+        5: string;
+        10: string;
+        15: string;
+        20: string;
+        25: string;
+        30: string;
+        40: string;
+        46: string;
+        50: string;
+        60: string;
+        70: string;
+        80: string;
+        90: string;
+        100: string;
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+        24: string;
+        28: string;
+        32: string;
+    };
+    radii: {
+        xs: string;
+        sm: string;
+        xm: string;
+        md: string;
+        xl: string;
+        lg: string;
+        primary: string;
+        secondary: string;
+    };
+    fontSizes: {
+        10: string;
+        12: string;
+        14: string;
+        16: string;
+        18: string;
+        20: string;
+        22: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        48: string;
+    };
+    fonts: {
+        primary: string;
+        widget: string;
+    };
+    fontWeights: {
+        regular: number;
+        medium: number;
+        semiBold: number;
+        bold: number;
+    };
+    lineHeights: {
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        26: string;
+        28: string;
+        30: string;
+        36: string;
+        40: string;
+        44: string;
+        52: string;
+        64: string;
+    };
+    letterSpacings: {};
+    sizes: {
+        4: string;
+        6: string;
+        8: string;
+        10: string;
+        12: string;
+        16: string;
+        18: string;
+        20: string;
+        24: string;
+        26: string;
+        28: string;
+        30: string;
+        32: string;
+        36: string;
+        40: string;
+        45: string;
+        48: string;
+    };
+    borderWidths: {};
+    borderStyles: {};
+    shadows: {
+        s: string;
+    };
+    zIndices: {};
+    transitions: {};
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
+export declare const TokenImageContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+    hasBorder?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;
     sm: string;

package/dist/widget/ui/src/components/ChainToken/ChainToken.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChainToken.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChainToken/ChainToken.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAIpB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAyB9B,CAAC"}
+{"version":3,"file":"ChainToken.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChainToken/ChainToken.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAIpB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAsC9B,CAAC;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAmB9B,CAAC"}

package/dist/widget/ui/src/containers/SwapInput/SwapInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwapInput.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,kBAAkB,qBA+HlD"}
+{"version":3,"file":"SwapInput.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,kBAAkB,qBAsIlD"}

package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts

@@ -338,7 +338,9 @@ export declare const InputAmount: import("@stitches/react/types/styled-component
     labelProps?: import("../../components").TypographyPropTypes | undefined;
 } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & {
     children?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLInputElement>>, {}, {
+} & import("react").RefAttributes<HTMLInputElement>>, {
+    isZero?: boolean | "true" | undefined;
+}, {
     xs: string;
     sm: string;
     md: string;

package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwapInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SwapInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.styles.ts"],"names":[],"mappings":"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"}

package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenSection.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.styles.ts"],"names":[],"mappings":";;;AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA2BpB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAQ,CAAC;AAErC,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAehC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAQ3B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAGzB,CAAC"}
+{"version":3,"file":"TokenSection.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.styles.ts"],"names":[],"mappings":";;;AAKA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAqCpB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAQ,CAAC;AAErC,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAehC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAQ3B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAGzB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/ui",
-  "version": "0.33.1-next.5",
+  "version": "0.34.1-next.0",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -50,7 +50,7 @@
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tooltip": "^1.0.2",
-    "@rango-dev/wallets-shared": "^0.32.1-next.2",
+    "@rango-dev/wallets-shared": "^0.33.0",
     "@stitches/react": "^1.2.8",
     "copy-to-clipboard": "^3.3.3",
     "rango-sdk": "^0.1.45",
@@ -60,4 +60,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/components/BlockchainsChip/BlockchainsChip.styles.ts

@@ -22,7 +22,7 @@ export const Chip = styled('button', {
     overflow: 'hidden',
   },
   '&:hover': {
-    $$color: '$colors$info100',
+    $$color: '$colors$secondary100',
     [`.${darkTheme} &`]: {
       $$color: '$colors$neutral100',
     },
@@ -30,7 +30,7 @@ export const Chip = styled('button', {
   },
   '&:focus-visible': {
     outline: 0,
-    $$color: '$colors$info100',
+    $$color: '$colors$secondary100',
     [`.${darkTheme} &`]: {
       $$color: '$colors$info700',
     },

package/src/components/ChainToken/ChainToken.styles.ts

@@ -1,4 +1,4 @@
-import { styled } from '../../theme';
+import { darkTheme, styled } from '../../theme';
 import { Image } from '../common';
 
 export const Container = styled('div', {
@@ -9,9 +9,12 @@ export const Container = styled('div', {
 
 export const ChainImageContainer = styled('div', {
   position: 'absolute',
-  border: '0.5px solid $background',
   borderRadius: '100%',
-  backgroundColor: '$background',
+  $$color: '$colors$neutral100',
+  [`.${darkTheme} &`]: {
+    $$color: '$colors$neutral300',
+  },
+  backgroundColor: '$$color',
   variants: {
     size: {
       small: {
@@ -31,5 +34,35 @@ export const ChainImageContainer = styled('div', {
         bottom: '-5px',
       },
     },
+    hasBorder: {
+      true: {
+        $$borderColor: '$colors$secondary400',
+        [`.${darkTheme} &`]: {
+          $$borderColor: '$colors$secondary600',
+        },
+        border: '1px solid $$borderColor',
+      },
+      false: {},
+    },
+  },
+});
+export const TokenImageContainer = styled('div', {
+  borderRadius: '100%',
+  width: '$30',
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+
+  variants: {
+    hasBorder: {
+      true: {
+        $$borderColor: '$colors$secondary600',
+        [`.${darkTheme} &`]: {
+          $$borderColor: '$colors$secondary500',
+        },
+        border: '1px solid $$borderColor',
+      },
+      false: {},
+    },
   },
 });

package/src/components/ChainToken/ChainToken.tsx

@@ -6,7 +6,11 @@ import { Image } from '../common';
 import { Skeleton } from '../Skeleton';
 
 import { tokenChainSizeMap } from './ChainToken.constants';
-import { ChainImageContainer, Container } from './ChainToken.styles';
+import {
+  ChainImageContainer,
+  Container,
+  TokenImageContainer,
+} from './ChainToken.styles';
 
 export const ChainToken: React.FC<ChainTokenPropTypes> = (props) => {
   const {
@@ -17,6 +21,7 @@ export const ChainToken: React.FC<ChainTokenPropTypes> = (props) => {
     useAsPlaceholder,
     loading,
   } = props;
+
   return (
     <Container
       css={
@@ -34,14 +39,19 @@ export const ChainToken: React.FC<ChainTokenPropTypes> = (props) => {
           width={tokenChainSizeMap[size].token}
         />
       ) : (
-        <Image
-          size={tokenChainSizeMap[size].token}
-          src={tokenImage}
-          type="circular"
-          {...((useAsPlaceholder || !tokenImage) && { useAsPlaceholder: true })}
-        />
+        <TokenImageContainer hasBorder={!tokenImage}>
+          <Image
+            size={tokenChainSizeMap[size].token}
+            src={tokenImage}
+            type="circular"
+            {...((useAsPlaceholder || !tokenImage) && {
+              useAsPlaceholder: true,
+              backgroundColor: 'transparent',
+            })}
+          />
+        </TokenImageContainer>
       )}
-      <ChainImageContainer size={size}>
+      <ChainImageContainer size={size} hasBorder={!chainImage}>
         {loading ? (
           <Skeleton
             variant="circular"
@@ -56,7 +66,7 @@ export const ChainToken: React.FC<ChainTokenPropTypes> = (props) => {
             type="circular"
             {...((useAsPlaceholder || !chainImage) && {
               useAsPlaceholder: true,
-              backgroundColor: '$secondary300',
+              backgroundColor: 'transparent',
             })}
           />
         )}

package/src/components/Chip/Chip.styles.ts

@@ -17,7 +17,7 @@ export const ChipContainer = styled('button', {
   backgroundColor: '$$color',
 
   '&:hover': {
-    $$color: '$colors$info100',
+    $$color: '$colors$secondary100',
     [`.${darkTheme} &`]: {
       $$color: '$colors$neutral100',
     },
@@ -25,7 +25,7 @@ export const ChipContainer = styled('button', {
   },
 
   '&:focus-visible': {
-    $$color: '$colors$info100',
+    $$color: '$colors$secondary100',
     [`.${darkTheme} &`]: {
       $$color: '$colors$info700',
     },

package/src/components/ListItemButton/ListItemButton.styles.ts

@@ -4,7 +4,7 @@ import { ListItem } from '../ListItem/ListItem';
 export const BaseListItemButton = styled(ListItem, {
   transition: 'all 0.35s',
   '&:hover': {
-    $$color: '$colors$info100',
+    $$color: '$colors$secondary100',
     [`.${darkTheme} &`]: {
       $$color: '$colors$neutral100',
     },
@@ -19,7 +19,7 @@ export const BaseListItemButton = styled(ListItem, {
     borderRadius: '$xs',
 
     outline: 0,
-    $$color: '$colors$info100',
+    $$color: '$colors$secondary100',
     [`.${darkTheme} &`]: {
       $$color: '$colors$info700',
     },

package/src/components/MessageBox/CollapsibleMessageBox.styles.tsx

@@ -16,14 +16,14 @@ export const Trigger = styled(Collapsible.Trigger, {
   border: 0,
   width: '100%',
   '&:hover': {
-    $$color: '$colors$info100',
+    $$color: '$colors$secondary100',
     [`.${darkTheme} &`]: {
       $$color: '$colors$neutral100',
     },
     backgroundColor: '$$color',
   },
   '&:focus-visible': {
-    $$color: '$colors$info100',
+    $$color: '$colors$secondary100',
     [`.${darkTheme} &`]: {
       $$color: '$colors$info700',
     },

package/src/components/PriceImpact/PriceImpact.tsx

@@ -42,7 +42,7 @@ export function PriceImpact(props: PriceImpactPropTypes) {
             size={size}
             variant="body"
             color={outputColor || '$neutral600'}>
-            {`~$${outputUsdValue}`}
+            {outputUsdValue === '0' ? '0.00' : `~$${outputUsdValue}`}
           </OutputUsdValue>
         </Tooltip>
       )}

package/src/components/Select/Select.styles.ts

@@ -41,7 +41,7 @@ export const SelectTrigger = styled(Select.Trigger, {
           backgroundColor: '$neutral400',
         },
         '&:hover': {
-          backgroundColor: '$info100',
+          backgroundColor: '$secondary100',
           [`.${darkTheme} &`]: {
             backgroundColor: '$neutral',
           },
@@ -84,7 +84,7 @@ export const SelectItem = styled(Select.Item, {
   },
 
   '&:hover': {
-    backgroundColor: '$info100',
+    backgroundColor: '$secondary100',
     '& ._text': {
       color: '$secondary500',
     },

package/src/components/SwapListItem/SwapListItem.styles.ts

@@ -30,14 +30,14 @@ export const Main = styled('button', {
   cursor: 'pointer',
   fontFamily: 'inherit',
   '&:hover': {
-    $$color: '$colors$info100',
+    $$color: '$colors$secondary100',
     [`.${darkTheme} &`]: {
       $$color: '$colors$neutral100',
     },
     backgroundColor: '$$color',
   },
   '&:focus-visible': {
-    $$color: '$colors$info100',
+    $$color: '$colors$secondary100',
     [`.${darkTheme} &`]: {
       $$color: '$colors$info700',
     },

package/src/components/Tabs/Tabs.styles.tsx

@@ -93,7 +93,7 @@ export const Tab = styled(Button, {
       isActive: false,
       css: {
         '&:hover': {
-          backgroundColor: '$info100',
+          backgroundColor: '$secondary100',
           color: '$secondary500',
           [`.${darkTheme} &`]: {
             backgroundColor: 'transparent',

package/src/components/TextField/TextField.styles.ts

@@ -31,7 +31,7 @@ export const InputContainer = styled('div', {
         },
         backgroundColor: '$$color',
         '&:hover': {
-          $$color: '$colors$info100',
+          $$color: '$colors$secondary100',
           [`.${darkTheme} &`]: {
             $$color: '$colors$neutral100',
           },
@@ -42,7 +42,7 @@ export const InputContainer = styled('div', {
         backgroundColor: 'transparent',
         border: '1px solid $neutral100',
         '&:hover': {
-          $$color: '$colors$info100',
+          $$color: '$colors$secondary100',
           [`.${darkTheme} &`]: {
             $$color: '$colors$neutral400',
           },

package/src/components/Toast/Toast.styles.ts

@@ -263,7 +263,7 @@ export const AlertBox = styled('div', {
         backgroundColor: '$background',
         borderRight: '1px solid',
         '&:hover': {
-          backgroundColor: '$info100',
+          backgroundColor: '$secondary100',
           [`.${darkTheme} &`]: {
             backgroundColor: '$neutral300',
           },

package/src/components/Wallet/Wallet.styles.ts

@@ -34,14 +34,14 @@ export const WalletButton = styled('button', {
   position: 'relative',
   fontFamily: 'inherit',
   '&:hover': {
-    $$color: '$colors$info100',
+    $$color: '$colors$secondary100',
     [`.${darkTheme} &`]: {
       $$color: '$colors$neutral100',
     },
     backgroundColor: '$$color',
   },
   '&:focus-visible': {
-    $$color: '$colors$info100',
+    $$color: '$colors$secondary100',
     [`.${darkTheme} &`]: {
       $$color: '$colors$info700',
     },

package/src/containers/SwapInput/SwapInput.styles.ts

@@ -38,6 +38,17 @@ export const InputAmount = styled(TextField, {
   '&:disabled': {
     cursor: 'unset',
   },
+  variants: {
+    isZero: {
+      true: {
+        $$color: '$colors$neutral700',
+        [`.${darkTheme} &`]: {
+          $$color: '$colors$neutral900',
+        },
+        color: '$$color',
+      },
+    },
+  },
 });
 export const MaxButton = styled(Button, {
   $$color: '$colors$info300',