@abgov/react-components 4.0.0-alpha.132 → 4.0.0-alpha.133

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abgov/react-components",
3
- "version": "4.0.0-alpha.132",
3
+ "version": "4.0.0-alpha.133",
4
4
  "description": "Government of Alberta - UI components for React",
5
5
  "bugs": {
6
6
  "url": "https://github.com/GovAlta/ui-components/issues"
@@ -19012,7 +19012,7 @@ function create_else_block(ctx) {
19012
19012
  }
19013
19013
 
19014
19014
  };
19015
- } // (148:38)
19015
+ } // (152:38)
19016
19016
 
19017
19017
 
19018
19018
  function create_if_block_3(ctx) {
@@ -19034,7 +19034,7 @@ function create_if_block_3(ctx) {
19034
19034
  }
19035
19035
 
19036
19036
  };
19037
- } // (146:36)
19037
+ } // (150:36)
19038
19038
 
19039
19039
 
19040
19040
  function create_if_block_2(ctx) {
@@ -19057,7 +19057,7 @@ function create_if_block_2(ctx) {
19057
19057
  }
19058
19058
 
19059
19059
  };
19060
- } // (144:4) {#if _isCurrent}
19060
+ } // (148:4) {#if _isCurrent}
19061
19061
 
19062
19062
 
19063
19063
  function create_if_block_1(ctx) {
@@ -19079,7 +19079,7 @@ function create_if_block_1(ctx) {
19079
19079
  }
19080
19080
 
19081
19081
  };
19082
- } // (156:4) {#if status === "incomplete"}
19082
+ } // (160:4) {#if status === "incomplete"}
19083
19083
 
19084
19084
 
19085
19085
  function create_if_block(ctx) {
@@ -19171,6 +19171,7 @@ function create_fragment$1(ctx) {
19171
19171
  /*arialabel*/
19172
19172
  ctx[2]);
19173
19173
  attr(label, "role", "listitem");
19174
+ attr(label, "tabindex", "-1");
19174
19175
  attr(label, "for",
19175
19176
  /*text*/
19176
19177
  ctx[0]);
@@ -19429,10 +19430,10 @@ function instance$1($$self, $$props, $$invalidate) {
19429
19430
  class FormStep extends SvelteElement {
19430
19431
  constructor(options) {
19431
19432
  super();
19432
- 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{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)
19433
+ 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)
19433
19434
  }[data-status=complete] .status{background-color: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(
19434
- [data-status=complete],
19435
- [data-status=incomplete],
19435
+ [data-status=complete],
19436
+ [data-status=incomplete],
19436
19437
  [aria-current="step"]
19437
19438
  ) .status{border-color:var(--goa-color-greyscale-500)}.text{font:var(--goa-typography-body-s)}.subtext{margin-top:0.25rem;font:var(--goa-typography-body-xs);color:var(--goa-color-text-secondary)}.details{margin-top:0.75rem}@media(max-width: 639px){[role="listitem"]{flex-direction:row;align-items:center;text-align:start}.details{margin-left:1rem;margin-top:0}}</style>`;
19438
19439
  init(this, {
@@ -19062,7 +19062,7 @@
19062
19062
  }
19063
19063
 
19064
19064
  };
19065
- } // (148:38)
19065
+ } // (152:38)
19066
19066
 
19067
19067
 
19068
19068
  function create_if_block_3(ctx) {
@@ -19084,7 +19084,7 @@
19084
19084
  }
19085
19085
 
19086
19086
  };
19087
- } // (146:36)
19087
+ } // (150:36)
19088
19088
 
19089
19089
 
19090
19090
  function create_if_block_2(ctx) {
@@ -19107,7 +19107,7 @@
19107
19107
  }
19108
19108
 
19109
19109
  };
19110
- } // (144:4) {#if _isCurrent}
19110
+ } // (148:4) {#if _isCurrent}
19111
19111
 
19112
19112
 
19113
19113
  function create_if_block_1(ctx) {
@@ -19129,7 +19129,7 @@
19129
19129
  }
19130
19130
 
19131
19131
  };
19132
- } // (156:4) {#if status === "incomplete"}
19132
+ } // (160:4) {#if status === "incomplete"}
19133
19133
 
19134
19134
 
19135
19135
  function create_if_block(ctx) {
@@ -19221,6 +19221,7 @@
19221
19221
  /*arialabel*/
19222
19222
  ctx[2]);
19223
19223
  attr(label, "role", "listitem");
19224
+ attr(label, "tabindex", "-1");
19224
19225
  attr(label, "for",
19225
19226
  /*text*/
19226
19227
  ctx[0]);
@@ -19479,10 +19480,10 @@
19479
19480
  class FormStep extends SvelteElement {
19480
19481
  constructor(options) {
19481
19482
  super();
19482
- 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{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)
19483
+ 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)
19483
19484
  }[data-status=complete] .status{background-color: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(
19484
- [data-status=complete],
19485
- [data-status=incomplete],
19485
+ [data-status=complete],
19486
+ [data-status=incomplete],
19486
19487
  [aria-current="step"]
19487
19488
  ) .status{border-color:var(--goa-color-greyscale-500)}.text{font:var(--goa-typography-body-s)}.subtext{margin-top:0.25rem;font:var(--goa-typography-body-xs);color:var(--goa-color-text-secondary)}.details{margin-top:0.75rem}@media(max-width: 639px){[role="listitem"]{flex-direction:row;align-items:center;text-align:start}.details{margin-left:1rem;margin-top:0}}</style>`;
19488
19489
  init(this, {