@obolnetwork/obol-ui 1.0.8 → 1.0.11
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 +3 -0
- package/dist/components/atoms/Button/Button.d.ts +5 -2
- package/dist/components/atoms/Container/Container.d.ts +6 -0
- package/dist/components/atoms/Dialog/Dialog.d.ts +15 -5
- package/dist/components/atoms/IconButton/IconButton.d.ts +15 -3
- package/dist/components/atoms/Image/Image.d.ts +3 -0
- package/dist/components/atoms/Link/Link.d.ts +7 -1
- package/dist/components/atoms/NumberField/NumberField.d.ts +2 -0
- package/dist/components/atoms/Spin/Spin.d.ts +4 -1
- package/dist/components/atoms/SvgIcon/SvgIcon.d.ts +4 -1
- package/dist/components/atoms/Tabs/Tabs.d.ts +12 -0
- package/dist/components/atoms/Text/Text.d.ts +9 -6
- package/dist/components/atoms/TextField/TextField.d.ts +6 -0
- package/dist/components/atoms/Toggle/Toggle.d.ts +6 -0
- package/dist/components/atoms/index.d.ts +1 -0
- package/dist/components/icons/GlowIconBox.d.ts +3 -0
- package/dist/components/icons/Planet.d.ts +3 -0
- package/dist/components/icons/index.d.ts +5 -2
- package/dist/components/icons/static-icons/BulletCheckIcon.d.ts +1 -0
- package/dist/components/icons/static-icons/HelpIcon.d.ts +1 -0
- package/dist/components/icons/static-icons/TrashIcon.d.ts +1 -0
- package/dist/components/molecules/Accordion/Accordion.d.ts +6 -0
- package/dist/components/molecules/AdvisoryToggle/AdvisoryToggle.d.ts +968 -0
- package/dist/components/molecules/Card/Card.d.ts +6 -0
- package/dist/components/molecules/NotificationCard/NotificationCard.d.ts +6 -0
- package/dist/components/molecules/ProgressTracker/ProgressTracker.d.ts +11 -0
- package/dist/components/molecules/RadioGroup/RadioGroup.d.ts +9 -0
- package/dist/components/molecules/Table/Table.d.ts +19 -0
- package/dist/components/molecules/index.d.ts +6 -1
- package/dist/components/organisms/Advisory/Advisory.d.ts +978 -0
- package/dist/components/organisms/index.d.ts +2 -1
- package/dist/components/utils/color-variants.d.ts +3 -0
- package/dist/components/utils/styles.d.ts +3 -0
- package/dist/index.es.js +493 -150
- package/dist/index.js +517 -149
- package/dist/stitches.config.d.ts +30 -0
- package/package.json +5 -2
|
@@ -55,6 +55,7 @@ export declare const ToggleCardItem: import("@stitches/react/types/styled-compon
|
|
|
55
55
|
cardBackgroundLight: string;
|
|
56
56
|
textMiddle: string;
|
|
57
57
|
textLight: string;
|
|
58
|
+
textLighter: string;
|
|
58
59
|
textTabHover: string;
|
|
59
60
|
textTabInactive: string;
|
|
60
61
|
textGreenDark: string;
|
|
@@ -67,11 +68,13 @@ export declare const ToggleCardItem: import("@stitches/react/types/styled-compon
|
|
|
67
68
|
textGrayHover: string;
|
|
68
69
|
txButton: string;
|
|
69
70
|
obolGreen: string;
|
|
71
|
+
obolMidGreen: string;
|
|
70
72
|
obolGreenHover: string;
|
|
71
73
|
obolGreenLight: string;
|
|
72
74
|
obolDarkDark: string;
|
|
73
75
|
obolDisabled: string;
|
|
74
76
|
linkButtonHover: string;
|
|
77
|
+
progressTrackerGreen: string;
|
|
75
78
|
coordinate: string;
|
|
76
79
|
coordinateHover: string;
|
|
77
80
|
test: string;
|
|
@@ -531,6 +534,7 @@ export declare const ToggleCardItem: import("@stitches/react/types/styled-compon
|
|
|
531
534
|
cardBackgroundLight: string;
|
|
532
535
|
textMiddle: string;
|
|
533
536
|
textLight: string;
|
|
537
|
+
textLighter: string;
|
|
534
538
|
textTabHover: string;
|
|
535
539
|
textTabInactive: string;
|
|
536
540
|
textGreenDark: string;
|
|
@@ -543,11 +547,13 @@ export declare const ToggleCardItem: import("@stitches/react/types/styled-compon
|
|
|
543
547
|
textGrayHover: string;
|
|
544
548
|
txButton: string;
|
|
545
549
|
obolGreen: string;
|
|
550
|
+
obolMidGreen: string;
|
|
546
551
|
obolGreenHover: string;
|
|
547
552
|
obolGreenLight: string;
|
|
548
553
|
obolDarkDark: string;
|
|
549
554
|
obolDisabled: string;
|
|
550
555
|
linkButtonHover: string;
|
|
556
|
+
progressTrackerGreen: string;
|
|
551
557
|
coordinate: string;
|
|
552
558
|
coordinateHover: string;
|
|
553
559
|
test: string;
|
|
@@ -39,6 +39,7 @@ export declare const NotificationContainer: import("@stitches/react/types/styled
|
|
|
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 NotificationContainer: import("@stitches/react/types/styled
|
|
|
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;
|
|
@@ -515,6 +518,7 @@ export declare const NotificationContainer: import("@stitches/react/types/styled
|
|
|
515
518
|
cardBackgroundLight: string;
|
|
516
519
|
textMiddle: string;
|
|
517
520
|
textLight: string;
|
|
521
|
+
textLighter: string;
|
|
518
522
|
textTabHover: string;
|
|
519
523
|
textTabInactive: string;
|
|
520
524
|
textGreenDark: string;
|
|
@@ -527,11 +531,13 @@ export declare const NotificationContainer: import("@stitches/react/types/styled
|
|
|
527
531
|
textGrayHover: string;
|
|
528
532
|
txButton: string;
|
|
529
533
|
obolGreen: string;
|
|
534
|
+
obolMidGreen: string;
|
|
530
535
|
obolGreenHover: string;
|
|
531
536
|
obolGreenLight: string;
|
|
532
537
|
obolDarkDark: string;
|
|
533
538
|
obolDisabled: string;
|
|
534
539
|
linkButtonHover: string;
|
|
540
|
+
progressTrackerGreen: string;
|
|
535
541
|
coordinate: string;
|
|
536
542
|
coordinateHover: string;
|
|
537
543
|
test: string;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface LinkItemProps {
|
|
3
|
+
title: string;
|
|
4
|
+
href: string;
|
|
5
|
+
status: "complete" | "incomplete";
|
|
6
|
+
}
|
|
7
|
+
interface ProgressTrackerProps {
|
|
8
|
+
items: LinkItemProps[];
|
|
9
|
+
}
|
|
10
|
+
export declare const ProgressTracker: React.FC<ProgressTrackerProps>;
|
|
11
|
+
export {};
|
|
@@ -41,6 +41,7 @@ export declare const RadioGroupRadio: import("@stitches/react/types/styled-compo
|
|
|
41
41
|
cardBackgroundLight: string;
|
|
42
42
|
textMiddle: string;
|
|
43
43
|
textLight: string;
|
|
44
|
+
textLighter: string;
|
|
44
45
|
textTabHover: string;
|
|
45
46
|
textTabInactive: string;
|
|
46
47
|
textGreenDark: string;
|
|
@@ -53,11 +54,13 @@ export declare const RadioGroupRadio: import("@stitches/react/types/styled-compo
|
|
|
53
54
|
textGrayHover: string;
|
|
54
55
|
txButton: string;
|
|
55
56
|
obolGreen: string;
|
|
57
|
+
obolMidGreen: string;
|
|
56
58
|
obolGreenHover: string;
|
|
57
59
|
obolGreenLight: string;
|
|
58
60
|
obolDarkDark: string;
|
|
59
61
|
obolDisabled: string;
|
|
60
62
|
linkButtonHover: string;
|
|
63
|
+
progressTrackerGreen: string;
|
|
61
64
|
coordinate: string;
|
|
62
65
|
coordinateHover: string;
|
|
63
66
|
test: string;
|
|
@@ -518,6 +521,7 @@ export declare const RadioGroupIndicator: import("@stitches/react/types/styled-c
|
|
|
518
521
|
cardBackgroundLight: string;
|
|
519
522
|
textMiddle: string;
|
|
520
523
|
textLight: string;
|
|
524
|
+
textLighter: string;
|
|
521
525
|
textTabHover: string;
|
|
522
526
|
textTabInactive: string;
|
|
523
527
|
textGreenDark: string;
|
|
@@ -530,11 +534,13 @@ export declare const RadioGroupIndicator: import("@stitches/react/types/styled-c
|
|
|
530
534
|
textGrayHover: string;
|
|
531
535
|
txButton: string;
|
|
532
536
|
obolGreen: string;
|
|
537
|
+
obolMidGreen: string;
|
|
533
538
|
obolGreenHover: string;
|
|
534
539
|
obolGreenLight: string;
|
|
535
540
|
obolDarkDark: string;
|
|
536
541
|
obolDisabled: string;
|
|
537
542
|
linkButtonHover: string;
|
|
543
|
+
progressTrackerGreen: string;
|
|
538
544
|
coordinate: string;
|
|
539
545
|
coordinateHover: string;
|
|
540
546
|
test: string;
|
|
@@ -995,6 +1001,7 @@ export declare const RadioGroupItemLabel: import("@stitches/react/types/styled-c
|
|
|
995
1001
|
cardBackgroundLight: string;
|
|
996
1002
|
textMiddle: string;
|
|
997
1003
|
textLight: string;
|
|
1004
|
+
textLighter: string;
|
|
998
1005
|
textTabHover: string;
|
|
999
1006
|
textTabInactive: string;
|
|
1000
1007
|
textGreenDark: string;
|
|
@@ -1007,11 +1014,13 @@ export declare const RadioGroupItemLabel: import("@stitches/react/types/styled-c
|
|
|
1007
1014
|
textGrayHover: string;
|
|
1008
1015
|
txButton: string;
|
|
1009
1016
|
obolGreen: string;
|
|
1017
|
+
obolMidGreen: string;
|
|
1010
1018
|
obolGreenHover: string;
|
|
1011
1019
|
obolGreenLight: string;
|
|
1012
1020
|
obolDarkDark: string;
|
|
1013
1021
|
obolDisabled: string;
|
|
1014
1022
|
linkButtonHover: string;
|
|
1023
|
+
progressTrackerGreen: string;
|
|
1015
1024
|
coordinate: string;
|
|
1016
1025
|
coordinateHover: string;
|
|
1017
1026
|
test: string;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface RowItem {
|
|
3
|
+
id: string;
|
|
4
|
+
value: string;
|
|
5
|
+
}
|
|
6
|
+
export declare type RowTableType = Record<string, string | React.ReactNode>;
|
|
7
|
+
export declare type RowsTableType = RowItem[];
|
|
8
|
+
export interface TableProps {
|
|
9
|
+
rows: RowsTableType;
|
|
10
|
+
columns: string[];
|
|
11
|
+
}
|
|
12
|
+
export interface SplitterTableProps extends TableProps {
|
|
13
|
+
renderComponentValue?: "TextField" | "Text";
|
|
14
|
+
onAddRow(item: string): void;
|
|
15
|
+
onRemoveRow(item: string | number): void;
|
|
16
|
+
onUpdateRow(id: string, value: string): void;
|
|
17
|
+
}
|
|
18
|
+
export declare const SplitterTable: React.FC<SplitterTableProps>;
|
|
19
|
+
export declare const Table: React.FC<TableProps>;
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
export * as Accordion from './Accordion/Accordion';
|
|
2
|
+
export * from './AdvisoryToggle/AdvisoryToggle';
|
|
1
3
|
export * from './Card/Card';
|
|
2
4
|
export * from './Navbar/Navbar';
|
|
3
|
-
export *
|
|
5
|
+
export * from './NotificationCard/NotificationCard';
|
|
6
|
+
export * from './ProgressTracker/ProgressTracker';
|
|
7
|
+
export * from './RadioGroup/RadioGroup';
|
|
8
|
+
export * from './Table/Table';
|