@obolnetwork/obol-ui 1.0.75 → 1.0.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/components/atoms/Avatar/Avatar.d.ts +975 -0
  2. package/dist/components/atoms/Badge/Badge.d.ts +2 -0
  3. package/dist/components/atoms/Box/Box.d.ts +3 -0
  4. package/dist/components/atoms/Button/Button.d.ts +3 -0
  5. package/dist/components/atoms/Checkbox/Checkbox.d.ts +3 -0
  6. package/dist/components/atoms/Container/Container.d.ts +6 -0
  7. package/dist/components/atoms/Flex/Flex.d.ts +3 -0
  8. package/dist/components/atoms/Grid/Grid.d.ts +3 -0
  9. package/dist/components/atoms/IconButton/IconButton.d.ts +3 -0
  10. package/dist/components/atoms/Image/Image.d.ts +3 -0
  11. package/dist/components/atoms/Link/Link.d.ts +3 -0
  12. package/dist/components/atoms/NavigationMenu/NavigationMenu.d.ts +15 -0
  13. package/dist/components/atoms/Separator/Separator.d.ts +3 -0
  14. package/dist/components/atoms/Spin/Spin.d.ts +4 -1
  15. package/dist/components/atoms/SvgIcon/SvgIcon.d.ts +4 -1
  16. package/dist/components/atoms/Switch/Switch.d.ts +6 -0
  17. package/dist/components/atoms/Text/Text.d.ts +6 -3
  18. package/dist/components/atoms/TextField/TextField.d.ts +12 -0
  19. package/dist/components/atoms/Toggle/Toggle.d.ts +6 -0
  20. package/dist/components/atoms/UnstyledTextField/UnstyledTextField.d.ts +6 -0
  21. package/dist/components/icons/GlowIconBox.d.ts +3 -0
  22. package/dist/components/icons/Planet.d.ts +3 -0
  23. package/dist/components/icons/socials/CopyLinkIcon.d.ts +2 -0
  24. package/dist/components/icons/socials/DiscordIcon.d.ts +2 -0
  25. package/dist/components/icons/socials/LinkedinIcon.d.ts +2 -0
  26. package/dist/components/icons/socials/XIcon.d.ts +2 -0
  27. package/dist/components/molecules/Accordion/Accordion.d.ts +6 -0
  28. package/dist/components/molecules/AdvisoryToggle/AdvisoryToggle.d.ts +6 -0
  29. package/dist/components/molecules/Card/Card.d.ts +12 -0
  30. package/dist/components/molecules/Dialog/Dialog.d.ts +18 -0
  31. package/dist/components/molecules/NotificationCard/NotificationCard.d.ts +6 -0
  32. package/dist/components/molecules/Profile/Profile.d.ts +9 -0
  33. package/dist/components/molecules/RadioGroup/RadioGroup.d.ts +9 -0
  34. package/dist/components/molecules/ResponsiveDialog/ResponsiveDialog.d.ts +6 -0
  35. package/dist/components/molecules/ShareButton/ShareButton.d.ts +4 -0
  36. package/dist/components/molecules/Table/Table.d.ts +1 -0
  37. package/dist/components/molecules/Tabs/Tabs.d.ts +12 -0
  38. package/dist/components/molecules/index.d.ts +2 -0
  39. package/dist/components/utils/color-variants.d.ts +3 -0
  40. package/dist/components/utils/hooks/useOutsideClick.d.ts +2 -0
  41. package/dist/components/utils/styles.d.ts +3 -0
  42. package/dist/index.es.js +1 -1
  43. package/dist/index.js +1 -1
  44. package/dist/stitches.config.d.ts +30 -0
  45. package/package.json +2 -1
package/dist/components/atoms/Badge/Badge.d.ts CHANGED
@@ -2,9 +2,11 @@ import { CSS } from "../../../stitches.config";
2
2
  export declare type BadgeProps = {
3
3
  src: string;
4
4
  name: string;
5
+ isSelected?: boolean;
5
6
  description?: string;
6
7
  showName?: boolean;
7
8
  onClick?: () => void;
9
+ isInactive?: boolean;
8
10
  css?: CSS;
9
11
  };
10
12
  export declare const Badge: (props: BadgeProps) => import("react/jsx-runtime").JSX.Element;
package/dist/components/atoms/Box/Box.d.ts CHANGED
@@ -38,6 +38,9 @@ export declare const Box: import("@stitches/react/types/styled-component").Style
38
38
  navButtonBgHover: string;
39
39
  cardBackgroundDark: string;
40
40
  cardBackgroundLight: string;
41
+ gradientGold: string;
42
+ gradientSilver: string;
43
+ gradientBronze: string;
41
44
  textMiddle: string;
42
45
  textLight: string;
43
46
  textLighter: string;
package/dist/components/atoms/Button/Button.d.ts CHANGED
@@ -48,6 +48,9 @@ export declare const Button: import("@stitches/react/types/styled-component").St
48
48
  navButtonBgHover: string;
49
49
  cardBackgroundDark: string;
50
50
  cardBackgroundLight: string;
51
+ gradientGold: string;
52
+ gradientSilver: string;
53
+ gradientBronze: string;
51
54
  textMiddle: string;
52
55
  textLight: string;
53
56
  textLighter: string;
package/dist/components/atoms/Checkbox/Checkbox.d.ts CHANGED
@@ -40,6 +40,9 @@ export declare const CheckboxRoot: import("@stitches/react/types/styled-componen
40
40
  navButtonBgHover: string;
41
41
  cardBackgroundDark: string;
42
42
  cardBackgroundLight: string;
43
+ gradientGold: string;
44
+ gradientSilver: string;
45
+ gradientBronze: string;
43
46
  textMiddle: string;
44
47
  textLight: string;
45
48
  textLighter: string;
package/dist/components/atoms/Container/Container.d.ts CHANGED
@@ -38,6 +38,9 @@ export declare const Container: import("@stitches/react/types/styled-component")
38
38
  navButtonBgHover: string;
39
39
  cardBackgroundDark: string;
40
40
  cardBackgroundLight: string;
41
+ gradientGold: string;
42
+ gradientSilver: string;
43
+ gradientBronze: string;
41
44
  textMiddle: string;
42
45
  textLight: string;
43
46
  textLighter: string;
@@ -526,6 +529,9 @@ export declare const Container: import("@stitches/react/types/styled-component")
526
529
  navButtonBgHover: string;
527
530
  cardBackgroundDark: string;
528
531
  cardBackgroundLight: string;
532
+ gradientGold: string;
533
+ gradientSilver: string;
534
+ gradientBronze: string;
529
535
  textMiddle: string;
530
536
  textLight: string;
531
537
  textLighter: string;
package/dist/components/atoms/Flex/Flex.d.ts CHANGED
@@ -40,6 +40,9 @@ export declare const Flex: import("@stitches/react/types/styled-component").Styl
40
40
  navButtonBgHover: string;
41
41
  cardBackgroundDark: string;
42
42
  cardBackgroundLight: string;
43
+ gradientGold: string;
44
+ gradientSilver: string;
45
+ gradientBronze: string;
43
46
  textMiddle: string;
44
47
  textLight: string;
45
48
  textLighter: string;
package/dist/components/atoms/Grid/Grid.d.ts CHANGED
@@ -40,6 +40,9 @@ export declare const GridRoot: import("@stitches/react/types/styled-component").
40
40
  navButtonBgHover: string;
41
41
  cardBackgroundDark: string;
42
42
  cardBackgroundLight: string;
43
+ gradientGold: string;
44
+ gradientSilver: string;
45
+ gradientBronze: string;
43
46
  textMiddle: string;
44
47
  textLight: string;
45
48
  textLighter: string;
package/dist/components/atoms/IconButton/IconButton.d.ts CHANGED
@@ -44,6 +44,9 @@ export declare const IconButton: import("@stitches/react/types/styled-component"
44
44
  navButtonBgHover: string;
45
45
  cardBackgroundDark: string;
46
46
  cardBackgroundLight: string;
47
+ gradientGold: string;
48
+ gradientSilver: string;
49
+ gradientBronze: string;
47
50
  textMiddle: string;
48
51
  textLight: string;
49
52
  textLighter: string;
package/dist/components/atoms/Image/Image.d.ts CHANGED
@@ -38,6 +38,9 @@ export declare const Image: import("@stitches/react/types/styled-component").Sty
38
38
  navButtonBgHover: string;
39
39
  cardBackgroundDark: string;
40
40
  cardBackgroundLight: string;
41
+ gradientGold: string;
42
+ gradientSilver: string;
43
+ gradientBronze: string;
41
44
  textMiddle: string;
42
45
  textLight: string;
43
46
  textLighter: string;
package/dist/components/atoms/Link/Link.d.ts CHANGED
@@ -72,6 +72,9 @@ export declare const Link: import("@stitches/react/types/styled-component").Styl
72
72
  navButtonBgHover: string;
73
73
  cardBackgroundDark: string;
74
74
  cardBackgroundLight: string;
75
+ gradientGold: string;
76
+ gradientSilver: string;
77
+ gradientBronze: string;
75
78
  textMiddle: string;
76
79
  textLight: string;
77
80
  textLighter: string;
package/dist/components/atoms/NavigationMenu/NavigationMenu.d.ts CHANGED
@@ -47,6 +47,9 @@ export declare const NavigationMenubarItemRightSlot: import("@stitches/react/typ
47
47
  navButtonBgHover: string;
48
48
  cardBackgroundDark: string;
49
49
  cardBackgroundLight: string;
50
+ gradientGold: string;
51
+ gradientSilver: string;
52
+ gradientBronze: string;
50
53
  textMiddle: string;
51
54
  textLight: string;
52
55
  textLighter: string;
@@ -530,6 +533,9 @@ export declare const NavigationMenubarItem: import("@stitches/react/types/styled
530
533
  navButtonBgHover: string;
531
534
  cardBackgroundDark: string;
532
535
  cardBackgroundLight: string;
536
+ gradientGold: string;
537
+ gradientSilver: string;
538
+ gradientBronze: string;
533
539
  textMiddle: string;
534
540
  textLight: string;
535
541
  textLighter: string;
@@ -1013,6 +1019,9 @@ export declare const NavigationMenubarContent: import("@stitches/react/types/sty
1013
1019
  navButtonBgHover: string;
1014
1020
  cardBackgroundDark: string;
1015
1021
  cardBackgroundLight: string;
1022
+ gradientGold: string;
1023
+ gradientSilver: string;
1024
+ gradientBronze: string;
1016
1025
  textMiddle: string;
1017
1026
  textLight: string;
1018
1027
  textLighter: string;
@@ -1496,6 +1505,9 @@ export declare const NavigationMenubarTrigger: import("@stitches/react/types/sty
1496
1505
  navButtonBgHover: string;
1497
1506
  cardBackgroundDark: string;
1498
1507
  cardBackgroundLight: string;
1508
+ gradientGold: string;
1509
+ gradientSilver: string;
1510
+ gradientBronze: string;
1499
1511
  textMiddle: string;
1500
1512
  textLight: string;
1501
1513
  textLighter: string;
@@ -1979,6 +1991,9 @@ export declare const NavigationMenubarRoot: import("@stitches/react/types/styled
1979
1991
  navButtonBgHover: string;
1980
1992
  cardBackgroundDark: string;
1981
1993
  cardBackgroundLight: string;
1994
+ gradientGold: string;
1995
+ gradientSilver: string;
1996
+ gradientBronze: string;
1982
1997
  textMiddle: string;
1983
1998
  textLight: string;
1984
1999
  textLighter: string;
package/dist/components/atoms/Separator/Separator.d.ts CHANGED
@@ -40,6 +40,9 @@ export declare const Separator: import("@stitches/react/types/styled-component")
40
40
  navButtonBgHover: string;
41
41
  cardBackgroundDark: string;
42
42
  cardBackgroundLight: string;
43
+ gradientGold: string;
44
+ gradientSilver: string;
45
+ gradientBronze: string;
43
46
  textMiddle: string;
44
47
  textLight: string;
45
48
  textLighter: string;
package/dist/components/atoms/Spin/Spin.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as Stitches from "@stitches/react";
2
2
  export declare const Spin: import("@stitches/react/types/styled-component").StyledComponent<"div", {
3
- color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | undefined;
3
+ 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" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | undefined;
4
4
  size?: "sm" | "md" | "lg" | "xl" | undefined;
5
5
  }, {
6
6
  motion: "(prefers-reduced-motion)";
@@ -42,6 +42,9 @@ export declare const Spin: import("@stitches/react/types/styled-component").Styl
42
42
  navButtonBgHover: string;
43
43
  cardBackgroundDark: string;
44
44
  cardBackgroundLight: string;
45
+ gradientGold: string;
46
+ gradientSilver: string;
47
+ gradientBronze: string;
45
48
  textMiddle: string;
46
49
  textLight: string;
47
50
  textLighter: string;
package/dist/components/atoms/SvgIcon/SvgIcon.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type * as Stitches from "@stitches/react";
2
2
  import { CSS } from "../../../stitches.config";
3
3
  export declare const SvgIcon: import("@stitches/react/types/styled-component").StyledComponent<"svg", {
4
- color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | "inherit" | undefined;
4
+ 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" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | "inherit" | undefined;
5
5
  size?: "inherit" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
6
6
  fillColor?: boolean | "true" | "false" | undefined;
7
7
  strokeColor?: boolean | "true" | "false" | undefined;
@@ -46,6 +46,9 @@ export declare const SvgIcon: import("@stitches/react/types/styled-component").S
46
46
  navButtonBgHover: string;
47
47
  cardBackgroundDark: string;
48
48
  cardBackgroundLight: string;
49
+ gradientGold: string;
50
+ gradientSilver: string;
51
+ gradientBronze: string;
49
52
  textMiddle: string;
50
53
  textLight: string;
51
54
  textLighter: string;
package/dist/components/atoms/Switch/Switch.d.ts CHANGED
@@ -40,6 +40,9 @@ export declare const SwitchRoot: import("@stitches/react/types/styled-component"
40
40
  navButtonBgHover: string;
41
41
  cardBackgroundDark: string;
42
42
  cardBackgroundLight: string;
43
+ gradientGold: string;
44
+ gradientSilver: string;
45
+ gradientBronze: string;
43
46
  textMiddle: string;
44
47
  textLight: string;
45
48
  textLighter: string;
@@ -523,6 +526,9 @@ export declare const SwitchThumb: import("@stitches/react/types/styled-component
523
526
  navButtonBgHover: string;
524
527
  cardBackgroundDark: string;
525
528
  cardBackgroundLight: string;
529
+ gradientGold: string;
530
+ gradientSilver: string;
531
+ gradientBronze: string;
526
532
  textMiddle: string;
527
533
  textLight: string;
528
534
  textLighter: string;
package/dist/components/atoms/Text/Text.d.ts CHANGED
@@ -3,7 +3,7 @@ import type * as Stitches from "@stitches/react";
3
3
  export declare const Text: import("@stitches/react/types/styled-component").StyledComponent<"span", {
4
4
  variant?: "body" | "pill" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | "metricStatusCell" | undefined;
5
5
  size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
6
- color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | undefined;
6
+ 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" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | undefined;
7
7
  glow?: boolean | "true" | undefined;
8
8
  inline?: boolean | "true" | undefined;
9
9
  }, {
@@ -46,6 +46,9 @@ export declare const Text: import("@stitches/react/types/styled-component").Styl
46
46
  navButtonBgHover: string;
47
47
  cardBackgroundDark: string;
48
48
  cardBackgroundLight: string;
49
+ gradientGold: string;
50
+ gradientSilver: string;
51
+ gradientBronze: string;
49
52
  textMiddle: string;
50
53
  textLight: string;
51
54
  textLighter: string;
@@ -493,7 +496,7 @@ export default Text;
493
496
  export declare const TextStory: (props: Omit<import("@stitches/react/types/styled-component").TransformProps<{
494
497
  variant?: "body" | "pill" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | "metricStatusCell" | undefined;
495
498
  size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
496
- color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | undefined;
499
+ 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" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | undefined;
497
500
  glow?: boolean | "true" | undefined;
498
501
  inline?: boolean | "true" | undefined;
499
502
  }, {
@@ -510,7 +513,7 @@ export declare const TextStory: (props: Omit<import("@stitches/react/types/style
510
513
  }>, "color" | "size" | "inline" | "variant" | "glow"> & {
511
514
  variant?: "body" | "pill" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | "metricStatusCell" | undefined;
512
515
  size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
513
- color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "lightGrey" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | undefined;
516
+ 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" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | undefined;
514
517
  glow?: boolean | undefined;
515
518
  inline?: boolean | undefined;
516
519
  } & {
package/dist/components/atoms/TextField/TextField.d.ts CHANGED
@@ -42,6 +42,9 @@ export declare const TextField: import("@stitches/react/types/styled-component")
42
42
  navButtonBgHover: string;
43
43
  cardBackgroundDark: string;
44
44
  cardBackgroundLight: string;
45
+ gradientGold: string;
46
+ gradientSilver: string;
47
+ gradientBronze: string;
45
48
  textMiddle: string;
46
49
  textLight: string;
47
50
  textLighter: string;
@@ -527,6 +530,9 @@ export declare const TextAreaField: import("@stitches/react/types/styled-compone
527
530
  navButtonBgHover: string;
528
531
  cardBackgroundDark: string;
529
532
  cardBackgroundLight: string;
533
+ gradientGold: string;
534
+ gradientSilver: string;
535
+ gradientBronze: string;
530
536
  textMiddle: string;
531
537
  textLight: string;
532
538
  textLighter: string;
@@ -1015,6 +1021,9 @@ export declare const TextFieldWithCopy: import("react").ForwardRefExoticComponen
1015
1021
  navButtonBgHover: string;
1016
1022
  cardBackgroundDark: string;
1017
1023
  cardBackgroundLight: string;
1024
+ gradientGold: string;
1025
+ gradientSilver: string;
1026
+ gradientBronze: string;
1018
1027
  textMiddle: string;
1019
1028
  textLight: string;
1020
1029
  textLighter: string;
@@ -1504,6 +1513,9 @@ export declare const TextAreaFieldWithCopy: import("react").ForwardRefExoticComp
1504
1513
  navButtonBgHover: string;
1505
1514
  cardBackgroundDark: string;
1506
1515
  cardBackgroundLight: string;
1516
+ gradientGold: string;
1517
+ gradientSilver: string;
1518
+ gradientBronze: string;
1507
1519
  textMiddle: string;
1508
1520
  textLight: string;
1509
1521
  textLighter: string;
package/dist/components/atoms/Toggle/Toggle.d.ts CHANGED
@@ -40,6 +40,9 @@ export declare const ToggleGroup: import("@stitches/react/types/styled-component
40
40
  navButtonBgHover: string;
41
41
  cardBackgroundDark: string;
42
42
  cardBackgroundLight: string;
43
+ gradientGold: string;
44
+ gradientSilver: string;
45
+ gradientBronze: string;
43
46
  textMiddle: string;
44
47
  textLight: string;
45
48
  textLighter: string;
@@ -523,6 +526,9 @@ export declare const ToggleGroupItem: import("@stitches/react/types/styled-compo
523
526
  navButtonBgHover: string;
524
527
  cardBackgroundDark: string;
525
528
  cardBackgroundLight: string;
529
+ gradientGold: string;
530
+ gradientSilver: string;
531
+ gradientBronze: string;
526
532
  textMiddle: string;
527
533
  textLight: string;
528
534
  textLighter: string;
package/dist/components/atoms/UnstyledTextField/UnstyledTextField.d.ts CHANGED
@@ -40,6 +40,9 @@ export declare const UnstyledTextField: import("@stitches/react/types/styled-com
40
40
  navButtonBgHover: string;
41
41
  cardBackgroundDark: string;
42
42
  cardBackgroundLight: string;
43
+ gradientGold: string;
44
+ gradientSilver: string;
45
+ gradientBronze: string;
43
46
  textMiddle: string;
44
47
  textLight: string;
45
48
  textLighter: string;
@@ -522,6 +525,9 @@ export declare const UnstyledTextField: import("@stitches/react/types/styled-com
522
525
  navButtonBgHover: string;
523
526
  cardBackgroundDark: string;
524
527
  cardBackgroundLight: string;
528
+ gradientGold: string;
529
+ gradientSilver: string;
530
+ gradientBronze: string;
525
531
  textMiddle: string;
526
532
  textLight: string;
527
533
  textLighter: string;
package/dist/components/icons/GlowIconBox.d.ts CHANGED
@@ -40,6 +40,9 @@ export declare const GlowIconBox: import("@stitches/react/types/styled-component
40
40
  navButtonBgHover: string;
41
41
  cardBackgroundDark: string;
42
42
  cardBackgroundLight: string;
43
+ gradientGold: string;
44
+ gradientSilver: string;
45
+ gradientBronze: string;
43
46
  textMiddle: string;
44
47
  textLight: string;
45
48
  textLighter: string;
package/dist/components/icons/Planet.d.ts CHANGED
@@ -42,6 +42,9 @@ declare const SvgIconPlanet: import("@stitches/react/types/styled-component").St
42
42
  navButtonBgHover: string;
43
43
  cardBackgroundDark: string;
44
44
  cardBackgroundLight: string;
45
+ gradientGold: string;
46
+ gradientSilver: string;
47
+ gradientBronze: string;
45
48
  textMiddle: string;
46
49
  textLight: string;
47
50
  textLighter: string;
package/dist/components/icons/socials/CopyLinkIcon.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { SvgIconProps } from "../../atoms";
2
+ export declare const CopyLinkIcon: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
package/dist/components/icons/socials/DiscordIcon.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { SvgIconProps } from "../../atoms";
2
+ export declare const DiscordIcon: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
package/dist/components/icons/socials/LinkedinIcon.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { SvgIconProps } from "../../atoms";
2
+ export declare const LinkedinIcon: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
package/dist/components/icons/socials/XIcon.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { SvgIconProps } from "../../atoms";
2
+ export declare const XIcon: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
package/dist/components/molecules/Accordion/Accordion.d.ts CHANGED
@@ -40,6 +40,9 @@ export declare const Root: import("@stitches/react/types/styled-component").Styl
40
40
  navButtonBgHover: string;
41
41
  cardBackgroundDark: string;
42
42
  cardBackgroundLight: string;
43
+ gradientGold: string;
44
+ gradientSilver: string;
45
+ gradientBronze: string;
43
46
  textMiddle: string;
44
47
  textLight: string;
45
48
  textLighter: string;
@@ -523,6 +526,9 @@ export declare const Item: import("@stitches/react/types/styled-component").Styl
523
526
  navButtonBgHover: string;
524
527
  cardBackgroundDark: string;
525
528
  cardBackgroundLight: string;
529
+ gradientGold: string;
530
+ gradientSilver: string;
531
+ gradientBronze: string;
526
532
  textMiddle: string;
527
533
  textLight: string;
528
534
  textLighter: string;
package/dist/components/molecules/AdvisoryToggle/AdvisoryToggle.d.ts CHANGED
@@ -46,6 +46,9 @@ export declare const AdvisoryToggleItem: import("@stitches/react/types/styled-co
46
46
  navButtonBgHover: string;
47
47
  cardBackgroundDark: string;
48
48
  cardBackgroundLight: string;
49
+ gradientGold: string;
50
+ gradientSilver: string;
51
+ gradientBronze: string;
49
52
  textMiddle: string;
50
53
  textLight: string;
51
54
  textLighter: string;
@@ -528,6 +531,9 @@ export declare const AdvisoryToggleItem: import("@stitches/react/types/styled-co
528
531
  navButtonBgHover: string;
529
532
  cardBackgroundDark: string;
530
533
  cardBackgroundLight: string;
534
+ gradientGold: string;
535
+ gradientSilver: string;
536
+ gradientBronze: string;
531
537
  textMiddle: string;
532
538
  textLight: string;
533
539
  textLighter: string;
package/dist/components/molecules/Card/Card.d.ts CHANGED
@@ -55,6 +55,9 @@ export declare const ToggleCardItem: import("@stitches/react/types/styled-compon
55
55
  navButtonBgHover: string;
56
56
  cardBackgroundDark: string;
57
57
  cardBackgroundLight: string;
58
+ gradientGold: string;
59
+ gradientSilver: string;
60
+ gradientBronze: string;
58
61
  textMiddle: string;
59
62
  textLight: string;
60
63
  textLighter: string;
@@ -537,6 +540,9 @@ export declare const ToggleCardItem: import("@stitches/react/types/styled-compon
537
540
  navButtonBgHover: string;
538
541
  cardBackgroundDark: string;
539
542
  cardBackgroundLight: string;
543
+ gradientGold: string;
544
+ gradientSilver: string;
545
+ gradientBronze: string;
540
546
  textMiddle: string;
541
547
  textLight: string;
542
548
  textLighter: string;
@@ -1020,6 +1026,9 @@ export declare const BoxCard: import("@stitches/react/types/styled-component").S
1020
1026
  navButtonBgHover: string;
1021
1027
  cardBackgroundDark: string;
1022
1028
  cardBackgroundLight: string;
1029
+ gradientGold: string;
1030
+ gradientSilver: string;
1031
+ gradientBronze: string;
1023
1032
  textMiddle: string;
1024
1033
  textLight: string;
1025
1034
  textLighter: string;
@@ -1506,6 +1515,9 @@ export declare const BoxCard: import("@stitches/react/types/styled-component").S
1506
1515
  navButtonBgHover: string;
1507
1516
  cardBackgroundDark: string;
1508
1517
  cardBackgroundLight: string;
1518
+ gradientGold: string;
1519
+ gradientSilver: string;
1520
+ gradientBronze: string;
1509
1521
  textMiddle: string;
1510
1522
  textLight: string;
1511
1523
  textLighter: string;
package/dist/components/molecules/Dialog/Dialog.d.ts CHANGED
@@ -41,6 +41,9 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
41
41
  navButtonBgHover: string;
42
42
  cardBackgroundDark: string;
43
43
  cardBackgroundLight: string;
44
+ gradientGold: string;
45
+ gradientSilver: string;
46
+ gradientBronze: string;
44
47
  textMiddle: string;
45
48
  textLight: string;
46
49
  textLighter: string;
@@ -528,6 +531,9 @@ export declare const DialogTitle: import("@stitches/react/types/styled-component
528
531
  navButtonBgHover: string;
529
532
  cardBackgroundDark: string;
530
533
  cardBackgroundLight: string;
534
+ gradientGold: string;
535
+ gradientSilver: string;
536
+ gradientBronze: string;
531
537
  textMiddle: string;
532
538
  textLight: string;
533
539
  textLighter: string;
@@ -1011,6 +1017,9 @@ export declare const DialogDescription: import("@stitches/react/types/styled-com
1011
1017
  navButtonBgHover: string;
1012
1018
  cardBackgroundDark: string;
1013
1019
  cardBackgroundLight: string;
1020
+ gradientGold: string;
1021
+ gradientSilver: string;
1022
+ gradientBronze: string;
1014
1023
  textMiddle: string;
1015
1024
  textLight: string;
1016
1025
  textLighter: string;
@@ -1495,6 +1504,9 @@ export declare const DialogStyledContent: import("@stitches/react/types/styled-c
1495
1504
  navButtonBgHover: string;
1496
1505
  cardBackgroundDark: string;
1497
1506
  cardBackgroundLight: string;
1507
+ gradientGold: string;
1508
+ gradientSilver: string;
1509
+ gradientBronze: string;
1498
1510
  textMiddle: string;
1499
1511
  textLight: string;
1500
1512
  textLighter: string;
@@ -1978,6 +1990,9 @@ export declare const DialogOverlay: import("@stitches/react/types/styled-compone
1978
1990
  navButtonBgHover: string;
1979
1991
  cardBackgroundDark: string;
1980
1992
  cardBackgroundLight: string;
1993
+ gradientGold: string;
1994
+ gradientSilver: string;
1995
+ gradientBronze: string;
1981
1996
  textMiddle: string;
1982
1997
  textLight: string;
1983
1998
  textLighter: string;
@@ -2462,6 +2477,9 @@ export declare const DialogIconButton: import("@stitches/react/types/styled-comp
2462
2477
  navButtonBgHover: string;
2463
2478
  cardBackgroundDark: string;
2464
2479
  cardBackgroundLight: string;
2480
+ gradientGold: string;
2481
+ gradientSilver: string;
2482
+ gradientBronze: string;
2465
2483
  textMiddle: string;
2466
2484
  textLight: string;
2467
2485
  textLighter: string;
package/dist/components/molecules/NotificationCard/NotificationCard.d.ts CHANGED
@@ -39,6 +39,9 @@ export declare const NotificationContainer: import("@stitches/react/types/styled
39
39
  navButtonBgHover: string;
40
40
  cardBackgroundDark: string;
41
41
  cardBackgroundLight: string;
42
+ gradientGold: string;
43
+ gradientSilver: string;
44
+ gradientBronze: string;
42
45
  textMiddle: string;
43
46
  textLight: string;
44
47
  textLighter: string;
@@ -521,6 +524,9 @@ export declare const NotificationContainer: import("@stitches/react/types/styled
521
524
  navButtonBgHover: string;
522
525
  cardBackgroundDark: string;
523
526
  cardBackgroundLight: string;
527
+ gradientGold: string;
528
+ gradientSilver: string;
529
+ gradientBronze: string;
524
530
  textMiddle: string;
525
531
  textLight: string;
526
532
  textLighter: string;
package/dist/components/molecules/Profile/Profile.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { CSS } from "../../../stitches.config";
2
+ export declare type ProfileProps = {
3
+ src: string;
4
+ name: string;
5
+ date: Date;
6
+ credential?: string;
7
+ css?: CSS;
8
+ };
9
+ export declare const Profile: (props: ProfileProps) => import("react/jsx-runtime").JSX.Element;
package/dist/components/molecules/RadioGroup/RadioGroup.d.ts CHANGED
@@ -41,6 +41,9 @@ export declare const RadioGroupRadio: import("@stitches/react/types/styled-compo
41
41
  navButtonBgHover: string;
42
42
  cardBackgroundDark: string;
43
43
  cardBackgroundLight: string;
44
+ gradientGold: string;
45
+ gradientSilver: string;
46
+ gradientBronze: string;
44
47
  textMiddle: string;
45
48
  textLight: string;
46
49
  textLighter: string;
@@ -524,6 +527,9 @@ export declare const RadioGroupIndicator: import("@stitches/react/types/styled-c
524
527
  navButtonBgHover: string;
525
528
  cardBackgroundDark: string;
526
529
  cardBackgroundLight: string;
530
+ gradientGold: string;
531
+ gradientSilver: string;
532
+ gradientBronze: string;
527
533
  textMiddle: string;
528
534
  textLight: string;
529
535
  textLighter: string;
@@ -1007,6 +1013,9 @@ export declare const RadioGroupItemLabel: import("@stitches/react/types/styled-c
1007
1013
  navButtonBgHover: string;
1008
1014
  cardBackgroundDark: string;
1009
1015
  cardBackgroundLight: string;
1016
+ gradientGold: string;
1017
+ gradientSilver: string;
1018
+ gradientBronze: string;
1010
1019
  textMiddle: string;
1011
1020
  textLight: string;
1012
1021
  textLighter: string;
package/dist/components/molecules/ResponsiveDialog/ResponsiveDialog.d.ts CHANGED
@@ -48,6 +48,9 @@ export declare const ResponsiveDialogStyledContent: import("@stitches/react/type
48
48
  navButtonBgHover: string;
49
49
  cardBackgroundDark: string;
50
50
  cardBackgroundLight: string;
51
+ gradientGold: string;
52
+ gradientSilver: string;
53
+ gradientBronze: string;
51
54
  textMiddle: string;
52
55
  textLight: string;
53
56
  textLighter: string;
@@ -531,6 +534,9 @@ export declare const ResponsiveDialogIconButton: import("@stitches/react/types/s
531
534
  navButtonBgHover: string;
532
535
  cardBackgroundDark: string;
533
536
  cardBackgroundLight: string;
537
+ gradientGold: string;
538
+ gradientSilver: string;
539
+ gradientBronze: string;
534
540
  textMiddle: string;
535
541
  textLight: string;
536
542
  textLighter: string;