@goodhood-web/ui 1.8.0-development.8 → 1.8.0
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/index.d.ts +8 -4
- package/index.js +169 -65
- package/index.mjs +15989 -6093
- package/lib/ActionBar/ActionBar.d.ts +4 -0
- package/lib/ActionBar/ActionBar.types.d.ts +8 -0
- package/lib/ActionBar/ActionBarCta/ActionBarCta.d.ts +4 -0
- package/lib/ActionBar/ActionBarCta/ActionBarCta.types.d.ts +8 -0
- package/lib/ActionBar/ActionBarList/ActionBarList.d.ts +4 -0
- package/lib/ActionBar/ActionBarList/ActionBarList.types.d.ts +5 -0
- package/lib/ActionBar/ActionBarList/ActionItem/ActionItem.d.ts +4 -0
- package/lib/ActionBar/ActionBarList/ActionItem/ActionItem.types.d.ts +10 -0
- package/lib/BodyText/BodyText.d.ts +4 -0
- package/lib/BodyText/BodyText.types.d.ts +5 -0
- package/lib/BodyText/util.d.ts +1 -0
- package/lib/BottomSheet/BottomSheet.d.ts +4 -0
- package/lib/BottomSheet/BottomSheet.types.d.ts +15 -0
- package/lib/ButtonSecondary/ButtonSecondary.d.ts +4 -0
- package/lib/ButtonSecondary/ButtonSecondary.types.d.ts +12 -0
- package/lib/ButtonTertiary/ButtonTertiary.d.ts +4 -0
- package/lib/ButtonTertiary/ButtonTertiary.types.d.ts +12 -0
- package/lib/FeedTile/FeedTile.d.ts +4 -0
- package/lib/FeedTile/FeedTile.types.d.ts +10 -0
- package/lib/Icon/icons/24x24/index.d.ts +50 -48
- package/lib/Icon/icons/32x32/index.d.ts +108 -97
- package/lib/Icon/icons/index.d.ts +158 -144
- package/lib/MenuItem/MenuItem.d.ts +1 -1
- package/lib/MenuItem/MenuItem.types.d.ts +3 -1
- package/lib/MenuTile/MenuTile.d.ts +4 -0
- package/lib/{Tile/Tile.type.d.ts → MenuTile/MenuTile.type.d.ts} +1 -1
- package/lib/NotificationListItem/NotificationListItem.d.ts +1 -1
- package/lib/NotificationListItem/NotificationListItem.types.d.ts +1 -1
- package/lib/TextButton/TextButton.d.ts +1 -1
- package/lib/TextButton/TextButton.types.d.ts +2 -1
- package/lib/ToggleInput/ToggleInput.d.ts +1 -1
- package/lib/ToggleInput/ToggleInput.types.d.ts +1 -0
- package/lib/Typography/Typography.types.d.ts +1 -1
- package/package.json +1 -1
- package/style.css +1 -1
- package/lib/Accordion/Accordion.d.ts +0 -4
- package/lib/Accordion/Accordion.types.d.ts +0 -8
- package/lib/Accordion/AccordionItem.d.ts +0 -4
- package/lib/Accordion/AccordionItem.types.d.ts +0 -12
- package/lib/Tile/Tile.d.ts +0 -4
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as ActionBarCtaProps } from './ActionBarCta/ActionBarCta.types';
|
|
2
|
+
import { default as ActionBarListProps } from './ActionBarList/ActionBarList.types';
|
|
3
|
+
|
|
4
|
+
export type ActionBarProps = (ActionBarListProps & {
|
|
5
|
+
type: 'list';
|
|
6
|
+
}) | (ActionBarCtaProps & {
|
|
7
|
+
type: 'cta';
|
|
8
|
+
});
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ButtonProps } from '../../../Button/Button.types';
|
|
2
|
+
import { Icon24 } from '../../../Icon/Icon.types';
|
|
3
|
+
|
|
4
|
+
export default interface ActionBarItemProps {
|
|
5
|
+
className?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
icon: Icon24;
|
|
8
|
+
onClick?: ButtonProps['onClick'];
|
|
9
|
+
text: string;
|
|
10
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const parseText: (text: string | undefined, regEx: RegExp) => string[] | null;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { ButtonPrimaryProps } from '../ButtonPrimary/ButtonPrimary.types';
|
|
3
|
+
import { CardBodyProps } from '../Card/CardBody/CardBody.types';
|
|
4
|
+
import { CardHeaderProps } from '../Card/CardHeader/CardHeader.type';
|
|
5
|
+
import { TextButtonProps } from '../TextButton/TextButton.types';
|
|
6
|
+
|
|
7
|
+
export interface SheetProps {
|
|
8
|
+
ariaLabel?: string;
|
|
9
|
+
ctaButtonProps?: ButtonPrimaryProps;
|
|
10
|
+
linkProps?: TextButtonProps;
|
|
11
|
+
onClose: () => void;
|
|
12
|
+
open: boolean;
|
|
13
|
+
sheetBody?: ReactElement<CardBodyProps>;
|
|
14
|
+
sheetHeader?: ReactElement<CardHeaderProps>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ButtonSecondaryProps } from './ButtonSecondary.types';
|
|
2
|
+
|
|
3
|
+
declare const ButtonSecondary: ({ children, className, color, disabled, fullWidth, loading, size, text, ...props }: ButtonSecondaryProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default ButtonSecondary;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ButtonProps } from '../Button/Button.types';
|
|
3
|
+
|
|
4
|
+
export interface ButtonSecondaryProps extends Omit<ButtonProps, 'children'> {
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
color?: 'green' | 'pink' | 'grey';
|
|
7
|
+
fullWidth?: boolean;
|
|
8
|
+
loading?: boolean;
|
|
9
|
+
size?: 'tiny' | 'small' | 'medium' | 'large';
|
|
10
|
+
target?: string;
|
|
11
|
+
text?: string;
|
|
12
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ButtonTertiaryProps } from './ButtonTertiary.types';
|
|
2
|
+
|
|
3
|
+
declare const ButtonTertiary: ({ children, className, color, disabled, fullWidth, loading, size, text, ...props }: ButtonTertiaryProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default ButtonTertiary;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ButtonProps } from '../Button/Button.types';
|
|
3
|
+
|
|
4
|
+
export interface ButtonTertiaryProps extends Omit<ButtonProps, 'children'> {
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
color?: 'green' | 'pink' | 'blue';
|
|
7
|
+
fullWidth?: boolean;
|
|
8
|
+
loading?: boolean;
|
|
9
|
+
size?: 'tiny' | 'small' | 'medium' | 'large';
|
|
10
|
+
target?: string;
|
|
11
|
+
text?: string;
|
|
12
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { BaseButtonProps } from '../Button/Button.types';
|
|
3
|
+
import { Icon32 } from '../Icon/Icon.types';
|
|
4
|
+
|
|
5
|
+
export default interface FeedTileProps {
|
|
6
|
+
fullWidth?: boolean;
|
|
7
|
+
icon: Icon32;
|
|
8
|
+
onClick?: BaseButtonProps['onClick'];
|
|
9
|
+
text: ReactNode;
|
|
10
|
+
}
|
|
@@ -1,145 +1,147 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const IconsMap: {
|
|
3
2
|
readonly arrow_left: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
4
|
-
title?: string
|
|
3
|
+
title?: string;
|
|
5
4
|
}>;
|
|
6
5
|
readonly arrow_right: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
7
|
-
title?: string
|
|
6
|
+
title?: string;
|
|
8
7
|
}>;
|
|
9
8
|
readonly bookmark: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
10
|
-
title?: string
|
|
9
|
+
title?: string;
|
|
11
10
|
}>;
|
|
12
11
|
readonly bookmarked: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
13
|
-
title?: string
|
|
12
|
+
title?: string;
|
|
14
13
|
}>;
|
|
15
14
|
readonly burger_menu: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
16
|
-
title?: string
|
|
15
|
+
title?: string;
|
|
16
|
+
}>;
|
|
17
|
+
readonly business: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
18
|
+
title?: string;
|
|
17
19
|
}>;
|
|
18
20
|
readonly camera: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
19
|
-
title?: string
|
|
21
|
+
title?: string;
|
|
20
22
|
}>;
|
|
21
23
|
readonly checkmark: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
22
|
-
title?: string
|
|
24
|
+
title?: string;
|
|
23
25
|
}>;
|
|
24
26
|
readonly checkmark_circle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
25
|
-
title?: string
|
|
27
|
+
title?: string;
|
|
26
28
|
}>;
|
|
27
29
|
readonly chevron_down: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
28
|
-
title?: string
|
|
30
|
+
title?: string;
|
|
29
31
|
}>;
|
|
30
32
|
readonly chevron_left: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
31
|
-
title?: string
|
|
33
|
+
title?: string;
|
|
32
34
|
}>;
|
|
33
35
|
readonly chevron_right: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
34
|
-
title?: string
|
|
36
|
+
title?: string;
|
|
35
37
|
}>;
|
|
36
38
|
readonly chevron_up: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
37
|
-
title?: string
|
|
39
|
+
title?: string;
|
|
38
40
|
}>;
|
|
39
41
|
readonly comment_bubble: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
40
|
-
title?: string
|
|
42
|
+
title?: string;
|
|
41
43
|
}>;
|
|
42
44
|
readonly cross: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
43
|
-
title?: string
|
|
45
|
+
title?: string;
|
|
44
46
|
}>;
|
|
45
47
|
readonly cross_circle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
46
|
-
title?: string
|
|
48
|
+
title?: string;
|
|
47
49
|
}>;
|
|
48
50
|
readonly envelope: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
49
|
-
title?: string
|
|
51
|
+
title?: string;
|
|
50
52
|
}>;
|
|
51
53
|
readonly event_calendar: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
52
|
-
title?: string
|
|
54
|
+
title?: string;
|
|
53
55
|
}>;
|
|
54
56
|
readonly external_link: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
55
|
-
title?: string
|
|
57
|
+
title?: string;
|
|
56
58
|
}>;
|
|
57
59
|
readonly eye: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
58
|
-
title?: string
|
|
60
|
+
title?: string;
|
|
59
61
|
}>;
|
|
60
62
|
readonly eye_crossed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
61
|
-
title?: string
|
|
63
|
+
title?: string;
|
|
62
64
|
}>;
|
|
63
65
|
readonly filter: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
64
|
-
title?: string
|
|
66
|
+
title?: string;
|
|
65
67
|
}>;
|
|
66
68
|
readonly globe: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
67
|
-
title?: string
|
|
69
|
+
title?: string;
|
|
68
70
|
}>;
|
|
69
71
|
readonly heart: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
70
|
-
title?: string
|
|
72
|
+
title?: string;
|
|
71
73
|
}>;
|
|
72
74
|
readonly heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
73
|
-
title?: string
|
|
75
|
+
title?: string;
|
|
74
76
|
}>;
|
|
75
77
|
readonly heart_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
76
|
-
title?: string
|
|
78
|
+
title?: string;
|
|
77
79
|
}>;
|
|
78
80
|
readonly image: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
79
|
-
title?: string
|
|
81
|
+
title?: string;
|
|
80
82
|
}>;
|
|
81
83
|
readonly loudspeaker: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
82
|
-
title?: string
|
|
84
|
+
title?: string;
|
|
83
85
|
}>;
|
|
84
86
|
readonly marketplace: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
85
|
-
title?: string
|
|
87
|
+
title?: string;
|
|
86
88
|
}>;
|
|
87
89
|
readonly more_dots: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
88
|
-
title?: string
|
|
90
|
+
title?: string;
|
|
89
91
|
}>;
|
|
90
92
|
readonly more_dots_alt: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
91
|
-
title?: string
|
|
93
|
+
title?: string;
|
|
92
94
|
}>;
|
|
93
95
|
readonly mute: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
94
|
-
title?: string
|
|
96
|
+
title?: string;
|
|
95
97
|
}>;
|
|
96
98
|
readonly notification_bell: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
97
|
-
title?: string
|
|
99
|
+
title?: string;
|
|
98
100
|
}>;
|
|
99
101
|
readonly paperclip: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
100
|
-
title?: string
|
|
102
|
+
title?: string;
|
|
101
103
|
}>;
|
|
102
104
|
readonly pencil: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
103
|
-
title?: string
|
|
105
|
+
title?: string;
|
|
104
106
|
}>;
|
|
105
107
|
readonly pin: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
106
|
-
title?: string
|
|
108
|
+
title?: string;
|
|
107
109
|
}>;
|
|
108
110
|
readonly plus: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
109
|
-
title?: string
|
|
111
|
+
title?: string;
|
|
110
112
|
}>;
|
|
111
113
|
readonly plus_circle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
112
|
-
title?: string
|
|
114
|
+
title?: string;
|
|
113
115
|
}>;
|
|
114
116
|
readonly privacy_lock: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
115
|
-
title?: string
|
|
117
|
+
title?: string;
|
|
116
118
|
}>;
|
|
117
119
|
readonly privacy_lock_closed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
118
|
-
title?: string
|
|
120
|
+
title?: string;
|
|
119
121
|
}>;
|
|
120
122
|
readonly react: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
121
|
-
title?: string
|
|
123
|
+
title?: string;
|
|
122
124
|
}>;
|
|
123
125
|
readonly search: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
124
|
-
title?: string
|
|
126
|
+
title?: string;
|
|
125
127
|
}>;
|
|
126
128
|
readonly share_arrow: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
127
|
-
title?: string
|
|
129
|
+
title?: string;
|
|
128
130
|
}>;
|
|
129
131
|
readonly share_arrow_outline: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
130
|
-
title?: string
|
|
132
|
+
title?: string;
|
|
131
133
|
}>;
|
|
132
134
|
readonly sort: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
133
|
-
title?: string
|
|
135
|
+
title?: string;
|
|
134
136
|
}>;
|
|
135
137
|
readonly special_place: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
136
|
-
title?: string
|
|
138
|
+
title?: string;
|
|
137
139
|
}>;
|
|
138
140
|
readonly thanks: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
139
|
-
title?: string
|
|
141
|
+
title?: string;
|
|
140
142
|
}>;
|
|
141
143
|
readonly trash_can: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
142
|
-
title?: string
|
|
144
|
+
title?: string;
|
|
143
145
|
}>;
|
|
144
146
|
};
|
|
145
147
|
export default IconsMap;
|