@rango-dev/ui 0.1.14 → 0.1.16-next.0

package/dist/components/Icon/CloseIcon.d.ts

@@ -1 +1,112 @@
-export declare const CloseIcon: any;
+/// <reference types="react" />
+export declare const CloseIcon: import("@stitches/react/types/styled-component").StyledComponent<import("react").FC<import("./types").IconProps>, {}, {
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+}, {
+    colors: {
+        primary: string;
+        primary100: string;
+        primary200: string;
+        primary300: string;
+        primary400: string;
+        primary500: string;
+        primary600: string;
+        primary700: string;
+        primary800: string;
+        primary900: string;
+        surface: string;
+        neutral100: string;
+        neutral200: string;
+        neutral300: string;
+        neutral400: string;
+        neutral500: string;
+        neutral600: string;
+        neutral700: string;
+        neutral800: string;
+        neutral900: string;
+        background: string;
+        foreground: string;
+        success: string;
+        success100: string;
+        success300: string;
+        success500: string;
+        success700: string;
+        warning: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning700: string;
+        error: string;
+        error100: string;
+        error300: string;
+        error500: string;
+        error700: string;
+        white: string;
+    };
+    space: {
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+        10: string;
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        30: string;
+        32: string;
+    };
+    fontSizes: {
+        10: string;
+        12: string;
+        14: string;
+        16: string;
+        18: string;
+        20: string;
+        24: string;
+        32: string;
+        36: string;
+        40: string;
+        48: string;
+    };
+    fonts: {};
+    fontWeights: {
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+    };
+    lineHeights: {};
+    letterSpacings: {};
+    sizes: {
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        48: string;
+    };
+    borderWidths: {};
+    borderStyles: {};
+    radii: {
+        5: string;
+        10: string;
+    };
+    shadows: {
+        s: string;
+    };
+    zIndices: {};
+    transitions: {};
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;

package/dist/components/Icon/CopyIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const CopyIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const CopyIcon: React.FC<IconProps>;

package/dist/components/Icon/DeleteCircleIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const DeleteCircleIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const DeleteCircleIcon: React.FC<IconProps>;

package/dist/components/Icon/DeleteWalletIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const DeleteWalletIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const DeleteWalletIcon: React.FC<IconProps>;

package/dist/components/Icon/DisconnectIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const DisconnectIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const DisconnectIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/components/Icon/DownloadIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const DownloadIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const DownloadIcon: React.FC<IconProps>;

package/dist/components/Icon/GasIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const GasIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const GasIcon: React.FC<IconProps>;

package/dist/components/Icon/HistoryIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const HistoryIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const HistoryIcon: React.FC<IconProps>;

package/dist/components/Icon/HorizontalSwapIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const HorizontalSwapIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const HorizontalSwapIcon: React.FC<IconProps>;

package/dist/components/Icon/Icons.stories.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { IconProps } from './types';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, IconProps>;
-export default _default;
-export declare const Main: (props: IconProps) => JSX.Element;
+/// <reference types="react" />
+import { IconProps } from './types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IconProps>;
+export default _default;
+export declare const Main: (props: IconProps) => JSX.Element;

package/dist/components/Icon/InfoCircleIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const InfoCircleIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const InfoCircleIcon: React.FC<IconProps>;

package/dist/components/Icon/MinusCircleIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const MinusCircleIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const MinusCircleIcon: React.FC<IconProps>;

package/dist/components/Icon/RetryIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const RetryIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const RetryIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/components/Icon/RetryLeftIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const RetryLeftIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const RetryLeftIcon: React.FC<IconProps>;

package/dist/components/Icon/RetryRightIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const RetryRightIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const RetryRightIcon: React.FC<IconProps>;

package/dist/components/Icon/SearchIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const SearchIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const SearchIcon: React.FC<IconProps>;

package/dist/components/Icon/SearchMinusIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const SearchMinusIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const SearchMinusIcon: React.FC<IconProps>;

package/dist/components/Icon/SettingIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const SettingsIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const SettingsIcon: React.FC<IconProps>;

package/dist/components/Icon/SignatureIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const SignatureIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const SignatureIcon: React.FC<IconProps>;

package/dist/components/Icon/SwapWalletIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const SwapWalletIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const SwapWalletIcon: React.FC<IconProps>;

package/dist/components/Icon/TimeIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const TimeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const TimeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/components/Icon/TrashIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const TrashIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const TrashIcon: React.FC<IconProps>;

package/dist/components/Icon/TryAgainIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const TryAgainIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const TryAgainIcon: React.FC<IconProps>;

package/dist/components/Icon/VerticalSwapIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const VerticalSwapIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const VerticalSwapIcon: React.FC<IconProps>;

package/dist/components/Icon/WalletIconIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const WalletIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const WalletIcon: React.FC<IconProps>;

package/dist/components/Icon/WarningIcon.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { IconProps } from './types';
-export declare const WarningIcon: React.FC<IconProps>;
+import * as React from 'react';
+import { IconProps } from './types';
+export declare const WarningIcon: React.FC<IconProps>;

package/dist/components/Icon/common.d.ts

@@ -1,2 +1,228 @@
-export declare const SvgWithStrokeColor: any;
-export declare const SvgWithFillColor: any;
+export declare const SvgWithStrokeColor: import("@stitches/react/types/styled-component").StyledComponent<"svg", {
+    color?: "primary" | "success" | "warning" | "error" | "white" | "black" | undefined;
+    disabled?: boolean | "true" | undefined;
+}, {
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+}, {
+    colors: {
+        primary: string;
+        primary100: string;
+        primary200: string;
+        primary300: string;
+        primary400: string;
+        primary500: string;
+        primary600: string;
+        primary700: string;
+        primary800: string;
+        primary900: string;
+        surface: string;
+        neutral100: string;
+        neutral200: string;
+        neutral300: string;
+        neutral400: string;
+        neutral500: string;
+        neutral600: string;
+        neutral700: string;
+        neutral800: string;
+        neutral900: string;
+        background: string;
+        foreground: string;
+        success: string;
+        success100: string;
+        success300: string;
+        success500: string;
+        success700: string;
+        warning: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning700: string;
+        error: string;
+        error100: string;
+        error300: string;
+        error500: string;
+        error700: string;
+        white: string;
+    };
+    space: {
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+        10: string;
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        30: string;
+        32: string;
+    };
+    fontSizes: {
+        10: string;
+        12: string;
+        14: string;
+        16: string;
+        18: string;
+        20: string;
+        24: string;
+        32: string;
+        36: string;
+        40: string;
+        48: string;
+    };
+    fonts: {};
+    fontWeights: {
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+    };
+    lineHeights: {};
+    letterSpacings: {};
+    sizes: {
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        48: string;
+    };
+    borderWidths: {};
+    borderStyles: {};
+    radii: {
+        5: string;
+        10: string;
+    };
+    shadows: {
+        s: string;
+    };
+    zIndices: {};
+    transitions: {};
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
+export declare const SvgWithFillColor: import("@stitches/react/types/styled-component").StyledComponent<"svg", {
+    color?: "primary" | "success" | "warning" | "error" | "white" | "black" | undefined;
+    disabled?: boolean | "true" | undefined;
+}, {
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+}, {
+    colors: {
+        primary: string;
+        primary100: string;
+        primary200: string;
+        primary300: string;
+        primary400: string;
+        primary500: string;
+        primary600: string;
+        primary700: string;
+        primary800: string;
+        primary900: string;
+        surface: string;
+        neutral100: string;
+        neutral200: string;
+        neutral300: string;
+        neutral400: string;
+        neutral500: string;
+        neutral600: string;
+        neutral700: string;
+        neutral800: string;
+        neutral900: string;
+        background: string;
+        foreground: string;
+        success: string;
+        success100: string;
+        success300: string;
+        success500: string;
+        success700: string;
+        warning: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning700: string;
+        error: string;
+        error100: string;
+        error300: string;
+        error500: string;
+        error700: string;
+        white: string;
+    };
+    space: {
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+        10: string;
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        30: string;
+        32: string;
+    };
+    fontSizes: {
+        10: string;
+        12: string;
+        14: string;
+        16: string;
+        18: string;
+        20: string;
+        24: string;
+        32: string;
+        36: string;
+        40: string;
+        48: string;
+    };
+    fonts: {};
+    fontWeights: {
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+    };
+    lineHeights: {};
+    letterSpacings: {};
+    sizes: {
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        48: string;
+    };
+    borderWidths: {};
+    borderStyles: {};
+    radii: {
+        5: string;
+        10: string;
+    };
+    shadows: {
+        s: string;
+    };
+    zIndices: {};
+    transitions: {};
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;

package/dist/components/Icon/index.d.ts

@@ -1,40 +1,40 @@
-export { DeleteCircleIcon } from './DeleteCircleIcon';
-export { CheckSquareIcon } from './CheckSquareIcon';
-export { AddIcon } from './AddIcon';
-export { InfoCircleIcon } from './InfoCircleIcon';
-export { AddCircleIcon } from './AddCircleIcon';
-export { MinusCircleIcon } from './MinusCircleIcon';
-export { CheckCircleIcon } from './CheckCircleIcon';
-export { CheckIcon } from './CheckIcon';
-export { BanIcon } from './BanIcon';
-export { WarningIcon } from './WarningIcon';
-export { HistoryIcon } from './HistoryIcon';
-export { GasIcon } from './GasIcon';
-export { SettingsIcon } from './SettingIcon';
-export { TrashIcon } from './TrashIcon';
-export { SearchMinusIcon } from './SearchMinusIcon';
-export { SearchIcon } from './SearchIcon';
-export { AngleRightIcon } from './AngleRightIcon';
-export { AngleUpIcon } from './AngleUpIcon';
-export { AngleDownIcon } from './AngleDownIcon';
-export { AngleLeftIcon } from './AngleLeftIcon';
-export { DownloadIcon } from './DownloadIcon';
-export { ChevronRightIcon } from './ChevronRightIcon';
-export { ArrowRightIcon } from './ArrowRightIcon';
-export { RetryRightIcon } from './RetryRightIcon';
-export { RetryLeftIcon } from './RetryLeftIcon';
-export { TryAgainIcon } from './TryAgainIcon';
-export { VerticalSwapIcon } from './VerticalSwapIcon';
-export { HorizontalSwapIcon } from './HorizontalSwapIcon';
-export { RetryIcon } from './RetryIcon';
-export { WalletIcon } from './WalletIconIcon';
-export { AddWalletIcon } from './AddWalletIcon';
-export { DeleteWalletIcon } from './DeleteWalletIcon';
-export { CheckWalletIcon } from './CheckWalletIcon';
-export { SwapWalletIcon } from './SwapWalletIcon';
-export { DisconnectIcon } from './DisconnectIcon';
-export { BagIcon } from './BagIcon';
-export { TimeIcon } from './TimeIcon';
-export { CloseIcon } from './CloseIcon';
-export { SignatureIcon } from './SignatureIcon';
-export { CopyIcon } from './CopyIcon';
+export { DeleteCircleIcon } from './DeleteCircleIcon';
+export { CheckSquareIcon } from './CheckSquareIcon';
+export { AddIcon } from './AddIcon';
+export { InfoCircleIcon } from './InfoCircleIcon';
+export { AddCircleIcon } from './AddCircleIcon';
+export { MinusCircleIcon } from './MinusCircleIcon';
+export { CheckCircleIcon } from './CheckCircleIcon';
+export { CheckIcon } from './CheckIcon';
+export { BanIcon } from './BanIcon';
+export { WarningIcon } from './WarningIcon';
+export { HistoryIcon } from './HistoryIcon';
+export { GasIcon } from './GasIcon';
+export { SettingsIcon } from './SettingIcon';
+export { TrashIcon } from './TrashIcon';
+export { SearchMinusIcon } from './SearchMinusIcon';
+export { SearchIcon } from './SearchIcon';
+export { AngleRightIcon } from './AngleRightIcon';
+export { AngleUpIcon } from './AngleUpIcon';
+export { AngleDownIcon } from './AngleDownIcon';
+export { AngleLeftIcon } from './AngleLeftIcon';
+export { DownloadIcon } from './DownloadIcon';
+export { ChevronRightIcon } from './ChevronRightIcon';
+export { ArrowRightIcon } from './ArrowRightIcon';
+export { RetryRightIcon } from './RetryRightIcon';
+export { RetryLeftIcon } from './RetryLeftIcon';
+export { TryAgainIcon } from './TryAgainIcon';
+export { VerticalSwapIcon } from './VerticalSwapIcon';
+export { HorizontalSwapIcon } from './HorizontalSwapIcon';
+export { RetryIcon } from './RetryIcon';
+export { WalletIcon } from './WalletIconIcon';
+export { AddWalletIcon } from './AddWalletIcon';
+export { DeleteWalletIcon } from './DeleteWalletIcon';
+export { CheckWalletIcon } from './CheckWalletIcon';
+export { SwapWalletIcon } from './SwapWalletIcon';
+export { DisconnectIcon } from './DisconnectIcon';
+export { BagIcon } from './BagIcon';
+export { TimeIcon } from './TimeIcon';
+export { CloseIcon } from './CloseIcon';
+export { SignatureIcon } from './SignatureIcon';
+export { CopyIcon } from './CopyIcon';

package/dist/components/Icon/types.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-export interface IconProps extends React.SVGAttributes<SVGElement> {
-    size?: 12 | 16 | 18 | 20 | 24 | 28 | 32 | 36 | 40;
-    color?: 'primary' | 'error' | 'warning' | 'success' | 'black' | 'white';
-    disabled?: boolean;
-}
-export declare type Icon = 'DeleteCircleIcon' | 'CheckSquareIcon' | 'AddIcon' | 'InfoCircleIcon' | 'AddCircleIcon' | 'MinusCircleIcon' | 'CheckCircleIcon' | 'CheckIcon' | 'BanIcon' | 'WarningIcon' | 'HistoryIcon' | 'GasIcon' | 'SettingsIcon' | 'TrashIcon' | 'SearchMinusIcon' | 'SearchIcon' | 'AngleRightIcon' | 'AngleUpIcon' | 'AngleDownIcon' | 'AngleLeftIcon' | 'DownloadIcon' | 'RetryRightIcon' | 'RetryLeftIcon' | 'TryAgainIcon' | 'VerticalSwapIcon' | 'HorizontalSwapIcon' | 'RetryIcon' | 'WalletIcon' | 'AddWalletIcon' | 'DeleteWalletIcon' | 'CheckWalletIcon' | 'SwapWalletIcon' | 'BagIcon' | 'TimeIcon' | 'CloseIcon' | 'SignatureIcon' | 'CopyIcon';
+import * as React from 'react';
+export interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: 12 | 16 | 18 | 20 | 24 | 28 | 32 | 36 | 40;
+    color?: 'primary' | 'error' | 'warning' | 'success' | 'black' | 'white';
+    disabled?: boolean;
+}
+export type Icon = 'DeleteCircleIcon' | 'CheckSquareIcon' | 'AddIcon' | 'InfoCircleIcon' | 'AddCircleIcon' | 'MinusCircleIcon' | 'CheckCircleIcon' | 'CheckIcon' | 'BanIcon' | 'WarningIcon' | 'HistoryIcon' | 'GasIcon' | 'SettingsIcon' | 'TrashIcon' | 'SearchMinusIcon' | 'SearchIcon' | 'AngleRightIcon' | 'AngleUpIcon' | 'AngleDownIcon' | 'AngleLeftIcon' | 'DownloadIcon' | 'RetryRightIcon' | 'RetryLeftIcon' | 'TryAgainIcon' | 'VerticalSwapIcon' | 'HorizontalSwapIcon' | 'RetryIcon' | 'WalletIcon' | 'AddWalletIcon' | 'DeleteWalletIcon' | 'CheckWalletIcon' | 'SwapWalletIcon' | 'BagIcon' | 'TimeIcon' | 'CloseIcon' | 'SignatureIcon' | 'CopyIcon';