@obolnetwork/obol-ui 1.1.14 → 1.1.17

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

@@ -10,6 +10,7 @@ export declare const AvatarComponent: 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<{
@@ -21,6 +22,7 @@ export declare const AvatarComponent: 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)";
 }, {
@@ -86,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;
@@ -498,6 +509,7 @@ export declare const AvatarImage: 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<{
@@ -509,6 +521,7 @@ export declare const AvatarImage: 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)";
 }, {
@@ -574,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

@@ -7,6 +7,7 @@ export declare const Box: import("@stitches/react/types/styled-component").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)";
 }, import("@stitches/react/types/css-util").CSS<{
@@ -18,6 +19,7 @@ export declare const Box: import("@stitches/react/types/styled-component").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)";
 }, {
@@ -83,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

@@ -18,6 +18,7 @@ export declare const Button: import("@stitches/react/types/styled-component").St
     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<{
@@ -29,6 +30,7 @@ export declare const Button: import("@stitches/react/types/styled-component").St
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -94,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

@@ -9,6 +9,7 @@ export declare const CheckboxRoot: import("@stitches/react/types/styled-componen
     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 CheckboxRoot: import("@stitches/react/types/styled-componen
     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 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

@@ -7,6 +7,7 @@ export declare const Container: 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<{
@@ -18,6 +19,7 @@ export declare const Container: 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)";
 }, {
@@ -83,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;
@@ -500,6 +511,7 @@ export declare const Container: 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<{
@@ -511,6 +523,7 @@ export declare const Container: 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)";
 }, {
@@ -576,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

@@ -9,6 +9,7 @@ export declare const Flex: 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<{
@@ -20,6 +21,7 @@ export declare const Flex: 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)";
 }, {
@@ -85,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

@@ -9,6 +9,7 @@ export declare const GridRoot: 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 GridRoot: 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 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

@@ -13,6 +13,7 @@ export declare const IconButton: 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<{
@@ -24,6 +25,7 @@ export declare const IconButton: 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)";
 }, {
@@ -89,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;
@@ -507,6 +518,7 @@ export declare const IconButtonStory: (props: Omit<import("@stitches/react/types
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }>, "ghost" | "fullWidth" | "borderDisabled"> & {

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

@@ -7,6 +7,7 @@ export declare const Image: import("@stitches/react/types/styled-component").Sty
     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<{
@@ -18,6 +19,7 @@ export declare const Image: import("@stitches/react/types/styled-component").Sty
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -83,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

@@ -41,6 +41,7 @@ export declare const Link: 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<{
@@ -52,6 +53,7 @@ export declare const Link: 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)";
 }, {
@@ -117,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;
@@ -532,6 +543,7 @@ export declare const LinkStory: (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)";
 }>, "variant" | "disabled"> & {

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

@@ -17,6 +17,7 @@ export declare const NavigationMenubarItemRightSlot: import("@stitches/react/typ
     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<{
@@ -28,6 +29,7 @@ export declare const NavigationMenubarItemRightSlot: import("@stitches/react/typ
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -93,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;
@@ -505,6 +516,7 @@ export declare const NavigationMenubarItem: import("@stitches/react/types/styled
     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<{
@@ -516,6 +528,7 @@ export declare const NavigationMenubarItem: import("@stitches/react/types/styled
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -581,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;
@@ -993,6 +1015,7 @@ export declare const NavigationMenubarContent: import("@stitches/react/types/sty
     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<{
@@ -1004,6 +1027,7 @@ export declare const NavigationMenubarContent: import("@stitches/react/types/sty
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -1069,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;
@@ -1481,6 +1514,7 @@ export declare const NavigationMenubarTrigger: import("@stitches/react/types/sty
     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<{
@@ -1492,6 +1526,7 @@ export declare const NavigationMenubarTrigger: import("@stitches/react/types/sty
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -1557,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;
@@ -1969,6 +2013,7 @@ export declare const NavigationMenubarRoot: import("@stitches/react/types/styled
     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<{
@@ -1980,6 +2025,7 @@ export declare const NavigationMenubarRoot: import("@stitches/react/types/styled
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -2045,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

@@ -9,6 +9,7 @@ export declare const Separator: 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 Separator: 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 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

@@ -9,6 +9,7 @@ export declare const Skeleton: 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 Skeleton: 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 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)";
@@ -11,6 +11,7 @@ export declare const Spin: 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<{
@@ -22,6 +23,7 @@ export declare const Spin: 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)";
 }, {
@@ -87,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;