@abgov/react-components 4.14.0 → 4.15.0-alpha.10

package/experimental/package.json

@@ -5,7 +5,7 @@
   "typings": "./index.d.ts",
   "dependencies": {},
   "peerDependencies": {
-    "react": "17.0.2",
-    "date-fns": "^2.29.2"
+    "date-fns": "^2.29.2",
+    "react": "17.0.2"
   }
 }

package/index.d.ts

@@ -1,4 +1,6 @@
 import "@abgov/web-components";
+export * from "./lib/date-picker/date-picker";
+export * from "./lib/calendar/calendar";
 export * from "./lib/side-menu-group/side-menu-group";
 export * from "./lib/side-menu-heading/side-menu-heading";
 export * from "./lib/side-menu/side-menu";

package/lib/calendar/calendar.d.ts

@@ -0,0 +1,25 @@
+import React, { FC } from "react";
+import { Margins } from "../../common/styling";
+interface Props extends Margins {
+    name?: string;
+    value?: Date;
+    min?: Date;
+    max?: Date;
+    onChange: (name: string, value: Date) => void;
+}
+interface WCProps extends Margins {
+    ref: React.RefObject<HTMLElement>;
+    name?: string;
+    value?: string;
+    min?: string;
+    max?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-calendar": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export declare const GoACalendar: FC<Props>;
+export default GoACalendar;

package/lib/date-picker/date-picker.d.ts

@@ -0,0 +1,25 @@
+import React, { FC } from "react";
+import { Margins } from "../../common/styling";
+interface Props extends Margins {
+    name?: string;
+    value?: Date;
+    min?: Date;
+    max?: Date;
+    onChange: (name: string, value: Date) => void;
+}
+interface WCProps extends Margins {
+    ref: React.RefObject<HTMLElement>;
+    name?: string;
+    value?: string;
+    min?: string;
+    max?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-date-picker": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export declare const GoADatePicker: FC<Props>;
+export default GoADatePicker;

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

@@ -3,6 +3,7 @@ import { Margins } from "../../common/styling";
 declare type RequirementType = "optional" | "required";
 interface WCProps extends Margins {
     label?: string;
+    labelsize?: string;
     requirement?: RequirementType;
     error?: string;
     helptext?: string;
@@ -17,6 +18,7 @@ declare global {
 }
 interface GoAFormItemProps extends Margins {
     label?: string;
+    labelSize?: string;
     requirement?: RequirementType;
     error?: string;
     helpText?: string;

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

@@ -1,9 +1,11 @@
 import React, { FC } from "react";
 interface WCProps {
     heading: string;
-    backgroundurl: string;
+    backgroundurl?: string;
     minheight?: string;
     maxcontentwidth?: string;
+    backgroundcolor?: string;
+    textcolor?: string;
 }
 declare global {
     namespace JSX {
@@ -14,11 +16,13 @@ declare global {
 }
 interface Props {
     heading: string;
-    backgroundUrl: string;
+    backgroundUrl?: string;
     minHeight?: string;
     testId?: string;
     children?: React.ReactNode;
     maxContentWidth?: string;
+    backgroundColor?: string;
+    textColor?: string;
 }
 export declare const GoAHeroBanner: FC<Props>;
 export default GoAHeroBanner;

package/lib/modal/modal.d.ts

@@ -5,7 +5,7 @@ interface WCProps {
     ref: React.RefObject<HTMLElement>;
     heading?: React.ReactNode;
     open?: boolean;
-    width?: string;
+    maxwidth?: string;
     closable?: boolean;
     scrollable?: boolean;
     transition?: ModalTransition;
@@ -20,7 +20,7 @@ declare global {
 }
 interface Props {
     heading?: React.ReactNode;
-    width?: string;
+    maxWidth?: string;
     actions?: React.ReactElement;
     onClose?: () => void;
     transition?: ModalTransition;
@@ -29,6 +29,7 @@ interface Props {
     type?: string;
     calloutVariant?: CalloutVariant;
     testId?: string;
+    width?: string;
 }
 export declare const GoAModal: FC<Props>;
 export default GoAModal;

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

@@ -1,6 +1,6 @@
 import React, { FC } from "react";
 interface RadioItemProps {
-    name: string;
+    name?: string;
     value: string;
     description?: string;
     label?: string;
@@ -18,8 +18,8 @@ declare global {
 interface Props {
     value: string;
     label?: string;
+    name?: string;
     description?: string;
-    name: string;
     disabled?: boolean;
     checked?: boolean;
     error?: boolean;

package/package.json

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