@abgov/react-components 4.0.0-alpha.10 → 4.0.0-alpha.101

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 (58) hide show
  1. package/README.md +16 -44
  2. package/common/styling.d.ts +9 -0
  3. package/experimental/package.json +2 -1
  4. package/index.d.ts +37 -36
  5. package/lib/app-header/app-header.d.ts +7 -4
  6. package/lib/badge/badge.d.ts +21 -9
  7. package/lib/block/block.d.ts +21 -0
  8. package/lib/button/button.d.ts +12 -14
  9. package/lib/button-group/button-group.d.ts +12 -8
  10. package/lib/callout/callout.d.ts +9 -8
  11. package/lib/card/card-actions.d.ts +2 -5
  12. package/lib/card/card-content.d.ts +2 -2
  13. package/lib/card/card-group.d.ts +2 -5
  14. package/lib/card/card-image.d.ts +2 -2
  15. package/lib/card/card.d.ts +9 -6
  16. package/lib/card/index.d.ts +5 -5
  17. package/lib/checkbox/checkbox.d.ts +10 -6
  18. package/lib/chip/chip.d.ts +9 -5
  19. package/lib/circular-progress/circular-progress.d.ts +3 -6
  20. package/lib/container/container.d.ts +15 -11
  21. package/lib/divider/divider.d.ts +11 -0
  22. package/lib/dropdown/dropdown-option.d.ts +1 -1
  23. package/lib/dropdown/dropdown.d.ts +24 -15
  24. package/lib/footer/footer.d.ts +17 -0
  25. package/lib/footer-meta-section/footer-meta-section.d.ts +13 -0
  26. package/lib/footer-nav-section/footer-nav-section.d.ts +19 -0
  27. package/lib/form/form-item.d.ts +9 -6
  28. package/lib/form/index.d.ts +1 -1
  29. package/lib/grid/grid.d.ts +20 -0
  30. package/lib/hero-banner/hero-banner-actions.d.ts +5 -3
  31. package/lib/hero-banner/hero-banner.d.ts +7 -4
  32. package/lib/icon/icon.d.ts +38 -0
  33. package/lib/icon-button/icon-button.d.ts +30 -0
  34. package/lib/input/input.d.ts +59 -38
  35. package/lib/microsite-header/microsite-header.d.ts +5 -5
  36. package/lib/modal/modal.d.ts +10 -4
  37. package/lib/notification/notification.d.ts +4 -4
  38. package/lib/one-column-layout/one-column-layout.d.ts +13 -0
  39. package/lib/page-block/page-block.d.ts +10 -3
  40. package/lib/radio-group/radio-group.d.ts +10 -6
  41. package/lib/radio-group/radio.d.ts +3 -2
  42. package/lib/skeleton/skeleton.d.ts +13 -7
  43. package/lib/spacer/spacer.d.ts +19 -0
  44. package/lib/spinner/spinner.d.ts +3 -3
  45. package/lib/table/table.d.ts +19 -0
  46. package/lib/textarea/textarea.d.ts +9 -4
  47. package/lib/two-column-layout/two-column-layout.d.ts +22 -0
  48. package/package.json +6 -6
  49. package/react-components.esm.js +16855 -233
  50. package/react-components.umd.js +17588 -922
  51. package/lib/app-footer/app-footer.d.ts +0 -26
  52. package/lib/app-footer/meta-link.d.ts +0 -20
  53. package/lib/app-footer/navigation-link.d.ts +0 -22
  54. package/lib/flex/index.d.ts +0 -1
  55. package/lib/flex/row.d.ts +0 -16
  56. package/lib/icons/icon-button.d.ts +0 -27
  57. package/lib/icons/icon.d.ts +0 -37
  58. package/lib/icons/index.d.ts +0 -2
@@ -1,26 +0,0 @@
1
- import React, { FC } from 'react';
2
- interface WCProps {
3
- id?: string;
4
- appurl?: string;
5
- title?: string;
6
- copyrighturl?: string;
7
- copyrighttext?: string;
8
- multicolumnsectionnames?: string;
9
- }
10
- declare global {
11
- namespace JSX {
12
- interface IntrinsicElements {
13
- 'goa-app-footer': WCProps & React.HTMLAttributes<HTMLElement>;
14
- }
15
- }
16
- }
17
- export interface Props {
18
- id?: string;
19
- appUrl?: string;
20
- title?: string;
21
- copyrightUrl?: string;
22
- copyrightText?: string;
23
- multiColumnSectionNames?: string;
24
- }
25
- export declare const GoAAppFooter: FC<Props>;
26
- export default GoAAppFooter;
@@ -1,20 +0,0 @@
1
- import React, { FC } from 'react';
2
- interface WCProps {
3
- footerid?: string;
4
- url: string;
5
- title: string;
6
- }
7
- declare global {
8
- namespace JSX {
9
- interface IntrinsicElements {
10
- 'goa-meta-link': WCProps & React.HTMLAttributes<HTMLElement>;
11
- }
12
- }
13
- }
14
- interface Props {
15
- footerId?: string;
16
- url: string;
17
- title: string;
18
- }
19
- export declare const GoAMetaLink: FC<Props>;
20
- export default GoAMetaLink;
@@ -1,22 +0,0 @@
1
- import React, { FC } from 'react';
2
- interface WCProps {
3
- footerid?: string;
4
- url: string;
5
- title: string;
6
- section?: string;
7
- }
8
- declare global {
9
- namespace JSX {
10
- interface IntrinsicElements {
11
- 'goa-navigation-link': WCProps & React.HTMLAttributes<HTMLElement>;
12
- }
13
- }
14
- }
15
- interface Props {
16
- footerId?: string;
17
- url: string;
18
- title: string;
19
- section?: string;
20
- }
21
- export declare const GoANavigationLink: FC<Props>;
22
- export default GoANavigationLink;
@@ -1 +0,0 @@
1
- export { GoAFlexRow } from './row';
package/lib/flex/row.d.ts DELETED
@@ -1,16 +0,0 @@
1
- import React, { FC } from "react";
2
- interface WCProps {
3
- gap: 'small' | 'medium' | 'large';
4
- }
5
- declare global {
6
- namespace JSX {
7
- interface IntrinsicElements {
8
- 'goa-flex-row': WCProps & React.HTMLAttributes<HTMLElement>;
9
- }
10
- }
11
- }
12
- export interface Props {
13
- gap: 'small' | 'medium' | 'large';
14
- }
15
- export declare const GoAFlexRow: FC<Props>;
16
- export default GoAFlexRow;
@@ -1,27 +0,0 @@
1
- import React, { FC } from 'react';
2
- import { IconSize, GoAIconType, IconVariant } from './icon';
3
- interface WCProps {
4
- ref: React.RefObject<HTMLElement>;
5
- type: GoAIconType;
6
- size?: IconSize;
7
- variant?: IconVariant;
8
- title?: string;
9
- disabled?: boolean;
10
- }
11
- declare global {
12
- namespace JSX {
13
- interface IntrinsicElements {
14
- 'goa-icon-button': WCProps & React.HTMLAttributes<HTMLButtonElement>;
15
- }
16
- }
17
- }
18
- interface Props {
19
- type: GoAIconType;
20
- size?: IconSize;
21
- variant?: IconVariant;
22
- title?: string;
23
- disabled?: boolean;
24
- onClick: () => void;
25
- }
26
- export declare const GoAIconButton: FC<Props>;
27
- export {};
@@ -1,37 +0,0 @@
1
- import React from 'react';
2
- declare type GoAIconFilledType = `${GoAIconType}-${IconTheme}`;
3
- interface IonIconProps {
4
- name: GoAIconType | GoAIconFilledType;
5
- }
6
- interface IonIconElement extends HTMLElement {
7
- }
8
- declare global {
9
- namespace JSX {
10
- interface IntrinsicElements {
11
- 'ion-icon': IonIconProps & React.HTMLAttributes<IonIconElement>;
12
- }
13
- }
14
- }
15
- declare global {
16
- namespace JSX {
17
- interface IntrinsicElements {
18
- 'goa-icon': WCProps & React.HTMLAttributes<IonIconElement>;
19
- }
20
- }
21
- }
22
- export declare type GoAIconType = 'accessibility' | 'add-circle' | 'add' | 'airplane' | 'alarm' | 'albums' | 'alert-circle' | 'alert' | 'american-football' | 'analytics' | 'aperture' | 'apps' | 'archive' | 'arrow-back-circle' | 'arrow-back' | 'arrow-down-circle' | 'arrow-down' | 'arrow-forward-circle' | 'arrow-forward' | 'arrow-redo-circle' | 'arrow-redo' | 'arrow-undo-circle' | 'arrow-undo' | 'arrow-up-circle' | 'arrow-up' | 'at-circle' | 'at' | 'attach' | 'backspace' | 'bag-add' | 'bag-check' | 'bag-handle' | 'bag' | 'bag-remove' | 'balloon' | 'ban' | 'bandage' | 'bar-chart' | 'barbell' | 'barcode' | 'baseball' | 'basket' | 'basketball' | 'battery-charging' | 'battery-dead' | 'battery-full' | 'battery-half' | 'beaker' | 'bed' | 'beer' | 'bicycle' | 'bluetooth' | 'boat' | 'body' | 'bonfire' | 'book' | 'bookmark' | 'bookmarks' | 'bowling-ball' | 'briefcase' | 'browsers' | 'brush' | 'bug' | 'build' | 'bulb' | 'bus' | 'business' | 'cafe' | 'calculator' | 'calendar-clear' | 'calendar-number' | 'calendar' | 'call' | 'camera' | 'camera-reverse' | 'car' | 'car-sport' | 'card' | 'caret-back-circle' | 'caret-back' | 'caret-down-circle' | 'caret-down' | 'caret-forward-circle' | 'caret-forward' | 'caret-up-circle' | 'caret-up' | 'cart' | 'cash' | 'cellular' | 'chatbox-ellipses' | 'chatbox' | 'chatbubble-ellipses' | 'chatbubble' | 'chatbubbles' | 'checkbox' | 'checkmark-circle' | 'checkmark-done-circle' | 'checkmark-done' | 'checkmark' | 'chevron-back-circle' | 'chevron-back' | 'chevron-down-circle' | 'chevron-down' | 'chevron-forward-circle' | 'chevron-forward' | 'chevron-up-circle' | 'chevron-up' | 'clipboard' | 'close-circle' | 'close' | 'cloud-circle' | 'cloud-done' | 'cloud-download' | 'cloud-offline' | 'cloud' | 'cloud-upload' | 'cloudy-night' | 'cloudy' | 'code-download' | 'code' | 'code-slash' | 'code-working' | 'cog' | 'color-fill' | 'color-filter' | 'color-palette' | 'color-wand' | 'compass' | 'construct' | 'contract' | 'contrast' | 'copy' | 'create' | 'crop' | 'cube' | 'cut' | 'desktop' | 'diamond' | 'dice' | 'disc' | 'document-attach' | 'document-lock' | 'document' | 'document-text' | 'documents' | 'download' | 'duplicate' | 'ear' | 'earth' | 'easel' | 'egg' | 'ellipse' | 'ellipsis-horizontal-circle' | 'ellipsis-horizontal' | 'ellipsis-vertical-circle' | 'ellipsis-vertical' | 'enter' | 'exit' | 'expand' | 'extension-puzzle' | 'eye-off' | 'eye' | 'eyedrop' | 'fast-food' | 'female' | 'file-tray-full' | 'file-tray' | 'file-tray-stacked' | 'filenames.ps1' | 'film' | 'filter-circle' | 'filter' | 'finger-print' | 'fish' | 'fitness' | 'flag' | 'flame' | 'flash-off' | 'flash' | 'flashlight' | 'flask' | 'flower' | 'folder-open' | 'folder' | 'football' | 'footsteps' | 'funnel' | 'game-controller' | 'gift' | 'git-branch' | 'git-commit' | 'git-compare' | 'git-merge' | 'git-network' | 'git-pull-request' | 'glasses' | 'globe' | 'golf' | 'grid' | 'hammer' | 'hand-left' | 'hand-right' | 'happy' | 'hardware-chip' | 'headset' | 'heart-circle' | 'heart-dislike-circle' | 'heart-dislike' | 'heart-half' | 'heart' | 'help-buoy' | 'help-circle' | 'help' | 'home' | 'hourglass' | 'ice-cream' | 'id-card' | 'image' | 'images' | 'infinite' | 'information-circle' | 'information' | 'invert-mode' | 'journal' | 'key' | 'keypad' | 'language' | 'laptop' | 'layers' | 'leaf' | 'library' | 'link' | 'list-circle' | 'list' | 'locate' | 'location' | 'lock-closed' | 'lock-open' | 'log-in' | 'log-out' | 'magnet' | 'mail-open' | 'mail' | 'mail-unread' | 'male-female' | 'male' | 'man' | 'map' | 'medal' | 'medical' | 'medkit' | 'megaphone' | 'menu' | 'mic-circle' | 'mic-off-circle' | 'mic-off' | 'mic' | 'moon' | 'move' | 'musical-note' | 'musical-notes' | 'navigate-circle' | 'navigate' | 'newspaper' | 'notifications-circle' | 'notifications-off-circle' | 'notifications-off' | 'notifications' | 'nuclear' | 'nutrition' | 'open' | 'options' | 'paper-plane' | 'partly-sunny' | 'pause-circle' | 'pause' | 'paw' | 'pencil' | 'people-circle' | 'people' | 'person-add' | 'person-circle' | 'person' | 'person-remove' | 'phone-landscape' | 'phone-portrait' | 'pie-chart' | 'pin' | 'pint' | 'pizza' | 'planet' | 'play-back-circle' | 'play-back' | 'play-circle' | 'play-forward-circle' | 'play-forward' | 'play' | 'play-skip-back-circle' | 'play-skip-back' | 'play-skip-forward-circle' | 'play-skip-forward' | 'podium' | 'power' | 'pricetag' | 'pricetags' | 'print' | 'prism' | 'pulse' | 'push' | 'qr-code' | 'radio-button-off' | 'radio-button-on' | 'radio' | 'rainy' | 'reader' | 'receipt' | 'recording' | 'refresh-circle' | 'refresh' | 'reload-circle' | 'reload' | 'remove-circle' | 'remove' | 'reorder-four' | 'reorder-three' | 'reorder-two' | 'repeat' | 'resize' | 'restaurant' | 'return-down-back' | 'return-down-forward' | 'return-up-back' | 'return-up-forward' | 'ribbon' | 'rocket' | 'rose' | 'sad' | 'save' | 'scale' | 'scan-circle' | 'scan' | 'school' | 'search-circle' | 'search' | 'send' | 'server' | 'settings' | 'shapes' | 'share' | 'share-social' | 'shield-checkmark' | 'shield-half' | 'shield' | 'shirt' | 'shuffle' | 'skull' | 'snow' | 'sparkles' | 'speedometer' | 'square' | 'star-half' | 'star' | 'stats-chart' | 'stop-circle' | 'stop' | 'stopwatch' | 'storefront' | 'subway' | 'sunny' | 'swap-horizontal' | 'swap-vertical' | 'sync-circle' | 'sync' | 'tablet-landscape' | 'tablet-portrait' | 'telescope' | 'tennisball' | 'terminal' | 'text' | 'thermometer' | 'thumbs-down' | 'thumbs-up' | 'thunderstorm' | 'ticket' | 'time' | 'timer' | 'today' | 'toggle' | 'trail-sign' | 'train' | 'transgender' | 'trash-bin' | 'trash' | 'trending-down' | 'trending-up' | 'triangle' | 'trophy' | 'tv' | 'umbrella' | 'unlink' | 'videocam-off' | 'videocam' | 'volume-high' | 'volume-low' | 'volume-medium' | 'volume-mute' | 'volume-off' | 'walk' | 'wallet' | 'warning' | 'watch' | 'water' | 'wifi' | 'wine' | 'woman';
23
- export declare type IconSize = 'small' | 'medium' | 'large' | 'xlarge';
24
- export declare type IconVariant = 'primary' | 'secondary' | 'tertiary';
25
- export declare type IconTheme = 'outline' | 'filled' | 'sharp';
26
- interface Props {
27
- type: GoAIconType;
28
- size?: IconSize;
29
- theme?: IconTheme;
30
- }
31
- interface WCProps {
32
- type: GoAIconType;
33
- theme: IconTheme;
34
- size: IconSize;
35
- }
36
- export declare function GoAIcon({ type, theme, size }: Props): JSX.Element;
37
- export {};
@@ -1,2 +0,0 @@
1
- export * from './icon';
2
- export * from './icon-button';