@goodhood-web/ui 2.1.0-development.8 → 3.0.0-development.1

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 (63) hide show
  1. package/index.d.ts +9 -5
  2. package/index.js +125 -125
  3. package/index.mjs +19204 -19049
  4. package/lib/Atoms/Badges/Badge/Badge.types.d.ts +2 -3
  5. package/lib/Atoms/Badges/BadgeIcon/BadgeIcon.types.d.ts +2 -1
  6. package/lib/Atoms/Badges/BadgeLabel/BadgeLabel.types.d.ts +1 -1
  7. package/lib/Atoms/Badges/Tooltip/Tooltip.d.ts +1 -1
  8. package/lib/Atoms/Badges/Tooltip/Tooltip.types.d.ts +1 -0
  9. package/lib/Atoms/Buttons/Button/Button.d.ts +2 -2
  10. package/lib/Atoms/Buttons/Button/Button.types.d.ts +1 -1
  11. package/lib/Atoms/Buttons/ButtonTertiary/ButtonTertiary.types.d.ts +1 -1
  12. package/lib/Atoms/Buttons/IconButton/IconButton.d.ts +1 -1
  13. package/lib/Atoms/Buttons/IconButton/IconButton.types.d.ts +1 -1
  14. package/lib/Atoms/Buttons/OverlayButton/OverlayButton.d.ts +1 -1
  15. package/lib/Atoms/Buttons/OverlayButton/OverlayButton.types.d.ts +1 -0
  16. package/lib/Atoms/Content/BodyText/BodyText.d.ts +1 -1
  17. package/lib/Atoms/Content/BodyText/BodyText.types.d.ts +1 -0
  18. package/lib/Atoms/Content/UserAvatarCluster/UserAvatarCluster.d.ts +3 -0
  19. package/lib/Atoms/Content/UserAvatarCluster/UserAvatarCluster.types.d.ts +42 -0
  20. package/lib/Atoms/Content/UserAvatarCluster/utils.d.ts +41 -0
  21. package/lib/Atoms/Dropdowns/DropdownCard/DropdownCard.d.ts +3 -0
  22. package/lib/Atoms/Dropdowns/DropdownCard/DropdownCard.types.d.ts +9 -0
  23. package/lib/Atoms/Dropdowns/DropdownItem/DropdownItem.d.ts +3 -0
  24. package/lib/Atoms/Dropdowns/{DropdownOption/DropdownOption.types.d.ts → DropdownItem/DropdownItem.types.d.ts} +1 -1
  25. package/lib/Base/Icon/Icon.types.d.ts +10 -6
  26. package/lib/Base/Icon/icons/coloured/32x32/index.d.ts +39 -0
  27. package/lib/Base/Icon/icons/coloured/index.d.ts +43 -0
  28. package/lib/Base/Icon/icons/filled/16x16/index.d.ts +9 -0
  29. package/lib/Base/Icon/icons/filled/24x24/index.d.ts +15 -0
  30. package/lib/Base/Icon/icons/filled/32x32/index.d.ts +21 -0
  31. package/lib/Base/Icon/icons/filled/index.d.ts +45 -0
  32. package/lib/Base/Icon/icons/index.d.ts +1081 -516
  33. package/lib/Base/Icon/icons/{16x16 → outline/16x16}/index.d.ts +18 -3
  34. package/lib/Base/Icon/icons/{24x24 → outline/24x24}/index.d.ts +159 -6
  35. package/lib/Base/Icon/icons/{32x32 → outline/32x32}/index.d.ts +336 -27
  36. package/lib/Base/Icon/icons/outline/index.d.ts +999 -0
  37. package/lib/Base/SocialIcon/SocialIcon.d.ts +4 -0
  38. package/lib/Base/SocialIcon/SocialIcon.types.d.ts +22 -0
  39. package/lib/Base/SocialIcon/icons/48x48/dark/index.d.ts +159 -0
  40. package/lib/Base/SocialIcon/icons/48x48/light/index.d.ts +171 -0
  41. package/lib/Base/SocialIcon/icons/index.d.ts +331 -0
  42. package/lib/Base/Typography/Typography.types.d.ts +2 -1
  43. package/lib/Base/Typography/index.d.ts +3 -0
  44. package/lib/Molecules/ListItemCluster/ListItemCluster.d.ts +3 -0
  45. package/lib/Molecules/ListItemCluster/ListItemCluster.types.d.ts +4 -0
  46. package/lib/Molecules/ListItems/ListItem.d.ts +3 -0
  47. package/lib/Molecules/ListItems/ListItem.types.d.ts +9 -0
  48. package/lib/Molecules/ListItems/Neighbour/Neighbour.d.ts +3 -0
  49. package/lib/Molecules/ListItems/Neighbour/Neighbour.types.d.ts +22 -0
  50. package/lib/Molecules/Markdown/Markdown.d.ts +1 -1
  51. package/lib/Molecules/Markdown/Markdown.types.d.ts +2 -0
  52. package/lib/Molecules/Notices/EmptyState/EmptyState.d.ts +1 -1
  53. package/lib/Molecules/Notices/EmptyState/EmptyState.types.d.ts +1 -0
  54. package/lib/Organisms/Modals/Modal/Modal.d.ts +1 -1
  55. package/lib/Organisms/Modals/Modal/Modal.types.d.ts +1 -1
  56. package/package.json +1 -1
  57. package/style.css +1 -1
  58. package/styles/_media.scss +1 -0
  59. package/lib/Atoms/Dropdowns/DropdownOption/DropdownOption.d.ts +0 -3
  60. package/lib/Atoms/Dropdowns/DropdownOptionsCluster/DropdownOptionsCluster.d.ts +0 -3
  61. package/lib/Atoms/Dropdowns/DropdownOptionsCluster/DropdownOptionsCluster.types.d.ts +0 -4
  62. package/lib/Organisms/Cards/MarketplaceItemCardless/MarketplaceItemCardless.d.ts +0 -2
  63. package/lib/Organisms/Cards/MarketplaceItemCardless/MarketplaceItemCardless.types.d.ts +0 -12
@@ -1,8 +1,9 @@
1
1
  import { ComponentPropsWithoutRef, ElementType, PropsWithChildren } from 'react';
2
- export type TypographyTypeLanding = 'claim' | 'claim-uppercase' | 'h1' | 'h1-uppercase' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'overline';
2
+ export type TypographyTypeLanding = 'claim' | 'claim-uppercase' | 'h1' | 'h1-uppercase' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'overline' | 'body-large' | 'body-large-semibold' | 'body' | 'body-semibold' | 'body-italic' | 'quote-large' | 'detail-small' | 'detail-small-bold';
3
3
  export type TypographyTypeProduct = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'body-large' | 'body-regular' | 'body-semibold' | 'body-italic' | 'body-text-link' | 'detail-medium' | 'detail-bold' | 'detail-upper-case' | 'detail-regular';
4
4
  type AsProp<C extends ElementType> = {
5
5
  as?: C;
6
+ markdown?: boolean;
6
7
  };
7
8
  type PropsToOmit<C extends ElementType, P> = keyof (AsProp<C> & P);
8
9
  type PolymorphicComponentProp<C extends ElementType, Props = Record<string, unknown>> = PropsWithChildren<Props & AsProp<C>> & Omit<ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
@@ -0,0 +1,3 @@
1
+ import { default as Typography } from './Typography';
2
+ export type { TypographyTypeLanding, TypographyTypeProduct } from './Typography.types';
3
+ export { Typography };
@@ -0,0 +1,3 @@
1
+ import { ListItemClusterProps } from './ListItemCluster.types';
2
+ declare const ListItemCluster: ({ items }: ListItemClusterProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default ListItemCluster;
@@ -0,0 +1,4 @@
1
+ import { ListItemProps } from '../ListItems/ListItem.types';
2
+ export interface ListItemClusterProps {
3
+ items: ListItemProps[];
4
+ }
@@ -0,0 +1,3 @@
1
+ import { ListItemProps } from './ListItem.types';
2
+ declare const ListItem: ({ data, type }: ListItemProps) => import("react/jsx-runtime").JSX.Element | null;
3
+ export default ListItem;
@@ -0,0 +1,9 @@
1
+ import { NeighbourListItemProps } from './Neighbour/Neighbour.types';
2
+ export declare enum EListItem {
3
+ neighbour = "neighbour",
4
+ notification = "notification"
5
+ }
6
+ export type ListItemProps = {
7
+ data: NeighbourListItemProps;
8
+ type: EListItem.neighbour;
9
+ };
@@ -0,0 +1,3 @@
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;
3
+ export default Neighbour;
@@ -0,0 +1,22 @@
1
+ export interface NeighbourListItemBaseProps {
2
+ address: string;
3
+ altText: string;
4
+ callToAction?: {
5
+ label: string;
6
+ target?: string;
7
+ url: string;
8
+ };
9
+ fullName: string;
10
+ imageUrl: string;
11
+ linkTarget?: string;
12
+ profileUrl: string;
13
+ }
14
+ export interface NeighbourListItemWithIcon extends NeighbourListItemBaseProps {
15
+ iconType: 'invite_neighbour' | 'envelope';
16
+ onClick: () => void;
17
+ }
18
+ export interface NeighbourListItemWithoutIcon extends NeighbourListItemBaseProps {
19
+ iconType?: never;
20
+ onClick?: never;
21
+ }
22
+ export type NeighbourListItemProps = NeighbourListItemWithIcon | NeighbourListItemWithoutIcon;
@@ -1,5 +1,5 @@
1
1
  import { MarkdownProps } from './Markdown.types';
2
2
  export declare const quotesToTokens: (string: string) => string;
3
3
  export declare const tokensToQuotes: (string: string) => string;
4
- declare function Markdown({ className, inline, text }: MarkdownProps): import("react/jsx-runtime").JSX.Element;
4
+ declare function Markdown({ className, elementTag, inline, text, }: MarkdownProps): import("react/jsx-runtime").JSX.Element;
5
5
  export default Markdown;
@@ -1,5 +1,7 @@
1
+ import { AllowedHTMLElements } from '../../Base/Typography/Typography.types';
1
2
  export type MarkdownProps = {
2
3
  className?: string;
4
+ elementTag?: AllowedHTMLElements;
3
5
  inline?: boolean;
4
6
  text: string;
5
7
  };
@@ -1,3 +1,3 @@
1
1
  import { default as EmptyStateProps } from './EmptyState.types';
2
- declare const EmptyState: ({ buttons, customVisual, primaryText, secondaryText, size, stickerProps, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
2
+ declare const EmptyState: ({ buttons, className, customVisual, primaryText, secondaryText, size, stickerProps, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default EmptyState;
@@ -19,6 +19,7 @@ type ButtonTertiary = Omit<ButtonTertiaryProps, 'size'> & {
19
19
  export type ButtonProps = TextButton | ButtonPrimary | ButtonSecondary | ButtonTertiary;
20
20
  export default interface EmptyStateProps {
21
21
  buttons?: ButtonProps[];
22
+ className?: string;
22
23
  customVisual?: ReactElement;
23
24
  primaryText?: string;
24
25
  secondaryText?: string;
@@ -1,3 +1,3 @@
1
1
  import { ModalProps } from './Modal.types';
2
- declare const Modal: ({ ariaLabel, ariaLabelledBy, closeButtonText, headerTitle, modalBody, modalFooter, onClose, open, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
2
+ declare const Modal: ({ ariaLabel, ariaLabelledBy, cancelBtnAriaLabel, headerTitle, modalBody, modalFooter, onClose, open, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default Modal;
@@ -4,7 +4,7 @@ import { CardHeaderProps } from '../../../Molecules/Card/CardHeader/CardHeader.t
4
4
  export interface ModalProps {
5
5
  ariaLabel?: string;
6
6
  ariaLabelledBy?: string;
7
- closeButtonText?: string;
7
+ cancelBtnAriaLabel?: string;
8
8
  headerTitle: string;
9
9
  modalBody?: ReactElement<CardBodyProps>;
10
10
  modalFooter?: ReactElement<CardHeaderProps>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@goodhood-web/ui",
3
- "version": "2.1.0-development.8",
3
+ "version": "3.0.0-development.1",
4
4
  "main": "./index.js",
5
5
  "types": "./index.d.ts",
6
6
  "repository": "https://github.com/good-hood-gmbh/goodhood-web",