@rango-dev/ui 0.17.1-next.5 → 0.17.1-next.7

package/dist/widget/ui/src/containers/SwapHistory/SwapHistory.d.ts

@@ -52,6 +52,7 @@ export declare const SwapperContainer: import("@stitches/react/types/styled-comp
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;
@@ -208,6 +209,7 @@ export declare const BodyError: import("@stitches/react/types/styled-component")
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;
@@ -364,6 +366,7 @@ export declare const ErrorMsg: import("@stitches/react/types/styled-component").
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;
@@ -520,6 +523,7 @@ export declare const FeeContainer: import("@stitches/react/types/styled-componen
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;
@@ -676,6 +680,7 @@ export declare const Fee: import("@stitches/react/types/styled-component").Style
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;
@@ -832,6 +837,7 @@ export declare const RelativeContainer: import("@stitches/react/types/styled-com
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;
@@ -988,6 +994,7 @@ export declare const Footer: import("@stitches/react/types/styled-component").St
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;
@@ -1144,6 +1151,7 @@ export declare const Dot: import("@stitches/react/types/styled-component").Style
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;
@@ -1300,6 +1308,7 @@ export declare const ArrowDown: import("@stitches/react/types/styled-component")
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;
@@ -1456,6 +1465,7 @@ export declare const Line: import("@stitches/react/types/styled-component").Styl
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;

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

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

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

@@ -46,6 +46,7 @@ export declare const Container: import("@stitches/react/types/styled-component")
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;
@@ -211,6 +212,7 @@ export declare const InputAmount: import("@stitches/react/types/styled-component
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;
@@ -646,6 +648,7 @@ export declare const MaxButton: import("@stitches/react/types/styled-component")
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: 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":";;;AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAyCpB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAUtB,CAAC;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAMpB,CAAC"}
+{"version":3,"file":"SwapInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.styles.ts"],"names":[],"mappings":";;;AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAyCpB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAUtB,CAAC;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAMpB,CAAC"}

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

@@ -323,6 +323,7 @@ export declare const Container: import("@stitches/react/types/styled-component")
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;
@@ -479,6 +480,7 @@ export declare const TokenSectionContainer: import("@stitches/react/types/styled
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAwBpB,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAmBhC,CAAC"}
+{"version":3,"file":"TokenSection.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.styles.ts"],"names":[],"mappings":";;;AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAwBpB,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAmBhC,CAAC"}

package/dist/widget/ui/src/containers/TokenSelector/TokenSelector.d.ts

@@ -44,6 +44,7 @@ export declare const LoaderContainer: import("@stitches/react/types/styled-compo
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;

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

@@ -1 +1 @@
-{"version":3,"file":"TokenSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/TokenSelector/TokenSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,EAEL,eAAe,EAChB,MAAM,sCAAsC,CAAC;AAE9C,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAM1B,CAAC;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAChC,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAUD,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,qBAkC7C"}
+{"version":3,"file":"TokenSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/TokenSelector/TokenSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,EAEL,eAAe,EAChB,MAAM,sCAAsC,CAAC;AAE9C,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAM1B,CAAC;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAChC,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAUD,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,qBAkC7C"}

package/dist/widget/ui/src/theme.d.ts

@@ -35,6 +35,7 @@ export declare const theme: {
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;
@@ -209,6 +210,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;
@@ -375,6 +377,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;
@@ -528,6 +531,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;
@@ -690,6 +694,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
         warning500?: string | number | boolean | undefined;
         warning600?: string | number | boolean | undefined;
         warning700?: string | number | boolean | undefined;
+        info?: string | number | boolean | undefined;
         info100?: string | number | boolean | undefined;
         info300?: string | number | boolean | undefined;
         info500?: string | number | boolean | undefined;
@@ -842,6 +847,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
         warning500?: string | number | boolean | undefined;
         warning600?: string | number | boolean | undefined;
         warning700?: string | number | boolean | undefined;
+        info?: string | number | boolean | undefined;
         info100?: string | number | boolean | undefined;
         info300?: string | number | boolean | undefined;
         info500?: string | number | boolean | undefined;
@@ -1002,6 +1008,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
             warning500: string;
             warning600: string;
             warning700: string;
+            info: string;
             info100: string;
             info300: string;
             info500: string;
@@ -1163,6 +1170,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
             warning500: string;
             warning600: string;
             warning700: string;
+            info: string;
             info100: string;
             info300: string;
             info500: string;
@@ -1315,6 +1323,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
         warning500: string;
         warning600: string;
         warning700: string;
+        info: string;
         info100: string;
         info300: string;
         info500: string;
@@ -1469,6 +1478,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
             warning500: string;
             warning600: string;
             warning700: string;
+            info: string;
             info100: string;
             info300: string;
             info500: string;

package/dist/widget/ui/src/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme.ts"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAMpE,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8JjB,CAAC;AAYF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;CAuBtB,CAAC;AAMF,eAAO,MAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAAE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAE,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4KAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKjE,CAAC;AAEL,eAAO,MAAM,UAAU;;;gEAAkB,CAAC;AAE1C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;MAKpB,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme.ts"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAMpE,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+JjB,CAAC;AAYF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;CAuBtB,CAAC;AAMF,eAAO,MAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAAE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAE,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4KAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKjE,CAAC;AAEL,eAAO,MAAM,UAAU;;;gEAAoC,CAAC;AAE5D,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;MAKpB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/ui",
-  "version": "0.17.1-next.5",
+  "version": "0.17.1-next.7",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",
@@ -65,9 +65,7 @@
     "@radix-ui/react-tooltip": "^1.0.2",
     "@rango-dev/wallets-shared": "^0.17.0",
     "@stitches/react": "^1.2.8",
-    "@types/react-color": "^3.0.6",
     "rango-sdk": "^0.1.35",
-    "react-color": "^2.19.3",
     "react-virtualized-auto-sizer": "^1.0.7",
     "react-window": "^1.8.8",
     "react-window-infinite-loader": "^1.0.8",

package/src/components/index.ts

@@ -10,7 +10,6 @@ export * from './ChangeSlippageButton';
 export * from './Checkbox';
 export * from './Chip';
 export * from './common';
-export * from './ColorPicker';
 export * from './Divider';
 export * from './Drawer';
 export * from './Header';

package/src/theme.ts

@@ -47,6 +47,7 @@ export const theme = {
     warning600: '#38271F',
     warning700: '#1A1412',
 
+    info: '#5BABFF',
     info100: '#E9F3FF',
     info300: '#C8E2FF',
     info500: '#5BABFF',
@@ -213,9 +214,9 @@ export const { styled, css, createTheme, keyframes, globalCss, config } =
     utils,
   });
 
-export const lightTheme = createTheme({});
+export const lightTheme = createTheme('light-theme-ui', {});
 
-export const darkTheme = createTheme({
+export const darkTheme = createTheme('dark-theme-ui', {
   colors: darkColors,
   shadows: {
     s: '0px 3px 5px 3px #222, 0px 6px 10px 3px #222, 0px 1px 18px 3px #222',

package/dist/widget/ui/src/components/ColorPicker/ColorPicker.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface PropTypes {
-    color?: string;
-    place: 'top' | 'bottom' | 'left' | 'right';
-    onChangeColor: (color?: string) => void;
-    label?: string;
-    placeholder?: string;
-}
-export declare function ColorPicker({ color, onChangeColor, label, place, placeholder, }: PropTypes): React.JSX.Element;
-//# sourceMappingURL=ColorPicker.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA6CxC,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C,aAAa,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AASD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EACb,KAAK,EACL,KAAK,EACL,WAAW,GACZ,EAAE,SAAS,qBAwCX"}

package/dist/widget/ui/src/components/ColorPicker/ColorPicker.stories.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { PropTypes } from './ColorPicker';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes>;
-export default _default;
-export declare const Main: (args: PropTypes) => React.JSX.Element;
-//# sourceMappingURL=ColorPicker.stories.d.ts.map

package/dist/widget/ui/src/components/ColorPicker/ColorPicker.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ColorPicker/ColorPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAe,SAAS,EAAE,MAAM,eAAe,CAAC;;AAEvD,wBAmB8B;AAE9B,eAAO,MAAM,IAAI,SAAU,SAAS,sBAoBnC,CAAC"}

package/dist/widget/ui/src/components/ColorPicker/index.d.ts

@@ -1,2 +0,0 @@
-export { ColorPicker } from './ColorPicker';
-//# sourceMappingURL=index.d.ts.map

package/dist/widget/ui/src/components/ColorPicker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ColorPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/src/components/ColorPicker/ColorPicker.stories.tsx

@@ -1,46 +0,0 @@
-import React, { useState } from 'react';
-import { Meta } from '@storybook/react';
-import { ColorPicker, PropTypes } from './ColorPicker';
-
-export default {
-  title: 'Components/ColorPicker',
-  component: ColorPicker,
-  args: {
-    place: 'left',
-  },
-  argTypes: {
-    place: {
-      name: 'place',
-      control: { type: 'select' },
-      options: ['top', 'bottom', 'left', 'right'],
-      defaultValue: 'top',
-    },
-    placeholder: {
-      name: 'placeholder',
-      control: { type: 'text' },
-      defaultValue: 'Choose a color',
-    },
-  },
-} as Meta<typeof ColorPicker>;
-
-export const Main = (args: PropTypes) => {
-  const [color, setColor] = useState<string | undefined>('#5FA425');
-  return (
-    <div
-      style={{
-        height: 400,
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-      }}
-    >
-      <ColorPicker
-        {...args}
-        color={color}
-        onChangeColor={(color) => {
-          console.log(color);
-          setColor(color)}}
-      />
-    </div>
-  );
-};

package/src/components/ColorPicker/ColorPicker.tsx

@@ -1,107 +0,0 @@
-import React, { useState } from 'react';
-import { ChromePicker } from 'react-color';
-import rgbHex from 'rgb-hex';
-
-import { styled } from '../../theme';
-import { Button } from '../Button';
-import { CloseIcon } from '../Icon';
-
-const Container = styled('div', {
-  position: 'relative',
-});
-
-const Color = styled('div', {
-  border: '1px solid $background',
-  borderRadius: '$xs',
-  width: '$32',
-  height: '$32',
-});
-const Cover = styled('div', {
-  position: 'fixed',
-  top: '0px',
-  right: '0px',
-  bottom: '0px',
-  left: '0px',
-});
-const Popover = styled('div', {
-  position: 'absolute',
-  zIndex: '2',
-  variants: {
-    place: {
-      top: {
-        top: '-241px',
-      },
-      bottom: {},
-      left: {
-        top: '-50%',
-        left: '-225px',
-      },
-      right: {
-        top: '-50%',
-        right: '-225px',
-      },
-    },
-  },
-});
-export interface PropTypes {
-  color?: string;
-  place: 'top' | 'bottom' | 'left' | 'right';
-  onChangeColor: (color?: string) => void;
-  label?: string;
-  placeholder?: string;
-}
-
-const Label = styled('label', {
-  display: 'inline-block',
-  fontSize: '$14',
-  marginBottom: '$4',
-  color: '$foreground',
-});
-
-export function ColorPicker({
-  color,
-  onChangeColor,
-  label,
-  place,
-  placeholder,
-}: PropTypes) {
-  const [displayColorPicker, setDisplayColorPicker] = useState<boolean>(false);
-
-  return (
-    <Container>
-      <Label className="_text">{label}</Label>
-      <Button
-        variant="outlined"
-        prefix={<Color style={{ backgroundColor: color }} />}
-        fullWidth
-        size="large"
-        suffix={
-          color && (
-            <div
-              onClick={(e) => {
-                e.stopPropagation();
-                onChangeColor(undefined);
-              }}>
-              <CloseIcon size={20} />
-            </div>
-          )
-        }
-        onClick={() => setDisplayColorPicker((prev) => !prev)}>
-        {color || placeholder}
-      </Button>
-
-      {displayColorPicker && (
-        <Popover place={place}>
-          <Cover onClick={() => setDisplayColorPicker(false)} />
-          <ChromePicker
-            color={color}
-            onChange={(c) => {
-              const color = '#' + rgbHex(c.rgb.r, c.rgb.g, c.rgb.b, c.rgb.a);
-              onChangeColor(color);
-            }}
-          />
-        </Popover>
-      )}
-    </Container>
-  );
-}

package/src/components/ColorPicker/index.ts

@@ -1 +0,0 @@
-export { ColorPicker } from './ColorPicker';