@goodhood-web/ui 4.4.0 → 4.5.0-development.2

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 +36 -36
  3. package/index.mjs +4961 -4857
  4. package/lib/Atoms/Badges/LabelPill/LabelPill.types.d.ts +1 -1
  5. package/lib/Atoms/Badges/Sticker/Sticker.d.ts +1 -1
  6. package/lib/Atoms/Badges/Sticker/Sticker.types.d.ts +5 -2
  7. package/lib/Atoms/Badges/Sticker/utils.d.ts +11 -0
  8. package/lib/Atoms/Buttons/IconButton/IconButton.types.d.ts +1 -0
  9. package/lib/Atoms/Inputs/RadioButtonSpecial/RadioButtonSpecial.d.ts +3 -0
  10. package/lib/Atoms/Inputs/RadioButtonSpecial/RadioButtonSpecial.types.d.ts +17 -0
  11. package/lib/Base/Icon/icons/filled/16x16/index.d.ts +12 -0
  12. package/lib/Base/Icon/icons/filled/24x24/index.d.ts +18 -0
  13. package/lib/Base/Icon/icons/filled/index.d.ts +30 -0
  14. package/lib/Base/Icon/icons/index.d.ts +36 -0
  15. package/lib/Base/Icon/icons/outline/16x16/index.d.ts +6 -0
  16. package/lib/Base/Icon/icons/outline/index.d.ts +6 -0
  17. package/lib/Molecules/Notices/Notice/Notice.types.d.ts +1 -0
  18. package/lib/Molecules/Selections/RadioButtonCluster/RadioButtonCluster.types.d.ts +1 -0
  19. package/package.json +1 -1
  20. package/style.css +1 -1
package/lib/Atoms/Badges/LabelPill/LabelPill.types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export type Color = 'teal' | 'lavender' | 'grey';
1
+ export type Color = 'teal' | 'lavender' | 'grey' | 'inherit';
2
2
  interface CommonProps {
3
3
  className?: string;
4
4
  label: string;
package/lib/Atoms/Badges/Sticker/Sticker.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { StickerProps } from './Sticker.types';
2
- declare const Sticker: ({ className, color, icon, size, value }: StickerProps) => import("react/jsx-runtime").JSX.Element;
2
+ declare const Sticker: ({ className, color, disabled, icon, iconSize, size, value, }: StickerProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default Sticker;
package/lib/Atoms/Badges/Sticker/Sticker.types.d.ts CHANGED
@@ -1,12 +1,15 @@
1
- import { Icon32 } from '../../../Base/Icon/Icon.types';
1
+ import { Icon16, Icon24, Icon32 } from '../../../Base/Icon/Icon.types';
2
2
  export type StickerProps = {
3
3
  className?: string;
4
4
  color: 'green' | 'pink' | 'lavender' | 'teal' | 'tealAlt' | 'orange' | 'grey' | 'lightGrey' | 'darkGrey';
5
+ disabled?: boolean;
5
6
  size: 'tiny' | 'small' | 'medium' | 'large';
6
7
  } & ({
7
8
  icon?: never;
9
+ iconSize?: never;
8
10
  value: number;
9
11
  } | {
10
- icon: Icon32;
12
+ icon: Icon32 | Icon24 | Icon16;
13
+ iconSize?: '32' | '24' | '16';
11
14
  value?: never;
12
15
  });
package/lib/Atoms/Badges/Sticker/utils.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import { Icon16, Icon24, Icon32 } from '../../../Base/Icon/Icon.types';
2
+ export declare const getIconProps: (size: "16" | "24" | "32", name: string) => {
3
+ name: Icon16;
4
+ size: "16";
5
+ } | {
6
+ name: Icon24;
7
+ size: "24";
8
+ } | {
9
+ name: Icon32;
10
+ size: "32";
11
+ };
package/lib/Atoms/Buttons/IconButton/IconButton.types.d.ts CHANGED
@@ -6,6 +6,7 @@ type BaseIconButtonProps = Omit<ButtonProps, 'children' | 'ref' | 'className'> &
6
6
  ariaLabel?: string;
7
7
  ariaLabelledBy?: string;
8
8
  className?: string;
9
+ defaultSize?: boolean;
9
10
  iconClassName?: string;
10
11
  loading?: boolean;
11
12
  type?: 'button' | 'submit' | 'reset';
package/lib/Atoms/Inputs/RadioButtonSpecial/RadioButtonSpecial.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { RadioButtonSpecialProps } from './RadioButtonSpecial.types';
2
+ export declare function RadioButtonSpecial({ checked, className, disabled, id, infoIcon, label, name, onChange, onClick, pill, size, sticker, text, title, value, }: RadioButtonSpecialProps): import("react/jsx-runtime").JSX.Element;
3
+ export default RadioButtonSpecial;
package/lib/Atoms/Inputs/RadioButtonSpecial/RadioButtonSpecial.types.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ import { default as React, InputHTMLAttributes } from 'react';
2
+ import { StickerProps } from '../../Badges/Sticker/Sticker.types';
3
+ export type RadioButtonSpecialProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'disabled' | 'id' | 'onChange' | 'value' | 'onClick' | 'name'> & {
4
+ className?: string;
5
+ infoIcon?: React.ReactNode;
6
+ label?: string;
7
+ sticker?: StickerProps;
8
+ title: string;
9
+ } & ({
10
+ pill?: never;
11
+ size: 'tiny' | 'small';
12
+ text?: never;
13
+ } | {
14
+ pill?: string;
15
+ size: 'medium';
16
+ text?: string;
17
+ });
package/lib/Base/Icon/icons/filled/16x16/index.d.ts CHANGED
@@ -5,5 +5,17 @@ declare const IconsMap: {
5
5
  desc?: string;
6
6
  descId?: string;
7
7
  }>;
8
+ sparkle_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
9
+ title?: string;
10
+ titleId?: string;
11
+ desc?: string;
12
+ descId?: string;
13
+ }>;
14
+ star_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
15
+ title?: string;
16
+ titleId?: string;
17
+ desc?: string;
18
+ descId?: string;
19
+ }>;
8
20
  };
9
21
  export default IconsMap;
package/lib/Base/Icon/icons/filled/24x24/index.d.ts CHANGED
@@ -1,4 +1,10 @@
1
1
  declare const IconsMap: {
2
+ readonly arrow_up_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
3
+ title?: string;
4
+ titleId?: string;
5
+ desc?: string;
6
+ descId?: string;
7
+ }>;
2
8
  readonly bookmark_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
3
9
  title?: string;
4
10
  titleId?: string;
@@ -11,5 +17,17 @@ declare const IconsMap: {
11
17
  desc?: string;
12
18
  descId?: string;
13
19
  }>;
20
+ readonly sparkle_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
21
+ title?: string;
22
+ titleId?: string;
23
+ desc?: string;
24
+ descId?: string;
25
+ }>;
26
+ readonly star_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
27
+ title?: string;
28
+ titleId?: string;
29
+ desc?: string;
30
+ descId?: string;
31
+ }>;
14
32
  };
15
33
  export default IconsMap;
package/lib/Base/Icon/icons/filled/index.d.ts CHANGED
@@ -6,8 +6,26 @@ declare const iconsMap: {
6
6
  desc?: string;
7
7
  descId?: string;
8
8
  }>;
9
+ sparkle_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
10
+ title?: string;
11
+ titleId?: string;
12
+ desc?: string;
13
+ descId?: string;
14
+ }>;
15
+ star_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
16
+ title?: string;
17
+ titleId?: string;
18
+ desc?: string;
19
+ descId?: string;
20
+ }>;
9
21
  };
10
22
  '24': {
23
+ readonly arrow_up_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
24
+ title?: string;
25
+ titleId?: string;
26
+ desc?: string;
27
+ descId?: string;
28
+ }>;
11
29
  readonly bookmark_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
12
30
  title?: string;
13
31
  titleId?: string;
@@ -20,6 +38,18 @@ declare const iconsMap: {
20
38
  desc?: string;
21
39
  descId?: string;
22
40
  }>;
41
+ readonly sparkle_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
42
+ title?: string;
43
+ titleId?: string;
44
+ desc?: string;
45
+ descId?: string;
46
+ }>;
47
+ readonly star_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
48
+ title?: string;
49
+ titleId?: string;
50
+ desc?: string;
51
+ descId?: string;
52
+ }>;
23
53
  };
24
54
  '32': {
25
55
  readonly heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
package/lib/Base/Icon/icons/index.d.ts CHANGED
@@ -63,8 +63,26 @@ declare const iconsMap: {
63
63
  desc?: string;
64
64
  descId?: string;
65
65
  }>;
66
+ sparkle_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
67
+ title?: string;
68
+ titleId?: string;
69
+ desc?: string;
70
+ descId?: string;
71
+ }>;
72
+ star_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
73
+ title?: string;
74
+ titleId?: string;
75
+ desc?: string;
76
+ descId?: string;
77
+ }>;
66
78
  };
67
79
  '24': {
80
+ readonly arrow_up_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
81
+ title?: string;
82
+ titleId?: string;
83
+ desc?: string;
84
+ descId?: string;
85
+ }>;
68
86
  readonly bookmark_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
69
87
  title?: string;
70
88
  titleId?: string;
@@ -77,6 +95,18 @@ declare const iconsMap: {
77
95
  desc?: string;
78
96
  descId?: string;
79
97
  }>;
98
+ readonly sparkle_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
99
+ title?: string;
100
+ titleId?: string;
101
+ desc?: string;
102
+ descId?: string;
103
+ }>;
104
+ readonly star_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
105
+ title?: string;
106
+ titleId?: string;
107
+ desc?: string;
108
+ descId?: string;
109
+ }>;
80
110
  };
81
111
  '32': {
82
112
  readonly heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
@@ -107,6 +137,12 @@ declare const iconsMap: {
107
137
  };
108
138
  outline: {
109
139
  '16': {
140
+ arrow_up: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
141
+ title?: string;
142
+ titleId?: string;
143
+ desc?: string;
144
+ descId?: string;
145
+ }>;
110
146
  chevron_down: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
111
147
  title?: string;
112
148
  titleId?: string;
package/lib/Base/Icon/icons/outline/16x16/index.d.ts CHANGED
@@ -1,4 +1,10 @@
1
1
  declare const IconsMap: {
2
+ arrow_up: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
3
+ title?: string;
4
+ titleId?: string;
5
+ desc?: string;
6
+ descId?: string;
7
+ }>;
2
8
  chevron_down: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
3
9
  title?: string;
4
10
  titleId?: string;
package/lib/Base/Icon/icons/outline/index.d.ts CHANGED
@@ -1,5 +1,11 @@
1
1
  declare const iconsMap: {
2
2
  '16': {
3
+ arrow_up: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
4
+ title?: string;
5
+ titleId?: string;
6
+ desc?: string;
7
+ descId?: string;
8
+ }>;
3
9
  chevron_down: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
4
10
  title?: string;
5
11
  titleId?: string;
package/lib/Molecules/Notices/Notice/Notice.types.d.ts CHANGED
@@ -7,6 +7,7 @@ interface NoticePropsBase {
7
7
  cta?: {
8
8
  color?: TextButtonProps['color'];
9
9
  onClick: TextButtonProps['onClick'];
10
+ rightIcon?: TextButtonProps['rightIcon'];
10
11
  text: string;
11
12
  };
12
13
  headline?: string;
package/lib/Molecules/Selections/RadioButtonCluster/RadioButtonCluster.types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { ChangeEvent, ReactNode } from 'react';
2
2
  export interface RadioButtonClusterTypes {
3
3
  children: ReactNode;
4
+ className?: string;
4
5
  disabled?: boolean;
5
6
  onChange: (event: ChangeEvent<HTMLInputElement>) => void;
6
7
  value?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@goodhood-web/ui",
3
- "version": "4.4.0",
3
+ "version": "4.5.0-development.2",
4
4
  "main": "./index.js",
5
5
  "types": "./index.d.ts",
6
6
  "repository": "https://github.com/good-hood-gmbh/goodhood-web",