@abgov/react-components 4.0.0-alpha.140 → 4.0.0-alpha.141

package/package.json

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

package/react-components.esm.js

@@ -19072,7 +19072,7 @@ function create_else_block$1(ctx) {
     }
 
   };
-} // (152:38) 
+} // (153:38) 
 
 
 function create_if_block_3$2(ctx) {
@@ -19094,7 +19094,7 @@ function create_if_block_3$2(ctx) {
     }
 
   };
-} // (150:36) 
+} // (151:36) 
 
 
 function create_if_block_2$2(ctx) {
@@ -19117,7 +19117,7 @@ function create_if_block_2$2(ctx) {
     }
 
   };
-} // (148:4) {#if _isCurrent}
+} // (149:4) {#if _isCurrent}
 
 
 function create_if_block_1$2(ctx) {
@@ -19139,7 +19139,7 @@ function create_if_block_1$2(ctx) {
     }
 
   };
-} // (160:4) {#if status === "incomplete"}
+} // (161:4) {#if status === "incomplete"}
 
 
 function create_if_block$2(ctx) {
@@ -19166,7 +19166,7 @@ function create_if_block$2(ctx) {
 function create_fragment$3(ctx) {
   let label;
   let input;
-  let input_disabled_value;
+  let input_aria_disabled_value;
   let t0;
   let div0;
   let t1;
@@ -19219,9 +19219,9 @@ function create_fragment$3(ctx) {
       input.checked =
       /*_isCurrent*/
       ctx[7];
-      input.disabled = input_disabled_value = !
+      attr(input, "aria-disabled", input_aria_disabled_value = !
       /*_isEnabled*/
-      ctx[6];
+      ctx[6]);
       attr(div0, "data-testid", "status");
       attr(div0, "class", "status");
       attr(div1, "class", "text");
@@ -19292,10 +19292,10 @@ function create_fragment$3(ctx) {
 
       if (dirty &
       /*_isEnabled*/
-      64 && input_disabled_value !== (input_disabled_value = !
+      64 && input_aria_disabled_value !== (input_aria_disabled_value = !
       /*_isEnabled*/
       ctx[6])) {
-        input.disabled = input_disabled_value;
+        attr(input, "aria-disabled", input_aria_disabled_value);
       }
 
       if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block0) {
@@ -19490,7 +19490,7 @@ function instance$3($$self, $$props, $$invalidate) {
 class FormStep extends SvelteElement {
   constructor(options) {
     super();
-    this.shadowRoot.innerHTML = `<style>input[type=checkbox]{position:absolute;left:-9999px}[role="listitem"]{display:flex;box-sizing:border-box;height:100%;text-align:center;flex-direction:column;align-items:center;padding:var(--goa-space-l)}[role="listitem"]:not([aria-disabled="true"]):focus-within,[role="listitem"]:not([aria-disabled="true"]):focus,[role="listitem"]:not([aria-disabled="true"]):active{outline:var(--goa-color-interactive-focus) solid var(--goa-border-width-l)}[role="listitem"]:not([aria-disabled="true"]):hover{background-color:rgba(0,0,0,0.05);cursor:pointer}.status{flex:0 0 auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:999px;border:4px solid var(--goa-color-interactive-default);background:var(--goa-color-greyscale-white);height:2.5rem;width:2.5rem}[aria-current="step"] .text{font-weight:var(--goa-font-weight-bold)
+    this.shadowRoot.innerHTML = `<style>input[type=checkbox]{position:absolute;left:-9999px}[role="listitem"]{display:flex;box-sizing:border-box;height:100%;text-align:center;flex-direction:column;align-items:center;padding:var(--goa-space-l)}[role="listitem"]:not([aria-disabled="true"]):not([aria-current="step"]):focus-within,[role="listitem"]:not([aria-disabled="true"]):not([aria-current="step"]):focus,[role="listitem"]:not([aria-disabled="true"]):not([aria-current="step"]):active{outline:var(--goa-color-interactive-focus) solid var(--goa-border-width-l)}[role="listitem"]:not([aria-disabled="true"]):not([aria-current="step"]):hover{background-color:rgba(0,0,0,0.05);cursor:pointer}.status{flex:0 0 auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:999px;border:4px solid var(--goa-color-interactive-default);background:var(--goa-color-greyscale-white);height:2.5rem;width:2.5rem}[aria-current="step"] .text{font-weight:var(--goa-font-weight-bold)
   }[data-status=complete] .status{background:var(--goa-color-interactive-default)}[aria-current="step"][data-status=complete] .status{background:var(--goa-color-greyscale-white)}.step-number{margin-bottom:var(--font-valign-fix);font-weight:var(--goa-font-weight-bold);color:var(--goa-color-text-secondary)}[role="listitem"]:not(
     [data-status=complete],
     [data-status=incomplete],

package/react-components.umd.js

@@ -19123,7 +19123,7 @@
 	    }
 
 	  };
-	} // (152:38) 
+	} // (153:38) 
 
 
 	function create_if_block_3$2(ctx) {
@@ -19145,7 +19145,7 @@
 	    }
 
 	  };
-	} // (150:36) 
+	} // (151:36) 
 
 
 	function create_if_block_2$2(ctx) {
@@ -19168,7 +19168,7 @@
 	    }
 
 	  };
-	} // (148:4) {#if _isCurrent}
+	} // (149:4) {#if _isCurrent}
 
 
 	function create_if_block_1$2(ctx) {
@@ -19190,7 +19190,7 @@
 	    }
 
 	  };
-	} // (160:4) {#if status === "incomplete"}
+	} // (161:4) {#if status === "incomplete"}
 
 
 	function create_if_block$2(ctx) {
@@ -19217,7 +19217,7 @@
 	function create_fragment$3(ctx) {
 	  let label;
 	  let input;
-	  let input_disabled_value;
+	  let input_aria_disabled_value;
 	  let t0;
 	  let div0;
 	  let t1;
@@ -19270,9 +19270,9 @@
 	      input.checked =
 	      /*_isCurrent*/
 	      ctx[7];
-	      input.disabled = input_disabled_value = !
+	      attr(input, "aria-disabled", input_aria_disabled_value = !
 	      /*_isEnabled*/
-	      ctx[6];
+	      ctx[6]);
 	      attr(div0, "data-testid", "status");
 	      attr(div0, "class", "status");
 	      attr(div1, "class", "text");
@@ -19343,10 +19343,10 @@
 
 	      if (dirty &
 	      /*_isEnabled*/
-	      64 && input_disabled_value !== (input_disabled_value = !
+	      64 && input_aria_disabled_value !== (input_aria_disabled_value = !
 	      /*_isEnabled*/
 	      ctx[6])) {
-	        input.disabled = input_disabled_value;
+	        attr(input, "aria-disabled", input_aria_disabled_value);
 	      }
 
 	      if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block0) {
@@ -19541,7 +19541,7 @@
 	class FormStep extends SvelteElement {
 	  constructor(options) {
 	    super();
-	    this.shadowRoot.innerHTML = `<style>input[type=checkbox]{position:absolute;left:-9999px}[role="listitem"]{display:flex;box-sizing:border-box;height:100%;text-align:center;flex-direction:column;align-items:center;padding:var(--goa-space-l)}[role="listitem"]:not([aria-disabled="true"]):focus-within,[role="listitem"]:not([aria-disabled="true"]):focus,[role="listitem"]:not([aria-disabled="true"]):active{outline:var(--goa-color-interactive-focus) solid var(--goa-border-width-l)}[role="listitem"]:not([aria-disabled="true"]):hover{background-color:rgba(0,0,0,0.05);cursor:pointer}.status{flex:0 0 auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:999px;border:4px solid var(--goa-color-interactive-default);background:var(--goa-color-greyscale-white);height:2.5rem;width:2.5rem}[aria-current="step"] .text{font-weight:var(--goa-font-weight-bold)
+	    this.shadowRoot.innerHTML = `<style>input[type=checkbox]{position:absolute;left:-9999px}[role="listitem"]{display:flex;box-sizing:border-box;height:100%;text-align:center;flex-direction:column;align-items:center;padding:var(--goa-space-l)}[role="listitem"]:not([aria-disabled="true"]):not([aria-current="step"]):focus-within,[role="listitem"]:not([aria-disabled="true"]):not([aria-current="step"]):focus,[role="listitem"]:not([aria-disabled="true"]):not([aria-current="step"]):active{outline:var(--goa-color-interactive-focus) solid var(--goa-border-width-l)}[role="listitem"]:not([aria-disabled="true"]):not([aria-current="step"]):hover{background-color:rgba(0,0,0,0.05);cursor:pointer}.status{flex:0 0 auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:999px;border:4px solid var(--goa-color-interactive-default);background:var(--goa-color-greyscale-white);height:2.5rem;width:2.5rem}[aria-current="step"] .text{font-weight:var(--goa-font-weight-bold)
   }[data-status=complete] .status{background:var(--goa-color-interactive-default)}[aria-current="step"][data-status=complete] .status{background:var(--goa-color-greyscale-white)}.step-number{margin-bottom:var(--font-valign-fix);font-weight:var(--goa-font-weight-bold);color:var(--goa-color-text-secondary)}[role="listitem"]:not(
     [data-status=complete],
     [data-status=incomplete],