@goodhood-web/ui 3.0.0-development.8 → 3.0.0-development.9
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.js +7 -7
- package/index.mjs +1281 -1278
- package/lib/Atoms/Buttons/IconButton/IconButton.types.d.ts +6 -2
- package/lib/Atoms/Buttons/IconButton/utils.d.ts +2 -2
- package/lib/Base/Icon/icons/index.d.ts +12 -0
- package/lib/Base/Icon/icons/outline/16x16/index.d.ts +12 -0
- package/lib/Base/Icon/icons/outline/index.d.ts +12 -0
- package/package.json +1 -1
- package/style.css +1 -1
|
@@ -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 {};
|
|
@@ -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 {};
|
|
@@ -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> & {
|
|
@@ -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;
|
|
@@ -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> & {
|