@4alldigital/foundation-ui--gamma 1.42.0 → 1.44.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.
Files changed (41) hide show
  1. package/dist/foundation-ui.css +1 -1
  2. package/dist/index.esm.js +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/types/lib/components/Container/Container.d.ts +1 -1
  5. package/dist/types/lib/components/Container/Container.types.d.ts +6 -1
  6. package/dist/types/lib/components/Form/Form.types.d.ts +0 -15
  7. package/dist/types/lib/components/FormSelect/FormSelect.types.d.ts +0 -14
  8. package/dist/types/lib/components/Icon/Icon.d.ts +0 -4
  9. package/dist/types/lib/components/Image/Image.types.d.ts +0 -4
  10. package/dist/types/lib/components/TextInput/TextInput.types.d.ts +0 -8
  11. package/dist/types/lib/context/App/index.d.ts +1 -1
  12. package/dist/types/lib/features/Search/view-helpers/getUrlSanitizer.d.ts +0 -5
  13. package/dist/types/lib/translations/index.d.ts +1 -2
  14. package/dist/types/packages/default/theme/styles/settings/settings.themes.d.ts +5 -5
  15. package/dist/types/packages/gamma/theme/index.d.ts +57 -5
  16. package/dist/types/packages/gamma/theme/styles/settings/settings.themes.d.ts +5 -5
  17. package/package.json +4 -4
  18. package/dist/types/lib/components/ListItem/ListItem.d.ts +0 -7
  19. package/dist/types/lib/components/ListItem/index.d.ts +0 -1
  20. package/dist/types/lib/features/Search/views/Sidebar/Sidebar.d.ts +0 -8
  21. package/dist/types/lib/features/Search/views/Sidebar/Sidebar.types.d.ts +0 -3
  22. package/dist/types/lib/features/Search/views/Sidebar/index.d.ts +0 -1
  23. package/dist/types/lib/hooks/useTheme.d.ts +0 -1
  24. package/dist/types/lib/setupTests.d.ts +0 -1
  25. package/dist/types/lib/stories/Page.d.ts +0 -6
  26. package/dist/types/lib/utils/parseDuration/index.d.ts +0 -19
  27. package/dist/types/packages/alpha/src/index.d.ts +0 -4
  28. package/dist/types/packages/alpha/theme/index.d.ts +0 -64
  29. package/dist/types/packages/alpha/theme/styles/buttons/buttons.themes.d.ts +0 -4
  30. package/dist/types/packages/alpha/theme/styles/colors/colors.themes.d.ts +0 -2
  31. package/dist/types/packages/alpha/theme/styles/fonts/fonts.themes.d.ts +0 -9
  32. package/dist/types/packages/alpha/theme/styles/settings/settings.themes.d.ts +0 -245
  33. package/dist/types/packages/beta/src/index.d.ts +0 -3
  34. package/dist/types/packages/beta/theme/index.d.ts +0 -64
  35. package/dist/types/packages/beta/theme/styles/buttons/buttons.themes.d.ts +0 -4
  36. package/dist/types/packages/beta/theme/styles/colors/colors.themes.d.ts +0 -2
  37. package/dist/types/packages/beta/theme/styles/fonts/fonts.themes.d.ts +0 -9
  38. package/dist/types/packages/beta/theme/styles/settings/settings.themes.d.ts +0 -246
  39. package/dist/types/packages/default/src/index.d.ts +0 -4
  40. package/dist/types/packages/default/theme/index.d.ts +0 -64
  41. package/dist/types/packages/default/theme/styles/cards/cards.themes.d.ts +0 -7
@@ -1,6 +1,6 @@
1
1
  import { Props } from './Container.types';
2
2
  declare const Container: {
3
- ({ children, className, spacing, padded, isNarrow, isCentered, isFlush, }: Props): React.ReactElement;
3
+ ({ children, className, spacing, padded, isNarrow, isCentered, isFlush, direction, }: Props): React.ReactElement;
4
4
  displayName: string;
5
5
  };
6
6
  export default Container;
@@ -1,10 +1,15 @@
1
1
  /// <reference types="react" />
2
+ export declare enum CONTAINER_DIRECTION {
3
+ ROW = "row",
4
+ COLUMN = "column"
5
+ }
2
6
  export interface Props {
3
7
  children: React.ReactNode;
4
- className?: string;
5
8
  spacing?: 'feature' | 'component' | 'module' | 'element' | 'atom' | 'none';
6
9
  padded?: boolean;
7
10
  isNarrow?: boolean;
8
11
  isCentered?: boolean;
9
12
  isFlush?: boolean;
13
+ direction?: CONTAINER_DIRECTION;
14
+ className?: string;
10
15
  }
@@ -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,5 +1,5 @@
1
1
  import React from 'react';
2
- import { ShareProps } from '../components/VisitUs/VisitUs.types';
2
+ import { ShareProps } from '../../components/VisitUs/VisitUs.types';
3
3
  interface AppContextProps {
4
4
  brand?: {
5
5
  logo: string;
@@ -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
- import strings from './en';
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
- 'header-md': string;
238
- 'header-sd': string;
239
- 'header-xs': string;
240
- 'search-layout': string;
241
- 'search-layout-with-sidebar': string;
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
- 'header-md': string;
57
- 'header-sd': string;
58
- 'header-xs': string;
59
- 'search-layout': string;
60
- 'search-layout-with-sidebar': string;
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
- 'header-md': string;
249
- 'header-sd': string;
250
- 'header-xs': string;
251
- 'search-layout': string;
252
- 'search-layout-with-sidebar': string;
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.42.0",
3
+ "version": "1.44.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/lib/index.d.ts",
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/lib/index.d.ts",
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": "8ed637aabaa3da26bb7cec8c3b35d4f563f16947",
42
+ "gitHead": "aaa679431f9d3f3e0eb0a69860fbfb4440462b51",
43
43
  "dependencies": {
44
44
  "@elastic/datemath": "^5.0.3",
45
45
  "@elastic/react-search-ui": "^1.21.1",
@@ -1,7 +0,0 @@
1
- import { Props } from './ListItem.types';
2
- declare const ListItem: {
3
- ({ children, as: Tag, id, testID, className }: Props): React.ReactElement;
4
- displayName: string;
5
- };
6
- export default ListItem;
7
- export type { Props };
@@ -1 +0,0 @@
1
- export { default } from './ListItem';
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { Props } from './Sidebar.types';
3
- declare const Sidebar: {
4
- ({ foo }: Props): React.ReactElement;
5
- displayName: string;
6
- };
7
- export default Sidebar;
8
- export type { Props };
@@ -1,3 +0,0 @@
1
- export interface Props {
2
- foo: string;
3
- }
@@ -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,6 +0,0 @@
1
- import React from 'react';
2
- type Props = {
3
- children: React.ReactNode;
4
- };
5
- export declare const Page: ({ children }: Props) => React.ReactElement;
6
- export {};
@@ -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,4 +0,0 @@
1
- import '../theme/base.css';
2
- import '../theme/fonts.css';
3
- export * from '../../../lib';
4
- export { default as theme } from '../theme';
@@ -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;
@@ -1,4 +0,0 @@
1
- declare const buttons: {
2
- raised: boolean;
3
- };
4
- export default buttons;
@@ -1,2 +0,0 @@
1
- declare const colors: any;
2
- export default colors;
@@ -1,9 +0,0 @@
1
- declare const fonts: {
2
- body: string[];
3
- heading: string[];
4
- sans: string[];
5
- serif: string[];
6
- mono: string[];
7
- display: string[];
8
- };
9
- export default fonts;