@abgov/react-components 4.0.0-alpha.16 → 4.0.0-alpha.19

package/index.d.ts

@@ -2,11 +2,9 @@
  * IMPORTANT: Do NOT export experimental components in this file.
  */
 import '@abgov/web-components';
-import { GoAAppHeader } from './lib/app-header/app-header';
-import { GoAAppFooter } from './lib/app-footer/app-footer';
-import { GoAMetaLink } from './lib/app-footer/meta-link';
-import { GoANavigationLink } from './lib/app-footer/navigation-link';
 import { GoABadge, GoAInfoBadge, GoAEmergencyBadge, GoASuccessBadge, GoAWarningBadge } 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';
@@ -15,12 +13,11 @@ 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';
+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 { GoAInput, GoAInputText, GoAInputPassword, GoAInputDate, GoAInputTime, GoAInputDateTime, GoAInputEmail, GoAInputSearch, GoAInputUrl, GoAInputTel, GoAInputFile, GoAInputMonth, GoAInputNumber, GoAInputRange } from './lib/input/input';
 import { GoAMicrositeHeader } from './lib/microsite-header/microsite-header';
 import { GoAModal } from './lib/modal/modal';
 import { GoANotification } from './lib/notification/notification';
@@ -31,6 +28,12 @@ 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/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, GoAAppFooter, GoAMetaLink, GoANavigationLink, 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, GoAWarningBadge, };
+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, GoAWarningBadge, };

package/lib/checkbox/checkbox.d.ts

@@ -10,7 +10,7 @@ interface CheckboxProps {
     ref: React.RefObject<HTMLElement>;
     id?: string;
     name: string;
-    checked?: boolean;
+    checked: boolean;
     disabled?: boolean;
     error?: boolean;
     text?: string;
@@ -19,7 +19,7 @@ interface CheckboxProps {
 export interface Props {
     id?: string;
     name: string;
-    checked?: boolean;
+    checked: boolean;
     disabled?: boolean;
     error?: boolean;
     text?: string;

package/lib/circular-progress/circular-progress.d.ts

@@ -5,7 +5,7 @@ export declare type CircularProgressSize = "small" | "large";
 interface WCProps {
     type?: CircularProgressType;
     variant?: CircularProgressVariant;
-    size?: CircularProgressSize;
+    size: CircularProgressSize;
     message?: string;
     visible?: string;
     progress?: number;
@@ -20,7 +20,7 @@ declare global {
 export interface CircularProgressProps {
     type?: CircularProgressType;
     variant?: CircularProgressVariant;
-    size?: CircularProgressSize;
+    size: CircularProgressSize;
     message?: string;
     visible?: boolean;
     progress?: number;

package/lib/container/container.d.ts

@@ -4,6 +4,7 @@ declare type HeadingSize = 'large' | 'small' | 'none';
 interface WCProps {
     variant: ContainerVariant;
     headingsize: HeadingSize;
+    colored: boolean;
 }
 declare global {
     namespace JSX {
@@ -16,6 +17,7 @@ interface Props {
     headingSize: HeadingSize;
     variant?: ContainerVariant;
     title?: ReactNode;
+    colored?: boolean;
     actions?: ReactNode;
     children: ReactNode;
 }

package/lib/divider/divider.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+declare type DividerSpacing = "small" | "medium" | "large";
+interface WCDividerProps {
+    spacing: DividerSpacing;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-divider': WCDividerProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface DividerProps {
+    spacing: DividerSpacing;
+}
+export declare function GoADivider(props: DividerProps): JSX.Element;
+export default GoADivider;

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

@@ -0,0 +1,16 @@
+import React, { FC } from "react";
+interface WCProps {
+    gap?: 'small' | 'medium' | 'large';
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-flex-col': WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface Props {
+    gap?: 'small' | 'medium' | 'large';
+}
+export declare const GoAFlexCol: FC<Props>;
+export default GoAFlexCol;

package/lib/{flex/row.d.ts → flex-row/flex-row.d.ts}

@@ -1,6 +1,6 @@
 import React, { FC } from "react";
 interface WCProps {
-    gap: 'small' | 'medium' | 'large';
+    gap?: 'small' | 'medium' | 'large';
 }
 declare global {
     namespace JSX {
@@ -10,7 +10,7 @@ declare global {
     }
 }
 export interface Props {
-    gap: 'small' | 'medium' | 'large';
+    gap?: 'small' | 'medium' | 'large';
 }
 export declare const GoAFlexRow: FC<Props>;
 export default GoAFlexRow;

package/lib/footer/footer.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-app-footer': React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface FooterProps {
+    children: ReactNode;
+}
+export declare function GoAAppFooter({ children }: FooterProps): JSX.Element;
+export default GoAAppFooter;

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

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-app-footer-meta-section': React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface FooterMetaSectionProps {
+    children: ReactNode;
+}
+export declare function GoAAppFooterMetaSection({ children }: FooterMetaSectionProps): JSX.Element;
+export default GoAAppFooterMetaSection;

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

@@ -0,0 +1,19 @@
+import React, { ReactNode } from "react";
+interface WCProps {
+    name?: string;
+    maxcolumncount?: number;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-app-footer-nav-section': WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface FooterNavSectionProps {
+    name: string;
+    maxColumnCount?: number;
+    children: ReactNode;
+}
+export declare function GoAAppFooterNavSection({ name, maxColumnCount, children }: FooterNavSectionProps): JSX.Element;
+export default GoAAppFooterNavSection;

package/lib/input/input.d.ts

@@ -66,7 +66,9 @@ export declare const GoAInputUrl: FC<Props>;
 export declare const GoAInputTel: FC<Props>;
 export declare const GoAInputFile: FC<Props>;
 export declare const GoAInputMonth: FC<Props>;
-export declare const GoAInputNumber: FC<Props & {
+export declare const GoAInputNumber: FC<Omit<Props, "value"> & {
+    value: number;
+} & {
     min?: number;
     max?: number;
     step?: number;

package/lib/page/page.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-page': React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface PageProps {
+    children: ReactNode;
+}
+export declare function GoAPage(props: PageProps): JSX.Element;
+export default GoAPage;

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

@@ -1,9 +1,16 @@
-import React, { FC } from 'react';
+import React, { FC, ReactNode } from 'react';
+export interface WCPageBlockProps {
+    width: "full" | string;
+}
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-page-block': React.HTMLAttributes<HTMLElement>;
+            'goa-page-block': WCPageBlockProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
-export declare const GoAPageBlock: FC;
+export interface PageBlockProps {
+    width: "full" | string;
+    children: ReactNode;
+}
+export declare const GoAPageBlock: FC<PageBlockProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "4.0.0-alpha.16",
+  "version": "4.0.0-alpha.19",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"
@@ -16,9 +16,6 @@
     "url": "https://github.com/GovAlta/ui-components.git",
     "directory": "libs/react-components"
   },
-  "dependencies": {
-    "@abgov/web-components": "^1.0.0-alpha.23"
-  },
   "peerDependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2"