@kroo-web/design-system 1.1.106 → 1.2.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/README.MD +1 -4
- package/dist/cjs/examples/form/index.d.ts +16 -49
- package/dist/cjs/index.js +15 -15
- package/dist/cjs/src/__tests__/setup.d.ts +5 -0
- package/dist/cjs/src/components/Accordion/config.d.ts +1 -1
- package/dist/cjs/src/components/Accordion/index.d.ts +12 -12
- package/dist/cjs/src/components/Button/index.d.ts +6 -6
- package/dist/cjs/src/components/Callout/index.d.ts +2 -2
- package/dist/cjs/src/components/Card/index.d.ts +7 -7
- package/dist/cjs/src/components/Cards/index.d.ts +2 -2
- package/dist/cjs/src/components/Checkbox/index.d.ts +8 -9
- package/dist/cjs/src/components/Columns/index.d.ts +2 -2
- package/dist/cjs/src/components/ComboBox/index.d.ts +8 -9
- package/dist/cjs/src/components/DatePicker/index.d.ts +8 -17
- package/dist/cjs/src/components/Disclosure/index.d.ts +2 -2
- package/dist/cjs/src/components/Form/index.d.ts +7 -3
- package/dist/cjs/src/components/Icon/index.d.ts +2 -2
- package/dist/cjs/src/components/Link/index.d.ts +3 -3
- package/dist/cjs/src/components/Loading/index.d.ts +3 -3
- package/dist/cjs/src/components/Modal/index.d.ts +8 -8
- package/dist/cjs/src/components/NumberField/index.d.ts +10 -20
- package/dist/cjs/src/components/PhoneField/index.d.ts +6 -26
- package/dist/cjs/src/components/PinInput/index.d.ts +8 -7
- package/dist/cjs/src/components/Popover/index.d.ts +2 -2
- package/dist/cjs/src/components/ProgressIndicator/index.d.ts +3 -3
- package/dist/cjs/src/components/RadioGroup/index.d.ts +10 -18
- package/dist/cjs/src/components/Range/index.d.ts +9 -19
- package/dist/cjs/src/components/Select/index.d.ts +13 -14
- package/dist/cjs/src/components/Skeleton/index.d.ts +2 -2
- package/dist/cjs/src/components/Table/index.d.ts +4 -4
- package/dist/cjs/src/components/Tabs/index.d.ts +3 -3
- package/dist/cjs/src/components/Tag/index.d.ts +4 -4
- package/dist/cjs/src/components/TextField/index.d.ts +12 -13
- package/dist/cjs/src/components/Toast/index.d.ts +3 -3
- package/dist/cjs/src/components/Tooltip/index.d.ts +7 -7
- package/dist/cjs/src/components/Typography/index.d.ts +6 -7
- package/dist/cjs/src/components/Wrapper/index.d.ts +7 -7
- package/dist/cjs/src/components/shared/FormField/index.d.ts +4 -4
- package/dist/cjs/src/hooks/useWindowSize.d.ts +1 -1
- package/dist/cjs/src/types/PolymorphicWithoutRef.d.ts +2 -2
- package/dist/cjs/src/utils/decorators/Grid/index.d.ts +1 -1
- package/dist/esm/examples/form/index.d.ts +16 -49
- package/dist/esm/index.js +16 -16
- package/dist/esm/src/__tests__/setup.d.ts +5 -0
- package/dist/esm/src/components/Accordion/config.d.ts +1 -1
- package/dist/esm/src/components/Accordion/index.d.ts +12 -12
- package/dist/esm/src/components/Button/index.d.ts +6 -6
- package/dist/esm/src/components/Callout/index.d.ts +2 -2
- package/dist/esm/src/components/Card/index.d.ts +7 -7
- package/dist/esm/src/components/Cards/index.d.ts +2 -2
- package/dist/esm/src/components/Checkbox/index.d.ts +8 -9
- package/dist/esm/src/components/Columns/index.d.ts +2 -2
- package/dist/esm/src/components/ComboBox/index.d.ts +8 -9
- package/dist/esm/src/components/DatePicker/index.d.ts +8 -17
- package/dist/esm/src/components/Disclosure/index.d.ts +2 -2
- package/dist/esm/src/components/Form/index.d.ts +7 -3
- package/dist/esm/src/components/Icon/index.d.ts +2 -2
- package/dist/esm/src/components/Link/index.d.ts +3 -3
- package/dist/esm/src/components/Loading/index.d.ts +3 -3
- package/dist/esm/src/components/Modal/index.d.ts +8 -8
- package/dist/esm/src/components/NumberField/index.d.ts +10 -20
- package/dist/esm/src/components/PhoneField/index.d.ts +6 -26
- package/dist/esm/src/components/PinInput/index.d.ts +8 -7
- package/dist/esm/src/components/Popover/index.d.ts +2 -2
- package/dist/esm/src/components/ProgressIndicator/index.d.ts +3 -3
- package/dist/esm/src/components/RadioGroup/index.d.ts +10 -18
- package/dist/esm/src/components/Range/index.d.ts +9 -19
- package/dist/esm/src/components/Select/index.d.ts +13 -14
- package/dist/esm/src/components/Skeleton/index.d.ts +2 -2
- package/dist/esm/src/components/Table/index.d.ts +4 -4
- package/dist/esm/src/components/Tabs/index.d.ts +3 -3
- package/dist/esm/src/components/Tag/index.d.ts +4 -4
- package/dist/esm/src/components/TextField/index.d.ts +12 -13
- package/dist/esm/src/components/Toast/index.d.ts +3 -3
- package/dist/esm/src/components/Tooltip/index.d.ts +7 -7
- package/dist/esm/src/components/Typography/index.d.ts +6 -7
- package/dist/esm/src/components/Wrapper/index.d.ts +7 -7
- package/dist/esm/src/components/shared/FormField/index.d.ts +4 -4
- package/dist/esm/src/hooks/useWindowSize.d.ts +1 -1
- package/dist/esm/src/types/PolymorphicWithoutRef.d.ts +2 -2
- package/dist/esm/src/utils/decorators/Grid/index.d.ts +1 -1
- package/dist/types.d.ts +175 -242
- package/package.json +20 -11
- package/dist/cjs/examples/CheckboxWithController/index.d.ts +0 -6
- package/dist/cjs/examples/ComboBoxWithController/index.d.ts +0 -6
- package/dist/cjs/examples/MagicForm/index.d.ts +0 -7
- package/dist/cjs/examples/NumberFieldWithController/index.d.ts +0 -6
- package/dist/cjs/examples/PhoneFieldWithController/index.d.ts +0 -6
- package/dist/cjs/examples/PinInputWithController/index.d.ts +0 -6
- package/dist/cjs/examples/RadioGroupWithController/index.d.ts +0 -8
- package/dist/cjs/src/utils/composeRefs.d.ts +0 -2
- package/dist/cjs/src/utils/parseInt.d.ts +0 -1
- package/dist/esm/examples/CheckboxWithController/index.d.ts +0 -6
- package/dist/esm/examples/ComboBoxWithController/index.d.ts +0 -6
- package/dist/esm/examples/MagicForm/index.d.ts +0 -7
- package/dist/esm/examples/NumberFieldWithController/index.d.ts +0 -6
- package/dist/esm/examples/PhoneFieldWithController/index.d.ts +0 -6
- package/dist/esm/examples/PinInputWithController/index.d.ts +0 -6
- package/dist/esm/examples/RadioGroupWithController/index.d.ts +0 -8
- package/dist/esm/src/utils/composeRefs.d.ts +0 -2
- package/dist/esm/src/utils/parseInt.d.ts +0 -1
package/README.MD
CHANGED
|
@@ -93,8 +93,5 @@ To make a change, amend the `/infra/service/amplify.tf` file and then run the be
|
|
|
93
93
|
|
|
94
94
|
You need to set the github token in the `main.tf` file
|
|
95
95
|
|
|
96
|
-
## Deploying
|
|
97
|
-
|
|
98
|
-
To deploy this package you will need to add yourself to the development team of the Kroo-web organisation using the service account that can be found in onepass.
|
|
99
|
-
Once complete you can run `npm adduser` and authenticate to be able to use the `npm deploy` command in the repo.
|
|
100
96
|
|
|
97
|
+
## Deployments
|
|
@@ -1,78 +1,45 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import * as z from 'zod';
|
|
3
|
-
import { Control, FieldValues, Path } from 'react-hook-form';
|
|
4
|
-
export type TFieldWithController<T extends FieldValues, C> = {
|
|
5
|
-
control: Control<T, object>;
|
|
6
|
-
name: Path<T>;
|
|
7
|
-
props: C;
|
|
8
|
-
};
|
|
9
3
|
export declare const exampleSchema: z.ZodObject<{
|
|
10
|
-
textField: z.ZodString;
|
|
11
|
-
select: z.ZodString;
|
|
12
|
-
radioGroup: z.ZodString;
|
|
13
|
-
numberField: z.ZodNumber;
|
|
14
4
|
datePicker: z.ZodDate;
|
|
15
5
|
disclosureTextField: z.ZodString;
|
|
16
|
-
|
|
6
|
+
numberField: z.ZodNumber;
|
|
17
7
|
processor: z.ZodString;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
8
|
+
radioGroup: z.ZodString;
|
|
9
|
+
range: z.ZodNumber;
|
|
10
|
+
select: z.ZodString;
|
|
11
|
+
textField: z.ZodString;
|
|
21
12
|
}, "strip", z.ZodTypeAny, {
|
|
22
13
|
select: string;
|
|
23
14
|
radioGroup: string;
|
|
24
|
-
pin: string;
|
|
25
15
|
range: number;
|
|
26
|
-
textField: string;
|
|
27
|
-
numberField: number;
|
|
28
16
|
disclosureTextField: string;
|
|
17
|
+
numberField: number;
|
|
18
|
+
textField: string;
|
|
29
19
|
datePicker: Date;
|
|
30
20
|
processor: string;
|
|
31
|
-
phoneField: string;
|
|
32
|
-
terms: boolean;
|
|
33
21
|
}, {
|
|
34
22
|
select: string;
|
|
35
23
|
radioGroup: string;
|
|
36
|
-
pin: string;
|
|
37
24
|
range: number;
|
|
38
|
-
textField: string;
|
|
39
|
-
numberField: number;
|
|
40
25
|
disclosureTextField: string;
|
|
26
|
+
numberField: number;
|
|
27
|
+
textField: string;
|
|
41
28
|
datePicker: Date;
|
|
42
29
|
processor: string;
|
|
43
|
-
phoneField: string;
|
|
44
|
-
terms: boolean;
|
|
45
30
|
}>;
|
|
46
31
|
export type TFormExample = {
|
|
32
|
+
disabled?: boolean;
|
|
47
33
|
values: {
|
|
48
|
-
textField?: string;
|
|
49
34
|
currencyField?: string;
|
|
50
|
-
select?: string;
|
|
51
|
-
radioGroup?: string;
|
|
52
|
-
numberField?: number;
|
|
53
35
|
datePicker?: string;
|
|
54
36
|
disclosureTextField?: string;
|
|
55
|
-
|
|
37
|
+
numberField?: number;
|
|
56
38
|
processor?: string;
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
39
|
+
radioGroup?: string;
|
|
40
|
+
range?: number;
|
|
41
|
+
select?: string;
|
|
42
|
+
textField?: string;
|
|
60
43
|
};
|
|
61
|
-
error?: boolean;
|
|
62
|
-
disabled?: boolean;
|
|
63
|
-
};
|
|
64
|
-
export type FormValues = {
|
|
65
|
-
textField: string;
|
|
66
|
-
currencyField: string;
|
|
67
|
-
select: string;
|
|
68
|
-
radioGroup: string;
|
|
69
|
-
numberField: number;
|
|
70
|
-
datePicker: string;
|
|
71
|
-
disclosureTextField: string;
|
|
72
|
-
range: number;
|
|
73
|
-
processor: string;
|
|
74
|
-
phoneField: string;
|
|
75
|
-
terms: boolean;
|
|
76
|
-
pin: string;
|
|
77
44
|
};
|
|
78
|
-
export declare const FormExample: ({
|
|
45
|
+
export declare const FormExample: ({ disabled, values }: TFormExample) => React.JSX.Element;
|