@goodhood-web/ui 3.0.0-development.1 → 3.0.0-development.10

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 (20) hide show
  1. package/index.d.ts +2 -1
  2. package/index.js +48 -48
  3. package/index.mjs +1799 -1776
  4. package/lib/Atoms/Buttons/Button/Button.types.d.ts +1 -0
  5. package/lib/Atoms/Buttons/IconButton/IconButton.types.d.ts +6 -2
  6. package/lib/Atoms/Buttons/IconButton/utils.d.ts +2 -2
  7. package/lib/Atoms/Buttons/Tiles/FeedTile/FeedTile.d.ts +1 -1
  8. package/lib/Atoms/Buttons/Tiles/FeedTile/FeedTile.types.d.ts +1 -0
  9. package/lib/Atoms/Buttons/Tiles/MenuTile/MenuTile.d.ts +1 -1
  10. package/lib/Atoms/Buttons/Tiles/MenuTile/MenuTile.type.d.ts +1 -0
  11. package/lib/Atoms/Content/GroupAvatar/GroupAvatar.d.ts +3 -0
  12. package/lib/Atoms/Content/GroupAvatar/GroupAvatar.types.d.ts +10 -0
  13. package/lib/Base/Icon/icons/index.d.ts +24 -0
  14. package/lib/Base/Icon/icons/outline/16x16/index.d.ts +12 -0
  15. package/lib/Base/Icon/icons/outline/24x24/index.d.ts +12 -0
  16. package/lib/Base/Icon/icons/outline/index.d.ts +24 -0
  17. package/lib/Molecules/ListItems/Neighbour/Neighbour.d.ts +1 -1
  18. package/lib/Molecules/ListItems/Neighbour/Neighbour.types.d.ts +1 -0
  19. package/package.json +1 -1
  20. package/style.css +1 -1
package/lib/Atoms/Buttons/Button/Button.types.d.ts CHANGED
@@ -8,6 +8,7 @@ interface CommonProps {
8
8
  className?: string;
9
9
  'data-testid'?: string;
10
10
  disabled?: boolean;
11
+ isToggleButton?: boolean;
11
12
  ref?: ForwardedRef<null>;
12
13
  role?: AriaRole;
13
14
  selected?: boolean;
package/lib/Atoms/Buttons/IconButton/IconButton.types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Icon24, Icon32 } from '../../../Base/Icon/Icon.types';
1
+ import { Icon16, Icon24, Icon32 } from '../../../Base/Icon/Icon.types';
2
2
  import { ButtonProps } from '../Button/Button.types';
3
3
  type BaseIconButtonProps = Omit<ButtonProps, 'children' | 'ref' | 'className'> & ({
4
4
  ariaLabel: string;
@@ -11,6 +11,10 @@ type BaseIconButtonProps = Omit<ButtonProps, 'children' | 'ref' | 'className'> &
11
11
  type?: 'button' | 'submit' | 'reset';
12
12
  variant?: 'green' | 'white' | 'grey';
13
13
  };
14
+ export type IconButtonIcon16Props = {
15
+ icon: Icon16;
16
+ size?: 'extraSmall';
17
+ } & BaseIconButtonProps;
14
18
  export type IconButtonIcon24Props = {
15
19
  icon: Icon24;
16
20
  size?: 'small';
@@ -19,5 +23,5 @@ export type IconButtonIcon32Props = {
19
23
  icon: Icon32;
20
24
  size?: 'medium' | 'large';
21
25
  } & BaseIconButtonProps;
22
- export type IconButtonProps = IconButtonIcon32Props | IconButtonIcon24Props;
26
+ export type IconButtonProps = IconButtonIcon32Props | IconButtonIcon24Props | IconButtonIcon16Props;
23
27
  export {};
package/lib/Atoms/Buttons/IconButton/utils.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- type IconButtonSize = 'large' | 'medium' | 'small';
2
- export declare const getIconSize: (size: IconButtonSize) => "32" | "24";
1
+ type IconButtonSize = 'large' | 'medium' | 'small' | 'extraSmall';
2
+ export declare const getIconSize: (size: IconButtonSize) => "32" | "24" | "16";
3
3
  export {};
package/lib/Atoms/Buttons/Tiles/FeedTile/FeedTile.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { default as FeedTileProps } from './FeedTile.types';
2
- declare const FeedTile: ({ fullWidth, icon, onClick, text }: FeedTileProps) => import("react/jsx-runtime").JSX.Element;
2
+ declare const FeedTile: ({ ariaLabel, fullWidth, icon, onClick, text }: FeedTileProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default FeedTile;
package/lib/Atoms/Buttons/Tiles/FeedTile/FeedTile.types.d.ts CHANGED
@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
2
2
  import { Icon32 } from '../../../../Base/Icon/Icon.types';
3
3
  import { BaseButtonProps } from '../../../Buttons/Button/Button.types';
4
4
  export default interface FeedTileProps {
5
+ ariaLabel?: string;
5
6
  fullWidth?: boolean;
6
7
  icon: Icon32;
7
8
  onClick?: BaseButtonProps['onClick'];
package/lib/Atoms/Buttons/Tiles/MenuTile/MenuTile.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { default as MenuTileProps } from './MenuTile.type';
2
- declare const MenuTile: ({ fullWidth, icon, primaryText, secondaryText, ...props }: MenuTileProps) => import("react/jsx-runtime").JSX.Element;
2
+ declare const MenuTile: ({ ariaLabel, fullWidth, icon, primaryText, secondaryText, ...props }: MenuTileProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default MenuTile;
package/lib/Atoms/Buttons/Tiles/MenuTile/MenuTile.type.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { Icon32 } from '../../../../Base/Icon/Icon.types';
2
2
  import { ButtonProps } from '../../Button/Button.types';
3
3
  export default interface MenuTileProps extends Omit<ButtonProps, 'children'> {
4
+ ariaLabel?: string;
4
5
  fullWidth?: boolean;
5
6
  icon?: Icon32;
6
7
  primaryText?: string;
package/lib/Atoms/Content/GroupAvatar/GroupAvatar.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { GroupAvatarProps } from './GroupAvatar.types';
2
+ declare const GroupAvatar: ({ alt, groupId, size, userImageSrc }: GroupAvatarProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default GroupAvatar;
package/lib/Atoms/Content/GroupAvatar/GroupAvatar.types.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { TSquareSize } from '../Thumbnail/Thumbnail.type';
2
+ type BaseUserAvatarProps = {
3
+ alt: string;
4
+ size: TSquareSize;
5
+ userImageSrc?: string;
6
+ };
7
+ export type GroupAvatarProps = BaseUserAvatarProps & {
8
+ groupId?: number;
9
+ };
10
+ export {};
package/lib/Base/Icon/icons/index.d.ts CHANGED
@@ -117,12 +117,24 @@ declare const iconsMap: {
117
117
  desc?: string;
118
118
  descId?: string;
119
119
  }>;
120
+ list: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
121
+ title?: string;
122
+ titleId?: string;
123
+ desc?: string;
124
+ descId?: string;
125
+ }>;
120
126
  privacy_lock_closed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
121
127
  title?: string;
122
128
  titleId?: string;
123
129
  desc?: string;
124
130
  descId?: string;
125
131
  }>;
132
+ send: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
133
+ title?: string;
134
+ titleId?: string;
135
+ desc?: string;
136
+ descId?: string;
137
+ }>;
126
138
  };
127
139
  '24': {
128
140
  readonly arrow_left: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -197,6 +209,12 @@ declare const iconsMap: {
197
209
  desc?: string;
198
210
  descId?: string;
199
211
  }>;
212
+ readonly clock: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
213
+ title?: string;
214
+ titleId?: string;
215
+ desc?: string;
216
+ descId?: string;
217
+ }>;
200
218
  readonly comment_bubble: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
201
219
  title?: string;
202
220
  titleId?: string;
@@ -221,6 +239,12 @@ declare const iconsMap: {
221
239
  desc?: string;
222
240
  descId?: string;
223
241
  }>;
242
+ readonly emoji: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
243
+ title?: string;
244
+ titleId?: string;
245
+ desc?: string;
246
+ descId?: string;
247
+ }>;
224
248
  readonly envelope: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
225
249
  title?: string;
226
250
  titleId?: string;
package/lib/Base/Icon/icons/outline/16x16/index.d.ts CHANGED
@@ -29,11 +29,23 @@ declare const IconsMap: {
29
29
  desc?: string;
30
30
  descId?: string;
31
31
  }>;
32
+ list: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
33
+ title?: string;
34
+ titleId?: string;
35
+ desc?: string;
36
+ descId?: string;
37
+ }>;
32
38
  privacy_lock_closed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
33
39
  title?: string;
34
40
  titleId?: string;
35
41
  desc?: string;
36
42
  descId?: string;
37
43
  }>;
44
+ send: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
45
+ title?: string;
46
+ titleId?: string;
47
+ desc?: string;
48
+ descId?: string;
49
+ }>;
38
50
  };
39
51
  export default IconsMap;
package/lib/Base/Icon/icons/outline/24x24/index.d.ts CHANGED
@@ -71,6 +71,12 @@ declare const IconsMap: {
71
71
  desc?: string;
72
72
  descId?: string;
73
73
  }>;
74
+ readonly clock: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
75
+ title?: string;
76
+ titleId?: string;
77
+ desc?: string;
78
+ descId?: string;
79
+ }>;
74
80
  readonly comment_bubble: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
75
81
  title?: string;
76
82
  titleId?: string;
@@ -95,6 +101,12 @@ declare const IconsMap: {
95
101
  desc?: string;
96
102
  descId?: string;
97
103
  }>;
104
+ readonly emoji: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
105
+ title?: string;
106
+ titleId?: string;
107
+ desc?: string;
108
+ descId?: string;
109
+ }>;
98
110
  readonly envelope: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
99
111
  title?: string;
100
112
  titleId?: string;
package/lib/Base/Icon/icons/outline/index.d.ts CHANGED
@@ -30,12 +30,24 @@ declare const iconsMap: {
30
30
  desc?: string;
31
31
  descId?: string;
32
32
  }>;
33
+ list: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
34
+ title?: string;
35
+ titleId?: string;
36
+ desc?: string;
37
+ descId?: string;
38
+ }>;
33
39
  privacy_lock_closed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
34
40
  title?: string;
35
41
  titleId?: string;
36
42
  desc?: string;
37
43
  descId?: string;
38
44
  }>;
45
+ send: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
46
+ title?: string;
47
+ titleId?: string;
48
+ desc?: string;
49
+ descId?: string;
50
+ }>;
39
51
  };
40
52
  '24': {
41
53
  readonly arrow_left: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -110,6 +122,12 @@ declare const iconsMap: {
110
122
  desc?: string;
111
123
  descId?: string;
112
124
  }>;
125
+ readonly clock: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
126
+ title?: string;
127
+ titleId?: string;
128
+ desc?: string;
129
+ descId?: string;
130
+ }>;
113
131
  readonly comment_bubble: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
114
132
  title?: string;
115
133
  titleId?: string;
@@ -134,6 +152,12 @@ declare const iconsMap: {
134
152
  desc?: string;
135
153
  descId?: string;
136
154
  }>;
155
+ readonly emoji: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
156
+ title?: string;
157
+ titleId?: string;
158
+ desc?: string;
159
+ descId?: string;
160
+ }>;
137
161
  readonly envelope: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
138
162
  title?: string;
139
163
  titleId?: string;
package/lib/Molecules/ListItems/Neighbour/Neighbour.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { NeighbourListItemProps } from './Neighbour.types';
2
- declare const Neighbour: ({ address, altText, callToAction, fullName, iconType, imageUrl, linkTarget, onClick, profileUrl, }: NeighbourListItemProps) => import("react/jsx-runtime").JSX.Element;
2
+ declare const Neighbour: ({ address, altText, callToAction, fullName, iconType, imageUrl, linkTarget, onClick, profileUrl, userId, }: NeighbourListItemProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default Neighbour;
package/lib/Molecules/ListItems/Neighbour/Neighbour.types.d.ts CHANGED
@@ -10,6 +10,7 @@ export interface NeighbourListItemBaseProps {
10
10
  imageUrl: string;
11
11
  linkTarget?: string;
12
12
  profileUrl: string;
13
+ userId: number;
13
14
  }
14
15
  export interface NeighbourListItemWithIcon extends NeighbourListItemBaseProps {
15
16
  iconType: 'invite_neighbour' | 'envelope';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@goodhood-web/ui",
3
- "version": "3.0.0-development.1",
3
+ "version": "3.0.0-development.10",
4
4
  "main": "./index.js",
5
5
  "types": "./index.d.ts",
6
6
  "repository": "https://github.com/good-hood-gmbh/goodhood-web",