@abgov/react-components 4.0.0-alpha.40 → 4.0.0-alpha.43

package/index.d.ts

@@ -1,40 +1,34 @@
-/**
- * IMPORTANT: Do NOT export experimental components in this file.
- */
-import '@abgov/web-components';
-import { GoABadge, GoAInfoBadge, GoAEmergencyBadge, GoASuccessBadge, GoAImportantBadge } from './lib/badge/badge';
-import { GoAInput, GoAInputText, GoAInputPassword, GoAInputDate, GoAInputTime, GoAInputDateTime, GoAInputEmail, GoAInputSearch, GoAInputUrl, GoAInputTel, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputRange } from './lib/input/input';
-import { GoAAppHeader } from './lib/app-header/app-header';
-import { GoAButton } from './lib/button/button';
-import { GoAButtonGroup } from './lib/button-group/button-group';
-import { GoACallout } from './lib/callout/callout';
-import { GoACheckbox } from './lib/checkbox/checkbox';
-import { GoAChip } from './lib/chip/chip';
-import { GoACircularProgress } from './lib/circular-progress/circular-progress';
-import { GoAContainer } from './lib/container/container';
-import { GoADropdown, GoADropdownOption } from './lib/dropdown/dropdown';
-import { GoAFlexRow } from './lib/flex-row/flex-row';
-import { GoAFormItem } from './lib/form';
-import { GoAHeroBanner } from './lib/hero-banner/hero-banner';
-import { GoAHeroBannerActions } from './lib/hero-banner/hero-banner-actions';
-import { GoAIcon, GoAIconButton } from './lib/icons';
-import { GoAMicrositeHeader } from './lib/microsite-header/microsite-header';
-import { GoAModal } from './lib/modal/modal';
-import { GoANotification } from './lib/notification/notification';
-import { GoAPageBlock } from './lib/page-block/page-block';
-import { GoARadioGroup, GoARadioItem } from './lib/radio-group/radio-group';
-import { GoASkeleton } from './lib/skeleton/skeleton';
-import { GoASpinner } from './lib/spinner/spinner';
-import { GoATextArea } from './lib/textarea/textarea';
-import type { GoAIconType } from './lib/icons';
-import type { GoABadgeType } from './lib/badge/badge';
-export * from './lib/page/page';
-export * from './lib/footer/footer';
-export * from './lib/footer-nav-section/footer-nav-section';
-export * from './lib/footer-meta-section/footer-meta-section';
-export * from './lib/flex-column/flex-column';
-export * from './lib/page/page';
-export * from './lib/divider/divider';
-export type { GoAIconType };
-export type { GoABadgeType };
-export { GoAAppHeader, GoABadge, GoAButton, GoAButtonGroup, GoACallout, GoACheckbox, GoAChip, GoACircularProgress, GoAContainer, GoADropdown, GoADropdownOption, GoAEmergencyBadge, GoAFlexRow, GoAFormItem, GoAHeroBanner, GoAHeroBannerActions, GoAIcon, GoAIconButton, GoAInfoBadge, GoAInput, GoAInputDate, GoAInputDateTime, GoAInputEmail, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputPassword, GoAInputRange, GoAInputSearch, GoAInputTel, GoAInputText, GoAInputTime, GoAInputUrl, GoAMicrositeHeader, GoAModal, GoANotification, GoAPageBlock, GoARadioGroup, GoARadioItem, GoASkeleton, GoASpinner, GoASuccessBadge, GoATextArea, GoAImportantBadge, };
+import "@abgov/web-components";
+export type { GoAIconType } from "./lib/icons";
+export type { GoABadgeType } from "./lib/badge/badge";
+export * from "./lib/app-header/app-header";
+export * from "./lib/badge/badge";
+export * from "./lib/button-group/button-group";
+export * from "./lib/button/button";
+export * from "./lib/callout/callout";
+export * from "./lib/checkbox/checkbox";
+export * from "./lib/chip/chip";
+export * from "./lib/circular-progress/circular-progress";
+export * from "./lib/container/container";
+export * from "./lib/divider/divider";
+export * from "./lib/dropdown/dropdown";
+export * from "./lib/flex-column/flex-column";
+export * from "./lib/flex-row/flex-row";
+export * from "./lib/footer-meta-section/footer-meta-section";
+export * from "./lib/footer-nav-section/footer-nav-section";
+export * from "./lib/footer/footer";
+export * from "./lib/form";
+export * from "./lib/hero-banner/hero-banner";
+export * from "./lib/hero-banner/hero-banner-actions";
+export * from "./lib/icons";
+export * from "./lib/input/input";
+export * from "./lib/microsite-header/microsite-header";
+export * from "./lib/modal/modal";
+export * from "./lib/notification/notification";
+export * from "./lib/page-block/page-block";
+export * from "./lib/page/page";
+export * from "./lib/page/page";
+export * from "./lib/radio-group/radio-group";
+export * from "./lib/skeleton/skeleton";
+export * from "./lib/spinner/spinner";
+export * from "./lib/textarea/textarea";

package/lib/app-header/app-header.d.ts

@@ -13,6 +13,7 @@ declare global {
 interface Props {
     heading?: string;
     url?: string;
+    children?: React.ReactNode;
 }
 export declare const GoAAppHeader: FC<Props>;
 export default GoAAppHeader;

package/lib/button/button.d.ts

@@ -9,7 +9,6 @@ interface WCProps {
     size?: ButtonSize;
     variant?: ButtonVariant;
     disabled?: boolean;
-    title?: string;
     leadingicon?: string;
     trailingicon?: string;
     ref: React.RefObject<HTMLElement>;
@@ -23,14 +22,13 @@ declare global {
 }
 declare type ButtonProps = {
     type?: ButtonType;
-    title?: string;
     size?: ButtonSize;
     variant?: ButtonVariant;
     disabled?: boolean;
     leadingIcon?: GoAIconType;
     trailingIcon?: GoAIconType;
     onClick: (e: any) => void;
-    children: ReactNode;
+    children?: ReactNode;
 };
 export declare const GoAButton: FC<ButtonProps>;
 export default GoAButton;

package/lib/button-group/button-group.d.ts

@@ -13,6 +13,7 @@ declare global {
 }
 declare type ButtonGroupProps = {
     alignment: Alignment;
+    children?: React.ReactNode;
 };
 export declare const GoAButtonGroup: FC<ButtonGroupProps>;
 export default GoAButtonGroup;

package/lib/checkbox/checkbox.d.ts

@@ -24,6 +24,7 @@ export interface Props {
     error?: boolean;
     text?: string;
     value?: string | number | boolean;
+    children?: React.ReactNode;
     testId?: string;
     onChange?: (name: string, checked: boolean, value: string) => void;
 }

package/lib/chip/chip.d.ts

@@ -13,7 +13,7 @@ declare global {
         }
     }
 }
-export interface Props {
+interface Props {
     onClick?: () => void;
     deletable?: boolean;
     leadingIcon?: string;

package/lib/container/container.d.ts

@@ -22,6 +22,7 @@ interface Props {
     colored?: boolean;
     padding?: ContainerPadding;
     actions?: ReactNode;
+    children?: ReactNode;
 }
 export declare const GoAContainer: FC<Props>;
 export default GoAContainer;

package/lib/dropdown/dropdown.d.ts

@@ -35,6 +35,7 @@ interface Props {
     placeholder?: string;
     testId?: string;
     width?: string;
+    children?: React.ReactNode;
 }
 export declare const GoADropdown: FC<Props>;
 export default GoADropdown;

package/lib/flex-column/flex-column.d.ts

@@ -9,8 +9,9 @@ declare global {
         }
     }
 }
-export interface Props {
+interface Props {
     gap?: 'small' | 'medium' | 'large';
+    children?: React.ReactNode;
 }
 export declare const GoAFlexCol: FC<Props>;
 export default GoAFlexCol;

package/lib/flex-row/flex-row.d.ts

@@ -9,8 +9,9 @@ declare global {
         }
     }
 }
-export interface Props {
+interface Props {
     gap?: 'small' | 'medium' | 'large';
+    children?: React.ReactNode;
 }
 export declare const GoAFlexRow: FC<Props>;
 export default GoAFlexRow;

package/lib/footer/footer.d.ts

@@ -7,7 +7,7 @@ declare global {
     }
 }
 export interface FooterProps {
-    children: ReactNode;
+    children?: ReactNode;
 }
 export declare function GoAAppFooter({ children }: FooterProps): JSX.Element;
 export default GoAAppFooter;

package/lib/footer-meta-section/footer-meta-section.d.ts

@@ -7,7 +7,7 @@ declare global {
     }
 }
 export interface FooterMetaSectionProps {
-    children: ReactNode;
+    children?: ReactNode;
 }
 export declare function GoAAppFooterMetaSection({ children }: FooterMetaSectionProps): JSX.Element;
 export default GoAAppFooterMetaSection;

package/lib/footer-nav-section/footer-nav-section.d.ts

@@ -13,7 +13,7 @@ declare global {
 interface FooterNavSectionProps {
     name: string;
     maxColumnCount?: number;
-    children: ReactNode;
+    children?: ReactNode;
 }
 export declare function GoAAppFooterNavSection({ name, maxColumnCount, children }: FooterNavSectionProps): JSX.Element;
 export default GoAAppFooterNavSection;

package/lib/form/form-item.d.ts

@@ -17,6 +17,7 @@ interface GoAFormItemProps {
     optional?: boolean;
     error?: string;
     helpText?: string;
+    children?: React.ReactNode;
 }
 export declare const GoAFormItem: FC<GoAFormItemProps>;
 export default GoAFormItem;

package/lib/hero-banner/hero-banner-actions.d.ts

@@ -1,4 +1,6 @@
-import { FC } from 'react';
-export declare type GoAHeroBannerActionsType = FC;
-export declare const GoAHeroBannerActions: GoAHeroBannerActionsType;
+import React, { FC } from 'react';
+export declare type GoAHeroBannerActionsType = {
+    children?: React.ReactNode;
+};
+export declare const GoAHeroBannerActions: FC<GoAHeroBannerActionsType>;
 export default GoAHeroBannerActions;

package/lib/hero-banner/hero-banner.d.ts

@@ -13,6 +13,7 @@ declare global {
 interface Props {
     heading: string;
     backgroundUrl: string;
+    children?: React.ReactNode;
 }
 export declare const GoAHeroBanner: FC<Props>;
 export default GoAHeroBanner;

package/lib/icons/icon-button.d.ts

@@ -21,6 +21,7 @@ interface Props {
     variant?: IconVariant;
     title?: string;
     disabled?: boolean;
+    children?: React.ReactNode;
     onClick: () => void;
 }
 export declare const GoAIconButton: FC<Props>;

package/lib/input/input.d.ts

@@ -19,6 +19,8 @@ interface WCProps {
     maxcharcount?: number;
     handletrailingiconclick: boolean;
     width?: string;
+    prefix?: string;
+    suffix?: string;
     testid?: string;
     min?: string;
     max?: string;
@@ -31,7 +33,7 @@ declare global {
         }
     }
 }
-export interface Props {
+interface Props {
     name: string;
     value: string;
     onChange: (name: string, value: string) => void;
@@ -48,6 +50,8 @@ export interface Props {
     width?: string;
     showCounter?: boolean;
     maxCharCount?: number;
+    prefix?: string;
+    suffix?: string;
     testId?: string;
     min?: string;
     max?: string;

package/lib/modal/modal.d.ts

@@ -21,6 +21,7 @@ interface Props {
     actions?: React.ReactElement;
     onClose?: () => void;
     transition?: "fast" | "slow" | "none";
+    children?: React.ReactNode;
     open?: boolean;
 }
 export declare const GoAModal: FC<Props>;

package/lib/notification/notification.d.ts

@@ -10,7 +10,7 @@ declare global {
         }
     }
 }
-export interface Props {
+interface Props {
     type?: NotificationType;
     children?: React.ReactNode;
 }

package/lib/page/page.d.ts

@@ -7,7 +7,7 @@ declare global {
     }
 }
 export interface PageProps {
-    children: ReactNode;
+    children?: ReactNode;
 }
 export declare function GoAPage(props: PageProps): JSX.Element;
 export default GoAPage;

package/lib/page-block/page-block.d.ts

@@ -11,6 +11,6 @@ declare global {
 }
 export interface PageBlockProps {
     width: "full" | string;
-    children: ReactNode;
+    children?: ReactNode;
 }
 export declare const GoAPageBlock: FC<PageBlockProps>;

package/lib/radio-group/radio-group.d.ts

@@ -22,6 +22,7 @@ interface Props {
     orientation?: 'horizontal' | 'vertical';
     testId?: string;
     error?: boolean;
+    children?: React.ReactNode;
     onChange: (name: string, value: string) => void;
 }
 export declare const GoARadioGroup: FC<Props>;

package/lib/radio-group/radio.d.ts

@@ -21,6 +21,7 @@ interface Props {
     disabled?: boolean;
     checked?: boolean;
     error?: boolean;
+    children?: React.ReactNode;
     testId?: string;
 }
 export declare const GoARadioItem: FC<Props>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "4.0.0-alpha.40",
+  "version": "4.0.0-alpha.43",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"