@abgov/react-components 4.0.0-alpha.1 → 4.0.0-alpha.100

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 (54) 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 +36 -32
  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 +16 -13
  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 +28 -0
  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 +63 -36
  35. package/lib/microsite-header/microsite-header.d.ts +5 -5
  36. package/lib/modal/modal.d.ts +10 -2
  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/textarea/textarea.d.ts +18 -9
  46. package/lib/two-column-layout/two-column-layout.d.ts +22 -0
  47. package/package.json +6 -6
  48. package/react-components.esm.js +16627 -193
  49. package/react-components.umd.js +17317 -841
  50. package/lib/flex/index.d.ts +0 -1
  51. package/lib/flex/row.d.ts +0 -7
  52. package/lib/icons/icon-button.d.ts +0 -27
  53. package/lib/icons/icon.d.ts +0 -37
  54. package/lib/icons/index.d.ts +0 -2
@@ -1 +0,0 @@
1
- export { GoAFlexRow } from './row';
package/lib/flex/row.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import { FC } from "react";
2
- interface Props {
3
- gap?: 'small' | 'medium' | 'large';
4
- minWidth?: number | string;
5
- }
6
- export declare const GoAFlexRow: FC<Props>;
7
- 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';