@abgov/react-components 4.0.0-alpha.5 → 4.0.0-alpha.8

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

@@ -5,6 +5,7 @@ interface WCProps {
     title?: string;
     copyrighturl?: string;
     copyrighttext?: string;
+    multicolumnsectionnames?: string;
 }
 declare global {
     namespace JSX {
@@ -19,6 +20,7 @@ export interface Props {
     title?: string;
     copyrightUrl?: string;
     copyrightText?: string;
+    multiColumnSectionNames?: string;
 }
 export declare const GoAAppFooter: FC<Props>;
 export default GoAAppFooter;

package/lib/button/button.d.ts

@@ -1,6 +1,7 @@
 import React, { FC, ReactNode } from 'react';
 import './button.css';
-export declare type ButtonType = 'primary' | 'secondary' | 'tertiary' | 'get-started';
+import { GoAIconType } from '../icons';
+export declare type ButtonType = 'primary' | 'secondary' | 'tertiary' | 'start';
 export declare type ButtonSize = 'compact' | 'normal';
 export declare type ButtonVariant = 'default' | 'danger';
 interface WCProps {
@@ -9,6 +10,8 @@ interface WCProps {
     variant?: ButtonVariant;
     disabled?: boolean;
     title?: string;
+    leadingicon?: string;
+    trailingicon?: string;
     ref: React.RefObject<HTMLElement>;
 }
 declare global {
@@ -24,6 +27,8 @@ declare type ButtonProps = {
     size?: ButtonSize;
     variant?: ButtonVariant;
     disabled?: boolean;
+    leadingIcon?: GoAIconType;
+    trailingIcon?: GoAIconType;
     onClick: (e: any) => void;
     children: ReactNode;
 };

package/package.json

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

package/react-components.esm.js

@@ -21,6 +21,7 @@ const GoAAppFooter = ({
   title,
   copyrightUrl,
   copyrightText,
+  multiColumnSectionNames,
   children
 }) => {
   return jsx("goa-app-footer", Object.assign({
@@ -28,7 +29,8 @@ const GoAAppFooter = ({
     appurl: appUrl,
     title: title,
     copyrighturl: copyrightUrl,
-    copyrighttext: copyrightText
+    copyrighttext: copyrightText,
+    multicolumnsectionnames: multiColumnSectionNames
   }, {
     children: children
   }), void 0);
@@ -160,6 +162,8 @@ const GoAButton = ({
   type: _type = 'primary',
   size: _size = 'normal',
   variant: _variant = 'default',
+  leadingIcon,
+  trailingIcon,
   children,
   onClick
 }) => {
@@ -187,13 +191,15 @@ const GoAButton = ({
     size: _size,
     variant: _variant,
     disabled: _disabled,
-    title: title
+    title: title,
+    leadingicon: leadingIcon,
+    trailingicon: trailingIcon
   }, {
     children: children
   }), void 0);
 };
 
-var css_248z = "goa-button-group > goa-button ~ goa-button {\n  margin: 0;\n  margin-top: 0.25rem;\n}\n\n@media (min-width: 320px) {\n  goa-button-group > goa-button ~ goa-button {\n    margin: 0;\n    /* margin-left: 0.25rem; */\n  }\n}\n";
+var css_248z = "goa-button-group > goa-button ~ goa-button {\n  margin: 0;\n  margin-top: 0.25rem;\n}\n\n@media (min-width: 480px) {\n  goa-button-group > goa-button ~ goa-button {\n    margin: 0;\n  }\n}\n";
 styleInject(css_248z);
 
 const GoAButtonGroup = ({

package/react-components.umd.js

@@ -60,13 +60,15 @@
           title = _a.title,
           copyrightUrl = _a.copyrightUrl,
           copyrightText = _a.copyrightText,
+          multiColumnSectionNames = _a.multiColumnSectionNames,
           children = _a.children;
       return jsxRuntime.jsx("goa-app-footer", __assign({
         id: id,
         appurl: appUrl,
         title: title,
         copyrighturl: copyrightUrl,
-        copyrighttext: copyrightText
+        copyrighttext: copyrightText,
+        multicolumnsectionnames: multiColumnSectionNames
       }, {
         children: children
       }), void 0);
@@ -195,6 +197,8 @@
           size = _d === void 0 ? 'normal' : _d,
           _e = _a.variant,
           variant = _e === void 0 ? 'default' : _e,
+          leadingIcon = _a.leadingIcon,
+          trailingIcon = _a.trailingIcon,
           children = _a.children,
           onClick = _a.onClick;
       var el = react.useRef(null);
@@ -221,13 +225,15 @@
         size: size,
         variant: variant,
         disabled: disabled,
-        title: title
+        title: title,
+        leadingicon: leadingIcon,
+        trailingicon: trailingIcon
       }, {
         children: children
       }), void 0);
     };
 
-    var css_248z = "goa-button-group > goa-button ~ goa-button {\n  margin: 0;\n  margin-top: 0.25rem;\n}\n\n@media (min-width: 320px) {\n  goa-button-group > goa-button ~ goa-button {\n    margin: 0;\n    /* margin-left: 0.25rem; */\n  }\n}\n";
+    var css_248z = "goa-button-group > goa-button ~ goa-button {\n  margin: 0;\n  margin-top: 0.25rem;\n}\n\n@media (min-width: 480px) {\n  goa-button-group > goa-button ~ goa-button {\n    margin: 0;\n  }\n}\n";
     styleInject(css_248z);
 
     var GoAButtonGroup = function GoAButtonGroup(_a) {