@obolnetwork/obol-ui 1.0.8 → 1.0.9

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 (32) hide show
  1. package/dist/components/atoms/Box/Box.d.ts +3 -0
  2. package/dist/components/atoms/Button/Button.d.ts +5 -2
  3. package/dist/components/atoms/Container/Container.d.ts +6 -0
  4. package/dist/components/atoms/Dialog/Dialog.d.ts +15 -5
  5. package/dist/components/atoms/IconButton/IconButton.d.ts +15 -3
  6. package/dist/components/atoms/Image/Image.d.ts +3 -0
  7. package/dist/components/atoms/Link/Link.d.ts +7 -1
  8. package/dist/components/atoms/Spin/Spin.d.ts +4 -1
  9. package/dist/components/atoms/SvgIcon/SvgIcon.d.ts +4 -1
  10. package/dist/components/atoms/Tabs/Tabs.d.ts +12 -0
  11. package/dist/components/atoms/Text/Text.d.ts +9 -6
  12. package/dist/components/atoms/TextField/TextField.d.ts +6 -0
  13. package/dist/components/atoms/Toggle/Toggle.d.ts +6 -0
  14. package/dist/components/icons/GlowIconBox.d.ts +3 -0
  15. package/dist/components/icons/Planet.d.ts +3 -0
  16. package/dist/components/icons/index.d.ts +4 -2
  17. package/dist/components/icons/static-icons/BulletCheckIcon.d.ts +1 -0
  18. package/dist/components/icons/static-icons/TrashIcon.d.ts +1 -0
  19. package/dist/components/molecules/Accordion/Accordion.d.ts +6 -0
  20. package/dist/components/molecules/AdvisoryToggle/AdvisoryToggle.d.ts +968 -0
  21. package/dist/components/molecules/Card/Card.d.ts +6 -0
  22. package/dist/components/molecules/NotificationCard/NotificationCard.d.ts +6 -0
  23. package/dist/components/molecules/ProgressTracker/ProgressTracker.d.ts +11 -0
  24. package/dist/components/molecules/RadioGroup/RadioGroup.d.ts +9 -0
  25. package/dist/components/molecules/Table/Table.d.ts +20 -0
  26. package/dist/components/organisms/Advisory/Advisory.d.ts +978 -0
  27. package/dist/components/utils/color-variants.d.ts +3 -0
  28. package/dist/components/utils/styles.d.ts +3 -0
  29. package/dist/index.es.js +82 -28
  30. package/dist/index.js +83 -27
  31. package/dist/stitches.config.d.ts +30 -0
  32. package/package.json +5 -2
package/dist/components/atoms/Box/Box.d.ts CHANGED
@@ -38,6 +38,7 @@ export declare const Box: import("@stitches/react/types/styled-component").Style
38
38
  cardBackgroundLight: string;
39
39
  textMiddle: string;
40
40
  textLight: string;
41
+ textLighter: string;
41
42
  textTabHover: string;
42
43
  textTabInactive: string;
43
44
  textGreenDark: string;
@@ -50,11 +51,13 @@ export declare const Box: import("@stitches/react/types/styled-component").Style
50
51
  textGrayHover: string;
51
52
  txButton: string;
52
53
  obolGreen: string;
54
+ obolMidGreen: string;
53
55
  obolGreenHover: string;
54
56
  obolGreenLight: string;
55
57
  obolDarkDark: string;
56
58
  obolDisabled: string;
57
59
  linkButtonHover: string;
60
+ progressTrackerGreen: string;
58
61
  coordinate: string;
59
62
  coordinateHover: string;
60
63
  test: string;
package/dist/components/atoms/Button/Button.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import * as Stitches from "@stitches/react";
3
3
  export declare const Button: import("@stitches/react/types/styled-component").StyledComponent<"button", {
4
- color?: "coordinate" | "test" | "create" | "primary" | "secondary" | undefined;
4
+ color?: "coordinate" | "test" | "create" | "ghost" | "primary" | "secondary" | undefined;
5
5
  ghost?: boolean | "true" | undefined;
6
6
  icon?: boolean | "true" | undefined;
7
7
  fullWidth?: boolean | "true" | undefined;
@@ -47,6 +47,7 @@ export declare const Button: import("@stitches/react/types/styled-component").St
47
47
  cardBackgroundLight: string;
48
48
  textMiddle: string;
49
49
  textLight: string;
50
+ textLighter: string;
50
51
  textTabHover: string;
51
52
  textTabInactive: string;
52
53
  textGreenDark: string;
@@ -59,11 +60,13 @@ export declare const Button: import("@stitches/react/types/styled-component").St
59
60
  textGrayHover: string;
60
61
  txButton: string;
61
62
  obolGreen: string;
63
+ obolMidGreen: string;
62
64
  obolGreenHover: string;
63
65
  obolGreenLight: string;
64
66
  obolDarkDark: string;
65
67
  obolDisabled: string;
66
68
  linkButtonHover: string;
69
+ progressTrackerGreen: string;
67
70
  coordinate: string;
68
71
  coordinateHover: string;
69
72
  test: string;
@@ -489,7 +492,7 @@ export declare type ButtonComponentProps = ButtonComponentVariants & {
489
492
  loading?: boolean;
490
493
  };
491
494
  export declare const ButtonStory: (props: Omit<ButtonComponentProps, "color" | "icon" | "ghost" | "fullWidth" | "outlined" | "variant"> & {
492
- color?: "coordinate" | "test" | "create" | "primary" | "secondary" | undefined;
495
+ color?: "coordinate" | "test" | "create" | "ghost" | "primary" | "secondary" | undefined;
493
496
  ghost?: boolean | undefined;
494
497
  icon?: boolean | undefined;
495
498
  fullWidth?: boolean | undefined;
package/dist/components/atoms/Container/Container.d.ts CHANGED
@@ -38,6 +38,7 @@ export declare const Container: import("@stitches/react/types/styled-component")
38
38
  cardBackgroundLight: string;
39
39
  textMiddle: string;
40
40
  textLight: string;
41
+ textLighter: string;
41
42
  textTabHover: string;
42
43
  textTabInactive: string;
43
44
  textGreenDark: string;
@@ -50,11 +51,13 @@ export declare const Container: import("@stitches/react/types/styled-component")
50
51
  textGrayHover: string;
51
52
  txButton: string;
52
53
  obolGreen: string;
54
+ obolMidGreen: string;
53
55
  obolGreenHover: string;
54
56
  obolGreenLight: string;
55
57
  obolDarkDark: string;
56
58
  obolDisabled: string;
57
59
  linkButtonHover: string;
60
+ progressTrackerGreen: string;
58
61
  coordinate: string;
59
62
  coordinateHover: string;
60
63
  test: string;
@@ -520,6 +523,7 @@ export declare const Container: import("@stitches/react/types/styled-component")
520
523
  cardBackgroundLight: string;
521
524
  textMiddle: string;
522
525
  textLight: string;
526
+ textLighter: string;
523
527
  textTabHover: string;
524
528
  textTabInactive: string;
525
529
  textGreenDark: string;
@@ -532,11 +536,13 @@ export declare const Container: import("@stitches/react/types/styled-component")
532
536
  textGrayHover: string;
533
537
  txButton: string;
534
538
  obolGreen: string;
539
+ obolMidGreen: string;
535
540
  obolGreenHover: string;
536
541
  obolGreenLight: string;
537
542
  obolDarkDark: string;
538
543
  obolDisabled: string;
539
544
  linkButtonHover: string;
545
+ progressTrackerGreen: string;
540
546
  coordinate: string;
541
547
  coordinateHover: string;
542
548
  test: string;
package/dist/components/atoms/Dialog/Dialog.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from "react";
2
2
  import { CSS } from "../../../stitches.config";
3
+ import * as DialogPrimitive from "@radix-ui/react-dialog";
3
4
  import { Text } from "../index";
4
- export declare const Dialog: import("@stitches/react/types/styled-component").StyledComponent<any, {}, {
5
+ export declare const Dialog: import("@stitches/react/types/styled-component").StyledComponent<React.FC<DialogPrimitive.DialogProps>, {}, {
5
6
  motion: "(prefers-reduced-motion)";
6
7
  hover: "(any-hover: hover)";
7
8
  dark: "(prefers-color-scheme: dark)";
@@ -41,6 +42,7 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
41
42
  cardBackgroundLight: string;
42
43
  textMiddle: string;
43
44
  textLight: string;
45
+ textLighter: string;
44
46
  textTabHover: string;
45
47
  textTabInactive: string;
46
48
  textGreenDark: string;
@@ -53,11 +55,13 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
53
55
  textGrayHover: string;
54
56
  txButton: string;
55
57
  obolGreen: string;
58
+ obolMidGreen: string;
56
59
  obolGreenHover: string;
57
60
  obolGreenLight: string;
58
61
  obolDarkDark: string;
59
62
  obolDisabled: string;
60
63
  linkButtonHover: string;
64
+ progressTrackerGreen: string;
61
65
  coordinate: string;
62
66
  coordinateHover: string;
63
67
  test: string;
@@ -478,9 +482,9 @@ export declare const Dialog: import("@stitches/react/types/styled-component").St
478
482
  };
479
483
  };
480
484
  }>>;
481
- export declare const DialogTrigger: any;
485
+ export declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
482
486
  export declare const DialogContent: React.FC<{}>;
483
- export declare const DialogTitle: import("@stitches/react/types/styled-component").StyledComponent<any, {}, {
487
+ export declare const DialogTitle: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>, {}, {
484
488
  motion: "(prefers-reduced-motion)";
485
489
  hover: "(any-hover: hover)";
486
490
  dark: "(prefers-color-scheme: dark)";
@@ -520,6 +524,7 @@ export declare const DialogTitle: import("@stitches/react/types/styled-component
520
524
  cardBackgroundLight: string;
521
525
  textMiddle: string;
522
526
  textLight: string;
527
+ textLighter: string;
523
528
  textTabHover: string;
524
529
  textTabInactive: string;
525
530
  textGreenDark: string;
@@ -532,11 +537,13 @@ export declare const DialogTitle: import("@stitches/react/types/styled-component
532
537
  textGrayHover: string;
533
538
  txButton: string;
534
539
  obolGreen: string;
540
+ obolMidGreen: string;
535
541
  obolGreenHover: string;
536
542
  obolGreenLight: string;
537
543
  obolDarkDark: string;
538
544
  obolDisabled: string;
539
545
  linkButtonHover: string;
546
+ progressTrackerGreen: string;
540
547
  coordinate: string;
541
548
  coordinateHover: string;
542
549
  test: string;
@@ -957,7 +964,7 @@ export declare const DialogTitle: import("@stitches/react/types/styled-component
957
964
  };
958
965
  };
959
966
  }>>;
960
- export declare const DialogDescription: import("@stitches/react/types/styled-component").StyledComponent<any, {}, {
967
+ export declare const DialogDescription: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>, {}, {
961
968
  motion: "(prefers-reduced-motion)";
962
969
  hover: "(any-hover: hover)";
963
970
  dark: "(prefers-color-scheme: dark)";
@@ -997,6 +1004,7 @@ export declare const DialogDescription: import("@stitches/react/types/styled-com
997
1004
  cardBackgroundLight: string;
998
1005
  textMiddle: string;
999
1006
  textLight: string;
1007
+ textLighter: string;
1000
1008
  textTabHover: string;
1001
1009
  textTabInactive: string;
1002
1010
  textGreenDark: string;
@@ -1009,11 +1017,13 @@ export declare const DialogDescription: import("@stitches/react/types/styled-com
1009
1017
  textGrayHover: string;
1010
1018
  txButton: string;
1011
1019
  obolGreen: string;
1020
+ obolMidGreen: string;
1012
1021
  obolGreenHover: string;
1013
1022
  obolGreenLight: string;
1014
1023
  obolDarkDark: string;
1015
1024
  obolDisabled: string;
1016
1025
  linkButtonHover: string;
1026
+ progressTrackerGreen: string;
1017
1027
  coordinate: string;
1018
1028
  coordinateHover: string;
1019
1029
  test: string;
@@ -1434,7 +1444,7 @@ export declare const DialogDescription: import("@stitches/react/types/styled-com
1434
1444
  };
1435
1445
  };
1436
1446
  }>>;
1437
- export declare const DialogClose: any;
1447
+ export declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
1438
1448
  interface DialogComponentProps {
1439
1449
  triggerElement: React.ReactNode;
1440
1450
  title?: string | typeof Text;
package/dist/components/atoms/IconButton/IconButton.d.ts CHANGED
@@ -1,6 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  import * as Stitches from "@stitches/react";
3
- export declare const IconButton: import("@stitches/react/types/styled-component").StyledComponent<"button", {}, {
3
+ export declare const IconButton: import("@stitches/react/types/styled-component").StyledComponent<"button", {
4
+ ghost?: boolean | "true" | undefined;
5
+ fullWidth?: boolean | "true" | undefined;
6
+ }, {
4
7
  motion: "(prefers-reduced-motion)";
5
8
  hover: "(any-hover: hover)";
6
9
  dark: "(prefers-color-scheme: dark)";
@@ -40,6 +43,7 @@ export declare const IconButton: import("@stitches/react/types/styled-component"
40
43
  cardBackgroundLight: string;
41
44
  textMiddle: string;
42
45
  textLight: string;
46
+ textLighter: string;
43
47
  textTabHover: string;
44
48
  textTabInactive: string;
45
49
  textGreenDark: string;
@@ -52,11 +56,13 @@ export declare const IconButton: import("@stitches/react/types/styled-component"
52
56
  textGrayHover: string;
53
57
  txButton: string;
54
58
  obolGreen: string;
59
+ obolMidGreen: string;
55
60
  obolGreenHover: string;
56
61
  obolGreenLight: string;
57
62
  obolDarkDark: string;
58
63
  obolDisabled: string;
59
64
  linkButtonHover: string;
65
+ progressTrackerGreen: string;
60
66
  coordinate: string;
61
67
  coordinateHover: string;
62
68
  test: string;
@@ -479,7 +485,10 @@ export declare const IconButton: import("@stitches/react/types/styled-component"
479
485
  }>>;
480
486
  declare type IconButtonComponentVariants = Stitches.VariantProps<typeof IconButton>;
481
487
  export declare type IconButtonComponentProps = IconButtonComponentVariants;
482
- export declare const IconButtonStory: (props: Omit<import("@stitches/react/types/styled-component").TransformProps<{}, {
488
+ export declare const IconButtonStory: (props: Omit<import("@stitches/react/types/styled-component").TransformProps<{
489
+ ghost?: boolean | "true" | undefined;
490
+ fullWidth?: boolean | "true" | undefined;
491
+ }, {
483
492
  motion: "(prefers-reduced-motion)";
484
493
  hover: "(any-hover: hover)";
485
494
  dark: "(prefers-color-scheme: dark)";
@@ -489,7 +498,10 @@ export declare const IconButtonStory: (props: Omit<import("@stitches/react/types
489
498
  bp2: "(min-width: 900px)";
490
499
  md: "(max-width: 1200px)";
491
500
  lg: "(max-width: 1800px)";
492
- }>, never> & {} & {
501
+ }>, "ghost" | "fullWidth"> & {
502
+ ghost?: boolean | undefined;
503
+ fullWidth?: boolean | undefined;
504
+ } & {
493
505
  children?: import("react").ReactNode;
494
506
  disabled?: boolean | undefined;
495
507
  }) => JSX.Element;
package/dist/components/atoms/Image/Image.d.ts CHANGED
@@ -39,6 +39,7 @@ export declare const Image: import("@stitches/react/types/styled-component").Sty
39
39
  cardBackgroundLight: string;
40
40
  textMiddle: string;
41
41
  textLight: string;
42
+ textLighter: string;
42
43
  textTabHover: string;
43
44
  textTabInactive: string;
44
45
  textGreenDark: string;
@@ -51,11 +52,13 @@ export declare const Image: import("@stitches/react/types/styled-component").Sty
51
52
  textGrayHover: string;
52
53
  txButton: string;
53
54
  obolGreen: string;
55
+ obolMidGreen: string;
54
56
  obolGreenHover: string;
55
57
  obolGreenLight: string;
56
58
  obolDarkDark: string;
57
59
  obolDisabled: string;
58
60
  linkButtonHover: string;
61
+ progressTrackerGreen: string;
59
62
  coordinate: string;
60
63
  coordinateHover: string;
61
64
  test: string;
package/dist/components/atoms/Link/Link.d.ts CHANGED
@@ -2,6 +2,7 @@
2
2
  import type * as Stitches from "@stitches/react";
3
3
  export declare const Link: import("@stitches/react/types/styled-component").StyledComponent<"a", {
4
4
  variant?: "default" | "docs" | undefined;
5
+ disabled?: boolean | "true" | undefined;
5
6
  }, {
6
7
  motion: "(prefers-reduced-motion)";
7
8
  hover: "(any-hover: hover)";
@@ -42,6 +43,7 @@ export declare const Link: import("@stitches/react/types/styled-component").Styl
42
43
  cardBackgroundLight: string;
43
44
  textMiddle: string;
44
45
  textLight: string;
46
+ textLighter: string;
45
47
  textTabHover: string;
46
48
  textTabInactive: string;
47
49
  textGreenDark: string;
@@ -54,11 +56,13 @@ export declare const Link: import("@stitches/react/types/styled-component").Styl
54
56
  textGrayHover: string;
55
57
  txButton: string;
56
58
  obolGreen: string;
59
+ obolMidGreen: string;
57
60
  obolGreenHover: string;
58
61
  obolGreenLight: string;
59
62
  obolDarkDark: string;
60
63
  obolDisabled: string;
61
64
  linkButtonHover: string;
65
+ progressTrackerGreen: string;
62
66
  coordinate: string;
63
67
  coordinateHover: string;
64
68
  test: string;
@@ -481,6 +485,7 @@ export declare const Link: import("@stitches/react/types/styled-component").Styl
481
485
  }>>;
482
486
  export declare const LinkStory: (props: Omit<import("@stitches/react/types/styled-component").TransformProps<{
483
487
  variant?: "default" | "docs" | undefined;
488
+ disabled?: boolean | "true" | undefined;
484
489
  }, {
485
490
  motion: "(prefers-reduced-motion)";
486
491
  hover: "(any-hover: hover)";
@@ -491,8 +496,9 @@ export declare const LinkStory: (props: Omit<import("@stitches/react/types/style
491
496
  bp2: "(min-width: 900px)";
492
497
  md: "(max-width: 1200px)";
493
498
  lg: "(max-width: 1800px)";
494
- }>, "variant"> & {
499
+ }>, "variant" | "disabled"> & {
495
500
  variant?: "default" | "docs" | undefined;
501
+ disabled?: boolean | undefined;
496
502
  } & {
497
503
  children?: import("react").ReactNode;
498
504
  disabled?: boolean | undefined;
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" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "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" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "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,7 @@ export declare const Spin: import("@stitches/react/types/styled-component").Styl
42
42
  cardBackgroundLight: string;
43
43
  textMiddle: string;
44
44
  textLight: string;
45
+ textLighter: string;
45
46
  textTabHover: string;
46
47
  textTabInactive: string;
47
48
  textGreenDark: string;
@@ -54,11 +55,13 @@ export declare const Spin: import("@stitches/react/types/styled-component").Styl
54
55
  textGrayHover: string;
55
56
  txButton: string;
56
57
  obolGreen: string;
58
+ obolMidGreen: string;
57
59
  obolGreenHover: string;
58
60
  obolGreenLight: string;
59
61
  obolDarkDark: string;
60
62
  obolDisabled: string;
61
63
  linkButtonHover: string;
64
+ progressTrackerGreen: string;
62
65
  coordinate: string;
63
66
  coordinateHover: string;
64
67
  test: 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" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "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" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | "inherit" | undefined;
5
5
  size?: "inherit" | "sm" | "md" | "lg" | "xl" | undefined;
6
6
  fillColor?: boolean | "true" | "false" | undefined;
7
7
  }, {
@@ -44,6 +44,7 @@ export declare const SvgIcon: import("@stitches/react/types/styled-component").S
44
44
  cardBackgroundLight: string;
45
45
  textMiddle: string;
46
46
  textLight: string;
47
+ textLighter: string;
47
48
  textTabHover: string;
48
49
  textTabInactive: string;
49
50
  textGreenDark: string;
@@ -56,11 +57,13 @@ export declare const SvgIcon: import("@stitches/react/types/styled-component").S
56
57
  textGrayHover: string;
57
58
  txButton: string;
58
59
  obolGreen: string;
60
+ obolMidGreen: string;
59
61
  obolGreenHover: string;
60
62
  obolGreenLight: string;
61
63
  obolDarkDark: string;
62
64
  obolDisabled: string;
63
65
  linkButtonHover: string;
66
+ progressTrackerGreen: string;
64
67
  coordinate: string;
65
68
  coordinateHover: string;
66
69
  test: string;
package/dist/components/atoms/Tabs/Tabs.d.ts CHANGED
@@ -40,6 +40,7 @@ export declare const Tabs: import("@stitches/react/types/styled-component").Styl
40
40
  cardBackgroundLight: string;
41
41
  textMiddle: string;
42
42
  textLight: string;
43
+ textLighter: string;
43
44
  textTabHover: string;
44
45
  textTabInactive: string;
45
46
  textGreenDark: string;
@@ -52,11 +53,13 @@ export declare const Tabs: import("@stitches/react/types/styled-component").Styl
52
53
  textGrayHover: string;
53
54
  txButton: string;
54
55
  obolGreen: string;
56
+ obolMidGreen: string;
55
57
  obolGreenHover: string;
56
58
  obolGreenLight: string;
57
59
  obolDarkDark: string;
58
60
  obolDisabled: string;
59
61
  linkButtonHover: string;
62
+ progressTrackerGreen: string;
60
63
  coordinate: string;
61
64
  coordinateHover: string;
62
65
  test: string;
@@ -517,6 +520,7 @@ export declare const TabsList: import("@stitches/react/types/styled-component").
517
520
  cardBackgroundLight: string;
518
521
  textMiddle: string;
519
522
  textLight: string;
523
+ textLighter: string;
520
524
  textTabHover: string;
521
525
  textTabInactive: string;
522
526
  textGreenDark: string;
@@ -529,11 +533,13 @@ export declare const TabsList: import("@stitches/react/types/styled-component").
529
533
  textGrayHover: string;
530
534
  txButton: string;
531
535
  obolGreen: string;
536
+ obolMidGreen: string;
532
537
  obolGreenHover: string;
533
538
  obolGreenLight: string;
534
539
  obolDarkDark: string;
535
540
  obolDisabled: string;
536
541
  linkButtonHover: string;
542
+ progressTrackerGreen: string;
537
543
  coordinate: string;
538
544
  coordinateHover: string;
539
545
  test: string;
@@ -994,6 +1000,7 @@ export declare const TabsTrigger: import("@stitches/react/types/styled-component
994
1000
  cardBackgroundLight: string;
995
1001
  textMiddle: string;
996
1002
  textLight: string;
1003
+ textLighter: string;
997
1004
  textTabHover: string;
998
1005
  textTabInactive: string;
999
1006
  textGreenDark: string;
@@ -1006,11 +1013,13 @@ export declare const TabsTrigger: import("@stitches/react/types/styled-component
1006
1013
  textGrayHover: string;
1007
1014
  txButton: string;
1008
1015
  obolGreen: string;
1016
+ obolMidGreen: string;
1009
1017
  obolGreenHover: string;
1010
1018
  obolGreenLight: string;
1011
1019
  obolDarkDark: string;
1012
1020
  obolDisabled: string;
1013
1021
  linkButtonHover: string;
1022
+ progressTrackerGreen: string;
1014
1023
  coordinate: string;
1015
1024
  coordinateHover: string;
1016
1025
  test: string;
@@ -1471,6 +1480,7 @@ export declare const TabsContent: import("@stitches/react/types/styled-component
1471
1480
  cardBackgroundLight: string;
1472
1481
  textMiddle: string;
1473
1482
  textLight: string;
1483
+ textLighter: string;
1474
1484
  textTabHover: string;
1475
1485
  textTabInactive: string;
1476
1486
  textGreenDark: string;
@@ -1483,11 +1493,13 @@ export declare const TabsContent: import("@stitches/react/types/styled-component
1483
1493
  textGrayHover: string;
1484
1494
  txButton: string;
1485
1495
  obolGreen: string;
1496
+ obolMidGreen: string;
1486
1497
  obolGreenHover: string;
1487
1498
  obolGreenLight: string;
1488
1499
  obolDarkDark: string;
1489
1500
  obolDisabled: string;
1490
1501
  linkButtonHover: string;
1502
+ progressTrackerGreen: string;
1491
1503
  coordinate: string;
1492
1504
  coordinateHover: string;
1493
1505
  test: string;
package/dist/components/atoms/Text/Text.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  import type * as Stitches from "@stitches/react";
3
3
  export declare const Text: import("@stitches/react/types/styled-component").StyledComponent<"span", {
4
- variant?: "body" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | undefined;
4
+ variant?: "body" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | 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" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "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" | "textMiddle" | "textLight" | "textLighter" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolMidGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "progressTrackerGreen" | "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,7 @@ export declare const Text: import("@stitches/react/types/styled-component").Styl
46
46
  cardBackgroundLight: string;
47
47
  textMiddle: string;
48
48
  textLight: string;
49
+ textLighter: string;
49
50
  textTabHover: string;
50
51
  textTabInactive: string;
51
52
  textGreenDark: string;
@@ -58,11 +59,13 @@ export declare const Text: import("@stitches/react/types/styled-component").Styl
58
59
  textGrayHover: string;
59
60
  txButton: string;
60
61
  obolGreen: string;
62
+ obolMidGreen: string;
61
63
  obolGreenHover: string;
62
64
  obolGreenLight: string;
63
65
  obolDarkDark: string;
64
66
  obolDisabled: string;
65
67
  linkButtonHover: string;
68
+ progressTrackerGreen: string;
66
69
  coordinate: string;
67
70
  coordinateHover: string;
68
71
  test: string;
@@ -485,9 +488,9 @@ export declare const Text: import("@stitches/react/types/styled-component").Styl
485
488
  }>>;
486
489
  export default Text;
487
490
  export declare const TextStory: (props: Omit<import("@stitches/react/types/styled-component").TransformProps<{
488
- variant?: "body" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | undefined;
491
+ variant?: "body" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | undefined;
489
492
  size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
490
- color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "textMiddle" | "textLight" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | undefined;
493
+ 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" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | undefined;
491
494
  glow?: boolean | "true" | undefined;
492
495
  inline?: boolean | "true" | undefined;
493
496
  }, {
@@ -501,9 +504,9 @@ export declare const TextStory: (props: Omit<import("@stitches/react/types/style
501
504
  md: "(max-width: 1200px)";
502
505
  lg: "(max-width: 1800px)";
503
506
  }>, "color" | "size" | "inline" | "variant" | "glow"> & {
504
- variant?: "body" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | undefined;
507
+ variant?: "body" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | "ens" | undefined;
505
508
  size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
506
- color?: "white" | "black" | "lightBackground" | "obolBlue" | "primaryBgDefault" | "primaryBgDefaultHover" | "primaryTextDefault" | "secondaryBgDefault" | "secondaryBgHover" | "grayBgDefault" | "gray2BgDefault" | "neutralDark" | "navButtonBgDefault" | "navButtonBgHover" | "cardBackgroundDark" | "cardBackgroundLight" | "textMiddle" | "textLight" | "textTabHover" | "textTabInactive" | "textGreenDark" | "textGreenLight" | "textGreen1" | "textGreen2" | "textGreen3" | "textGreenHover" | "textCreateHover" | "textGrayHover" | "txButton" | "obolGreen" | "obolGreenHover" | "obolGreenLight" | "obolDarkDark" | "obolDisabled" | "linkButtonHover" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | undefined;
509
+ 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" | "coordinate" | "coordinateHover" | "test" | "testHover" | "create" | "createHover" | "light" | "body" | "muted" | "menu" | "bg01" | "bg02" | "bg03" | "bg04" | "bg05" | "tooltip" | "tooltip2" | undefined;
507
510
  glow?: boolean | undefined;
508
511
  inline?: boolean | undefined;
509
512
  } & {
package/dist/components/atoms/TextField/TextField.d.ts CHANGED
@@ -42,6 +42,7 @@ export declare const TextField: import("@stitches/react/types/styled-component")
42
42
  cardBackgroundLight: string;
43
43
  textMiddle: string;
44
44
  textLight: string;
45
+ textLighter: string;
45
46
  textTabHover: string;
46
47
  textTabInactive: string;
47
48
  textGreenDark: string;
@@ -54,11 +55,13 @@ export declare const TextField: import("@stitches/react/types/styled-component")
54
55
  textGrayHover: string;
55
56
  txButton: string;
56
57
  obolGreen: string;
58
+ obolMidGreen: string;
57
59
  obolGreenHover: string;
58
60
  obolGreenLight: string;
59
61
  obolDarkDark: string;
60
62
  obolDisabled: string;
61
63
  linkButtonHover: string;
64
+ progressTrackerGreen: string;
62
65
  coordinate: string;
63
66
  coordinateHover: string;
64
67
  test: string;
@@ -524,6 +527,7 @@ export declare const TextFieldWithCopy: import("react").ForwardRefExoticComponen
524
527
  cardBackgroundLight: string;
525
528
  textMiddle: string;
526
529
  textLight: string;
530
+ textLighter: string;
527
531
  textTabHover: string;
528
532
  textTabInactive: string;
529
533
  textGreenDark: string;
@@ -536,11 +540,13 @@ export declare const TextFieldWithCopy: import("react").ForwardRefExoticComponen
536
540
  textGrayHover: string;
537
541
  txButton: string;
538
542
  obolGreen: string;
543
+ obolMidGreen: string;
539
544
  obolGreenHover: string;
540
545
  obolGreenLight: string;
541
546
  obolDarkDark: string;
542
547
  obolDisabled: string;
543
548
  linkButtonHover: string;
549
+ progressTrackerGreen: string;
544
550
  coordinate: string;
545
551
  coordinateHover: string;
546
552
  test: string;
package/dist/components/atoms/Toggle/Toggle.d.ts CHANGED
@@ -40,6 +40,7 @@ export declare const ToggleGroup: import("@stitches/react/types/styled-component
40
40
  cardBackgroundLight: string;
41
41
  textMiddle: string;
42
42
  textLight: string;
43
+ textLighter: string;
43
44
  textTabHover: string;
44
45
  textTabInactive: string;
45
46
  textGreenDark: string;
@@ -52,11 +53,13 @@ export declare const ToggleGroup: import("@stitches/react/types/styled-component
52
53
  textGrayHover: string;
53
54
  txButton: string;
54
55
  obolGreen: string;
56
+ obolMidGreen: string;
55
57
  obolGreenHover: string;
56
58
  obolGreenLight: string;
57
59
  obolDarkDark: string;
58
60
  obolDisabled: string;
59
61
  linkButtonHover: string;
62
+ progressTrackerGreen: string;
60
63
  coordinate: string;
61
64
  coordinateHover: string;
62
65
  test: string;
@@ -517,6 +520,7 @@ export declare const ToggleGroupItem: import("@stitches/react/types/styled-compo
517
520
  cardBackgroundLight: string;
518
521
  textMiddle: string;
519
522
  textLight: string;
523
+ textLighter: string;
520
524
  textTabHover: string;
521
525
  textTabInactive: string;
522
526
  textGreenDark: string;
@@ -529,11 +533,13 @@ export declare const ToggleGroupItem: import("@stitches/react/types/styled-compo
529
533
  textGrayHover: string;
530
534
  txButton: string;
531
535
  obolGreen: string;
536
+ obolMidGreen: string;
532
537
  obolGreenHover: string;
533
538
  obolGreenLight: string;
534
539
  obolDarkDark: string;
535
540
  obolDisabled: string;
536
541
  linkButtonHover: string;
542
+ progressTrackerGreen: string;
537
543
  coordinate: string;
538
544
  coordinateHover: string;
539
545
  test: string;