@abgov/react-components 4.0.0-alpha.57 → 4.0.0-alpha.59

package/lib/footer-nav-section/footer-nav-section.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode } from "react";
 interface WCProps {
     maxcolumncount?: number;
+    heading?: string;
 }
 declare global {
     namespace JSX {
@@ -11,7 +12,8 @@ declare global {
 }
 interface FooterNavSectionProps {
     maxColumnCount?: number;
+    heading?: string;
     children?: ReactNode;
 }
-export declare function GoAAppFooterNavSection({ maxColumnCount, children }: FooterNavSectionProps): JSX.Element;
+export declare function GoAAppFooterNavSection({ heading, maxColumnCount, children }: FooterNavSectionProps): JSX.Element;
 export default GoAAppFooterNavSection;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "4.0.0-alpha.57",
+  "version": "4.0.0-alpha.59",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"
@@ -16,13 +16,14 @@
     "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",
-  "peerDependencies": {
-    "react": "17.0.2"
-  }
+  "typings": "./index.d.ts"
 }

package/react-components.esm.js

@@ -6551,7 +6551,7 @@ function get_each_context$2(ctx, list, i) {
   const child_ctx = ctx.slice();
   child_ctx[5] = list[i];
   return child_ctx;
-} // (90:2) {#if name}
+} // (90:2) {#if heading}
 
 
 function create_if_block$b(ctx) {
@@ -6563,7 +6563,7 @@ function create_if_block$b(ctx) {
     c() {
       div = element("div");
       t0 = text(
-      /*name*/
+      /*heading*/
       ctx[0]);
       t1 = space();
       goa_divider = element("goa-divider");
@@ -6580,9 +6580,9 @@ function create_if_block$b(ctx) {
 
     p(ctx, dirty) {
       if (dirty &
-      /*name*/
+      /*heading*/
       1) set_data(t0,
-      /*name*/
+      /*heading*/
       ctx[0]);
     },
 
@@ -6651,7 +6651,7 @@ function create_fragment$l(ctx) {
   let ul;
   let ul_style_value;
   let if_block =
-  /*name*/
+  /*heading*/
   ctx[0] && create_if_block$b(ctx);
   let each_value =
   /*children*/
@@ -6714,7 +6714,7 @@ function create_fragment$l(ctx) {
 
     p(ctx, [dirty]) {
       if (
-      /*name*/
+      /*heading*/
       ctx[0]) {
         if (if_block) {
           if_block.p(ctx, dirty);
@@ -6792,7 +6792,7 @@ function create_fragment$l(ctx) {
 
 function instance$j($$self, $$props, $$invalidate) {
   let {
-    name = ""
+    heading = ""
   } = $$props;
   let {
     maxcolumncount = 1
@@ -6832,11 +6832,11 @@ function instance$j($$self, $$props, $$invalidate) {
   }
 
   $$self.$$set = $$props => {
-    if ('name' in $$props) $$invalidate(0, name = $$props.name);
+    if ('heading' in $$props) $$invalidate(0, heading = $$props.heading);
     if ('maxcolumncount' in $$props) $$invalidate(1, maxcolumncount = $$props.maxcolumncount);
   };
 
-  return [name, maxcolumncount, rootEl, children, section_binding];
+  return [heading, maxcolumncount, rootEl, children, section_binding];
 }
 
 class FooterNavSection extends SvelteElement {
@@ -6848,7 +6848,7 @@ class FooterNavSection extends SvelteElement {
       props: attribute_to_object(this.attributes),
       customElement: true
     }, instance$j, create_fragment$l, safe_not_equal, {
-      name: 0,
+      heading: 0,
       maxcolumncount: 1
     }, null);
 
@@ -6865,16 +6865,16 @@ class FooterNavSection extends SvelteElement {
   }
 
   static get observedAttributes() {
-    return ["name", "maxcolumncount"];
+    return ["heading", "maxcolumncount"];
   }
 
-  get name() {
+  get heading() {
     return this.$$.ctx[0];
   }
 
-  set name(name) {
+  set heading(heading) {
     this.$$set({
-      name
+      heading
     });
     flush();
   }
@@ -7407,7 +7407,7 @@ function instance$h($$self, $$props, $$invalidate) {
 class FormItem extends SvelteElement {
   constructor(options) {
     super();
-    this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}*{box-sizing:border-box}.label{display:block;font-weight:var(--fw-bold);color:var(--goa-color-text);font-size:var(--fs-base);padding:0.5rem 0;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.label em{color:var(--color-gray-600);font-weight:var(--fw-regular);font-size:var(--fs-sm);line-height:var(--lh-sm);font-style:normal}.form-item-input{margin-bottom:0.25rem}.help-msg{font-size:var(--fs-sm);color:var(--goa-color-text)}.error-msg{font-size:var(--fs-sm);color:var(--goa-color-interactive--error);margin-bottom:0.25rem}</style>`;
+    this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}*{box-sizing:border-box}.label{display:block;font-weight:var(--fw-bold);color:var(--goa-color-text);font-size:var(--fs-base);padding:0.5rem 0;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.label em{color:var(--color-gray-600);font-weight:var(--fw-regular);font-size:var(--fs-sm);line-height:var(--lh-sm);font-style:normal}.form-item-input{margin-bottom:0.25rem}.help-msg{font-size:var(--fs-sm);color:var(--goa-color-text);margin-right:56px}.error-msg{font-size:var(--fs-sm);color:var(--goa-color-interactive--error);margin-bottom:0.25rem}</style>`;
     init(this, {
       target: this.shadowRoot,
       props: attribute_to_object(this.attributes),
@@ -14588,11 +14588,13 @@ function GoAAppFooterMetaSection({
 }
 
 function GoAAppFooterNavSection({
+  heading,
   maxColumnCount = 1,
   children
 }) {
   return jsx("goa-app-footer-nav-section", Object.assign({
     slot: "nav",
+    heading: heading,
     maxcolumncount: maxColumnCount
   }, {
     children: children

package/react-components.umd.js

@@ -6596,7 +6596,7 @@
 	  const child_ctx = ctx.slice();
 	  child_ctx[5] = list[i];
 	  return child_ctx;
-	} // (90:2) {#if name}
+	} // (90:2) {#if heading}
 
 
 	function create_if_block$b(ctx) {
@@ -6608,7 +6608,7 @@
 	    c() {
 	      div = element("div");
 	      t0 = text(
-	      /*name*/
+	      /*heading*/
 	      ctx[0]);
 	      t1 = space();
 	      goa_divider = element("goa-divider");
@@ -6625,9 +6625,9 @@
 
 	    p(ctx, dirty) {
 	      if (dirty &
-	      /*name*/
+	      /*heading*/
 	      1) set_data(t0,
-	      /*name*/
+	      /*heading*/
 	      ctx[0]);
 	    },
 
@@ -6696,7 +6696,7 @@
 	  let ul;
 	  let ul_style_value;
 	  let if_block =
-	  /*name*/
+	  /*heading*/
 	  ctx[0] && create_if_block$b(ctx);
 	  let each_value =
 	  /*children*/
@@ -6759,7 +6759,7 @@
 
 	    p(ctx, [dirty]) {
 	      if (
-	      /*name*/
+	      /*heading*/
 	      ctx[0]) {
 	        if (if_block) {
 	          if_block.p(ctx, dirty);
@@ -6837,7 +6837,7 @@
 
 	function instance$j($$self, $$props, $$invalidate) {
 	  let {
-	    name = ""
+	    heading = ""
 	  } = $$props;
 	  let {
 	    maxcolumncount = 1
@@ -6878,11 +6878,11 @@
 	  }
 
 	  $$self.$$set = $$props => {
-	    if ('name' in $$props) $$invalidate(0, name = $$props.name);
+	    if ('heading' in $$props) $$invalidate(0, heading = $$props.heading);
 	    if ('maxcolumncount' in $$props) $$invalidate(1, maxcolumncount = $$props.maxcolumncount);
 	  };
 
-	  return [name, maxcolumncount, rootEl, children, section_binding];
+	  return [heading, maxcolumncount, rootEl, children, section_binding];
 	}
 
 	class FooterNavSection extends SvelteElement {
@@ -6894,7 +6894,7 @@
 	      props: attribute_to_object(this.attributes),
 	      customElement: true
 	    }, instance$j, create_fragment$l, safe_not_equal, {
-	      name: 0,
+	      heading: 0,
 	      maxcolumncount: 1
 	    }, null);
 
@@ -6911,16 +6911,16 @@
 	  }
 
 	  static get observedAttributes() {
-	    return ["name", "maxcolumncount"];
+	    return ["heading", "maxcolumncount"];
 	  }
 
-	  get name() {
+	  get heading() {
 	    return this.$$.ctx[0];
 	  }
 
-	  set name(name) {
+	  set heading(heading) {
 	    this.$$set({
-	      name
+	      heading
 	    });
 	    flush();
 	  }
@@ -7454,7 +7454,7 @@
 	class FormItem extends SvelteElement {
 	  constructor(options) {
 	    super();
-	    this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}*{box-sizing:border-box}.label{display:block;font-weight:var(--fw-bold);color:var(--goa-color-text);font-size:var(--fs-base);padding:0.5rem 0;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.label em{color:var(--color-gray-600);font-weight:var(--fw-regular);font-size:var(--fs-sm);line-height:var(--lh-sm);font-style:normal}.form-item-input{margin-bottom:0.25rem}.help-msg{font-size:var(--fs-sm);color:var(--goa-color-text)}.error-msg{font-size:var(--fs-sm);color:var(--goa-color-interactive--error);margin-bottom:0.25rem}</style>`;
+	    this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}*{box-sizing:border-box}.label{display:block;font-weight:var(--fw-bold);color:var(--goa-color-text);font-size:var(--fs-base);padding:0.5rem 0;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.label em{color:var(--color-gray-600);font-weight:var(--fw-regular);font-size:var(--fs-sm);line-height:var(--lh-sm);font-style:normal}.form-item-input{margin-bottom:0.25rem}.help-msg{font-size:var(--fs-sm);color:var(--goa-color-text);margin-right:56px}.error-msg{font-size:var(--fs-sm);color:var(--goa-color-interactive--error);margin-bottom:0.25rem}</style>`;
 	    init(this, {
 	      target: this.shadowRoot,
 	      props: attribute_to_object(this.attributes),
@@ -14665,11 +14665,13 @@
 	}
 
 	function GoAAppFooterNavSection(_a) {
-	  var _b = _a.maxColumnCount,
+	  var heading = _a.heading,
+	      _b = _a.maxColumnCount,
 	      maxColumnCount = _b === void 0 ? 1 : _b,
 	      children = _a.children;
 	  return jsxRuntime.jsx("goa-app-footer-nav-section", __assign({
 	    slot: "nav",
+	    heading: heading,
 	    maxcolumncount: maxColumnCount
 	  }, {
 	    children: children