@rango-dev/ui 0.15.1-next.2 → 0.15.1-next.3

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

@@ -1,7 +1,11 @@
+import type { PropTypes as SwapMessagesPropTypes } from './SwapMessages';
+import type { PendingSwap } from '../History/types';
 import React from 'react';
 import { Typography } from '../../components';
-import { PendingSwap } from '../History/types';
-import { PropTypes as SwapMessagesPropTypes } from './SwapMessages';
+export declare const pulse: {
+    (): string;
+    name: string;
+};
 export declare const SwapperContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {
     created?: boolean | "true" | undefined;
     running?: boolean | "true" | undefined;
@@ -15,17 +19,17 @@ export declare const SwapperContainer: import("@stitches/react/types/styled-comp
     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;
+        secondary100: string;
+        secondary200: string;
+        secondary300: string;
+        secondary400: string;
+        secondary500: string;
+        secondary600: string;
+        secondary700: string;
+        secondary800: string;
+        secondary900: string;
         neutral100: string;
         neutral200: string;
         neutral300: string;
@@ -35,39 +39,63 @@ export declare const SwapperContainer: import("@stitches/react/types/styled-comp
         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;
+        error600: string;
         error700: string;
-        white: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning600: string;
+        warning700: 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;
-        10: string;
         12: string;
         16: string;
-        20: string;
         24: string;
         28: string;
-        30: string;
         32: string;
     };
+    radii: {
+        xs: string;
+        sm: string;
+        xm: string;
+        md: string;
+        xl: string;
+        lg: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -75,7 +103,9 @@ export declare const SwapperContainer: import("@stitches/react/types/styled-comp
         16: string;
         18: string;
         20: string;
+        22: string;
         24: string;
+        28: string;
         32: string;
         36: string;
         40: string;
@@ -83,12 +113,25 @@ export declare const SwapperContainer: import("@stitches/react/types/styled-comp
     };
     fonts: {};
     fontWeights: {
-        400: string;
-        500: string;
-        600: string;
-        700: string;
+        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;
     };
-    lineHeights: {};
     letterSpacings: {};
     sizes: {
         4: string;
@@ -96,20 +139,18 @@ export declare const SwapperContainer: import("@stitches/react/types/styled-comp
         8: string;
         12: string;
         16: string;
+        18: string;
         20: string;
         24: string;
         28: string;
         32: string;
         36: string;
         40: string;
+        45: string;
         48: string;
     };
     borderWidths: {};
     borderStyles: {};
-    radii: {
-        5: string;
-        10: string;
-    };
     shadows: {
         s: string;
     };
@@ -126,17 +167,17 @@ export declare const BodyError: import("@stitches/react/types/styled-component")
     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;
+        secondary100: string;
+        secondary200: string;
+        secondary300: string;
+        secondary400: string;
+        secondary500: string;
+        secondary600: string;
+        secondary700: string;
+        secondary800: string;
+        secondary900: string;
         neutral100: string;
         neutral200: string;
         neutral300: string;
@@ -146,39 +187,63 @@ export declare const BodyError: import("@stitches/react/types/styled-component")
         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;
+        error600: string;
         error700: string;
-        white: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning600: string;
+        warning700: 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;
-        10: string;
         12: string;
         16: string;
-        20: string;
         24: string;
         28: string;
-        30: string;
         32: string;
     };
+    radii: {
+        xs: string;
+        sm: string;
+        xm: string;
+        md: string;
+        xl: string;
+        lg: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -186,7 +251,9 @@ export declare const BodyError: import("@stitches/react/types/styled-component")
         16: string;
         18: string;
         20: string;
+        22: string;
         24: string;
+        28: string;
         32: string;
         36: string;
         40: string;
@@ -194,12 +261,25 @@ export declare const BodyError: import("@stitches/react/types/styled-component")
     };
     fonts: {};
     fontWeights: {
-        400: string;
-        500: string;
-        600: string;
-        700: string;
+        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;
     };
-    lineHeights: {};
     letterSpacings: {};
     sizes: {
         4: string;
@@ -207,20 +287,18 @@ export declare const BodyError: import("@stitches/react/types/styled-component")
         8: string;
         12: string;
         16: string;
+        18: string;
         20: string;
         24: string;
         28: string;
         32: string;
         36: string;
         40: string;
+        45: string;
         48: string;
     };
     borderWidths: {};
     borderStyles: {};
-    radii: {
-        5: string;
-        10: string;
-    };
     shadows: {
         s: string;
     };
@@ -237,17 +315,17 @@ export declare const ErrorMsg: import("@stitches/react/types/styled-component").
     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;
+        secondary100: string;
+        secondary200: string;
+        secondary300: string;
+        secondary400: string;
+        secondary500: string;
+        secondary600: string;
+        secondary700: string;
+        secondary800: string;
+        secondary900: string;
         neutral100: string;
         neutral200: string;
         neutral300: string;
@@ -257,39 +335,63 @@ export declare const ErrorMsg: import("@stitches/react/types/styled-component").
         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;
+        error600: string;
         error700: string;
-        white: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning600: string;
+        warning700: 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;
-        10: string;
         12: string;
         16: string;
-        20: string;
         24: string;
         28: string;
-        30: string;
         32: string;
     };
+    radii: {
+        xs: string;
+        sm: string;
+        xm: string;
+        md: string;
+        xl: string;
+        lg: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -297,7 +399,9 @@ export declare const ErrorMsg: import("@stitches/react/types/styled-component").
         16: string;
         18: string;
         20: string;
+        22: string;
         24: string;
+        28: string;
         32: string;
         36: string;
         40: string;
@@ -305,12 +409,25 @@ export declare const ErrorMsg: import("@stitches/react/types/styled-component").
     };
     fonts: {};
     fontWeights: {
-        400: string;
-        500: string;
-        600: string;
-        700: string;
+        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;
     };
-    lineHeights: {};
     letterSpacings: {};
     sizes: {
         4: string;
@@ -318,20 +435,18 @@ export declare const ErrorMsg: import("@stitches/react/types/styled-component").
         8: string;
         12: string;
         16: string;
+        18: string;
         20: string;
         24: string;
         28: string;
         32: string;
         36: string;
         40: string;
+        45: string;
         48: string;
     };
     borderWidths: {};
     borderStyles: {};
-    radii: {
-        5: string;
-        10: string;
-    };
     shadows: {
         s: string;
     };
@@ -348,17 +463,17 @@ export declare const FeeContainer: import("@stitches/react/types/styled-componen
     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;
+        secondary100: string;
+        secondary200: string;
+        secondary300: string;
+        secondary400: string;
+        secondary500: string;
+        secondary600: string;
+        secondary700: string;
+        secondary800: string;
+        secondary900: string;
         neutral100: string;
         neutral200: string;
         neutral300: string;
@@ -368,39 +483,63 @@ export declare const FeeContainer: import("@stitches/react/types/styled-componen
         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;
+        error600: string;
         error700: string;
-        white: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning600: string;
+        warning700: 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;
-        10: string;
         12: string;
         16: string;
-        20: string;
         24: string;
         28: string;
-        30: string;
         32: string;
     };
+    radii: {
+        xs: string;
+        sm: string;
+        xm: string;
+        md: string;
+        xl: string;
+        lg: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -408,7 +547,9 @@ export declare const FeeContainer: import("@stitches/react/types/styled-componen
         16: string;
         18: string;
         20: string;
+        22: string;
         24: string;
+        28: string;
         32: string;
         36: string;
         40: string;
@@ -416,12 +557,25 @@ export declare const FeeContainer: import("@stitches/react/types/styled-componen
     };
     fonts: {};
     fontWeights: {
-        400: string;
-        500: string;
-        600: string;
-        700: string;
+        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;
     };
-    lineHeights: {};
     letterSpacings: {};
     sizes: {
         4: string;
@@ -429,20 +583,18 @@ export declare const FeeContainer: import("@stitches/react/types/styled-componen
         8: string;
         12: string;
         16: string;
+        18: string;
         20: string;
         24: string;
         28: string;
         32: string;
         36: string;
         40: string;
+        45: string;
         48: string;
     };
     borderWidths: {};
     borderStyles: {};
-    radii: {
-        5: string;
-        10: string;
-    };
     shadows: {
         s: string;
     };
@@ -459,17 +611,17 @@ export declare const Fee: import("@stitches/react/types/styled-component").Style
     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;
+        secondary100: string;
+        secondary200: string;
+        secondary300: string;
+        secondary400: string;
+        secondary500: string;
+        secondary600: string;
+        secondary700: string;
+        secondary800: string;
+        secondary900: string;
         neutral100: string;
         neutral200: string;
         neutral300: string;
@@ -479,39 +631,63 @@ export declare const Fee: import("@stitches/react/types/styled-component").Style
         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;
+        error600: string;
         error700: string;
-        white: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning600: string;
+        warning700: 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;
-        10: string;
         12: string;
         16: string;
-        20: string;
         24: string;
         28: string;
-        30: string;
         32: string;
     };
+    radii: {
+        xs: string;
+        sm: string;
+        xm: string;
+        md: string;
+        xl: string;
+        lg: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -519,7 +695,9 @@ export declare const Fee: import("@stitches/react/types/styled-component").Style
         16: string;
         18: string;
         20: string;
+        22: string;
         24: string;
+        28: string;
         32: string;
         36: string;
         40: string;
@@ -527,12 +705,25 @@ export declare const Fee: import("@stitches/react/types/styled-component").Style
     };
     fonts: {};
     fontWeights: {
-        400: string;
-        500: string;
-        600: string;
-        700: string;
+        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;
     };
-    lineHeights: {};
     letterSpacings: {};
     sizes: {
         4: string;
@@ -540,20 +731,18 @@ export declare const Fee: import("@stitches/react/types/styled-component").Style
         8: string;
         12: string;
         16: string;
+        18: string;
         20: string;
         24: string;
         28: string;
         32: string;
         36: string;
         40: string;
+        45: string;
         48: string;
     };
     borderWidths: {};
     borderStyles: {};
-    radii: {
-        5: string;
-        10: string;
-    };
     shadows: {
         s: string;
     };
@@ -570,17 +759,17 @@ export declare const RelativeContainer: import("@stitches/react/types/styled-com
     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;
+        secondary100: string;
+        secondary200: string;
+        secondary300: string;
+        secondary400: string;
+        secondary500: string;
+        secondary600: string;
+        secondary700: string;
+        secondary800: string;
+        secondary900: string;
         neutral100: string;
         neutral200: string;
         neutral300: string;
@@ -590,39 +779,63 @@ export declare const RelativeContainer: import("@stitches/react/types/styled-com
         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;
+        error600: string;
         error700: string;
-        white: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning600: string;
+        warning700: 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;
-        10: string;
         12: string;
         16: string;
-        20: string;
         24: string;
         28: string;
-        30: string;
         32: string;
     };
+    radii: {
+        xs: string;
+        sm: string;
+        xm: string;
+        md: string;
+        xl: string;
+        lg: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -630,7 +843,9 @@ export declare const RelativeContainer: import("@stitches/react/types/styled-com
         16: string;
         18: string;
         20: string;
+        22: string;
         24: string;
+        28: string;
         32: string;
         36: string;
         40: string;
@@ -638,12 +853,25 @@ export declare const RelativeContainer: import("@stitches/react/types/styled-com
     };
     fonts: {};
     fontWeights: {
-        400: string;
-        500: string;
-        600: string;
-        700: string;
+        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;
     };
-    lineHeights: {};
     letterSpacings: {};
     sizes: {
         4: string;
@@ -651,20 +879,18 @@ export declare const RelativeContainer: import("@stitches/react/types/styled-com
         8: string;
         12: string;
         16: string;
+        18: string;
         20: string;
         24: string;
         28: string;
         32: string;
         36: string;
         40: string;
+        45: string;
         48: string;
     };
     borderWidths: {};
     borderStyles: {};
-    radii: {
-        5: string;
-        10: string;
-    };
     shadows: {
         s: string;
     };
@@ -681,17 +907,17 @@ export declare const Footer: import("@stitches/react/types/styled-component").St
     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;
+        secondary100: string;
+        secondary200: string;
+        secondary300: string;
+        secondary400: string;
+        secondary500: string;
+        secondary600: string;
+        secondary700: string;
+        secondary800: string;
+        secondary900: string;
         neutral100: string;
         neutral200: string;
         neutral300: string;
@@ -701,39 +927,63 @@ export declare const Footer: import("@stitches/react/types/styled-component").St
         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;
+        error600: string;
         error700: string;
-        white: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning600: string;
+        warning700: 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;
-        10: string;
         12: string;
         16: string;
-        20: string;
         24: string;
         28: string;
-        30: string;
         32: string;
     };
+    radii: {
+        xs: string;
+        sm: string;
+        xm: string;
+        md: string;
+        xl: string;
+        lg: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -741,7 +991,9 @@ export declare const Footer: import("@stitches/react/types/styled-component").St
         16: string;
         18: string;
         20: string;
+        22: string;
         24: string;
+        28: string;
         32: string;
         36: string;
         40: string;
@@ -749,12 +1001,25 @@ export declare const Footer: import("@stitches/react/types/styled-component").St
     };
     fonts: {};
     fontWeights: {
-        400: string;
-        500: string;
-        600: string;
-        700: string;
+        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;
     };
-    lineHeights: {};
     letterSpacings: {};
     sizes: {
         4: string;
@@ -762,20 +1027,18 @@ export declare const Footer: import("@stitches/react/types/styled-component").St
         8: string;
         12: string;
         16: string;
+        18: string;
         20: string;
         24: string;
         28: string;
         32: string;
         36: string;
         40: string;
+        45: string;
         48: string;
     };
     borderWidths: {};
     borderStyles: {};
-    radii: {
-        5: string;
-        10: string;
-    };
     shadows: {
         s: string;
     };
@@ -792,17 +1055,17 @@ export declare const Dot: import("@stitches/react/types/styled-component").Style
     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;
+        secondary100: string;
+        secondary200: string;
+        secondary300: string;
+        secondary400: string;
+        secondary500: string;
+        secondary600: string;
+        secondary700: string;
+        secondary800: string;
+        secondary900: string;
         neutral100: string;
         neutral200: string;
         neutral300: string;
@@ -812,39 +1075,63 @@ export declare const Dot: import("@stitches/react/types/styled-component").Style
         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;
+        error600: string;
         error700: string;
-        white: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning600: string;
+        warning700: 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;
-        10: string;
         12: string;
         16: string;
-        20: string;
         24: string;
         28: string;
-        30: string;
         32: string;
     };
+    radii: {
+        xs: string;
+        sm: string;
+        xm: string;
+        md: string;
+        xl: string;
+        lg: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -852,7 +1139,9 @@ export declare const Dot: import("@stitches/react/types/styled-component").Style
         16: string;
         18: string;
         20: string;
+        22: string;
         24: string;
+        28: string;
         32: string;
         36: string;
         40: string;
@@ -860,12 +1149,25 @@ export declare const Dot: import("@stitches/react/types/styled-component").Style
     };
     fonts: {};
     fontWeights: {
-        400: string;
-        500: string;
-        600: string;
-        700: string;
+        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;
     };
-    lineHeights: {};
     letterSpacings: {};
     sizes: {
         4: string;
@@ -873,20 +1175,18 @@ export declare const Dot: import("@stitches/react/types/styled-component").Style
         8: string;
         12: string;
         16: string;
+        18: string;
         20: string;
         24: string;
         28: string;
         32: string;
         36: string;
         40: string;
+        45: string;
         48: string;
     };
     borderWidths: {};
     borderStyles: {};
-    radii: {
-        5: string;
-        10: string;
-    };
     shadows: {
         s: string;
     };
@@ -903,17 +1203,17 @@ export declare const ArrowDown: import("@stitches/react/types/styled-component")
     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;
+        secondary100: string;
+        secondary200: string;
+        secondary300: string;
+        secondary400: string;
+        secondary500: string;
+        secondary600: string;
+        secondary700: string;
+        secondary800: string;
+        secondary900: string;
         neutral100: string;
         neutral200: string;
         neutral300: string;
@@ -923,39 +1223,63 @@ export declare const ArrowDown: import("@stitches/react/types/styled-component")
         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;
+        error600: string;
         error700: string;
-        white: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning600: string;
+        warning700: 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;
-        10: string;
         12: string;
         16: string;
-        20: string;
         24: string;
         28: string;
-        30: string;
         32: string;
     };
+    radii: {
+        xs: string;
+        sm: string;
+        xm: string;
+        md: string;
+        xl: string;
+        lg: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -963,7 +1287,9 @@ export declare const ArrowDown: import("@stitches/react/types/styled-component")
         16: string;
         18: string;
         20: string;
+        22: string;
         24: string;
+        28: string;
         32: string;
         36: string;
         40: string;
@@ -971,12 +1297,25 @@ export declare const ArrowDown: import("@stitches/react/types/styled-component")
     };
     fonts: {};
     fontWeights: {
-        400: string;
-        500: string;
-        600: string;
-        700: string;
+        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;
     };
-    lineHeights: {};
     letterSpacings: {};
     sizes: {
         4: string;
@@ -984,20 +1323,18 @@ export declare const ArrowDown: import("@stitches/react/types/styled-component")
         8: string;
         12: string;
         16: string;
+        18: string;
         20: string;
         24: string;
         28: string;
         32: string;
         36: string;
         40: string;
+        45: string;
         48: string;
     };
     borderWidths: {};
     borderStyles: {};
-    radii: {
-        5: string;
-        10: string;
-    };
     shadows: {
         s: string;
     };
@@ -1014,17 +1351,17 @@ export declare const Line: import("@stitches/react/types/styled-component").Styl
     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;
+        secondary100: string;
+        secondary200: string;
+        secondary300: string;
+        secondary400: string;
+        secondary500: string;
+        secondary600: string;
+        secondary700: string;
+        secondary800: string;
+        secondary900: string;
         neutral100: string;
         neutral200: string;
         neutral300: string;
@@ -1034,39 +1371,63 @@ export declare const Line: import("@stitches/react/types/styled-component").Styl
         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;
+        error600: string;
         error700: string;
-        white: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning600: string;
+        warning700: 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;
-        10: string;
         12: string;
         16: string;
-        20: string;
         24: string;
         28: string;
-        30: string;
         32: string;
     };
+    radii: {
+        xs: string;
+        sm: string;
+        xm: string;
+        md: string;
+        xl: string;
+        lg: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -1074,7 +1435,9 @@ export declare const Line: import("@stitches/react/types/styled-component").Styl
         16: string;
         18: string;
         20: string;
+        22: string;
         24: string;
+        28: string;
         32: string;
         36: string;
         40: string;
@@ -1082,12 +1445,25 @@ export declare const Line: import("@stitches/react/types/styled-component").Styl
     };
     fonts: {};
     fontWeights: {
-        400: string;
-        500: string;
-        600: string;
-        700: string;
+        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;
     };
-    lineHeights: {};
     letterSpacings: {};
     sizes: {
         4: string;
@@ -1095,20 +1471,18 @@ export declare const Line: import("@stitches/react/types/styled-component").Styl
         8: string;
         12: string;
         16: string;
+        18: string;
         20: string;
         24: string;
         28: string;
         32: string;
         36: string;
         40: string;
+        45: string;
         48: string;
     };
     borderWidths: {};
     borderStyles: {};
-    radii: {
-        5: string;
-        10: string;
-    };
     shadows: {
         s: string;
     };