@goodhood-web/ui 1.10.0-development.8 → 1.10.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 +2 -1
- package/index.js +107 -97
- package/index.mjs +6220 -6010
- package/lib/Icon/Icon.types.d.ts +5 -0
- package/lib/Icon/icons/18x18/index.d.ts +18 -0
- package/lib/Icon/icons/24x24/index.d.ts +0 -3
- package/lib/Icon/icons/32x32/index.d.ts +3 -0
- package/lib/Icon/icons/index.d.ts +20 -3
- package/lib/SwitcherToggle/SwitcherToggle.d.ts +4 -0
- package/lib/SwitcherToggle/SwitcherToggle.types.d.ts +12 -0
- package/package.json +1 -1
- package/style.css +1 -1
package/lib/Icon/Icon.types.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { AriaRole } from 'react';
|
|
2
|
+
import { default as icons18 } from './icons/18x18';
|
|
2
3
|
import { default as icons24 } from './icons/24x24';
|
|
3
4
|
import { default as icons32 } from './icons/32x32';
|
|
4
5
|
|
|
5
6
|
export type Icon32 = keyof typeof icons32;
|
|
6
7
|
export type Icon24 = keyof typeof icons24;
|
|
8
|
+
export type Icon18 = keyof typeof icons18;
|
|
7
9
|
type BaseIconProps = {
|
|
8
10
|
className?: string;
|
|
9
11
|
role?: Extract<AriaRole, 'presentation' | 'img'>;
|
|
@@ -15,5 +17,8 @@ export type IconProps = ({
|
|
|
15
17
|
} & BaseIconProps) | ({
|
|
16
18
|
name: Icon24;
|
|
17
19
|
size: '24';
|
|
20
|
+
} & BaseIconProps) | ({
|
|
21
|
+
name: Icon18;
|
|
22
|
+
size: '18';
|
|
18
23
|
} & BaseIconProps);
|
|
19
24
|
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
declare const IconsMap: {
|
|
2
|
+
chevron_down: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
3
|
+
title?: string;
|
|
4
|
+
}>;
|
|
5
|
+
chevron_left: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
6
|
+
title?: string;
|
|
7
|
+
}>;
|
|
8
|
+
chevron_right: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
9
|
+
title?: string;
|
|
10
|
+
}>;
|
|
11
|
+
chevron_up: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
12
|
+
title?: string;
|
|
13
|
+
}>;
|
|
14
|
+
privacy_lock_closed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
15
|
+
title?: string;
|
|
16
|
+
}>;
|
|
17
|
+
};
|
|
18
|
+
export default IconsMap;
|
|
@@ -113,9 +113,6 @@ declare const IconsMap: {
|
|
|
113
113
|
readonly plus_circle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
114
114
|
title?: string;
|
|
115
115
|
}>;
|
|
116
|
-
readonly error: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
117
|
-
title?: string;
|
|
118
|
-
}>;
|
|
119
116
|
readonly privacy_lock: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
120
117
|
title?: string;
|
|
121
118
|
}>;
|
|
@@ -206,6 +206,9 @@ declare const IconsMap: {
|
|
|
206
206
|
readonly nebenan_de: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
207
207
|
title?: string;
|
|
208
208
|
}>;
|
|
209
|
+
readonly error: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
210
|
+
title?: string;
|
|
211
|
+
}>;
|
|
209
212
|
readonly neighbour: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
210
213
|
title?: string;
|
|
211
214
|
}>;
|
|
@@ -1,4 +1,21 @@
|
|
|
1
1
|
declare const iconsMap: {
|
|
2
|
+
'18': {
|
|
3
|
+
chevron_down: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
4
|
+
title?: string;
|
|
5
|
+
}>;
|
|
6
|
+
chevron_left: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
7
|
+
title?: string;
|
|
8
|
+
}>;
|
|
9
|
+
chevron_right: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
10
|
+
title?: string;
|
|
11
|
+
}>;
|
|
12
|
+
chevron_up: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
13
|
+
title?: string;
|
|
14
|
+
}>;
|
|
15
|
+
privacy_lock_closed: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
16
|
+
title?: string;
|
|
17
|
+
}>;
|
|
18
|
+
};
|
|
2
19
|
'24': {
|
|
3
20
|
readonly arrow_left: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
4
21
|
title?: string;
|
|
@@ -114,9 +131,6 @@ declare const iconsMap: {
|
|
|
114
131
|
readonly plus_circle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
115
132
|
title?: string;
|
|
116
133
|
}>;
|
|
117
|
-
readonly error: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
118
|
-
title?: string;
|
|
119
|
-
}>;
|
|
120
134
|
readonly privacy_lock: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
121
135
|
title?: string;
|
|
122
136
|
}>;
|
|
@@ -356,6 +370,9 @@ declare const iconsMap: {
|
|
|
356
370
|
readonly nebenan_de: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
357
371
|
title?: string;
|
|
358
372
|
}>;
|
|
373
|
+
readonly error: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
374
|
+
title?: string;
|
|
375
|
+
}>;
|
|
359
376
|
readonly neighbour: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
360
377
|
title?: string;
|
|
361
378
|
}>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface Item {
|
|
2
|
+
defaultChecked?: boolean;
|
|
3
|
+
id: string;
|
|
4
|
+
label: string;
|
|
5
|
+
}
|
|
6
|
+
export interface SwitcherToggleProps {
|
|
7
|
+
className?: string;
|
|
8
|
+
items: Item[];
|
|
9
|
+
onChange: (value: string) => void;
|
|
10
|
+
style?: 'outline' | 'filled';
|
|
11
|
+
value: string;
|
|
12
|
+
}
|