@obolnetwork/obol-ui 1.1.15 → 1.1.17

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

@@ -88,6 +88,15 @@ export declare const AvatarComponent: import("@stitches/react/types/styled-compo
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;
@@ -578,6 +587,15 @@ export declare const AvatarImage: import("@stitches/react/types/styled-component
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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

@@ -85,6 +85,15 @@ export declare const Box: import("@stitches/react/types/styled-component").Style
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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

@@ -96,6 +96,15 @@ export declare const Button: import("@stitches/react/types/styled-component").St
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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

@@ -87,6 +87,15 @@ export declare const CheckboxRoot: import("@stitches/react/types/styled-componen
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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

@@ -85,6 +85,15 @@ export declare const Container: import("@stitches/react/types/styled-component")
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;
@@ -580,6 +589,15 @@ export declare const Container: import("@stitches/react/types/styled-component")
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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

@@ -87,6 +87,15 @@ export declare const Flex: import("@stitches/react/types/styled-component").Styl
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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

@@ -87,6 +87,15 @@ export declare const GridRoot: import("@stitches/react/types/styled-component").
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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

@@ -91,6 +91,15 @@ export declare const IconButton: import("@stitches/react/types/styled-component"
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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

@@ -85,6 +85,15 @@ export declare const Image: import("@stitches/react/types/styled-component").Sty
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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

@@ -119,6 +119,15 @@ export declare const Link: import("@stitches/react/types/styled-component").Styl
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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

@@ -95,6 +95,15 @@ export declare const NavigationMenubarItemRightSlot: import("@stitches/react/typ
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;
@@ -585,6 +594,15 @@ export declare const NavigationMenubarItem: import("@stitches/react/types/styled
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;
@@ -1075,6 +1093,15 @@ export declare const NavigationMenubarContent: import("@stitches/react/types/sty
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;
@@ -1565,6 +1592,15 @@ export declare const NavigationMenubarTrigger: import("@stitches/react/types/sty
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;
@@ -2055,6 +2091,15 @@ export declare const NavigationMenubarRoot: import("@stitches/react/types/styled
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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

@@ -0,0 +1,6 @@
+export declare type ScoreGrade = "A" | "B" | "C" | "D" | "F";
+export interface ScoreBadgeProps {
+    /** Letter grade from charon test (A–F). Omit or pass undefined to show an empty state. */
+    score?: string;
+}
+export declare const ScoreBadge: ({ score }: ScoreBadgeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -87,6 +87,15 @@ export declare const Separator: import("@stitches/react/types/styled-component")
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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

@@ -87,6 +87,15 @@ export declare const Skeleton: import("@stitches/react/types/styled-component").
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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" | "gradientGold" | "gradientSilver" | "gradientBronze" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "obolGold" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | "skeletonBg" | undefined;
+    color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "gradientGold" | "gradientSilver" | "gradientBronze" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "obolGold" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | "skeletonBg" | "purpleLight" | "purpleLightHover" | "tealDark" | "purpleDark" | "grayMedium" | undefined;
     size?: "sm" | "md" | "lg" | "xl" | undefined;
 }, {
     motion: "(prefers-reduced-motion)";
@@ -89,6 +89,15 @@ export declare const Spin: import("@stitches/react/types/styled-component").Styl
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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

@@ -1,8 +1,10 @@
 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" | "gradientGold" | "gradientSilver" | "gradientBronze" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "obolGold" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | "skeletonBg" | "inherit" | undefined;
-    size?: "inherit" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+    color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "gradientGold" | "gradientSilver" | "gradientBronze" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "obolGold" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | "skeletonBg" | "purpleLight" | "purpleLightHover" | "tealDark" | "purpleDark" | "grayMedium" | "inherit" | undefined;
+    size?: "inherit" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | undefined;
+    width?: "inherit" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | undefined;
+    height?: "inherit" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | undefined;
     fillColor?: boolean | "true" | "false" | undefined;
     strokeColor?: boolean | "true" | "false" | undefined;
     transform?: "xAxis" | undefined;
@@ -93,6 +95,15 @@ export declare const SvgIcon: import("@stitches/react/types/styled-component").S
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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

@@ -87,6 +87,15 @@ export declare const SwitchRoot: import("@stitches/react/types/styled-component"
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;
@@ -577,6 +586,15 @@ export declare const SwitchThumb: import("@stitches/react/types/styled-component
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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

@@ -3,7 +3,7 @@ import type * as Stitches from "@stitches/react";
 export declare const Text: import("@stitches/react/types/styled-component").StyledComponent<"span", {
     variant?: "body" | "pill" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | "metricStatusCell" | "helper" | undefined;
     size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
-    color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "gradientGold" | "gradientSilver" | "gradientBronze" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "obolGold" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | "skeletonBg" | undefined;
+    color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "gradientGold" | "gradientSilver" | "gradientBronze" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "obolGold" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | "skeletonBg" | "purpleLight" | "purpleLightHover" | "tealDark" | "purpleDark" | "grayMedium" | undefined;
     glow?: boolean | "true" | undefined;
     inline?: boolean | "true" | undefined;
 }, {
@@ -93,6 +93,15 @@ export declare const Text: import("@stitches/react/types/styled-component").Styl
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;
@@ -500,7 +509,7 @@ export default Text;
 export declare const TextStory: (props: Omit<import("@stitches/react/types/styled-component").TransformProps<{
     variant?: "body" | "pill" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | "metricStatusCell" | "helper" | undefined;
     size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
-    color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "gradientGold" | "gradientSilver" | "gradientBronze" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "obolGold" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | "skeletonBg" | undefined;
+    color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "gradientGold" | "gradientSilver" | "gradientBronze" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "obolGold" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | "skeletonBg" | "purpleLight" | "purpleLightHover" | "tealDark" | "purpleDark" | "grayMedium" | undefined;
     glow?: boolean | "true" | undefined;
     inline?: boolean | "true" | undefined;
 }, {
@@ -518,7 +527,7 @@ export declare const TextStory: (props: Omit<import("@stitches/react/types/style
 }>, "color" | "size" | "inline" | "variant" | "glow"> & {
     variant?: "body" | "pill" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | "metricStatusCell" | "helper" | undefined;
     size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
-    color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "gradientGold" | "gradientSilver" | "gradientBronze" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "obolGold" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | "skeletonBg" | undefined;
+    color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "gradientGold" | "gradientSilver" | "gradientBronze" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "obolGold" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | "skeletonBg" | "purpleLight" | "purpleLightHover" | "tealDark" | "purpleDark" | "grayMedium" | undefined;
     glow?: boolean | undefined;
     inline?: boolean | undefined;
 } & {

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

@@ -90,6 +90,15 @@ export declare const TextField: import("@stitches/react/types/styled-component")
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;
@@ -582,6 +591,15 @@ export declare const TextAreaField: import("@stitches/react/types/styled-compone
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;
@@ -1084,6 +1102,15 @@ export declare const TextFieldWithCopy: import("react").ForwardRefExoticComponen
             tooltip: string;
             tooltip2: string;
             skeletonBg: string;
+            purpleLight: string;
+            purpleLightHover: string;
+            tealDark: string;
+            purpleDark: string;
+            grayMedium: string;
+        };
+        fonts: {
+            sans: string;
+            mono: string;
         };
         space: {
             1: string;
@@ -1580,6 +1607,15 @@ export declare const TextAreaFieldWithCopy: import("react").ForwardRefExoticComp
             tooltip: string;
             tooltip2: string;
             skeletonBg: string;
+            purpleLight: string;
+            purpleLightHover: string;
+            tealDark: string;
+            purpleDark: string;
+            grayMedium: string;
+        };
+        fonts: {
+            sans: string;
+            mono: string;
         };
         space: {
             1: string;

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

@@ -87,6 +87,15 @@ export declare const ToggleGroup: import("@stitches/react/types/styled-component
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;
@@ -577,6 +586,15 @@ export declare const ToggleGroupItem: import("@stitches/react/types/styled-compo
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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

@@ -87,6 +87,15 @@ export declare const UnstyledTextField: import("@stitches/react/types/styled-com
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;
@@ -578,6 +587,15 @@ export declare const UnstyledTextField: import("@stitches/react/types/styled-com
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;

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

@@ -0,0 +1,5 @@
+export declare type VerdictType = "OK" | "Fail" | "Good" | "Avg" | "Poor" | "Skip";
+export interface VerdictChipProps {
+    verdict: VerdictType;
+}
+export declare const VerdictChip: ({ verdict }: VerdictChipProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -26,3 +26,5 @@ export * from "./Separator/Separator";
 export * from "./Skeleton/Skeleton";
 export * from "./Avatar/Avatar";
 export * from "./ProgressBar/ProgressBar";
+export * from "./VerdictChip/VerdictChip";
+export * from "./ScoreBadge/ScoreBadge";

package/dist/components/icons/brand/obol/circle/ObolDarkCircle.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { SvgIcon } from '../../../../atoms/SvgIcon/SvgIcon';
+export interface ObolDarkCircleProps extends React.ComponentProps<typeof SvgIcon> {
+}
+export declare const ObolDarkCircle: React.FC<ObolDarkCircleProps>;

package/dist/components/icons/brand/obol/circle/ObolLightCircle.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { SvgIcon } from '../../../../atoms/SvgIcon/SvgIcon';
+export interface ObolLightCircleProps extends React.ComponentProps<typeof SvgIcon> {
+}
+export declare const ObolLightCircle: React.FC<ObolLightCircleProps>;

package/dist/components/icons/brand/obol/horizontal/ObolDarkBgH.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { SvgIcon } from '../../../../atoms/SvgIcon/SvgIcon';
+export interface ObolDarkBgHProps extends React.ComponentProps<typeof SvgIcon> {
+}
+export declare const ObolDarkBgH: React.FC<ObolDarkBgHProps>;

package/dist/components/icons/brand/obol/horizontal/ObolLightBgH.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { SvgIcon } from '../../../../atoms/SvgIcon/SvgIcon';
+export interface ObolLightBgHProps extends React.ComponentProps<typeof SvgIcon> {
+}
+export declare const ObolLightBgH: React.FC<ObolLightBgHProps>;

package/dist/components/icons/brand/obol/horizontal/ObolSolidDarkBgH.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { SvgIcon } from '../../../../atoms/SvgIcon/SvgIcon';
+export interface ObolSolidDarkBgHProps extends React.ComponentProps<typeof SvgIcon> {
+}
+export declare const ObolSolidDarkBgH: React.FC<ObolSolidDarkBgHProps>;