@abgov/react-components 4.0.0-alpha.142 → 4.0.0-alpha.143

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/react-components.esm.js +11 -21
  3. package/react-components.umd.js +11 -21
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abgov/react-components",
3
- "version": "4.0.0-alpha.142",
3
+ "version": "4.0.0-alpha.143",
4
4
  "description": "Government of Alberta - UI components for React",
5
5
  "bugs": {
6
6
  "url": "https://github.com/GovAlta/ui-components/issues"
package/react-components.esm.js CHANGED
@@ -12361,35 +12361,25 @@ customElements.define("goa-input", Input);
12361
12361
  /* libs/web-components/src/components/microsite-header/MicrositeHeader.svelte generated by Svelte v3.51.0 */
12362
12362
 
12363
12363
  function create_if_block_3$5(ctx) {
12364
- let div0;
12365
- let t0;
12366
- let div1;
12364
+ let div;
12367
12365
  return {
12368
12366
  c() {
12369
- div0 = element("div");
12370
- div0.innerHTML = `<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 26C20.1797 26 26 20.1797 26 13C26 5.8203 20.1797 0 13 0C5.8203 0 0 5.8203 0 13C0 20.1797 5.8203 26 13 26Z" fill="#00AAD2"></path><path d="M16.9764 17.7174C15.942 17.3358 14.9325 16.8896 13.9539 16.3817C14.8446 16.0551 15.7131 15.6708 16.5539 15.2312C16.6398 16.0688 16.7831 16.8995 16.9829 17.7174H16.9764ZM22.5339 7.42143C22.1016 7.36618 22.3259 7.56931 22.2089 8.13968C21.863 9.3075 21.2806 10.3917 20.4978 11.3248C19.7151 12.258 18.7487 13.0201 17.6589 13.5639C17.3972 10.9368 17.5336 8.28529 18.0635 5.69893C18.5104 4.07393 19.0385 4.3778 18.3885 4.03818C17.6946 3.68068 16.9471 4.15356 16.3443 5.35931C14.4174 9.81946 11.7695 13.932 8.50689 17.5322C7.96404 18.2422 7.16875 18.7161 6.28592 18.8556C5.40309 18.9951 4.50044 18.7894 3.76514 18.2813C3.43039 17.9986 3.30689 18.4357 3.72289 18.8826C4.47366 19.5882 5.47211 19.9699 6.50216 19.945C7.53222 19.92 8.51102 19.4905 9.22677 18.7493C12.0405 15.3939 14.429 11.7038 16.3378 7.76268C16.1901 9.91268 16.2243 12.0713 16.4401 14.2156C15.4158 14.7181 14.3475 15.1256 13.2486 15.4327C12.6181 15.5952 12.2281 15.8552 12.2168 16.1461C12.2054 16.4711 12.6279 16.7359 13.2405 17.0252C14.3293 17.5419 17.5191 19.0499 18.3056 19.5066C18.9784 19.8966 19.3066 19.5927 19.5065 19.1702C19.7665 18.6209 19.0531 18.3041 18.369 18.0961C18.0632 16.9353 17.8555 15.7508 17.7483 14.5552C19.4404 13.5939 20.8636 12.2226 21.8871 10.5674C22.1817 9.98406 22.4001 9.36529 22.5371 8.7263C22.6338 8.3321 22.6602 7.92393 22.6151 7.52056C22.6151 7.52056 22.6038 7.43281 22.5371 7.42468" fill="white"></path></svg>`;
12371
- t0 = space();
12372
- div1 = element("div");
12373
- div1.innerHTML = `An official site of the <a href="https://www.alberta.ca/index.aspx">Alberta Government</a>`;
12374
- attr(div0, "class", "service-type service-type--live");
12375
- attr(div1, "data-testid", "type");
12376
- attr(div1, "class", "site-text");
12367
+ div = element("div");
12368
+ div.innerHTML = `An official site of the <a href="https://www.alberta.ca/index.aspx">Alberta Government</a>`;
12369
+ attr(div, "data-testid", "type");
12370
+ attr(div, "class", "site-text");
12377
12371
  },
12378
12372
 
12379
12373
  m(target, anchor) {
12380
- insert(target, div0, anchor);
12381
- insert(target, t0, anchor);
12382
- insert(target, div1, anchor);
12374
+ insert(target, div, anchor);
12383
12375
  },
12384
12376
 
12385
12377
  d(detaching) {
12386
- if (detaching) detach(div0);
12387
- if (detaching) detach(t0);
12388
- if (detaching) detach(div1);
12378
+ if (detaching) detach(div);
12389
12379
  }
12390
12380
 
12391
12381
  };
12392
- } // (41:2) {#if ["alpha", "beta"].includes(type)}
12382
+ } // (29:2) {#if ["alpha", "beta"].includes(type)}
12393
12383
 
12394
12384
 
12395
12385
  function create_if_block_1$5(ctx) {
@@ -12477,7 +12467,7 @@ function create_if_block_1$5(ctx) {
12477
12467
  }
12478
12468
 
12479
12469
  };
12480
- } // (50:6) {#if feedbackurl}
12470
+ } // (38:6) {#if feedbackurl}
12481
12471
 
12482
12472
 
12483
12473
  function create_if_block_2$5(ctx) {
@@ -12519,7 +12509,7 @@ function create_if_block_2$5(ctx) {
12519
12509
  }
12520
12510
 
12521
12511
  };
12522
- } // (56:2) {#if version}
12512
+ } // (44:2) {#if version}
12523
12513
 
12524
12514
 
12525
12515
  function create_if_block$b(ctx) {
@@ -12691,7 +12681,7 @@ function instance$k($$self, $$props, $$invalidate) {
12691
12681
  class MicrositeHeader extends SvelteElement {
12692
12682
  constructor(options) {
12693
12683
  super();
12694
- this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}a{color:var(--goa-color-interactive-default);cursor:pointer}a:hover{color:var(--goa-color-interactive-hover)}a:focus{outline-width:thin;outline-style:solid;outline-color:var(--goa-color-interactive-hover);outline-offset:0px}.goa-official-site-header{display:flex;font-size:var(--goa-font-size-2);background-color:var(--goa-color-greyscale-100);align-items:center;justify-content:space-between;padding:0.25rem 1.5rem}@media(max-width: 640px){.goa-official-site-header{padding:0.5rem 1rem;align-items:start}}.spacer{flex:1 1 auto}.version{color:var(--goa-color-text-secondary);padding-left:1rem;line-height:1.25rem}.service-type{font-weight:bold;padding:0.125rem 0.25rem;display:flex;margin-right:1rem;line-height:initial}.service-type--alpha{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.service-type--beta{background-color:var(--goa-color-brand-default);color:var(--goa-color-text-light)}.service-type--live{padding:0}.site-text{color:var(--goa-color-text-default);line-height:1.25rem}</style>`;
12684
+ this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}a{color:var(--goa-color-interactive-default);cursor:pointer}a:hover{color:var(--goa-color-interactive-hover)}a:focus{outline-width:thin;outline-style:solid;outline-color:var(--goa-color-interactive-hover);outline-offset:0px}.goa-official-site-header{display:flex;font-size:var(--goa-font-size-2);background-color:var(--goa-color-greyscale-100);align-items:center;justify-content:space-between;padding:0.25rem 1.5rem}@media(max-width: 640px){.goa-official-site-header{padding:0.5rem 1rem;align-items:start}}.spacer{flex:1 1 auto}.version{color:var(--goa-color-text-secondary);padding-left:1rem;line-height:1.25rem}.service-type{font-weight:bold;padding:0.125rem 0.25rem;display:flex;margin-right:1rem;line-height:initial}.service-type--alpha{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.service-type--beta{background-color:var(--goa-color-brand-default);color:var(--goa-color-text-light)}.site-text{color:var(--goa-color-text-default);line-height:1.25rem}</style>`;
12695
12685
  init(this, {
12696
12686
  target: this.shadowRoot,
12697
12687
  props: attribute_to_object(this.attributes),
package/react-components.umd.js CHANGED
@@ -12407,35 +12407,25 @@
12407
12407
  /* libs/web-components/src/components/microsite-header/MicrositeHeader.svelte generated by Svelte v3.51.0 */
12408
12408
 
12409
12409
  function create_if_block_3$5(ctx) {
12410
- let div0;
12411
- let t0;
12412
- let div1;
12410
+ let div;
12413
12411
  return {
12414
12412
  c() {
12415
- div0 = element("div");
12416
- div0.innerHTML = `<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 26C20.1797 26 26 20.1797 26 13C26 5.8203 20.1797 0 13 0C5.8203 0 0 5.8203 0 13C0 20.1797 5.8203 26 13 26Z" fill="#00AAD2"></path><path d="M16.9764 17.7174C15.942 17.3358 14.9325 16.8896 13.9539 16.3817C14.8446 16.0551 15.7131 15.6708 16.5539 15.2312C16.6398 16.0688 16.7831 16.8995 16.9829 17.7174H16.9764ZM22.5339 7.42143C22.1016 7.36618 22.3259 7.56931 22.2089 8.13968C21.863 9.3075 21.2806 10.3917 20.4978 11.3248C19.7151 12.258 18.7487 13.0201 17.6589 13.5639C17.3972 10.9368 17.5336 8.28529 18.0635 5.69893C18.5104 4.07393 19.0385 4.3778 18.3885 4.03818C17.6946 3.68068 16.9471 4.15356 16.3443 5.35931C14.4174 9.81946 11.7695 13.932 8.50689 17.5322C7.96404 18.2422 7.16875 18.7161 6.28592 18.8556C5.40309 18.9951 4.50044 18.7894 3.76514 18.2813C3.43039 17.9986 3.30689 18.4357 3.72289 18.8826C4.47366 19.5882 5.47211 19.9699 6.50216 19.945C7.53222 19.92 8.51102 19.4905 9.22677 18.7493C12.0405 15.3939 14.429 11.7038 16.3378 7.76268C16.1901 9.91268 16.2243 12.0713 16.4401 14.2156C15.4158 14.7181 14.3475 15.1256 13.2486 15.4327C12.6181 15.5952 12.2281 15.8552 12.2168 16.1461C12.2054 16.4711 12.6279 16.7359 13.2405 17.0252C14.3293 17.5419 17.5191 19.0499 18.3056 19.5066C18.9784 19.8966 19.3066 19.5927 19.5065 19.1702C19.7665 18.6209 19.0531 18.3041 18.369 18.0961C18.0632 16.9353 17.8555 15.7508 17.7483 14.5552C19.4404 13.5939 20.8636 12.2226 21.8871 10.5674C22.1817 9.98406 22.4001 9.36529 22.5371 8.7263C22.6338 8.3321 22.6602 7.92393 22.6151 7.52056C22.6151 7.52056 22.6038 7.43281 22.5371 7.42468" fill="white"></path></svg>`;
12417
- t0 = space();
12418
- div1 = element("div");
12419
- div1.innerHTML = `An official site of the <a href="https://www.alberta.ca/index.aspx">Alberta Government</a>`;
12420
- attr(div0, "class", "service-type service-type--live");
12421
- attr(div1, "data-testid", "type");
12422
- attr(div1, "class", "site-text");
12413
+ div = element("div");
12414
+ div.innerHTML = `An official site of the <a href="https://www.alberta.ca/index.aspx">Alberta Government</a>`;
12415
+ attr(div, "data-testid", "type");
12416
+ attr(div, "class", "site-text");
12423
12417
  },
12424
12418
 
12425
12419
  m(target, anchor) {
12426
- insert(target, div0, anchor);
12427
- insert(target, t0, anchor);
12428
- insert(target, div1, anchor);
12420
+ insert(target, div, anchor);
12429
12421
  },
12430
12422
 
12431
12423
  d(detaching) {
12432
- if (detaching) detach(div0);
12433
- if (detaching) detach(t0);
12434
- if (detaching) detach(div1);
12424
+ if (detaching) detach(div);
12435
12425
  }
12436
12426
 
12437
12427
  };
12438
- } // (41:2) {#if ["alpha", "beta"].includes(type)}
12428
+ } // (29:2) {#if ["alpha", "beta"].includes(type)}
12439
12429
 
12440
12430
 
12441
12431
  function create_if_block_1$5(ctx) {
@@ -12523,7 +12513,7 @@
12523
12513
  }
12524
12514
 
12525
12515
  };
12526
- } // (50:6) {#if feedbackurl}
12516
+ } // (38:6) {#if feedbackurl}
12527
12517
 
12528
12518
 
12529
12519
  function create_if_block_2$5(ctx) {
@@ -12565,7 +12555,7 @@
12565
12555
  }
12566
12556
 
12567
12557
  };
12568
- } // (56:2) {#if version}
12558
+ } // (44:2) {#if version}
12569
12559
 
12570
12560
 
12571
12561
  function create_if_block$b(ctx) {
@@ -12737,7 +12727,7 @@
12737
12727
  class MicrositeHeader extends SvelteElement {
12738
12728
  constructor(options) {
12739
12729
  super();
12740
- this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}a{color:var(--goa-color-interactive-default);cursor:pointer}a:hover{color:var(--goa-color-interactive-hover)}a:focus{outline-width:thin;outline-style:solid;outline-color:var(--goa-color-interactive-hover);outline-offset:0px}.goa-official-site-header{display:flex;font-size:var(--goa-font-size-2);background-color:var(--goa-color-greyscale-100);align-items:center;justify-content:space-between;padding:0.25rem 1.5rem}@media(max-width: 640px){.goa-official-site-header{padding:0.5rem 1rem;align-items:start}}.spacer{flex:1 1 auto}.version{color:var(--goa-color-text-secondary);padding-left:1rem;line-height:1.25rem}.service-type{font-weight:bold;padding:0.125rem 0.25rem;display:flex;margin-right:1rem;line-height:initial}.service-type--alpha{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.service-type--beta{background-color:var(--goa-color-brand-default);color:var(--goa-color-text-light)}.service-type--live{padding:0}.site-text{color:var(--goa-color-text-default);line-height:1.25rem}</style>`;
12730
+ this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--goa-font-family-sans)}a{color:var(--goa-color-interactive-default);cursor:pointer}a:hover{color:var(--goa-color-interactive-hover)}a:focus{outline-width:thin;outline-style:solid;outline-color:var(--goa-color-interactive-hover);outline-offset:0px}.goa-official-site-header{display:flex;font-size:var(--goa-font-size-2);background-color:var(--goa-color-greyscale-100);align-items:center;justify-content:space-between;padding:0.25rem 1.5rem}@media(max-width: 640px){.goa-official-site-header{padding:0.5rem 1rem;align-items:start}}.spacer{flex:1 1 auto}.version{color:var(--goa-color-text-secondary);padding-left:1rem;line-height:1.25rem}.service-type{font-weight:bold;padding:0.125rem 0.25rem;display:flex;margin-right:1rem;line-height:initial}.service-type--alpha{background-color:var(--goa-color-warning-default);color:var(--goa-color-text-default)}.service-type--beta{background-color:var(--goa-color-brand-default);color:var(--goa-color-text-light)}.site-text{color:var(--goa-color-text-default);line-height:1.25rem}</style>`;
12741
12731
  init(this, {
12742
12732
  target: this.shadowRoot,
12743
12733
  props: attribute_to_object(this.attributes),