@abgov/react-components 4.0.0-alpha.53 → 4.0.0-alpha.55

package/index.d.ts

@@ -1,34 +1,35 @@
-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";
+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';
+export * from './lib/two-column-layout/two-column-layout';

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

@@ -2,6 +2,7 @@ import React, { FC } from 'react';
 interface WCProps {
     heading?: string;
     url?: string;
+    maxcontentwidth?: string;
 }
 declare global {
     namespace JSX {
@@ -13,6 +14,7 @@ declare global {
 interface Props {
     heading?: string;
     url?: string;
+    maxContentWidth?: string;
     children?: React.ReactNode;
 }
 export declare const GoAAppHeader: FC<Props>;

package/lib/footer/footer.d.ts

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

package/lib/input/input.d.ts

@@ -1,12 +1,14 @@
 import React, { FC } from 'react';
 import { GoAIconType } from '../..';
 declare type GoAInputType = "text" | "number" | "password" | "email" | "date" | "datetime-local" | "month" | "range" | "search" | "tel" | "time" | "url" | "week";
+declare type GoAAutoCapitalize = "on" | "off" | "none" | "sentences" | "words" | "characters";
 interface WCProps {
     ref?: React.MutableRefObject<HTMLInputElement | null>;
     type?: GoAInputType;
     name: string;
     value: string;
     id?: string;
+    autocapitalize?: GoAAutoCapitalize;
     placeholder?: string;
     leadingicon?: string;
     trailingicon?: string;
@@ -33,12 +35,13 @@ declare global {
         }
     }
 }
-interface Props {
+export interface InputProps {
     name: string;
     value: string;
     onChange: (name: string, value: string) => void;
     id?: string;
     disabled?: boolean;
+    autoCapitalize?: GoAAutoCapitalize;
     placeholder?: string;
     leadingIcon?: GoAIconType;
     trailingIcon?: GoAIconType;
@@ -57,30 +60,30 @@ interface Props {
     max?: string;
     step?: number;
 }
-export declare const GoAInput: FC<Props & {
+export declare const GoAInput: FC<InputProps & {
     type?: GoAInputType;
 }>;
-export declare const GoAInputText: FC<Props>;
-export declare const GoAInputPassword: FC<Props>;
-export declare const GoAInputDate: FC<Omit<Props, "value"> & {
+export declare const GoAInputText: FC<InputProps>;
+export declare const GoAInputPassword: FC<InputProps>;
+export declare const GoAInputDate: FC<Omit<InputProps, "value"> & {
     value: Date | string;
 }>;
-export declare const GoAInputTime: FC<Omit<Props, "value"> & {
+export declare const GoAInputTime: FC<Omit<InputProps, "value"> & {
     value: Date | string;
 }>;
-export declare const GoAInputDateTime: FC<Omit<Props, "value"> & {
+export declare const GoAInputDateTime: FC<Omit<InputProps, "value"> & {
     value: Date;
 }>;
-export declare const GoAInputEmail: FC<Props>;
-export declare const GoAInputSearch: FC<Props>;
-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<Omit<Props, "value" | "min" | "max"> & {
+export declare const GoAInputEmail: FC<InputProps>;
+export declare const GoAInputSearch: FC<InputProps>;
+export declare const GoAInputUrl: FC<InputProps>;
+export declare const GoAInputTel: FC<InputProps>;
+export declare const GoAInputFile: FC<InputProps>;
+export declare const GoAInputMonth: FC<InputProps>;
+export declare const GoAInputNumber: FC<Omit<InputProps, "value" | "min" | "max"> & {
     value: number;
     min?: number;
     max?: number;
 }>;
-export declare const GoAInputRange: FC<Props>;
+export declare const GoAInputRange: FC<InputProps>;
 export default GoAInput;

package/lib/two-column-layout/two-column-layout.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+interface WCProps {
+    navcolumnwidth?: string;
+    maxcontentwidth?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'goa-two-column-layout': WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface Props {
+    navColumnWidth?: string;
+    maxContentWidth?: string;
+    header: ReactNode;
+    footer: ReactNode;
+    nav: ReactNode;
+    children: ReactNode;
+}
+export declare function GoATwoColumnLayout(props: Props): JSX.Element;
+export default GoATwoColumnLayout;

package/package.json

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