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