@obolnetwork/obol-ui 1.1.14 → 1.1.17

package/dist/components/molecules/Accordion/Accordion.d.ts

@@ -9,6 +9,7 @@ export declare const Root: 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 Root: 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 Root: 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;
@@ -497,6 +508,7 @@ export declare const Item: 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<{
@@ -508,6 +520,7 @@ export declare const Item: 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)";
 }, {
@@ -573,6 +586,15 @@ export declare const Item: 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/molecules/AdvisoryToggle/AdvisoryToggle.d.ts

@@ -15,6 +15,7 @@ export declare const AdvisoryToggleItem: import("@stitches/react/types/styled-co
     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 AdvisoryToggleItem: import("@stitches/react/types/styled-co
     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 AdvisoryToggleItem: import("@stitches/react/types/styled-co
         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 AdvisoryToggleItem: import("@stitches/react/types/styled-co
     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 AdvisoryToggleItem: import("@stitches/react/types/styled-co
     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 AdvisoryToggleItem: import("@stitches/react/types/styled-co
         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/molecules/Card/Card.d.ts

@@ -24,6 +24,7 @@ export declare const ToggleCardItem: import("@stitches/react/types/styled-compon
     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<{
@@ -35,6 +36,7 @@ export declare const ToggleCardItem: import("@stitches/react/types/styled-compon
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -100,6 +102,15 @@ export declare const ToggleCardItem: import("@stitches/react/types/styled-compon
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;
@@ -511,6 +522,7 @@ export declare const ToggleCardItem: import("@stitches/react/types/styled-compon
     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<{
@@ -522,6 +534,7 @@ export declare const ToggleCardItem: import("@stitches/react/types/styled-compon
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -587,6 +600,15 @@ export declare const ToggleCardItem: import("@stitches/react/types/styled-compon
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;
@@ -999,6 +1021,7 @@ export declare const BoxCard: 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<{
@@ -1010,6 +1033,7 @@ export declare const BoxCard: 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)";
 }, {
@@ -1075,6 +1099,15 @@ export declare const BoxCard: 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;
@@ -1490,6 +1523,7 @@ export declare const BoxCard: 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<{
@@ -1501,6 +1535,7 @@ export declare const BoxCard: 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)";
 }, {
@@ -1566,6 +1601,15 @@ export declare const BoxCard: 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/molecules/Dialog/Dialog.d.ts

@@ -10,6 +10,7 @@ export declare const Dialog: 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<{
@@ -21,6 +22,7 @@ export declare const Dialog: 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)";
 }, {
@@ -86,6 +88,15 @@ export declare const Dialog: 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;
@@ -502,6 +513,7 @@ export declare const DialogTitle: 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<{
@@ -513,6 +525,7 @@ export declare const DialogTitle: 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)";
 }, {
@@ -578,6 +591,15 @@ export declare const DialogTitle: 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;
@@ -990,6 +1012,7 @@ export declare const DialogDescription: 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<{
@@ -1001,6 +1024,7 @@ export declare const DialogDescription: 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)";
 }, {
@@ -1066,6 +1090,15 @@ export declare const DialogDescription: 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;
@@ -1479,6 +1512,7 @@ export declare const DialogStyledContent: import("@stitches/react/types/styled-c
     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<{
@@ -1490,6 +1524,7 @@ export declare const DialogStyledContent: import("@stitches/react/types/styled-c
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -1555,6 +1590,15 @@ export declare const DialogStyledContent: import("@stitches/react/types/styled-c
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;
@@ -1967,6 +2011,7 @@ export declare const DialogOverlay: 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<{
@@ -1978,6 +2023,7 @@ export declare const DialogOverlay: 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)";
 }, {
@@ -2043,6 +2089,15 @@ export declare const DialogOverlay: 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;
@@ -2456,6 +2511,7 @@ export declare const DialogIconButton: import("@stitches/react/types/styled-comp
     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<{
@@ -2467,6 +2523,7 @@ export declare const DialogIconButton: import("@stitches/react/types/styled-comp
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -2532,6 +2589,15 @@ export declare const DialogIconButton: import("@stitches/react/types/styled-comp
         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/molecules/NotificationCard/NotificationCard.d.ts

@@ -8,6 +8,7 @@ export declare const NotificationContainer: 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<{
@@ -19,6 +20,7 @@ export declare const NotificationContainer: 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)";
 }, {
@@ -84,6 +86,15 @@ export declare const NotificationContainer: 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;
@@ -495,6 +506,7 @@ export declare const NotificationContainer: 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<{
@@ -506,6 +518,7 @@ export declare const NotificationContainer: 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)";
 }, {
@@ -571,6 +584,15 @@ export declare const NotificationContainer: 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/molecules/RadioGroup/RadioGroup.d.ts

@@ -10,6 +10,7 @@ export declare const RadioGroupRadio: 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 RadioGroupRadio: 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 RadioGroupRadio: 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 RadioGroupIndicator: import("@stitches/react/types/styled-c
     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 RadioGroupIndicator: import("@stitches/react/types/styled-c
     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 RadioGroupIndicator: import("@stitches/react/types/styled-c
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;
@@ -986,6 +1008,7 @@ export declare const RadioGroupItemLabel: import("@stitches/react/types/styled-c
     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<{
@@ -997,6 +1020,7 @@ export declare const RadioGroupItemLabel: import("@stitches/react/types/styled-c
     sm: "(max-width: 900px)";
     bp1: "(min-width: 520px)";
     bp2: "(min-width: 900px)";
+    bp3: "(min-width: 1200px)";
     md: "(max-width: 1200px)";
     lg: "(max-width: 1800px)";
 }, {
@@ -1062,6 +1086,15 @@ export declare const RadioGroupItemLabel: import("@stitches/react/types/styled-c
         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/molecules/ResponsiveDialog/ResponsiveDialog.d.ts

@@ -18,6 +18,7 @@ export declare const ResponsiveDialogStyledContent: import("@stitches/react/type
     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 ResponsiveDialogStyledContent: import("@stitches/react/type
     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 ResponsiveDialogStyledContent: import("@stitches/react/type
         tooltip: string;
         tooltip2: string;
         skeletonBg: string;
+        purpleLight: string;
+        purpleLightHover: string;
+        tealDark: string;
+        purpleDark: string;
+        grayMedium: string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
     };
     space: {
         1: string;
@@ -506,6 +517,7 @@ export declare const ResponsiveDialogIconButton: import("@stitches/react/types/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<{
@@ -517,6 +529,7 @@ export declare const ResponsiveDialogIconButton: import("@stitches/react/types/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)";
 }, {
@@ -582,6 +595,15 @@ export declare const ResponsiveDialogIconButton: import("@stitches/react/types/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;