@4alldigital/foundation-ui--gamma 1.42.0 → 1.43.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 +1 -1
- package/dist/index.js +1 -1
- package/dist/types/lib/components/Form/Form.types.d.ts +0 -15
- package/dist/types/lib/components/FormSelect/FormSelect.types.d.ts +0 -14
- package/dist/types/lib/components/Icon/Icon.d.ts +0 -4
- package/dist/types/lib/components/Image/Image.types.d.ts +0 -4
- package/dist/types/lib/components/TextInput/TextInput.types.d.ts +0 -8
- package/dist/types/lib/context/App/index.d.ts +1 -1
- package/dist/types/lib/features/Search/view-helpers/getUrlSanitizer.d.ts +0 -5
- package/dist/types/lib/translations/index.d.ts +1 -2
- package/dist/types/packages/default/theme/styles/settings/settings.themes.d.ts +5 -5
- package/dist/types/packages/gamma/theme/index.d.ts +57 -5
- package/dist/types/packages/gamma/theme/styles/settings/settings.themes.d.ts +5 -5
- package/package.json +4 -4
- package/dist/types/lib/components/ListItem/ListItem.d.ts +0 -7
- package/dist/types/lib/components/ListItem/index.d.ts +0 -1
- package/dist/types/lib/features/Search/views/Sidebar/Sidebar.d.ts +0 -8
- package/dist/types/lib/features/Search/views/Sidebar/Sidebar.types.d.ts +0 -3
- package/dist/types/lib/features/Search/views/Sidebar/index.d.ts +0 -1
- package/dist/types/lib/hooks/useTheme.d.ts +0 -1
- package/dist/types/lib/setupTests.d.ts +0 -1
- package/dist/types/lib/stories/Page.d.ts +0 -6
- package/dist/types/lib/utils/parseDuration/index.d.ts +0 -19
- package/dist/types/packages/alpha/src/index.d.ts +0 -4
- package/dist/types/packages/alpha/theme/index.d.ts +0 -64
- package/dist/types/packages/alpha/theme/styles/buttons/buttons.themes.d.ts +0 -4
- package/dist/types/packages/alpha/theme/styles/colors/colors.themes.d.ts +0 -2
- package/dist/types/packages/alpha/theme/styles/fonts/fonts.themes.d.ts +0 -9
- package/dist/types/packages/alpha/theme/styles/settings/settings.themes.d.ts +0 -245
- package/dist/types/packages/beta/src/index.d.ts +0 -3
- package/dist/types/packages/beta/theme/index.d.ts +0 -64
- package/dist/types/packages/beta/theme/styles/buttons/buttons.themes.d.ts +0 -4
- package/dist/types/packages/beta/theme/styles/colors/colors.themes.d.ts +0 -2
- package/dist/types/packages/beta/theme/styles/fonts/fonts.themes.d.ts +0 -9
- package/dist/types/packages/beta/theme/styles/settings/settings.themes.d.ts +0 -246
- package/dist/types/packages/default/src/index.d.ts +0 -4
- package/dist/types/packages/default/theme/index.d.ts +0 -64
- package/dist/types/packages/default/theme/styles/cards/cards.themes.d.ts +0 -7
|
@@ -1,36 +1,21 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { BTN_TYPES, BTN_VARIANTS } from '../Button/Button.types';
|
|
3
3
|
export interface Props {
|
|
4
|
-
/** The form inputs and content. */
|
|
5
4
|
children: React.ReactNode;
|
|
6
|
-
/** Additional classes. */
|
|
7
5
|
className?: string;
|
|
8
|
-
/** Disable form inputs validation. */
|
|
9
6
|
noValidate?: boolean;
|
|
10
|
-
/** The submit handler that will fire once the form is submitted. */
|
|
11
7
|
onSubmit?: (values: any, event?: any) => void;
|
|
12
|
-
/** The on change handler that will fire once the form is updated. */
|
|
13
8
|
onChange?: (values: any, event?: any) => void;
|
|
14
|
-
/** The label for the submit button. */
|
|
15
9
|
submit?: string;
|
|
16
|
-
/** Hide submit button. */
|
|
17
10
|
hideSubmit?: boolean;
|
|
18
|
-
/** The aria-label attribute value for the submit button. */
|
|
19
11
|
ariaSubmitLabel?: string;
|
|
20
|
-
/** Unique form submit button id. */
|
|
21
12
|
submitID?: string;
|
|
22
|
-
/** Initial form values. */
|
|
23
13
|
initialValues?: {
|
|
24
14
|
[k: string]: any;
|
|
25
15
|
};
|
|
26
|
-
/** The submit button variant. */
|
|
27
16
|
submitVariant?: BTN_VARIANTS;
|
|
28
|
-
/** The form is boxed. */
|
|
29
17
|
isBoxed?: boolean;
|
|
30
|
-
/** The submit button type. */
|
|
31
18
|
submitType?: BTN_TYPES.SUBMIT | BTN_TYPES.BUTTON;
|
|
32
|
-
/** Disable submit button with return key. */
|
|
33
19
|
disabledSubmitWithReturn?: boolean;
|
|
34
|
-
/** Disable the form submit button. */
|
|
35
20
|
isDisabled?: boolean;
|
|
36
21
|
}
|
|
@@ -3,36 +3,22 @@ import { FilterValue } from '@elastic/search-ui';
|
|
|
3
3
|
export type OptionsType = {
|
|
4
4
|
value: string | FilterValue;
|
|
5
5
|
label: string;
|
|
6
|
-
/** The selected option's value. */
|
|
7
6
|
defaultValue?: string;
|
|
8
7
|
disabled?: boolean;
|
|
9
8
|
};
|
|
10
9
|
export interface Props {
|
|
11
|
-
/** The selected option's value. */
|
|
12
10
|
options?: Array<OptionsType>;
|
|
13
|
-
/** Unique id for the field, required for a11y. */
|
|
14
11
|
id: string;
|
|
15
|
-
/** The select visible default label value. */
|
|
16
12
|
label?: string | React.ReactNode[];
|
|
17
|
-
/** Is field required. */
|
|
18
13
|
required?: boolean;
|
|
19
|
-
/** Additional classes. */
|
|
20
14
|
className?: string;
|
|
21
|
-
/** Dropdown icon color. */
|
|
22
15
|
iconColor?: string;
|
|
23
|
-
/** Dropdown icon color. */
|
|
24
16
|
itemIcon?: string;
|
|
25
|
-
/** Additional wrapper CSS classes. */
|
|
26
17
|
wrapperStyles?: string;
|
|
27
|
-
/** Select Up Icon. */
|
|
28
18
|
selectIconUp?: string;
|
|
29
|
-
/** Select Down Icon. */
|
|
30
19
|
selectIconDown?: string;
|
|
31
|
-
/** Select Form Item Name. */
|
|
32
20
|
name?: string;
|
|
33
|
-
/** Is field disabled. */
|
|
34
21
|
disabled?: boolean;
|
|
35
|
-
/** The selected option's value. */
|
|
36
22
|
onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
|
|
37
23
|
}
|
|
38
24
|
export interface ItemProps {
|
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
import { Props } from './Icon.types';
|
|
2
|
-
/**
|
|
3
|
-
* Icon component
|
|
4
|
-
* List of supported icons can be found at https://icon-sets.iconify.design.
|
|
5
|
-
*/
|
|
6
2
|
declare const Icon: {
|
|
7
3
|
({ name, size, color, id, className, testID }: Props): React.ReactElement;
|
|
8
4
|
displayName: string;
|
|
@@ -4,13 +4,9 @@ export interface Props extends ImageProps {
|
|
|
4
4
|
alt: string;
|
|
5
5
|
title?: string;
|
|
6
6
|
onLoad?: () => void;
|
|
7
|
-
/** Image caption, will display as a `figure` if set. */
|
|
8
7
|
caption?: string;
|
|
9
|
-
/** Display within a `figure`. */
|
|
10
8
|
figure?: boolean;
|
|
11
|
-
/** The image will take up the entire width of the container. */
|
|
12
9
|
fluid?: boolean;
|
|
13
|
-
/** The next/image sizes attribute. */
|
|
14
10
|
sizes?: string;
|
|
15
11
|
crossOrigin?: 'anonymous' | 'use-credentials';
|
|
16
12
|
id?: string;
|
|
@@ -17,21 +17,13 @@ export declare enum InputType {
|
|
|
17
17
|
HIDDEN = "hidden"
|
|
18
18
|
}
|
|
19
19
|
export interface Props {
|
|
20
|
-
/** Input type. */
|
|
21
20
|
type?: InputType;
|
|
22
|
-
/** Specify if input is required. */
|
|
23
21
|
required?: boolean;
|
|
24
|
-
/** Custom style attributes. */
|
|
25
22
|
className?: string;
|
|
26
|
-
/** OnChange function handler. */
|
|
27
23
|
onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
|
|
28
|
-
/** Placeholder text. */
|
|
29
24
|
placeholder?: string;
|
|
30
|
-
/** Input name attribute. */
|
|
31
25
|
name?: string;
|
|
32
|
-
/** Input icon value. */
|
|
33
26
|
icon?: string;
|
|
34
|
-
/** Input status. */
|
|
35
27
|
disabled?: boolean;
|
|
36
28
|
autoComplete?: 'off' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year';
|
|
37
29
|
}
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
/**
|
|
2
|
-
*
|
|
3
|
-
* @param {URL} URLParser URL interface provided by browser https://developer.mozilla.org/en-US/docs/Web/API/URL
|
|
4
|
-
* @param {String} currentLocation String representation of the browser's current location
|
|
5
|
-
*/
|
|
6
1
|
export default function getUrlSanitizer(URLParser: typeof URL, currentLocation: string): (url: string) => string;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export default strings;
|
|
1
|
+
export { default } from './en';
|
|
@@ -234,11 +234,11 @@ declare const settings: {
|
|
|
234
234
|
};
|
|
235
235
|
extend: {
|
|
236
236
|
gridTemplateColumns: {
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
237
|
+
headerMd: string;
|
|
238
|
+
headerSd: string;
|
|
239
|
+
headerXs: string;
|
|
240
|
+
searchLayout: string;
|
|
241
|
+
searchLayoutWithSidebar: string;
|
|
242
242
|
};
|
|
243
243
|
};
|
|
244
244
|
};
|
|
@@ -8,6 +8,58 @@ declare const theme: {
|
|
|
8
8
|
mono: string[];
|
|
9
9
|
display: string[];
|
|
10
10
|
};
|
|
11
|
+
fontSize: {
|
|
12
|
+
xs: (string | {
|
|
13
|
+
lineHeight: string;
|
|
14
|
+
})[];
|
|
15
|
+
sm: (string | {
|
|
16
|
+
lineHeight: string;
|
|
17
|
+
})[];
|
|
18
|
+
base: (string | {
|
|
19
|
+
lineHeight: string;
|
|
20
|
+
})[];
|
|
21
|
+
lg: (string | {
|
|
22
|
+
lineHeight: string;
|
|
23
|
+
})[];
|
|
24
|
+
xl: (string | {
|
|
25
|
+
lineHeight: string;
|
|
26
|
+
})[];
|
|
27
|
+
'2xl': (string | {
|
|
28
|
+
lineHeight: string;
|
|
29
|
+
})[];
|
|
30
|
+
'3xl': (string | {
|
|
31
|
+
lineHeight: string;
|
|
32
|
+
})[];
|
|
33
|
+
'4xl': (string | {
|
|
34
|
+
lineHeight: string;
|
|
35
|
+
})[];
|
|
36
|
+
'5xl': (string | {
|
|
37
|
+
lineHeight: string;
|
|
38
|
+
})[];
|
|
39
|
+
'6xl': (string | {
|
|
40
|
+
lineHeight: string;
|
|
41
|
+
})[];
|
|
42
|
+
'7xl': (string | {
|
|
43
|
+
lineHeight: string;
|
|
44
|
+
})[];
|
|
45
|
+
'8xl': (string | {
|
|
46
|
+
lineHeight: string;
|
|
47
|
+
})[];
|
|
48
|
+
'9xl': (string | {
|
|
49
|
+
lineHeight: string;
|
|
50
|
+
})[];
|
|
51
|
+
};
|
|
52
|
+
fontWeight: {
|
|
53
|
+
light: string;
|
|
54
|
+
normal: string;
|
|
55
|
+
bold: string;
|
|
56
|
+
thin: string;
|
|
57
|
+
extralight: string;
|
|
58
|
+
medium: string;
|
|
59
|
+
semibold: string;
|
|
60
|
+
extrabold: string;
|
|
61
|
+
black: string;
|
|
62
|
+
};
|
|
11
63
|
buttons: {
|
|
12
64
|
raised: boolean;
|
|
13
65
|
};
|
|
@@ -53,11 +105,11 @@ declare const theme: {
|
|
|
53
105
|
};
|
|
54
106
|
extend: {
|
|
55
107
|
gridTemplateColumns: {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
108
|
+
headerMd: string;
|
|
109
|
+
headerSd: string;
|
|
110
|
+
headerXs: string;
|
|
111
|
+
searchLayout: string;
|
|
112
|
+
searchLayoutWithSidebar: string;
|
|
61
113
|
};
|
|
62
114
|
};
|
|
63
115
|
};
|
|
@@ -245,11 +245,11 @@ declare const settings: {
|
|
|
245
245
|
};
|
|
246
246
|
extend: {
|
|
247
247
|
gridTemplateColumns: {
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
248
|
+
headerMd: string;
|
|
249
|
+
headerSd: string;
|
|
250
|
+
headerXs: string;
|
|
251
|
+
searchLayout: string;
|
|
252
|
+
searchLayoutWithSidebar: string;
|
|
253
253
|
};
|
|
254
254
|
};
|
|
255
255
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@4alldigital/foundation-ui--gamma",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.43.0",
|
|
4
4
|
"description": "Foundation UI Component library with GAMMA theme. ",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"author": "Joe Mewes",
|
|
14
14
|
"license": "MIT",
|
|
15
15
|
"source": "src/index.ts",
|
|
16
|
-
"types": "dist/types/
|
|
16
|
+
"types": "dist/types/packages/gamma/src/index.d.ts",
|
|
17
17
|
"sideEffects": false,
|
|
18
18
|
"files": [
|
|
19
19
|
"dist"
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"exports": {
|
|
22
22
|
"./package.json": "./package.json",
|
|
23
23
|
".": {
|
|
24
|
-
"types": "./dist/types/
|
|
24
|
+
"types": "./dist/types/packages/gamma/src/index.d.ts",
|
|
25
25
|
"import": "./dist/index.esm.js",
|
|
26
26
|
"require": "./dist/index.js"
|
|
27
27
|
},
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"publishConfig": {
|
|
40
40
|
"access": "public"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "dd8175ab6647feb245123b30e1786a8a8fa1893c",
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@elastic/datemath": "^5.0.3",
|
|
45
45
|
"@elastic/react-search-ui": "^1.21.1",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './ListItem';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './Sidebar';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function useTheme(): any;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import '@testing-library/jest-dom';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
interface DurationValues {
|
|
2
|
-
years?: number;
|
|
3
|
-
months?: number;
|
|
4
|
-
weeks?: number;
|
|
5
|
-
days?: number;
|
|
6
|
-
hours?: number;
|
|
7
|
-
minutes?: number;
|
|
8
|
-
seconds?: number;
|
|
9
|
-
}
|
|
10
|
-
export type Duration = {
|
|
11
|
-
negative?: boolean;
|
|
12
|
-
} & DurationValues;
|
|
13
|
-
export type ParseConfig = {
|
|
14
|
-
allowMultipleFractions?: boolean;
|
|
15
|
-
};
|
|
16
|
-
export declare const InvalidDurationError: Error;
|
|
17
|
-
export declare const MultipleFractionsError: Error;
|
|
18
|
-
export declare function parseDuration(durationStr: string, config?: ParseConfig): Duration;
|
|
19
|
-
export {};
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
declare const theme: {
|
|
2
|
-
colors: any;
|
|
3
|
-
fontFamily: {
|
|
4
|
-
body: string[];
|
|
5
|
-
heading: string[];
|
|
6
|
-
sans: string[];
|
|
7
|
-
serif: string[];
|
|
8
|
-
mono: string[];
|
|
9
|
-
display: string[];
|
|
10
|
-
};
|
|
11
|
-
buttons: {
|
|
12
|
-
raised: boolean;
|
|
13
|
-
};
|
|
14
|
-
screens: {
|
|
15
|
-
sm: string;
|
|
16
|
-
md: string;
|
|
17
|
-
lg: string;
|
|
18
|
-
xl: string;
|
|
19
|
-
};
|
|
20
|
-
borderRadius: {
|
|
21
|
-
none: string;
|
|
22
|
-
sm: string;
|
|
23
|
-
DEFAULT: string;
|
|
24
|
-
md: string;
|
|
25
|
-
lg: string;
|
|
26
|
-
xl: string;
|
|
27
|
-
'2xl': string;
|
|
28
|
-
'3xl': string;
|
|
29
|
-
full: string;
|
|
30
|
-
};
|
|
31
|
-
spacing: {
|
|
32
|
-
px: string;
|
|
33
|
-
0: string;
|
|
34
|
-
1: string;
|
|
35
|
-
2: string;
|
|
36
|
-
3: string;
|
|
37
|
-
4: string;
|
|
38
|
-
5: string;
|
|
39
|
-
6: string;
|
|
40
|
-
8: string;
|
|
41
|
-
10: string;
|
|
42
|
-
11: string;
|
|
43
|
-
12: string;
|
|
44
|
-
16: string;
|
|
45
|
-
20: string;
|
|
46
|
-
24: string;
|
|
47
|
-
32: string;
|
|
48
|
-
40: string;
|
|
49
|
-
48: string;
|
|
50
|
-
56: string;
|
|
51
|
-
64: string;
|
|
52
|
-
128: string;
|
|
53
|
-
};
|
|
54
|
-
extend: {
|
|
55
|
-
gridTemplateColumns: {
|
|
56
|
-
'header-md': string;
|
|
57
|
-
'header-sd': string;
|
|
58
|
-
'header-xs': string;
|
|
59
|
-
'search-layout': string;
|
|
60
|
-
'search-layout-with-sidebar': string;
|
|
61
|
-
};
|
|
62
|
-
};
|
|
63
|
-
};
|
|
64
|
-
export default theme;
|