@obolnetwork/obol-ui 1.0.6 → 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.
- package/dist/components/atoms/Box/Box.d.ts +5 -0
- package/dist/components/atoms/Button/Button.d.ts +12 -7
- package/dist/components/atoms/Container/Container.d.ts +10 -0
- package/dist/components/atoms/Dialog/Dialog.d.ts +1455 -0
- package/dist/components/atoms/IconButton/IconButton.d.ts +508 -0
- package/dist/components/atoms/Image/Image.d.ts +5 -0
- package/dist/components/atoms/Link/Link.d.ts +9 -1
- package/dist/components/atoms/NumberField/NumberField.d.ts +7 -0
- package/dist/components/atoms/Spin/Spin.d.ts +6 -1
- package/dist/components/atoms/SvgIcon/SvgIcon.d.ts +6 -1
- package/dist/components/atoms/Tabs/Tabs.d.ts +20 -0
- package/dist/components/atoms/Text/Text.d.ts +11 -6
- package/dist/components/atoms/TextField/TextField.d.ts +970 -0
- package/dist/components/atoms/Toggle/Toggle.d.ts +10 -0
- package/dist/components/atoms/Tooltip/Tooltip.d.ts +13 -0
- package/dist/components/atoms/index.d.ts +3 -0
- package/dist/components/icons/AlertIcon.d.ts +2 -0
- package/dist/components/icons/GlowIconBox.d.ts +5 -0
- package/dist/components/icons/Planet.d.ts +5 -0
- package/dist/components/icons/index.d.ts +6 -1
- package/dist/components/icons/static-icons/BulletCheckIcon.d.ts +1 -0
- package/dist/components/icons/static-icons/CheckIcon.d.ts +1 -0
- package/dist/components/icons/static-icons/Coinbase.d.ts +1 -0
- package/dist/components/icons/static-icons/CopyIcon.d.ts +1 -0
- package/dist/components/icons/static-icons/Metamask.d.ts +1 -0
- package/dist/components/icons/static-icons/TrashIcon.d.ts +1 -0
- package/dist/components/icons/static-icons/WalletConnect.d.ts +1 -0
- package/dist/components/molecules/Accordion/Accordion.d.ts +10 -0
- package/dist/components/molecules/AdvisoryToggle/AdvisoryToggle.d.ts +968 -0
- package/dist/components/molecules/Card/Card.d.ts +10 -0
- package/dist/components/molecules/NotificationCard/NotificationCard.d.ts +967 -0
- package/dist/components/molecules/ProgressTracker/ProgressTracker.d.ts +11 -0
- package/dist/components/molecules/RadioGroup/RadioGroup.d.ts +1454 -0
- package/dist/components/molecules/Table/Table.d.ts +20 -0
- package/dist/components/organisms/Advisory/Advisory.d.ts +978 -0
- package/dist/components/utils/color-variants.d.ts +5 -0
- package/dist/components/utils/styles.d.ts +5 -0
- package/dist/index.es.js +333 -33
- package/dist/index.js +342 -31
- package/dist/stitches.config.d.ts +50 -0
- package/package.json +7 -2
|
@@ -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;
|
|
@@ -70,6 +73,8 @@ export declare const Box: import("@stitches/react/types/styled-component").Style
|
|
|
70
73
|
bg03: string;
|
|
71
74
|
bg04: string;
|
|
72
75
|
bg05: string;
|
|
76
|
+
tooltip: string;
|
|
77
|
+
tooltip2: string;
|
|
73
78
|
};
|
|
74
79
|
space: {
|
|
75
80
|
1: string;
|
|
@@ -1,12 +1,12 @@
|
|
|
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;
|
|
8
8
|
outlined?: boolean | "true" | undefined;
|
|
9
|
-
variant?: "nav" | "tx" | undefined;
|
|
9
|
+
variant?: "nav" | "tx" | "wallet" | undefined;
|
|
10
10
|
}, {
|
|
11
11
|
motion: "(prefers-reduced-motion)";
|
|
12
12
|
hover: "(any-hover: hover)";
|
|
@@ -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;
|
|
@@ -79,6 +82,8 @@ export declare const Button: import("@stitches/react/types/styled-component").St
|
|
|
79
82
|
bg03: string;
|
|
80
83
|
bg04: string;
|
|
81
84
|
bg05: string;
|
|
85
|
+
tooltip: string;
|
|
86
|
+
tooltip2: string;
|
|
82
87
|
};
|
|
83
88
|
space: {
|
|
84
89
|
1: string;
|
|
@@ -482,17 +487,17 @@ export declare const Button: import("@stitches/react/types/styled-component").St
|
|
|
482
487
|
};
|
|
483
488
|
};
|
|
484
489
|
}>>;
|
|
485
|
-
declare type
|
|
486
|
-
export declare type
|
|
490
|
+
declare type ButtonComponentVariants = Stitches.VariantProps<typeof Button>;
|
|
491
|
+
export declare type ButtonComponentProps = ButtonComponentVariants & {
|
|
487
492
|
loading?: boolean;
|
|
488
493
|
};
|
|
489
|
-
export declare const ButtonStory: (props: Omit<
|
|
490
|
-
color?: "coordinate" | "test" | "create" | "primary" | "secondary" | undefined;
|
|
494
|
+
export declare const ButtonStory: (props: Omit<ButtonComponentProps, "color" | "icon" | "ghost" | "fullWidth" | "outlined" | "variant"> & {
|
|
495
|
+
color?: "coordinate" | "test" | "create" | "ghost" | "primary" | "secondary" | undefined;
|
|
491
496
|
ghost?: boolean | undefined;
|
|
492
497
|
icon?: boolean | undefined;
|
|
493
498
|
fullWidth?: boolean | undefined;
|
|
494
499
|
outlined?: boolean | undefined;
|
|
495
|
-
variant?: "nav" | "tx" | undefined;
|
|
500
|
+
variant?: "nav" | "tx" | "wallet" | undefined;
|
|
496
501
|
} & {
|
|
497
502
|
children?: import("react").ReactNode;
|
|
498
503
|
disabled?: boolean | undefined;
|
|
@@ -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;
|
|
@@ -70,6 +73,8 @@ export declare const Container: import("@stitches/react/types/styled-component")
|
|
|
70
73
|
bg03: string;
|
|
71
74
|
bg04: string;
|
|
72
75
|
bg05: string;
|
|
76
|
+
tooltip: string;
|
|
77
|
+
tooltip2: string;
|
|
73
78
|
};
|
|
74
79
|
space: {
|
|
75
80
|
1: string;
|
|
@@ -518,6 +523,7 @@ export declare const Container: import("@stitches/react/types/styled-component")
|
|
|
518
523
|
cardBackgroundLight: string;
|
|
519
524
|
textMiddle: string;
|
|
520
525
|
textLight: string;
|
|
526
|
+
textLighter: string;
|
|
521
527
|
textTabHover: string;
|
|
522
528
|
textTabInactive: string;
|
|
523
529
|
textGreenDark: string;
|
|
@@ -530,11 +536,13 @@ export declare const Container: import("@stitches/react/types/styled-component")
|
|
|
530
536
|
textGrayHover: string;
|
|
531
537
|
txButton: string;
|
|
532
538
|
obolGreen: string;
|
|
539
|
+
obolMidGreen: string;
|
|
533
540
|
obolGreenHover: string;
|
|
534
541
|
obolGreenLight: string;
|
|
535
542
|
obolDarkDark: string;
|
|
536
543
|
obolDisabled: string;
|
|
537
544
|
linkButtonHover: string;
|
|
545
|
+
progressTrackerGreen: string;
|
|
538
546
|
coordinate: string;
|
|
539
547
|
coordinateHover: string;
|
|
540
548
|
test: string;
|
|
@@ -550,6 +558,8 @@ export declare const Container: import("@stitches/react/types/styled-component")
|
|
|
550
558
|
bg03: string;
|
|
551
559
|
bg04: string;
|
|
552
560
|
bg05: string;
|
|
561
|
+
tooltip: string;
|
|
562
|
+
tooltip2: string;
|
|
553
563
|
};
|
|
554
564
|
space: {
|
|
555
565
|
1: string;
|