@goodhood-web/ui 3.3.0-next.1 → 3.3.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 +9 -1
- package/index.js +77 -78
- package/index.mjs +8474 -8051
- package/lib/Atoms/AccordionItem/AccordionItem.d.ts +1 -1
- package/lib/Atoms/AccordionItem/AccordionItem.types.d.ts +3 -0
- package/lib/Atoms/Badges/Sticker/Sticker.d.ts +1 -1
- package/lib/Atoms/Badges/Sticker/Sticker.types.d.ts +10 -4
- package/lib/Atoms/Buttons/ButtonGoogleSSO/ButtonGoogleSSO.d.ts +3 -0
- package/lib/Atoms/Buttons/ButtonGoogleSSO/ButtonGoogleSSO.types.d.ts +7 -0
- package/lib/Atoms/Buttons/TextButton/TextButton.d.ts +1 -1
- package/lib/Atoms/Buttons/TextButton/TextButton.types.d.ts +2 -1
- package/lib/Atoms/Buttons/Tiles/ContentCreatorTile/ContentCreatorTile.d.ts +3 -0
- package/lib/Atoms/Buttons/Tiles/ContentCreatorTile/ContentCreatorTile.types.d.ts +11 -0
- package/lib/Atoms/Content/List/List.d.ts +3 -0
- package/lib/Atoms/Content/List/List.types.d.ts +22 -0
- package/lib/Atoms/Content/PoiAvatar/PoiAvatar.d.ts +1 -1
- package/lib/Atoms/Content/PoiAvatar/PoiAvatar.type.d.ts +2 -0
- package/lib/Atoms/Content/Thumbnail/Thumbnail.d.ts +1 -1
- package/lib/Atoms/Content/Thumbnail/Thumbnail.type.d.ts +2 -0
- package/lib/Atoms/Content/UserAvatar/UserAvatar.types.d.ts +2 -2
- package/lib/Atoms/Divider/Divider.types.d.ts +1 -1
- package/lib/Atoms/Image/Image.d.ts +1 -1
- package/lib/Atoms/Image/Image.type.d.ts +3 -0
- package/lib/Atoms/Inputs/TextAreaInput/TextAreaInput.d.ts +1 -1
- package/lib/Atoms/Inputs/TextAreaInput/TextAreaInput.types.d.ts +1 -0
- package/lib/Atoms/Inputs/TextInput/TextInput.d.ts +1 -1
- package/lib/Atoms/Inputs/TextInput/TextInput.types.d.ts +19 -5
- package/lib/Atoms/Progress/ProgressBar/ProgressBar.d.ts +1 -1
- package/lib/Atoms/Progress/ProgressBar/ProgressBar.types.d.ts +2 -0
- package/lib/Base/FlagIcon/FlagIcon.d.ts +3 -0
- package/lib/Base/FlagIcon/FlagIcon.types.d.ts +6 -0
- package/lib/Base/FlagIcon/icons/index.d.ts +164 -0
- package/lib/Base/Icon/icons/index.d.ts +42 -0
- package/lib/Base/Icon/icons/outline/16x16/index.d.ts +6 -0
- package/lib/Base/Icon/icons/outline/24x24/index.d.ts +6 -0
- package/lib/Base/Icon/icons/outline/32x32/index.d.ts +30 -0
- package/lib/Base/Icon/icons/outline/index.d.ts +42 -0
- package/lib/Base/Typography/Typography.types.d.ts +1 -0
- package/lib/Molecules/Card/CardHeader/CardHeader.types.d.ts +1 -1
- package/lib/Molecules/Notices/EmptyState/EmptyState.types.d.ts +4 -1
- package/lib/Organisms/Modals/BottomSheet/BottomSheet.d.ts +1 -1
- package/lib/Organisms/Modals/BottomSheet/BottomSheet.types.d.ts +1 -0
- package/package.json +1 -1
- package/style.css +1 -1
- package/styles/_media.scss +4 -2
|
@@ -24,6 +24,12 @@ declare const iconsMap: {
|
|
|
24
24
|
desc?: string;
|
|
25
25
|
descId?: string;
|
|
26
26
|
}>;
|
|
27
|
+
cursor: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
28
|
+
title?: string;
|
|
29
|
+
titleId?: string;
|
|
30
|
+
desc?: string;
|
|
31
|
+
descId?: string;
|
|
32
|
+
}>;
|
|
27
33
|
external_link: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
28
34
|
title?: string;
|
|
29
35
|
titleId?: string;
|
|
@@ -164,6 +170,12 @@ declare const iconsMap: {
|
|
|
164
170
|
desc?: string;
|
|
165
171
|
descId?: string;
|
|
166
172
|
}>;
|
|
173
|
+
readonly cursor: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
174
|
+
title?: string;
|
|
175
|
+
titleId?: string;
|
|
176
|
+
desc?: string;
|
|
177
|
+
descId?: string;
|
|
178
|
+
}>;
|
|
167
179
|
readonly emoji: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
168
180
|
title?: string;
|
|
169
181
|
titleId?: string;
|
|
@@ -490,6 +502,12 @@ declare const iconsMap: {
|
|
|
490
502
|
desc?: string;
|
|
491
503
|
descId?: string;
|
|
492
504
|
}>;
|
|
505
|
+
readonly checkmark: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
506
|
+
title?: string;
|
|
507
|
+
titleId?: string;
|
|
508
|
+
desc?: string;
|
|
509
|
+
descId?: string;
|
|
510
|
+
}>;
|
|
493
511
|
readonly christmas_tree: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
494
512
|
title?: string;
|
|
495
513
|
titleId?: string;
|
|
@@ -562,6 +580,18 @@ declare const iconsMap: {
|
|
|
562
580
|
desc?: string;
|
|
563
581
|
descId?: string;
|
|
564
582
|
}>;
|
|
583
|
+
readonly cursor: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
584
|
+
title?: string;
|
|
585
|
+
titleId?: string;
|
|
586
|
+
desc?: string;
|
|
587
|
+
descId?: string;
|
|
588
|
+
}>;
|
|
589
|
+
readonly cursor_alt: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
590
|
+
title?: string;
|
|
591
|
+
titleId?: string;
|
|
592
|
+
desc?: string;
|
|
593
|
+
descId?: string;
|
|
594
|
+
}>;
|
|
565
595
|
readonly cutlery: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
566
596
|
title?: string;
|
|
567
597
|
titleId?: string;
|
|
@@ -868,6 +898,18 @@ declare const iconsMap: {
|
|
|
868
898
|
desc?: string;
|
|
869
899
|
descId?: string;
|
|
870
900
|
}>;
|
|
901
|
+
readonly percentage: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
902
|
+
title?: string;
|
|
903
|
+
titleId?: string;
|
|
904
|
+
desc?: string;
|
|
905
|
+
descId?: string;
|
|
906
|
+
}>;
|
|
907
|
+
readonly percentage_alt: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
908
|
+
title?: string;
|
|
909
|
+
titleId?: string;
|
|
910
|
+
desc?: string;
|
|
911
|
+
descId?: string;
|
|
912
|
+
}>;
|
|
871
913
|
readonly phone: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
872
914
|
title?: string;
|
|
873
915
|
titleId?: string;
|
|
@@ -3,6 +3,7 @@ export type TypographyTypeLanding = 'claim' | 'claim-uppercase' | 'h1' | 'h1-upp
|
|
|
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' | 'detail-text-link';
|
|
4
4
|
type AsProp<C extends ElementType> = {
|
|
5
5
|
as?: C;
|
|
6
|
+
'data-testid'?: string;
|
|
6
7
|
markdown?: boolean;
|
|
7
8
|
markdownInline?: boolean;
|
|
8
9
|
};
|
|
@@ -3,7 +3,7 @@ import { IconButtonProps } from '../../../Atoms/Buttons/IconButton/IconButton.ty
|
|
|
3
3
|
import { IconProps } from '../../../Base/Icon/Icon.types';
|
|
4
4
|
import { AllowedTypographyHTMLTags, TypographyTypeProduct } from '../../../Base/Typography/Typography.types';
|
|
5
5
|
export type CardHeaderProps = {
|
|
6
|
-
as?: Exclude<AllowedTypographyHTMLTags, '
|
|
6
|
+
as?: Exclude<AllowedTypographyHTMLTags, 'p' | 'span'>;
|
|
7
7
|
className?: string;
|
|
8
8
|
headline: string;
|
|
9
9
|
leftElement?: ReactElement<IconProps | IconButtonProps> | ReactNode;
|
|
@@ -4,6 +4,7 @@ import { ButtonPrimaryProps } from '../../../Atoms/Buttons/ButtonPrimary/ButtonP
|
|
|
4
4
|
import { ButtonSecondaryProps } from '../../../Atoms/Buttons/ButtonSecondary/ButtonSecondary.types';
|
|
5
5
|
import { ButtonTertiaryProps } from '../../../Atoms/Buttons/ButtonTertiary/ButtonTertiary.types';
|
|
6
6
|
import { TextButtonProps } from '../../../Atoms/Buttons/TextButton/TextButton.types';
|
|
7
|
+
import { Icon32 } from '../../../Base/Icon/Icon.types';
|
|
7
8
|
type TextButton = Omit<TextButtonProps, 'size'> & {
|
|
8
9
|
buttonType: 'text';
|
|
9
10
|
};
|
|
@@ -24,6 +25,8 @@ export default interface EmptyStateProps {
|
|
|
24
25
|
primaryText?: string;
|
|
25
26
|
secondaryText?: string;
|
|
26
27
|
size: 'small' | 'medium' | 'large';
|
|
27
|
-
stickerProps?: Omit<
|
|
28
|
+
stickerProps?: Omit<{
|
|
29
|
+
icon: Icon32;
|
|
30
|
+
} & StickerProps, 'size'>;
|
|
28
31
|
}
|
|
29
32
|
export {};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { SheetProps } from './BottomSheet.types';
|
|
2
|
-
declare const BottomSheet: ({ ariaLabel, footer, onClose, open, sheetBody, sheetHeader, }: SheetProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
2
|
+
declare const BottomSheet: ({ ariaLabel, footer, onClose, open, sheetBody, noPadding, sheetHeader, }: SheetProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
3
3
|
export default BottomSheet;
|