@goodhood-web/ui 1.7.0 → 1.8.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.
- package/index.d.ts +6 -2
- package/index.js +47 -78
- package/index.mjs +4355 -5772
- package/lib/Accordion/AccordionItem.d.ts +1 -1
- package/lib/Accordion/AccordionItem.types.d.ts +2 -0
- package/lib/BottomSheet/BottomSheet.d.ts +4 -0
- package/lib/BottomSheet/BottomSheet.types.d.ts +15 -0
- package/lib/ButtonPrimary/ButtonPrimary.d.ts +1 -1
- package/lib/ButtonPrimary/ButtonPrimary.types.d.ts +1 -0
- package/lib/FeedItemCategory/FeedItemCategory.d.ts +4 -0
- package/lib/FeedItemCategory/FeedItemCategory.types.d.ts +5 -0
- package/lib/Icon/icons/32x32/index.d.ts +6 -0
- package/lib/Icon/icons/index.d.ts +6 -0
- package/lib/MenuItem/MenuItem.d.ts +1 -1
- package/lib/MenuItem/MenuItem.types.d.ts +1 -0
- package/lib/Thumbnail/Thumbnail.d.ts +1 -1
- package/lib/Thumbnail/Thumbnail.type.d.ts +2 -2
- package/lib/ThumbnailWithLabel/ThumbnailWithLabel.d.ts +4 -0
- package/lib/ThumbnailWithLabel/ThumbnailWithLabel.type.d.ts +9 -0
- package/lib/ThumbnailWrapper/ThumbnailWrapper.d.ts +4 -0
- package/lib/ThumbnailWrapper/ThumbnailWrapper.types.d.ts +8 -0
- package/package.json +1 -1
- package/style.css +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { AccordionItemProps } from './AccordionItem.types';
|
|
2
2
|
|
|
3
|
-
declare const AccordionItem: ({ accordionBtnClassName, accordionPanelClassName, children, id, size, title, }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const AccordionItem: ({ accordionBtnClassName, accordionPanelClassName, children, id, size, title, titleTypographyType, }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default AccordionItem;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { TypographyType } from '../Typography/Typography.types';
|
|
2
3
|
|
|
3
4
|
export type AccordionItemProps = {
|
|
4
5
|
accordionBtnClassName?: string;
|
|
@@ -7,4 +8,5 @@ export type AccordionItemProps = {
|
|
|
7
8
|
id: number | string;
|
|
8
9
|
size?: 'small' | 'large';
|
|
9
10
|
title: string;
|
|
11
|
+
titleTypographyType?: TypographyType;
|
|
10
12
|
};
|
|
@@ -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
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ButtonPrimaryProps } from './ButtonPrimary.types';
|
|
2
2
|
|
|
3
|
-
declare const ButtonPrimary: ({ children, className, color, disabled, loading, size, text, ...props }: ButtonPrimaryProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const ButtonPrimary: ({ children, className, color, disabled, fullWidth, loading, size, text, ...props }: ButtonPrimaryProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default ButtonPrimary;
|
|
@@ -4,6 +4,7 @@ import { ButtonProps } from '../Button/Button.types';
|
|
|
4
4
|
export interface ButtonPrimaryProps extends Omit<ButtonProps, 'children'> {
|
|
5
5
|
children?: ReactNode;
|
|
6
6
|
color?: 'highlight' | 'primary' | 'transparent';
|
|
7
|
+
fullWidth?: boolean;
|
|
7
8
|
loading?: boolean;
|
|
8
9
|
size?: 'tiny' | 'small' | 'medium' | 'large';
|
|
9
10
|
target?: string;
|
|
@@ -120,6 +120,9 @@ declare const IconsMap: {
|
|
|
120
120
|
readonly gift: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
121
121
|
title?: string | undefined;
|
|
122
122
|
}>;
|
|
123
|
+
readonly globe: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
124
|
+
title?: string | undefined;
|
|
125
|
+
}>;
|
|
123
126
|
readonly group: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
124
127
|
title?: string | undefined;
|
|
125
128
|
}>;
|
|
@@ -144,6 +147,9 @@ declare const IconsMap: {
|
|
|
144
147
|
readonly info: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
145
148
|
title?: string | undefined;
|
|
146
149
|
}>;
|
|
150
|
+
readonly info_left: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
151
|
+
title?: string | undefined;
|
|
152
|
+
}>;
|
|
147
153
|
readonly invite_neighbour: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
148
154
|
title?: string | undefined;
|
|
149
155
|
}>;
|
|
@@ -264,6 +264,9 @@ declare const iconsMap: {
|
|
|
264
264
|
readonly gift: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
265
265
|
title?: string | undefined;
|
|
266
266
|
}>;
|
|
267
|
+
readonly globe: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
268
|
+
title?: string | undefined;
|
|
269
|
+
}>;
|
|
267
270
|
readonly group: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
268
271
|
title?: string | undefined;
|
|
269
272
|
}>;
|
|
@@ -288,6 +291,9 @@ declare const iconsMap: {
|
|
|
288
291
|
readonly info: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
289
292
|
title?: string | undefined;
|
|
290
293
|
}>;
|
|
294
|
+
readonly info_left: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
295
|
+
title?: string | undefined;
|
|
296
|
+
}>;
|
|
291
297
|
readonly invite_neighbour: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
292
298
|
title?: string | undefined;
|
|
293
299
|
}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { MenuItemProps } from './MenuItem.types';
|
|
2
2
|
|
|
3
|
-
declare const MenuItem: ({ className: passedClassName, href, isSelected, labelPillText, leftIcon, onClick, rightIcon, role, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const MenuItem: ({ className: passedClassName, href, isSelected, labelPillClassName, labelPillText, leftIcon, onClick, rightIcon, role, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default MenuItem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ThumbnailCircularProps, ThumbnailSquareProps } from './Thumbnail.type';
|
|
2
2
|
|
|
3
|
-
declare const Thumbnail: ({ alt, isPlaceholder, shape, size, src, }: ThumbnailCircularProps | ThumbnailSquareProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const Thumbnail: ({ alt, className, isPlaceholder, shape, size, src, }: ThumbnailCircularProps | ThumbnailSquareProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Thumbnail;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ImageProps } from '../Image/Image.type';
|
|
2
2
|
|
|
3
|
-
interface ThumbnailProps extends ImageProps {
|
|
3
|
+
export interface ThumbnailProps extends ImageProps {
|
|
4
|
+
className?: string;
|
|
4
5
|
isPlaceholder?: boolean;
|
|
5
6
|
}
|
|
6
7
|
export type TCircularSize = '28' | '32' | '40' | '48' | '56' | '64' | '80' | '120' | '280';
|
|
@@ -13,4 +14,3 @@ export interface ThumbnailSquareProps extends ThumbnailProps {
|
|
|
13
14
|
shape: 'square';
|
|
14
15
|
size: TSquareSize;
|
|
15
16
|
}
|
|
16
|
-
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ThumbnailWithLabelProps } from './ThumbnailWithLabel.type';
|
|
2
|
+
|
|
3
|
+
declare const ThumbnailWithLabel: ({ alt, isPlaceholder, label, placeholderIcon, shape, src, }: ThumbnailWithLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default ThumbnailWithLabel;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Icon32 } from '../Icon/Icon.types';
|
|
2
|
+
import { ThumbnailProps } from '../Thumbnail/Thumbnail.type';
|
|
3
|
+
|
|
4
|
+
export type ThumbnailWithLabelProps = ThumbnailProps & {
|
|
5
|
+
label: string;
|
|
6
|
+
placeholderIcon?: Icon32;
|
|
7
|
+
shape: 'circular' | 'square';
|
|
8
|
+
src?: string;
|
|
9
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { BadgeOwnProps } from '@mui/base/Badge/Badge.types';
|
|
2
|
+
import { ThumbnailCircularProps, ThumbnailSquareProps } from '../Thumbnail/Thumbnail.type';
|
|
3
|
+
|
|
4
|
+
export default interface ThumbnailWrapperProps {
|
|
5
|
+
ariaLabel?: string;
|
|
6
|
+
children: BadgeOwnProps['children'];
|
|
7
|
+
thumbnail: ThumbnailCircularProps | ThumbnailSquareProps;
|
|
8
|
+
}
|