@abgov/react-components 4.0.0-alpha.10 → 4.0.0-alpha.100

package/lib/skeleton/skeleton.d.ts

@@ -1,19 +1,25 @@
-import React from 'react';
+import React from "react";
+import { Margins } from "../../common/styling";
 export declare type SkeletonType = "image" | "text" | "title" | "text-small" | "avatar" | "header" | "paragraph" | "thumbnail" | "card" | "profile";
-interface WCProps {
-    size: number;
+declare type SkeletonSize = 1 | 2 | 3 | 4;
+interface WCProps extends Margins {
+    maxwidth?: string;
+    size?: SkeletonSize;
+    linecount?: number;
     type: SkeletonType;
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-skeleton': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-skeleton": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
-export interface SkeletonProps {
+export interface SkeletonProps extends Margins {
+    maxWidth?: string;
+    size?: SkeletonSize;
+    lineCount?: number;
     type: SkeletonType;
-    size?: number;
 }
-export declare const GoASkeleton: ({ type, size }: SkeletonProps) => JSX.Element;
+export declare const GoASkeleton: ({ maxWidth, size, lineCount, type, mt, mr, mb, ml, }: SkeletonProps) => JSX.Element;
 export default GoASkeleton;

package/lib/spacer/spacer.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { Spacing } from "../../common/styling";
+interface WCProps {
+    hspacing?: Spacing | "fill";
+    vspacing?: Spacing;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-spacer": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface SpacerProps {
+    hSpacing?: Spacing | "fill";
+    vSpacing?: Spacing;
+}
+export declare function GoASpacer(props: SpacerProps): JSX.Element;
+export default GoASpacer;

package/lib/spinner/spinner.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 export declare type SpinnerType = "infinite" | "progress";
 export declare type SpinnerSize = "small" | "medium" | "large" | "xlarge";
 interface WCProps {
@@ -11,7 +11,7 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-spinner': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-spinner": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
@@ -22,5 +22,5 @@ export interface SpinnerProps {
     progress?: number;
     testId?: string;
 }
-export declare const GoASpinner: ({ type, size, progress, invert, testId }: SpinnerProps) => JSX.Element;
+export declare const GoASpinner: ({ type, size, progress, invert, testId, }: SpinnerProps) => JSX.Element;
 export default GoASpinner;

package/lib/textarea/textarea.d.ts

@@ -1,5 +1,6 @@
-import React, { FC } from 'react';
-interface WCProps {
+import React, { FC } from "react";
+import { Margins } from "../../common/styling";
+interface WCProps extends Margins {
     ref: React.Ref<HTMLTextAreaElement>;
     name: string;
     value: string;
@@ -9,15 +10,17 @@ interface WCProps {
     disabled?: boolean;
     showcounter?: boolean;
     maxcharcount?: number;
+    width?: string;
+    arialabel?: string;
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-textarea': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-textarea": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
-interface Props {
+interface Props extends Margins {
     name: string;
     value: string;
     id?: string;
@@ -27,7 +30,9 @@ interface Props {
     disabled?: boolean;
     showCounter?: boolean;
     maxCharCount?: number;
+    width?: string;
     testId?: string;
+    ariaLabel?: string;
     onChange: (name: string, value: string) => void;
 }
 export declare const GoATextArea: FC<Props>;

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.10",
+  "version": "4.0.0-alpha.100",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"
@@ -16,12 +16,12 @@
     "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"
+    "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",