@obolnetwork/obol-ui 1.1.14 → 1.1.17

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;
@@ -15,6 +17,7 @@ export declare const SvgIcon: import("@stitches/react/types/styled-component").S
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, import("@stitches/react/types/css-util").CSS<{
@@ -26,6 +29,7 @@ export declare const SvgIcon: import("@stitches/react/types/styled-component").S
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -91,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

@@ -9,6 +9,7 @@ export declare const SwitchRoot: import("@stitches/react/types/styled-component"
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, import("@stitches/react/types/css-util").CSS<{
@@ -20,6 +21,7 @@ export declare const SwitchRoot: import("@stitches/react/types/styled-component"
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -85,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;
@@ -497,6 +508,7 @@ export declare const SwitchThumb: import("@stitches/react/types/styled-component
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, import("@stitches/react/types/css-util").CSS<{
@@ -508,6 +520,7 @@ export declare const SwitchThumb: import("@stitches/react/types/styled-component
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -573,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;
 }, {
@@ -15,6 +15,7 @@ export declare const Text: import("@stitches/react/types/styled-component").Styl
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, import("@stitches/react/types/css-util").CSS<{
@@ -26,6 +27,7 @@ export declare const Text: import("@stitches/react/types/styled-component").Styl
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -91,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;
@@ -498,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;
 }, {
@@ -510,12 +521,13 @@ export declare const TextStory: (props: Omit<import("@stitches/react/types/style
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }>, "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

@@ -12,6 +12,7 @@ export declare const TextField: import("@stitches/react/types/styled-component")
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, import("@stitches/react/types/css-util").CSS<{
@@ -23,6 +24,7 @@ export declare const TextField: import("@stitches/react/types/styled-component")
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -88,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;
@@ -502,6 +513,7 @@ export declare const TextAreaField: import("@stitches/react/types/styled-compone
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, import("@stitches/react/types/css-util").CSS<{
@@ -513,6 +525,7 @@ export declare const TextAreaField: import("@stitches/react/types/styled-compone
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -578,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;
@@ -1001,6 +1023,7 @@ export declare const TextFieldWithCopy: import("react").ForwardRefExoticComponen
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }> & {
@@ -1013,6 +1036,7 @@ export declare const TextFieldWithCopy: import("react").ForwardRefExoticComponen
         sm: "(max-width: 900px)";
         bp1: "(min-width: 520px)";
         bp2: "(min-width: 900px)";
+        bp3: "(min-width: 1200px)";
         md: "(max-width: 1200px)";
         lg: "(max-width: 1800px)";
     }, {
@@ -1078,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;
@@ -1495,6 +1528,7 @@ export declare const TextAreaFieldWithCopy: import("react").ForwardRefExoticComp
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }> & {
@@ -1507,6 +1541,7 @@ export declare const TextAreaFieldWithCopy: import("react").ForwardRefExoticComp
         sm: "(max-width: 900px)";
         bp1: "(min-width: 520px)";
         bp2: "(min-width: 900px)";
+        bp3: "(min-width: 1200px)";
         md: "(max-width: 1200px)";
         lg: "(max-width: 1800px)";
     }, {
@@ -1572,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

@@ -9,6 +9,7 @@ export declare const ToggleGroup: import("@stitches/react/types/styled-component
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, import("@stitches/react/types/css-util").CSS<{
@@ -20,6 +21,7 @@ export declare const ToggleGroup: import("@stitches/react/types/styled-component
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -85,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;
@@ -497,6 +508,7 @@ export declare const ToggleGroupItem: import("@stitches/react/types/styled-compo
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, import("@stitches/react/types/css-util").CSS<{
@@ -508,6 +520,7 @@ export declare const ToggleGroupItem: import("@stitches/react/types/styled-compo
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -573,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

@@ -9,6 +9,7 @@ export declare const UnstyledTextField: import("@stitches/react/types/styled-com
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, import("@stitches/react/types/css-util").CSS<{
@@ -20,6 +21,7 @@ export declare const UnstyledTextField: import("@stitches/react/types/styled-com
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -85,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;
@@ -498,6 +509,7 @@ export declare const UnstyledTextField: import("@stitches/react/types/styled-com
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, import("@stitches/react/types/css-util").CSS<{
@@ -509,6 +521,7 @@ export declare const UnstyledTextField: import("@stitches/react/types/styled-com
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -574,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>;

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

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

package/dist/components/icons/brand/obol/mark/ObolDarkBgMark.d.ts

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

package/dist/components/icons/brand/obol/mark/ObolLightBgMark.d.ts

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

package/dist/components/icons/brand/obol/mark/ObolSolidDarkBgMark.d.ts

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

package/dist/components/icons/brand/obol/mark/ObolSolidLightBgMark.d.ts

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

package/dist/components/icons/brand/obol/vertical/ObolDarkBgV.d.ts

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

package/dist/components/icons/brand/obol/vertical/ObolLightBgV.d.ts

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

package/dist/components/icons/brand/obol/vertical/ObolSolidDarkBgV.d.ts

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

package/dist/components/icons/brand/obol/vertical/ObolSolidLightBgV.d.ts

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

package/dist/components/icons/brand/planets/PlanetBlue.d.ts

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

package/dist/components/icons/brand/planets/PlanetGreen.d.ts

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

package/dist/components/icons/brand/planets/PlanetGrey.d.ts

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

package/dist/components/icons/brand/planets/PlanetMagenta.d.ts

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

package/dist/components/icons/brand/planets/PlanetOrange.d.ts

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