@abgov/react-components 4.0.0-alpha.54 → 4.0.0-alpha.56

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/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.54",
+  "version": "4.0.0-alpha.56",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"
@@ -16,14 +16,13 @@
     "url": "https://github.com/GovAlta/ui-components.git",
     "directory": "libs/react-components"
   },
-  "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
-  },
   "dependencies": {
     "date-fns": "^2.29.2"
   },
   "main": "./react-components.umd.js",
   "module": "./react-components.esm.js",
-  "typings": "./index.d.ts"
+  "typings": "./index.d.ts",
+  "peerDependencies": {
+    "react": "17.0.2"
+  }
 }