@obolnetwork/obol-ui 1.0.4 → 1.0.7

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 (29) hide show
  1. package/dist/components/atoms/Box/Box.d.ts +2 -0
  2. package/dist/components/atoms/Button/Button.d.ts +2 -0
  3. package/dist/components/atoms/Container/Container.d.ts +4 -0
  4. package/dist/components/atoms/Image/Image.d.ts +2 -0
  5. package/dist/components/atoms/Link/Link.d.ts +2 -0
  6. package/dist/components/atoms/LogoCard/LogoCard.d.ts +1 -0
  7. package/dist/components/atoms/Spin/Spin.d.ts +3 -1
  8. package/dist/components/atoms/SvgIcon/SvgIcon.d.ts +3 -1
  9. package/dist/components/atoms/Tabs/Tabs.d.ts +8 -0
  10. package/dist/components/atoms/Text/Text.d.ts +5 -3
  11. package/dist/components/atoms/TextField/TextField.d.ts +507 -0
  12. package/dist/components/atoms/Toggle/Toggle.d.ts +4 -0
  13. package/dist/components/atoms/Tooltip/Tooltip.d.ts +13 -0
  14. package/dist/components/icons/AlertIcon.d.ts +2 -0
  15. package/dist/components/icons/GlowIconBox.d.ts +2 -0
  16. package/dist/components/icons/Planet.d.ts +2 -0
  17. package/dist/components/icons/index.d.ts +3 -0
  18. package/dist/components/icons/static-icons/CheckIcon.d.ts +1 -0
  19. package/dist/components/icons/static-icons/CopyIcon.d.ts +1 -0
  20. package/dist/components/molecules/Accordion/Accordion.d.ts +4 -0
  21. package/dist/components/molecules/Card/Card.d.ts +4 -0
  22. package/dist/components/molecules/NotificationCard/NotificationCard.d.ts +961 -0
  23. package/dist/components/utils/color-variants.d.ts +2 -0
  24. package/dist/components/utils/styles.d.ts +2 -0
  25. package/dist/components/utils/types.d.ts +1 -0
  26. package/dist/index.es.js +53 -40
  27. package/dist/index.js +56 -40
  28. package/dist/stitches.config.d.ts +20 -0
  29. package/package.json +2 -1
package/dist/components/atoms/Box/Box.d.ts CHANGED
@@ -70,6 +70,8 @@ export declare const Box: import("@stitches/react/types/styled-component").Style
70
70
  bg03: string;
71
71
  bg04: string;
72
72
  bg05: string;
73
+ tooltip: string;
74
+ tooltip2: string;
73
75
  };
74
76
  space: {
75
77
  1: string;
package/dist/components/atoms/Button/Button.d.ts CHANGED
@@ -79,6 +79,8 @@ export declare const Button: import("@stitches/react/types/styled-component").St
79
79
  bg03: string;
80
80
  bg04: string;
81
81
  bg05: string;
82
+ tooltip: string;
83
+ tooltip2: string;
82
84
  };
83
85
  space: {
84
86
  1: string;
package/dist/components/atoms/Container/Container.d.ts CHANGED
@@ -70,6 +70,8 @@ export declare const Container: import("@stitches/react/types/styled-component")
70
70
  bg03: string;
71
71
  bg04: string;
72
72
  bg05: string;
73
+ tooltip: string;
74
+ tooltip2: string;
73
75
  };
74
76
  space: {
75
77
  1: string;
@@ -550,6 +552,8 @@ export declare const Container: import("@stitches/react/types/styled-component")
550
552
  bg03: string;
551
553
  bg04: string;
552
554
  bg05: string;
555
+ tooltip: string;
556
+ tooltip2: string;
553
557
  };
554
558
  space: {
555
559
  1: string;
package/dist/components/atoms/Image/Image.d.ts CHANGED
@@ -71,6 +71,8 @@ export declare const Image: import("@stitches/react/types/styled-component").Sty
71
71
  bg03: string;
72
72
  bg04: string;
73
73
  bg05: string;
74
+ tooltip: string;
75
+ tooltip2: string;
74
76
  };
75
77
  space: {
76
78
  1: string;
package/dist/components/atoms/Link/Link.d.ts CHANGED
@@ -74,6 +74,8 @@ export declare const Link: import("@stitches/react/types/styled-component").Styl
74
74
  bg03: string;
75
75
  bg04: string;
76
76
  bg05: string;
77
+ tooltip: string;
78
+ tooltip2: string;
77
79
  };
78
80
  space: {
79
81
  1: string;
package/dist/components/atoms/LogoCard/LogoCard.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export declare const LogoCard: (props: {
2
2
  image: string;
3
3
  heading: string;
4
+ logoCardLink?: string;
4
5
  width?: string;
5
6
  height?: string;
6
7
  }) => JSX.Element;
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" | undefined;
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;
4
4
  size?: "sm" | "md" | "lg" | "xl" | undefined;
5
5
  }, {
6
6
  motion: "(prefers-reduced-motion)";
@@ -74,6 +74,8 @@ export declare const Spin: import("@stitches/react/types/styled-component").Styl
74
74
  bg03: string;
75
75
  bg04: string;
76
76
  bg05: string;
77
+ tooltip: string;
78
+ tooltip2: string;
77
79
  };
78
80
  space: {
79
81
  1: 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" | "inherit" | undefined;
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;
5
5
  size?: "inherit" | "sm" | "md" | "lg" | "xl" | undefined;
6
6
  fillColor?: boolean | "true" | "false" | undefined;
7
7
  }, {
@@ -76,6 +76,8 @@ export declare const SvgIcon: import("@stitches/react/types/styled-component").S
76
76
  bg03: string;
77
77
  bg04: string;
78
78
  bg05: string;
79
+ tooltip: string;
80
+ tooltip2: string;
79
81
  };
80
82
  space: {
81
83
  1: string;
package/dist/components/atoms/Tabs/Tabs.d.ts CHANGED
@@ -72,6 +72,8 @@ export declare const Tabs: import("@stitches/react/types/styled-component").Styl
72
72
  bg03: string;
73
73
  bg04: string;
74
74
  bg05: string;
75
+ tooltip: string;
76
+ tooltip2: string;
75
77
  };
76
78
  space: {
77
79
  1: string;
@@ -547,6 +549,8 @@ export declare const TabsList: import("@stitches/react/types/styled-component").
547
549
  bg03: string;
548
550
  bg04: string;
549
551
  bg05: string;
552
+ tooltip: string;
553
+ tooltip2: string;
550
554
  };
551
555
  space: {
552
556
  1: string;
@@ -1022,6 +1026,8 @@ export declare const TabsTrigger: import("@stitches/react/types/styled-component
1022
1026
  bg03: string;
1023
1027
  bg04: string;
1024
1028
  bg05: string;
1029
+ tooltip: string;
1030
+ tooltip2: string;
1025
1031
  };
1026
1032
  space: {
1027
1033
  1: string;
@@ -1497,6 +1503,8 @@ export declare const TabsContent: import("@stitches/react/types/styled-component
1497
1503
  bg03: string;
1498
1504
  bg04: string;
1499
1505
  bg05: string;
1506
+ tooltip: string;
1507
+ tooltip2: string;
1500
1508
  };
1501
1509
  space: {
1502
1510
  1: 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" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | 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" | 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;
7
7
  glow?: boolean | "true" | undefined;
8
8
  inline?: boolean | "true" | undefined;
9
9
  }, {
@@ -78,6 +78,8 @@ export declare const Text: import("@stitches/react/types/styled-component").Styl
78
78
  bg03: string;
79
79
  bg04: string;
80
80
  bg05: string;
81
+ tooltip: string;
82
+ tooltip2: string;
81
83
  };
82
84
  space: {
83
85
  1: string;
@@ -485,7 +487,7 @@ export default Text;
485
487
  export declare const TextStory: (props: Omit<import("@stitches/react/types/styled-component").TransformProps<{
486
488
  variant?: "body" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | undefined;
487
489
  size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
488
- 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" | 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;
489
491
  glow?: boolean | "true" | undefined;
490
492
  inline?: boolean | "true" | undefined;
491
493
  }, {
@@ -501,7 +503,7 @@ export declare const TextStory: (props: Omit<import("@stitches/react/types/style
501
503
  }>, "color" | "size" | "inline" | "variant" | "glow"> & {
502
504
  variant?: "body" | "h1" | "h2" | "h3" | "h4" | "h5" | "metadata" | "subline" | undefined;
503
505
  size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | undefined;
504
- 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" | 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;
505
507
  glow?: boolean | undefined;
506
508
  inline?: boolean | undefined;
507
509
  } & {