@abgov/react-components 4.0.0-alpha.17 → 4.0.0-alpha.170
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 +20 -45
- package/common/styling.d.ts +9 -0
- package/experimental/package.json +2 -1
- package/index.d.ts +54 -39
- package/lib/accordion/accordion.d.ts +28 -0
- package/lib/app-header/app-header.d.ts +8 -4
- package/lib/app-header-menu/app-header-menu.d.ts +20 -0
- package/lib/badge/badge.d.ts +23 -10
- package/lib/block/block.d.ts +22 -0
- package/lib/button/button.d.ts +13 -14
- package/lib/button-group/button-group.d.ts +13 -8
- package/lib/callout/callout.d.ts +13 -8
- package/lib/card/card-actions.d.ts +2 -5
- package/lib/card/card-content.d.ts +2 -2
- package/lib/card/card-group.d.ts +2 -5
- package/lib/card/card-image.d.ts +2 -2
- package/lib/card/card.d.ts +10 -6
- package/lib/card/index.d.ts +5 -5
- package/lib/checkbox/checkbox.d.ts +8 -4
- package/lib/chip/chip.d.ts +10 -5
- package/lib/circular-progress/circular-progress.d.ts +6 -8
- package/lib/container/container.d.ts +17 -13
- package/lib/details/details.d.ts +20 -0
- package/lib/divider/divider.d.ts +6 -10
- package/lib/dropdown/dropdown-item.d.ts +22 -0
- package/lib/dropdown/dropdown.d.ts +19 -15
- package/lib/file-upload-card/file-upload-card.d.ts +27 -0
- package/lib/file-upload-input/file-upload-input.d.ts +23 -0
- package/lib/footer/footer.d.ts +18 -0
- package/lib/footer-meta-section/footer-meta-section.d.ts +13 -0
- package/lib/footer-nav-section/footer-nav-section.d.ts +20 -0
- package/lib/form/form-item.d.ts +10 -6
- package/lib/form/index.d.ts +1 -1
- package/lib/form-step/form-step.d.ts +19 -0
- package/lib/form-stepper/form-stepper.d.ts +21 -0
- package/lib/grid/grid.d.ts +21 -0
- package/lib/hero-banner/hero-banner-actions.d.ts +5 -3
- package/lib/hero-banner/hero-banner.d.ts +10 -4
- package/lib/icon/icon.d.ts +39 -0
- package/lib/icon-button/icon-button.d.ts +31 -0
- package/lib/input/input.d.ts +62 -40
- package/lib/microsite-header/microsite-header.d.ts +8 -5
- package/lib/modal/modal.d.ts +13 -6
- package/lib/notification/notification.d.ts +13 -5
- package/lib/one-column-layout/one-column-layout.d.ts +13 -0
- package/lib/page-block/page-block.d.ts +4 -3
- package/lib/pages/pages.d.ts +18 -0
- package/lib/pagination/pagination.d.ts +26 -0
- package/lib/popover/popover.d.ts +25 -0
- package/lib/radio-group/radio-group.d.ts +10 -6
- package/lib/radio-group/radio.d.ts +3 -2
- package/lib/side-menu/side-menu.d.ts +13 -0
- package/lib/side-menu-group/side-menu-group.d.ts +17 -0
- package/lib/skeleton/skeleton.d.ts +15 -8
- package/lib/spacer/spacer.d.ts +20 -0
- package/lib/spinner/spinner.d.ts +3 -4
- package/lib/table/table-sort-header.d.ts +20 -0
- package/lib/table/table.d.ts +25 -0
- package/lib/textarea/textarea.d.ts +7 -4
- package/lib/three-column-layout/three-column-layout.d.ts +26 -0
- package/lib/tooltip/tooltip.d.ts +22 -0
- package/lib/two-column-layout/two-column-layout.d.ts +22 -0
- package/package.json +6 -6
- package/react-components.esm.js +1771 -418
- package/react-components.umd.js +2317 -957
- package/lib/app-footer/app-footer.d.ts +0 -26
- package/lib/app-footer/meta-link.d.ts +0 -20
- package/lib/app-footer/navigation-link.d.ts +0 -22
- package/lib/dropdown/dropdown-option.d.ts +0 -21
- package/lib/flex-column/flex-column.d.ts +0 -16
- package/lib/flex-row/flex-row.d.ts +0 -16
- package/lib/icons/icon-button.d.ts +0 -27
- package/lib/icons/icon.d.ts +0 -37
- package/lib/icons/index.d.ts +0 -2
- package/lib/page/page.d.ts +0 -13
|
@@ -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,21 +0,0 @@
|
|
|
1
|
-
import React, { FC } from "react";
|
|
2
|
-
declare global {
|
|
3
|
-
namespace JSX {
|
|
4
|
-
interface IntrinsicElements {
|
|
5
|
-
'goa-dropdown-item': DropdownOptionProps & React.HTMLAttributes<HTMLElement>;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
interface DropdownOptionProps {
|
|
10
|
-
name: string;
|
|
11
|
-
value: string;
|
|
12
|
-
label?: string;
|
|
13
|
-
}
|
|
14
|
-
interface Props {
|
|
15
|
-
name: string;
|
|
16
|
-
value: string;
|
|
17
|
-
label?: string;
|
|
18
|
-
testId?: string;
|
|
19
|
-
}
|
|
20
|
-
export declare const GoADropdownOption: FC<Props>;
|
|
21
|
-
export default GoADropdownOption;
|
|
@@ -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-col': WCProps & React.HTMLAttributes<HTMLElement>;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
export interface Props {
|
|
13
|
-
gap?: 'small' | 'medium' | 'large';
|
|
14
|
-
}
|
|
15
|
-
export declare const GoAFlexCol: FC<Props>;
|
|
16
|
-
export default GoAFlexCol;
|
|
@@ -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 {};
|
package/lib/icons/icon.d.ts
DELETED
|
@@ -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' | "logo-alipay" | "logo-amazon" | "logo-amplify" | "logo-android" | "logo-angular" | "logo-apple" | "logo-apple-appstore" | "logo-apple-ar" | "logo-behance" | "logo-bitbucket" | "logo-bitcoin" | "logo-buffer" | "logo-capacitor" | "logo-chrome" | "logo-closed-captioning" | "logo-codepen" | "logo-css3" | "logo-designernews" | "logo-deviantart" | "logo-discord" | "logo-docker" | "logo-dribbble" | "logo-dropbox" | "logo-edge" | "logo-electron" | "logo-euro" | "logo-facebook" | "logo-figma" | "logo-firebase" | "logo-firefox" | "logo-flickr" | "logo-foursquare" | "logo-github" | "logo-gitlab" | "logo-google" | "logo-google-playstore" | "logo-hackernews" | "logo-html5" | "logo-instagram" | "logo-ionic" | "logo-ionitron" | "logo-javascript" | "logo-laravel" | "logo-linkedin" | "logo-markdown" | "logo-mastodon" | "logo-medium" | "logo-microsoft" | "logo-no-smoking" | "logo-nodejs" | "logo-npm" | "logo-octocat" | "logo-paypal" | "logo-pinterest" | "logo-playstation" | "logo-pwa" | "logo-python" | "logo-react" | "logo-reddit" | "logo-rss" | "logo-sass" | "logo-skype" | "logo-slack" | "logo-snapchat" | "logo-soundcloud" | "logo-stackoverflow" | "logo-steam" | "logo-stencil" | "logo-tableau" | "logo-tiktok" | "logo-tumblr" | "logo-tux" | "logo-twitch" | "logo-twitter" | "logo-usd" | "logo-venmo" | "logo-vercel" | "logo-vimeo" | "logo-vk" | "logo-vue" | "logo-web-component" | "logo-wechat" | "logo-whatsapp" | "logo-windows" | "logo-wordpress" | "logo-xbox" | "logo-xing" | "logo-yahoo" | "logo-yen" | "logo-youtube";
|
|
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 {};
|
package/lib/icons/index.d.ts
DELETED
package/lib/page/page.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
2
|
-
declare global {
|
|
3
|
-
namespace JSX {
|
|
4
|
-
interface IntrinsicElements {
|
|
5
|
-
'goa-page': React.HTMLAttributes<HTMLElement>;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
export interface PageProps {
|
|
10
|
-
children: ReactNode;
|
|
11
|
-
}
|
|
12
|
-
export declare function GoAPage(props: PageProps): JSX.Element;
|
|
13
|
-
export default GoAPage;
|