@4alldigital/foundation-ui--gamma 1.22.1 → 1.23.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/dist/foundation-ui.css +1 -1
- package/dist/index.esm.js +101 -99
- package/dist/index.js +101 -99
- package/dist/types/fui/components/Blockquote/Blockquote.d.ts +2 -3
- package/dist/types/fui/components/Button/Button.d.ts +3 -2
- package/dist/types/fui/components/Button/Button.types.d.ts +19 -3
- package/dist/types/fui/components/Container/Container.d.ts +3 -2
- package/dist/types/fui/components/Container/Container.types.d.ts +1 -0
- package/dist/types/fui/components/ContentPageLayout/ContentPageLayout.d.ts +5 -1
- package/dist/types/fui/components/ContentRowsLayout/ContentRowsLayout.d.ts +3 -4
- package/dist/types/fui/components/Copy/Copy.d.ts +4 -8
- package/dist/types/fui/components/Copy/Copy.types.d.ts +11 -10
- package/dist/types/fui/components/Form/Form.d.ts +8 -0
- package/dist/types/fui/components/Form/Form.stories.d.ts +7 -0
- package/dist/types/fui/components/Form/Form.test.d.ts +1 -0
- package/dist/types/fui/components/Form/Form.types.d.ts +21 -0
- package/dist/types/fui/components/Form/index.d.ts +1 -0
- package/dist/types/fui/components/FormField/FormField.d.ts +8 -0
- package/dist/types/fui/components/FormField/FormField.stories.d.ts +7 -0
- package/dist/types/fui/components/FormField/FormField.test.d.ts +1 -0
- package/dist/types/fui/components/FormField/FormField.types.d.ts +25 -0
- package/dist/types/fui/components/FormField/index.d.ts +1 -0
- package/dist/types/fui/components/FormSelect/FormSelect.d.ts +4 -0
- package/dist/types/fui/components/FormSelect/FormSelect.stories.d.ts +6 -0
- package/dist/types/fui/components/FormSelect/FormSelect.test.d.ts +1 -0
- package/dist/types/fui/components/FormSelect/FormSelect.types.d.ts +39 -0
- package/dist/types/fui/components/FormSelect/index.d.ts +1 -0
- package/dist/types/fui/components/Heading/Heading.d.ts +3 -4
- package/dist/types/fui/components/Hr/Hr.d.ts +4 -1
- package/dist/types/fui/components/Icon/Icon.d.ts +2 -3
- package/dist/types/fui/components/Image/Image.d.ts +5 -1
- package/dist/types/fui/components/Link/Link.d.ts +2 -6
- package/dist/types/fui/components/List/List.d.ts +4 -5
- package/dist/types/fui/components/List/List.types.d.ts +1 -0
- package/dist/types/fui/components/ListItem/ListItem.d.ts +3 -4
- package/dist/types/fui/components/ListItem/ListItem.types.d.ts +1 -0
- package/dist/types/fui/components/Loader/Loader.d.ts +2 -3
- package/dist/types/fui/components/Notice/Notice.d.ts +5 -1
- package/dist/types/fui/components/TextInput/TextInput.d.ts +5 -0
- package/dist/types/fui/components/TextInput/TextInput.stories.d.ts +6 -0
- package/dist/types/fui/components/TextInput/TextInput.test.d.ts +1 -0
- package/dist/types/fui/components/TextInput/TextInput.types.d.ts +31 -0
- package/dist/types/fui/components/TextInput/index.d.ts +1 -0
- package/package.json +2 -4
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type OptionsType = {
|
|
3
|
+
value: string;
|
|
4
|
+
label: string;
|
|
5
|
+
/** The selected option's value. */
|
|
6
|
+
defaultValue?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
};
|
|
9
|
+
export interface Props {
|
|
10
|
+
/** The select visible default label value. */
|
|
11
|
+
label?: string;
|
|
12
|
+
/** The selected option's value. */
|
|
13
|
+
options: Array<OptionsType>;
|
|
14
|
+
/** Unique id for the field, required for a11y. */
|
|
15
|
+
id: string;
|
|
16
|
+
/** Is field required. */
|
|
17
|
+
required?: boolean;
|
|
18
|
+
/** Additional classes. */
|
|
19
|
+
className?: string;
|
|
20
|
+
/** Dropdown icon color. */
|
|
21
|
+
iconColor?: string;
|
|
22
|
+
/** Dropdown icon color. */
|
|
23
|
+
itemIcon?: string;
|
|
24
|
+
/** Additional wrapper CSS classes. */
|
|
25
|
+
wrapperStyles?: string;
|
|
26
|
+
/** Select Up Icon. */
|
|
27
|
+
selectIconUp: string;
|
|
28
|
+
/** Select Down Icon. */
|
|
29
|
+
selectIconDown: string;
|
|
30
|
+
/** Select Form Item Name. */
|
|
31
|
+
name?: string;
|
|
32
|
+
}
|
|
33
|
+
export interface ItemProps {
|
|
34
|
+
children: React.ReactNode;
|
|
35
|
+
value: string;
|
|
36
|
+
itemIcon: string;
|
|
37
|
+
iconColor?: string;
|
|
38
|
+
}
|
|
39
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './FormSelect';
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Props } from './Heading.types';
|
|
2
2
|
declare const Heading: {
|
|
3
3
|
({ children, tag, transform, align, id, testID, flush, className }: Props): React.ReactElement;
|
|
4
|
-
|
|
5
|
-
tag: HeadingTag;
|
|
6
|
-
};
|
|
4
|
+
displayName: string;
|
|
7
5
|
};
|
|
8
6
|
export default Heading;
|
|
7
|
+
export type { Props };
|
|
@@ -1,3 +1,7 @@
|
|
|
1
1
|
import { Props } from './Image.types';
|
|
2
|
-
declare const Image:
|
|
2
|
+
declare const Image: {
|
|
3
|
+
({ src, alt, title, caption, figure, onLoad, id, className, testID, }: Props): React.ReactElement;
|
|
4
|
+
displayName: string;
|
|
5
|
+
};
|
|
3
6
|
export default Image;
|
|
7
|
+
export type { Props };
|
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
import { Props } from './Link.types';
|
|
2
2
|
declare const Link: {
|
|
3
3
|
({ href, children, onClick, history, target, id, testID, className }: Props): React.ReactElement;
|
|
4
|
-
|
|
5
|
-
href: undefined;
|
|
6
|
-
onClick: () => void;
|
|
7
|
-
history: undefined;
|
|
8
|
-
target: undefined;
|
|
9
|
-
};
|
|
4
|
+
displayName: string;
|
|
10
5
|
};
|
|
11
6
|
export default Link;
|
|
7
|
+
export type { Props };
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Props } from './List.types';
|
|
2
2
|
declare const List: {
|
|
3
|
-
({ variants, children, as, id, testID, }: Props): React.ReactElement;
|
|
4
|
-
|
|
5
|
-
as: ListTag;
|
|
6
|
-
};
|
|
3
|
+
({ variants, children, as, id, testID, className }: Props): React.ReactElement;
|
|
4
|
+
displayName: string;
|
|
7
5
|
};
|
|
8
6
|
export default List;
|
|
7
|
+
export type { Props };
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { Props } from './ListItem.types';
|
|
2
2
|
declare const ListItem: {
|
|
3
|
-
({ children, as: Tag, id, testID }: Props): React.ReactElement;
|
|
4
|
-
|
|
5
|
-
as: string;
|
|
6
|
-
};
|
|
3
|
+
({ children, as: Tag, id, testID, className }: Props): React.ReactElement;
|
|
4
|
+
displayName: string;
|
|
7
5
|
};
|
|
8
6
|
export default ListItem;
|
|
7
|
+
export type { Props };
|
|
@@ -1,3 +1,7 @@
|
|
|
1
1
|
import { Props } from './Notice.types';
|
|
2
|
-
declare const Notice:
|
|
2
|
+
declare const Notice: {
|
|
3
|
+
({ foo, id, testID }: Props): React.ReactElement;
|
|
4
|
+
displayName: string;
|
|
5
|
+
};
|
|
3
6
|
export default Notice;
|
|
7
|
+
export type { Props };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare enum InputType {
|
|
3
|
+
TEXT = "text",
|
|
4
|
+
PASSWORD = "password",
|
|
5
|
+
EMAIL = "email",
|
|
6
|
+
NUMBER = "number",
|
|
7
|
+
TEL = "tel",
|
|
8
|
+
URL = "url",
|
|
9
|
+
SEARCH = "search",
|
|
10
|
+
DATE = "date",
|
|
11
|
+
TIME = "time",
|
|
12
|
+
DATETIME_LOCAL = "datetime-local",
|
|
13
|
+
MONTH = "month",
|
|
14
|
+
WEEK = "week",
|
|
15
|
+
FILE = "file",
|
|
16
|
+
TEXTAREA = "textarea"
|
|
17
|
+
}
|
|
18
|
+
export interface Props {
|
|
19
|
+
/** Input type. */
|
|
20
|
+
type: InputType;
|
|
21
|
+
/** Specify if input is required. */
|
|
22
|
+
required?: boolean;
|
|
23
|
+
/** Custom style attributes. */
|
|
24
|
+
className?: string;
|
|
25
|
+
/** OnChange function handler. */
|
|
26
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
|
|
27
|
+
/** Placeholder text. */
|
|
28
|
+
placeholder?: string;
|
|
29
|
+
/** Input name attribute. */
|
|
30
|
+
name?: string;
|
|
31
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './TextInput';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@4alldigital/foundation-ui--gamma",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.23.0",
|
|
4
4
|
"description": "Foundation UI Component library with GAMMA theme. ",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"publishConfig": {
|
|
25
25
|
"access": "public"
|
|
26
26
|
},
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "07799f8e3c5c4ff651953516dc903d493073a2a9",
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@headlessui/react": "^1.7.8",
|
|
30
30
|
"@heroicons/react": "^2.0.14",
|
|
@@ -58,13 +58,11 @@
|
|
|
58
58
|
"@radix-ui/react-tooltip": "^1.0.0",
|
|
59
59
|
"@tailwindcss/forms": "^0.5.2",
|
|
60
60
|
"classnames": "^2.5.1",
|
|
61
|
-
"final-form": "^4.20.10",
|
|
62
61
|
"history": "^5.3.0",
|
|
63
62
|
"react": "^18.2.0",
|
|
64
63
|
"react-content-loader": "^6.2.1",
|
|
65
64
|
"react-device-detect": "^2.2.3",
|
|
66
65
|
"react-dom": "^18.2.0",
|
|
67
|
-
"react-final-form": "^6.5.9",
|
|
68
66
|
"react-scripts": "^5.0.1",
|
|
69
67
|
"tailwindcss": "^3.4.1",
|
|
70
68
|
"tailwindcss-radix": "^2.8.0",
|