@obolnetwork/obol-ui 1.0.6 → 1.0.9

package/dist/components/atoms/IconButton/IconButton.d.ts

@@ -0,0 +1,508 @@
+/// <reference types="react" />
+import * as Stitches from "@stitches/react";
+export declare const IconButton: import("@stitches/react/types/styled-component").StyledComponent<"button", {
+    ghost?: boolean | "true" | undefined;
+    fullWidth?: boolean | "true" | undefined;
+}, {
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+    xs: "(max-width: 520px)";
+    sm: "(max-width: 900px)";
+    bp2: "(min-width: 900px)";
+    md: "(max-width: 1200px)";
+    lg: "(max-width: 1800px)";
+}, import("@stitches/react/types/css-util").CSS<{
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+    xs: "(max-width: 520px)";
+    sm: "(max-width: 900px)";
+    bp2: "(min-width: 900px)";
+    md: "(max-width: 1200px)";
+    lg: "(max-width: 1800px)";
+}, {
+    colors: {
+        white: string;
+        black: string;
+        lightBackground: string;
+        obolBlue: string;
+        primaryBgDefault: string;
+        primaryBgDefaultHover: string;
+        primaryTextDefault: string;
+        secondaryBgDefault: string;
+        secondaryBgHover: string;
+        grayBgDefault: string;
+        gray2BgDefault: string;
+        neutralDark: string;
+        navButtonBgDefault: string;
+        navButtonBgHover: string;
+        cardBackgroundDark: string;
+        cardBackgroundLight: string;
+        textMiddle: string;
+        textLight: string;
+        textLighter: string;
+        textTabHover: string;
+        textTabInactive: string;
+        textGreenDark: string;
+        textGreenLight: string;
+        textGreen1: string;
+        textGreen2: string;
+        textGreen3: string;
+        textGreenHover: string;
+        textCreateHover: string;
+        textGrayHover: string;
+        txButton: string;
+        obolGreen: string;
+        obolMidGreen: string;
+        obolGreenHover: string;
+        obolGreenLight: string;
+        obolDarkDark: string;
+        obolDisabled: string;
+        linkButtonHover: string;
+        progressTrackerGreen: string;
+        coordinate: string;
+        coordinateHover: string;
+        test: string;
+        testHover: string;
+        create: string;
+        createHover: string;
+        light: string;
+        body: string;
+        muted: string;
+        menu: string;
+        bg01: string;
+        bg02: string;
+        bg03: string;
+        bg04: string;
+        bg05: string;
+        tooltip: string;
+        tooltip2: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        xxxs: string;
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+    };
+    sizes: {
+        1: string;
+        2: string;
+        xxxs: string;
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        max: string;
+        min: string;
+        full: string;
+    };
+    radii: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        round: string;
+        pill: string;
+    };
+    fontSizes: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+    };
+    fontWeights: {
+        hairline: number;
+        thin: number;
+        light: number;
+        normal: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+        extrabold: number;
+        black: number;
+    };
+    lineHeights: {
+        normal: string;
+        none: number;
+        shorter: number;
+        short: number;
+        base: number;
+        tall: number;
+        tall2: number;
+        taller: string;
+    };
+    letterSpacings: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    borderWidths: unknown;
+    borderStyles: unknown;
+    shadows: unknown;
+    zIndices: unknown;
+    transitions: unknown;
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    p: (value: {
+        readonly [Stitches.$$PropertyValue]: "padding";
+    }) => {
+        padding: {
+            readonly [Stitches.$$PropertyValue]: "padding";
+        };
+    };
+    pt: (value: {
+        readonly [Stitches.$$PropertyValue]: "paddingTop";
+    }) => {
+        paddingTop: {
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        };
+    };
+    pr: (value: {
+        readonly [Stitches.$$PropertyValue]: "paddingRight";
+    }) => {
+        paddingRight: {
+            readonly [Stitches.$$PropertyValue]: "paddingRight";
+        };
+    };
+    pb: (value: {
+        readonly [Stitches.$$PropertyValue]: "paddingBottom";
+    }) => {
+        paddingBottom: {
+            readonly [Stitches.$$PropertyValue]: "paddingBottom";
+        };
+    };
+    pl: (value: {
+        readonly [Stitches.$$PropertyValue]: "paddingLeft";
+    }) => {
+        paddingLeft: {
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        };
+    };
+    px: (value: {
+        readonly [Stitches.$$PropertyValue]: "paddingLeft";
+    }) => {
+        paddingLeft: {
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        };
+        paddingRight: {
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
+        };
+    };
+    py: (value: {
+        readonly [Stitches.$$PropertyValue]: "paddingTop";
+    }) => {
+        paddingTop: {
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        };
+        paddingBottom: {
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
+        };
+    };
+    m: (value: {
+        readonly [Stitches.$$PropertyValue]: "margin";
+    }) => {
+        margin: {
+            readonly [Stitches.$$PropertyValue]: "margin";
+        };
+    };
+    mt: (value: {
+        readonly [Stitches.$$PropertyValue]: "marginTop";
+    }) => {
+        marginTop: {
+            readonly [Stitches.$$PropertyValue]: "marginTop";
+        };
+    };
+    mr: (value: {
+        readonly [Stitches.$$PropertyValue]: "marginRight";
+    }) => {
+        marginRight: {
+            readonly [Stitches.$$PropertyValue]: "marginRight";
+        };
+    };
+    mb: (value: {
+        readonly [Stitches.$$PropertyValue]: "marginBottom";
+    }) => {
+        marginBottom: {
+            readonly [Stitches.$$PropertyValue]: "marginBottom";
+        };
+    };
+    ml: (value: {
+        readonly [Stitches.$$PropertyValue]: "marginLeft";
+    }) => {
+        marginLeft: {
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        };
+    };
+    mx: (value: {
+        readonly [Stitches.$$PropertyValue]: "marginLeft";
+    }) => {
+        marginLeft: {
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        };
+        marginRight: {
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
+        };
+    };
+    my: (value: {
+        readonly [Stitches.$$PropertyValue]: "marginTop";
+    }) => {
+        marginTop: {
+            readonly [Stitches.$$PropertyValue]: "marginTop";
+        };
+        marginBottom: {
+            readonly [Stitches.$$PropertyValue]: "marginTop";
+        };
+    };
+    ta: (value: {
+        readonly [Stitches.$$PropertyValue]: "textAlign";
+    }) => {
+        textAlign: {
+            readonly [Stitches.$$PropertyValue]: "textAlign";
+        };
+    };
+    fd: (value: {
+        readonly [Stitches.$$PropertyValue]: "flexDirection";
+    }) => {
+        flexDirection: {
+            readonly [Stitches.$$PropertyValue]: "flexDirection";
+        };
+    };
+    fw: (value: {
+        readonly [Stitches.$$PropertyValue]: "flexWrap";
+    }) => {
+        flexWrap: {
+            readonly [Stitches.$$PropertyValue]: "flexWrap";
+        };
+    };
+    ai: (value: {
+        readonly [Stitches.$$PropertyValue]: "alignItems";
+    }) => {
+        alignItems: {
+            readonly [Stitches.$$PropertyValue]: "alignItems";
+        };
+    };
+    ac: (value: {
+        readonly [Stitches.$$PropertyValue]: "alignContent";
+    }) => {
+        alignContent: {
+            readonly [Stitches.$$PropertyValue]: "alignContent";
+        };
+    };
+    jc: (value: {
+        readonly [Stitches.$$PropertyValue]: "justifyContent";
+    }) => {
+        justifyContent: {
+            readonly [Stitches.$$PropertyValue]: "justifyContent";
+        };
+    };
+    as: (value: {
+        readonly [Stitches.$$PropertyValue]: "alignSelf";
+    }) => {
+        alignSelf: {
+            readonly [Stitches.$$PropertyValue]: "alignSelf";
+        };
+    };
+    fg: (value: {
+        readonly [Stitches.$$PropertyValue]: "flexGrow";
+    }) => {
+        flexGrow: {
+            readonly [Stitches.$$PropertyValue]: "flexGrow";
+        };
+    };
+    fs: (value: {
+        readonly [Stitches.$$PropertyValue]: "flexShrink";
+    }) => {
+        flexShrink: {
+            readonly [Stitches.$$PropertyValue]: "flexShrink";
+        };
+    };
+    fb: (value: {
+        readonly [Stitches.$$PropertyValue]: "flexBasis";
+    }) => {
+        flexBasis: {
+            readonly [Stitches.$$PropertyValue]: "flexBasis";
+        };
+    };
+    bc: (value: {
+        readonly [Stitches.$$PropertyValue]: "backgroundColor";
+    }) => {
+        backgroundColor: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        };
+    };
+    br: (value: {
+        readonly [Stitches.$$PropertyValue]: "borderRadius";
+    }) => {
+        borderRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderRadius";
+        };
+    };
+    btrr: (value: {
+        readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
+    }) => {
+        borderTopRightRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
+        };
+    };
+    bbrr: (value: {
+        readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
+    }) => {
+        borderBottomRightRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
+        };
+    };
+    bblr: (value: {
+        readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
+    }) => {
+        borderBottomLeftRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
+        };
+    };
+    btlr: (value: {
+        readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
+    }) => {
+        borderTopLeftRadius: {
+            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
+        };
+    };
+    bs: (value: {
+        readonly [Stitches.$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        };
+    };
+    lh: (value: {
+        readonly [Stitches.$$PropertyValue]: "lineHeight";
+    }) => {
+        lineHeight: {
+            readonly [Stitches.$$PropertyValue]: "lineHeight";
+        };
+    };
+    ox: (value: {
+        readonly [Stitches.$$PropertyValue]: "overflowX";
+    }) => {
+        overflowX: {
+            readonly [Stitches.$$PropertyValue]: "overflowX";
+        };
+    };
+    oy: (value: {
+        readonly [Stitches.$$PropertyValue]: "overflowY";
+    }) => {
+        overflowY: {
+            readonly [Stitches.$$PropertyValue]: "overflowY";
+        };
+    };
+    pe: (value: {
+        readonly [Stitches.$$PropertyValue]: "pointerEvents";
+    }) => {
+        pointerEvents: {
+            readonly [Stitches.$$PropertyValue]: "pointerEvents";
+        };
+    };
+    us: (value: {
+        readonly [Stitches.$$PropertyValue]: "userSelect";
+    }) => {
+        WebkitUserSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+    };
+    userSelect: (value: {
+        readonly [Stitches.$$PropertyValue]: "userSelect";
+    }) => {
+        WebkitUserSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [Stitches.$$PropertyValue]: "userSelect";
+        };
+    };
+    size: (value: {
+        readonly [Stitches.$$PropertyValue]: "width";
+    }) => {
+        width: {
+            readonly [Stitches.$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [Stitches.$$PropertyValue]: "width";
+        };
+    };
+    appearance: (value: {
+        readonly [Stitches.$$PropertyValue]: "appearance";
+    }) => {
+        WebkitAppearance: {
+            readonly [Stitches.$$PropertyValue]: "appearance";
+        };
+        appearance: {
+            readonly [Stitches.$$PropertyValue]: "appearance";
+        };
+    };
+    backgroundClip: (value: {
+        readonly [Stitches.$$PropertyValue]: "backgroundClip";
+    }) => {
+        WebkitBackgroundClip: {
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+        };
+        backgroundClip: {
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
+        };
+    };
+}>>;
+declare type IconButtonComponentVariants = Stitches.VariantProps<typeof IconButton>;
+export declare type IconButtonComponentProps = IconButtonComponentVariants;
+export declare const IconButtonStory: (props: Omit<import("@stitches/react/types/styled-component").TransformProps<{
+    ghost?: boolean | "true" | undefined;
+    fullWidth?: boolean | "true" | undefined;
+}, {
+    motion: "(prefers-reduced-motion)";
+    hover: "(any-hover: hover)";
+    dark: "(prefers-color-scheme: dark)";
+    light: "(prefers-color-scheme: light)";
+    xs: "(max-width: 520px)";
+    sm: "(max-width: 900px)";
+    bp2: "(min-width: 900px)";
+    md: "(max-width: 1200px)";
+    lg: "(max-width: 1800px)";
+}>, "ghost" | "fullWidth"> & {
+    ghost?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+    disabled?: boolean | undefined;
+}) => JSX.Element;
+export {};

package/dist/components/atoms/Image/Image.d.ts

@@ -39,6 +39,7 @@ export declare const Image: import("@stitches/react/types/styled-component").Sty
         cardBackgroundLight: string;
         textMiddle: string;
         textLight: string;
+        textLighter: string;
         textTabHover: string;
         textTabInactive: string;
         textGreenDark: string;
@@ -51,11 +52,13 @@ export declare const Image: import("@stitches/react/types/styled-component").Sty
         textGrayHover: string;
         txButton: string;
         obolGreen: string;
+        obolMidGreen: string;
         obolGreenHover: string;
         obolGreenLight: string;
         obolDarkDark: string;
         obolDisabled: string;
         linkButtonHover: string;
+        progressTrackerGreen: string;
         coordinate: string;
         coordinateHover: string;
         test: string;
@@ -71,6 +74,8 @@ export declare const Image: import("@stitches/react/types/styled-component").Sty
         bg03: string;
         bg04: string;
         bg05: string;
+        tooltip: string;
+        tooltip2: string;
     };
     space: {
         1: string;

package/dist/components/atoms/Link/Link.d.ts

@@ -2,6 +2,7 @@
 import type * as Stitches from "@stitches/react";
 export declare const Link: import("@stitches/react/types/styled-component").StyledComponent<"a", {
     variant?: "default" | "docs" | undefined;
+    disabled?: boolean | "true" | undefined;
 }, {
     motion: "(prefers-reduced-motion)";
     hover: "(any-hover: hover)";
@@ -42,6 +43,7 @@ export declare const Link: import("@stitches/react/types/styled-component").Styl
         cardBackgroundLight: string;
         textMiddle: string;
         textLight: string;
+        textLighter: string;
         textTabHover: string;
         textTabInactive: string;
         textGreenDark: string;
@@ -54,11 +56,13 @@ export declare const Link: import("@stitches/react/types/styled-component").Styl
         textGrayHover: string;
         txButton: string;
         obolGreen: string;
+        obolMidGreen: string;
         obolGreenHover: string;
         obolGreenLight: string;
         obolDarkDark: string;
         obolDisabled: string;
         linkButtonHover: string;
+        progressTrackerGreen: string;
         coordinate: string;
         coordinateHover: string;
         test: string;
@@ -74,6 +78,8 @@ export declare const Link: import("@stitches/react/types/styled-component").Styl
         bg03: string;
         bg04: string;
         bg05: string;
+        tooltip: string;
+        tooltip2: string;
     };
     space: {
         1: string;
@@ -479,6 +485,7 @@ export declare const Link: import("@stitches/react/types/styled-component").Styl
 }>>;
 export declare const LinkStory: (props: Omit<import("@stitches/react/types/styled-component").TransformProps<{
     variant?: "default" | "docs" | undefined;
+    disabled?: boolean | "true" | undefined;
 }, {
     motion: "(prefers-reduced-motion)";
     hover: "(any-hover: hover)";
@@ -489,8 +496,9 @@ export declare const LinkStory: (props: Omit<import("@stitches/react/types/style
     bp2: "(min-width: 900px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
-}>, "variant"> & {
+}>, "variant" | "disabled"> & {
     variant?: "default" | "docs" | undefined;
+    disabled?: boolean | undefined;
 } & {
     children?: import("react").ReactNode;
     disabled?: boolean | undefined;

package/dist/components/atoms/NumberField/NumberField.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface NumberFieldProps {
+    max?: number;
+    min?: number;
+}
+export declare const NumberField: import("react").ForwardRefExoticComponent<NumberFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/atoms/Spin/Spin.d.ts

@@ -1,6 +1,6 @@
 import * as Stitches from "@stitches/react";
 export declare const Spin: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "textMiddle" | "textLight" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | undefined;
+    color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | undefined;
     size?: "sm" | "md" | "lg" | "xl" | undefined;
 }, {
     motion: "(prefers-reduced-motion)";
@@ -42,6 +42,7 @@ export declare const Spin: import("@stitches/react/types/styled-component").Styl
         cardBackgroundLight: string;
         textMiddle: string;
         textLight: string;
+        textLighter: string;
         textTabHover: string;
         textTabInactive: string;
         textGreenDark: string;
@@ -54,11 +55,13 @@ export declare const Spin: import("@stitches/react/types/styled-component").Styl
         textGrayHover: string;
         txButton: string;
         obolGreen: string;
+        obolMidGreen: string;
         obolGreenHover: string;
         obolGreenLight: string;
         obolDarkDark: string;
         obolDisabled: string;
         linkButtonHover: string;
+        progressTrackerGreen: string;
         coordinate: string;
         coordinateHover: string;
         test: string;
@@ -74,6 +77,8 @@ export declare const Spin: import("@stitches/react/types/styled-component").Styl
         bg03: string;
         bg04: string;
         bg05: string;
+        tooltip: string;
+        tooltip2: string;
     };
     space: {
         1: string;

package/dist/components/atoms/SvgIcon/SvgIcon.d.ts

@@ -1,7 +1,7 @@
 import type * as Stitches from "@stitches/react";
 import { CSS } from "../../../stitches.config";
 export declare const SvgIcon: import("@stitches/react/types/styled-component").StyledComponent<"svg", {
-    color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "textMiddle" | "textLight" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "inherit" | undefined;
+    color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | "inherit" | undefined;
     size?: "inherit" | "sm" | "md" | "lg" | "xl" | undefined;
     fillColor?: boolean | "true" | "false" | undefined;
 }, {
@@ -44,6 +44,7 @@ export declare const SvgIcon: import("@stitches/react/types/styled-component").S
         cardBackgroundLight: string;
         textMiddle: string;
         textLight: string;
+        textLighter: string;
         textTabHover: string;
         textTabInactive: string;
         textGreenDark: string;
@@ -56,11 +57,13 @@ export declare const SvgIcon: import("@stitches/react/types/styled-component").S
         textGrayHover: string;
         txButton: string;
         obolGreen: string;
+        obolMidGreen: string;
         obolGreenHover: string;
         obolGreenLight: string;
         obolDarkDark: string;
         obolDisabled: string;
         linkButtonHover: string;
+        progressTrackerGreen: string;
         coordinate: string;
         coordinateHover: string;
         test: string;
@@ -76,6 +79,8 @@ export declare const SvgIcon: import("@stitches/react/types/styled-component").S
         bg03: string;
         bg04: string;
         bg05: string;
+        tooltip: string;
+        tooltip2: string;
     };
     space: {
         1: string;