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

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,65 @@ 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;
+        primary: string;
+        secondary: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -75,20 +105,38 @@ 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;
         48: string;
     };
-    fonts: {};
+    fonts: {
+        primary: string;
+        widget: string;
+    };
     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 +144,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 +172,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 +192,65 @@ 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;
+        primary: string;
+        secondary: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -186,20 +258,38 @@ 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;
         48: string;
     };
-    fonts: {};
+    fonts: {
+        primary: string;
+        widget: string;
+    };
     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 +297,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 +325,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 +345,65 @@ 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;
+        primary: string;
+        secondary: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -297,20 +411,38 @@ 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;
         48: string;
     };
-    fonts: {};
+    fonts: {
+        primary: string;
+        widget: string;
+    };
     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 +450,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 +478,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 +498,65 @@ 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;
+        primary: string;
+        secondary: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -408,20 +564,38 @@ 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;
         48: string;
     };
-    fonts: {};
+    fonts: {
+        primary: string;
+        widget: string;
+    };
     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 +603,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 +631,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 +651,65 @@ 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;
+        primary: string;
+        secondary: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -519,20 +717,38 @@ 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;
         48: string;
     };
-    fonts: {};
+    fonts: {
+        primary: string;
+        widget: string;
+    };
     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 +756,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 +784,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 +804,65 @@ 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;
+        primary: string;
+        secondary: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -630,20 +870,38 @@ 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;
         48: string;
     };
-    fonts: {};
+    fonts: {
+        primary: string;
+        widget: string;
+    };
     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 +909,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 +937,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 +957,65 @@ 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;
+        primary: string;
+        secondary: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -741,20 +1023,38 @@ 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;
         48: string;
     };
-    fonts: {};
+    fonts: {
+        primary: string;
+        widget: string;
+    };
     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 +1062,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 +1090,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 +1110,65 @@ 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;
+        primary: string;
+        secondary: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -852,20 +1176,38 @@ 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;
         48: string;
     };
-    fonts: {};
+    fonts: {
+        primary: string;
+        widget: string;
+    };
     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 +1215,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 +1243,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 +1263,65 @@ 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;
+        primary: string;
+        secondary: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -963,20 +1329,38 @@ 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;
         48: string;
     };
-    fonts: {};
+    fonts: {
+        primary: string;
+        widget: string;
+    };
     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 +1368,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 +1396,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 +1416,65 @@ 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;
+        primary: string;
+        secondary: string;
+    };
     fontSizes: {
         10: string;
         12: string;
@@ -1074,20 +1482,38 @@ 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;
         48: string;
     };
-    fonts: {};
+    fonts: {
+        primary: string;
+        widget: string;
+    };
     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 +1521,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;
     };