@biggive/components 202309180924.0.0 → 202309191556.0.0

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 (11) hide show
  1. package/dist/biggive/biggive.esm.js +1 -1
  2. package/dist/biggive/p-73772ae1.entry.js +1 -0
  3. package/dist/cjs/biggive-accordion_43.cjs.entry.js +5 -2
  4. package/dist/collection/components/biggive-button/biggive-button.css +46 -10
  5. package/dist/collection/components/biggive-popup/biggive-popup.js +4 -1
  6. package/dist/components/biggive-button2.js +1 -1
  7. package/dist/components/biggive-popup2.js +4 -1
  8. package/dist/esm/biggive-accordion_43.entry.js +5 -2
  9. package/hydrate/index.js +5 -2
  10. package/package.json +1 -1
  11. package/dist/biggive/p-b68c8a60.entry.js +0 -1
package/dist/cjs/biggive-accordion_43.cjs.entry.js CHANGED
@@ -181,7 +181,7 @@ const BiggiveBrandedImage = class {
181
181
  };
182
182
  BiggiveBrandedImage.style = biggiveBrandedImageCss;
183
183
 
184
- const biggiveButtonCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container a{display:inline-block}.container a.full-width-true{display:block}.container.centered-true{text-align:center}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#000000;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF;border-color:#000000}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-brand-1{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-1:hover{background-color:#FFFFFF}.button-brand-2{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-2:hover{background-color:#FFFFFF}.button-brand-3{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-3:hover{background-color:#FFFFFF}.button-brand-4{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-4:hover{background-color:#000000}.button-brand-mhf-turquoise{color:#FFFFFF;background-color:#62CFC9;border-color:#62CFC9}.button-brand-mhf-turquoise:hover{background-color:#000000}.button-brand-5{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-5:hover{background-color:#FFFFFF}.button-brand-6{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-6:hover{background-color:#000000}.button-brand-afa-pink{color:#FFFFFF;background-color:#BF387D;border-color:#BF387D}.button-brand-afa-pink:hover{background-color:#000000}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#000000;background-color:#2AF135}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-grey-extra-light{color:#000000;background-color:#D7D7D7;border-color:#D7D7D7}.button-grey-extra-light:hover{color:#D7D7D7;background-color:#000000}.button-grey-light{color:#000000;background-color:#E8E8E8;border-color:#E8E8E8}.button-grey-light:hover{color:#E8E8E8;background-color:#000000}.button-grey-medium{color:#FFFFFF;background-color:#8A8A8A;border-color:#8A8A8A}.button-grey-medium:hover{color:#8A8A8A;background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF;background-color:#4A4A4A;border-color:#4A4A4A}.button-grey-dark:hover{color:#4A4A4A;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-brand-1{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-1:hover{text-decoration:none;background-color:transparent}.button-clear-brand-2{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-2:hover{text-decoration:none;background-color:transparent}.button-clear-brand-3{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-3:hover{text-decoration:none;background-color:transparent}.button-clear-brand-4{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-4:hover{text-decoration:none;background-color:transparent}.button-clear-brand-5{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-5:hover{text-decoration:none;background-color:transparent}.button-clear-brand-6{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-6:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-clear-black{color:#000000;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-black:hover{color:#000000;text-decoration:none;background-color:transparent}.button-clear-grey-extra-light{color:#D7D7D7;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-extra-light:hover{color:#D7D7D7;text-decoration:none;background-color:transparent}.button-clear-grey-light{color:#E8E8E8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-light:hover{color:#E8E8E8;text-decoration:none;background-color:transparent}.button-clear-grey-medium{color:#8A8A8A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-medium:hover{color:#8A8A8A;text-decoration:none;background-color:transparent}.button-clear-grey-dark{color:#4A4A4A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-dark:hover{color:#4A4A4A;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}";
184
+ const biggiveButtonCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container a{display:inline-block}.container a.full-width-true{display:block}.container.centered-true{text-align:center}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-clear-brand-6{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-6:hover{text-decoration:none;background-color:transparent}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#000000;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF;border-color:#000000}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-brand-1{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-1:hover{background-color:#FFFFFF}.button-brand-2{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-2:hover{background-color:#FFFFFF}.button-brand-3{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-3:hover{background-color:#FFFFFF}.button-brand-4{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-4:hover{background-color:#000000}.button-brand-mhf-turquoise{color:#FFFFFF;background-color:#62CFC9;border-color:#62CFC9}.button-brand-mhf-turquoise:hover{background-color:#000000}.button-brand-5{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-5:hover{background-color:#FFFFFF}.button-brand-6{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-6:hover{background-color:#000000}.button-brand-afa-pink{color:#FFFFFF;background-color:#BF387D;border-color:#BF387D}.button-brand-afa-pink:hover{background-color:#000000}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#000000;background-color:#2AF135}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-grey-extra-light{color:#000000;background-color:#D7D7D7;border-color:#D7D7D7}.button-grey-extra-light:hover{color:#D7D7D7;background-color:#000000}.button-grey-light{color:#000000;background-color:#E8E8E8;border-color:#E8E8E8}.button-grey-light:hover{color:#E8E8E8;background-color:#000000}.button-grey-medium{color:#FFFFFF;background-color:#8A8A8A;border-color:#8A8A8A}.button-grey-medium:hover{color:#8A8A8A;background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF;background-color:#4A4A4A;border-color:#4A4A4A}.button-grey-dark:hover{color:#4A4A4A;background-color:#FFFFFF}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{color:#2C089B;text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{color:#2AF135;text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{color:#FF7272;text-decoration:none;background-color:transparent}.button-clear-brand-1{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-1:hover{color:#B30510;text-decoration:none;background-color:transparent}.button-clear-brand-2{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-2:hover{color:#6E0887;text-decoration:none;background-color:transparent}.button-clear-brand-3{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-3:hover{color:#50B400;text-decoration:none;background-color:transparent}.button-clear-brand-4{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-4:hover{color:#FFE500;text-decoration:none;background-color:transparent}.button-clear-brand-5{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-5:hover{color:#F07D00;text-decoration:none;background-color:transparent}.button-clear-brand-afa-pink{color:#BF387D;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-afa-pink:hover{color:#BF387D;text-decoration:none;background-color:transparent}.button-clear-brand-mhf-turquoise{color:#62CFC9;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-mhf-turquoise:hover{color:#62CFC9;text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-clear-black{color:#000000;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-black:hover{color:#000000;text-decoration:none;background-color:transparent}.button-clear-grey-extra-light{color:#D7D7D7;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-extra-light:hover{color:#D7D7D7;text-decoration:none;background-color:transparent}.button-clear-grey-light{color:#E8E8E8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-light:hover{color:#E8E8E8;text-decoration:none;background-color:transparent}.button-clear-grey-medium{color:#8A8A8A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-medium:hover{color:#8A8A8A;text-decoration:none;background-color:transparent}.button-clear-grey-dark{color:#4A4A4A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-dark:hover{color:#4A4A4A;text-decoration:none;background-color:transparent}";
185
185
 
186
186
  const BiggiveButton = class {
187
187
  constructor(hostRef) {
@@ -1260,15 +1260,18 @@ const BiggivePopup = class {
1260
1260
  this.closeFromWithin = (event) => {
1261
1261
  if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {
1262
1262
  this.popup.setAttribute('data-visible', 'false');
1263
+ this.popup.setAttribute('tabindex', '-1');
1263
1264
  }
1264
1265
  };
1265
1266
  }
1266
1267
  async openFromOutside() {
1267
- this.popup.focus();
1268
1268
  this.popup.setAttribute('data-visible', 'true');
1269
+ this.popup.setAttribute('tabindex', '0');
1270
+ this.popup.focus();
1269
1271
  }
1270
1272
  async closeFromOutside() {
1271
1273
  this.popup.setAttribute('data-visible', 'false');
1274
+ this.popup.setAttribute('tabindex', '-1');
1272
1275
  }
1273
1276
  render() {
1274
1277
  return (index.h("div", { class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, index.h("div", { class: "sleeve" }, index.h("div", { class: "header" }, index.h("div", { class: "close", onClick: this.closeFromWithin })), index.h("div", { class: "content" }, index.h("slot", null)))));
package/dist/collection/components/biggive-button/biggive-button.css CHANGED
@@ -114,6 +114,19 @@ a:hover {
114
114
  border-radius: 20px;
115
115
  }
116
116
 
117
+ .button-clear-brand-6 {
118
+ color: #CBC8C8;
119
+ background-color: transparent;
120
+ text-decoration: underline;
121
+ border: 0;
122
+ padding-left: 0;
123
+ padding-right: 0;
124
+ }
125
+ .button-clear-brand-6:hover {
126
+ text-decoration: none;
127
+ background-color: transparent;
128
+ }
129
+
117
130
  .button-primary {
118
131
  color: #FFFFFF;
119
132
  background-color: #2C089B;
@@ -275,6 +288,13 @@ a:hover {
275
288
  background-color: #FFFFFF;
276
289
  }
277
290
 
291
+ .button-rounded {
292
+ border-radius: 27.5px;
293
+ }
294
+ .button-rounded.size-small {
295
+ border-radius: 20px;
296
+ }
297
+
278
298
  .button-clear-primary {
279
299
  color: #2C089B;
280
300
  background-color: transparent;
@@ -284,6 +304,7 @@ a:hover {
284
304
  padding-right: 0;
285
305
  }
286
306
  .button-clear-primary:hover {
307
+ color: #2C089B;
287
308
  text-decoration: none;
288
309
  background-color: transparent;
289
310
  }
@@ -297,6 +318,7 @@ a:hover {
297
318
  padding-right: 0;
298
319
  }
299
320
  .button-clear-secondary:hover {
321
+ color: #2AF135;
300
322
  text-decoration: none;
301
323
  background-color: transparent;
302
324
  }
@@ -310,6 +332,7 @@ a:hover {
310
332
  padding-right: 0;
311
333
  }
312
334
  .button-clear-tertiary:hover {
335
+ color: #FF7272;
313
336
  text-decoration: none;
314
337
  background-color: transparent;
315
338
  }
@@ -323,6 +346,7 @@ a:hover {
323
346
  padding-right: 0;
324
347
  }
325
348
  .button-clear-brand-1:hover {
349
+ color: #B30510;
326
350
  text-decoration: none;
327
351
  background-color: transparent;
328
352
  }
@@ -336,6 +360,7 @@ a:hover {
336
360
  padding-right: 0;
337
361
  }
338
362
  .button-clear-brand-2:hover {
363
+ color: #6E0887;
339
364
  text-decoration: none;
340
365
  background-color: transparent;
341
366
  }
@@ -349,6 +374,7 @@ a:hover {
349
374
  padding-right: 0;
350
375
  }
351
376
  .button-clear-brand-3:hover {
377
+ color: #50B400;
352
378
  text-decoration: none;
353
379
  background-color: transparent;
354
380
  }
@@ -362,6 +388,7 @@ a:hover {
362
388
  padding-right: 0;
363
389
  }
364
390
  .button-clear-brand-4:hover {
391
+ color: #FFE500;
365
392
  text-decoration: none;
366
393
  background-color: transparent;
367
394
  }
@@ -375,19 +402,35 @@ a:hover {
375
402
  padding-right: 0;
376
403
  }
377
404
  .button-clear-brand-5:hover {
405
+ color: #F07D00;
378
406
  text-decoration: none;
379
407
  background-color: transparent;
380
408
  }
381
409
 
382
- .button-clear-brand-6 {
383
- color: #CBC8C8;
410
+ .button-clear-brand-afa-pink {
411
+ color: #BF387D;
384
412
  background-color: transparent;
385
413
  text-decoration: underline;
386
414
  border: 0;
387
415
  padding-left: 0;
388
416
  padding-right: 0;
389
417
  }
390
- .button-clear-brand-6:hover {
418
+ .button-clear-brand-afa-pink:hover {
419
+ color: #BF387D;
420
+ text-decoration: none;
421
+ background-color: transparent;
422
+ }
423
+
424
+ .button-clear-brand-mhf-turquoise {
425
+ color: #62CFC9;
426
+ background-color: transparent;
427
+ text-decoration: underline;
428
+ border: 0;
429
+ padding-left: 0;
430
+ padding-right: 0;
431
+ }
432
+ .button-clear-brand-mhf-turquoise:hover {
433
+ color: #62CFC9;
391
434
  text-decoration: none;
392
435
  background-color: transparent;
393
436
  }
@@ -474,11 +517,4 @@ a:hover {
474
517
  color: #4A4A4A;
475
518
  text-decoration: none;
476
519
  background-color: transparent;
477
- }
478
-
479
- .button-rounded {
480
- border-radius: 27.5px;
481
- }
482
- .button-rounded.size-small {
483
- border-radius: 20px;
484
520
  }
package/dist/collection/components/biggive-popup/biggive-popup.js CHANGED
@@ -4,15 +4,18 @@ export class BiggivePopup {
4
4
  this.closeFromWithin = (event) => {
5
5
  if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {
6
6
  this.popup.setAttribute('data-visible', 'false');
7
+ this.popup.setAttribute('tabindex', '-1');
7
8
  }
8
9
  };
9
10
  }
10
11
  async openFromOutside() {
11
- this.popup.focus();
12
12
  this.popup.setAttribute('data-visible', 'true');
13
+ this.popup.setAttribute('tabindex', '0');
14
+ this.popup.focus();
13
15
  }
14
16
  async closeFromOutside() {
15
17
  this.popup.setAttribute('data-visible', 'false');
18
+ this.popup.setAttribute('tabindex', '-1');
16
19
  }
17
20
  render() {
18
21
  return (h("div", { class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, h("div", { class: "sleeve" }, h("div", { class: "header" }, h("div", { class: "close", onClick: this.closeFromWithin })), h("div", { class: "content" }, h("slot", null)))));
package/dist/components/biggive-button2.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
2
2
 
3
- const biggiveButtonCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container a{display:inline-block}.container a.full-width-true{display:block}.container.centered-true{text-align:center}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#000000;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF;border-color:#000000}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-brand-1{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-1:hover{background-color:#FFFFFF}.button-brand-2{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-2:hover{background-color:#FFFFFF}.button-brand-3{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-3:hover{background-color:#FFFFFF}.button-brand-4{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-4:hover{background-color:#000000}.button-brand-mhf-turquoise{color:#FFFFFF;background-color:#62CFC9;border-color:#62CFC9}.button-brand-mhf-turquoise:hover{background-color:#000000}.button-brand-5{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-5:hover{background-color:#FFFFFF}.button-brand-6{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-6:hover{background-color:#000000}.button-brand-afa-pink{color:#FFFFFF;background-color:#BF387D;border-color:#BF387D}.button-brand-afa-pink:hover{background-color:#000000}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#000000;background-color:#2AF135}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-grey-extra-light{color:#000000;background-color:#D7D7D7;border-color:#D7D7D7}.button-grey-extra-light:hover{color:#D7D7D7;background-color:#000000}.button-grey-light{color:#000000;background-color:#E8E8E8;border-color:#E8E8E8}.button-grey-light:hover{color:#E8E8E8;background-color:#000000}.button-grey-medium{color:#FFFFFF;background-color:#8A8A8A;border-color:#8A8A8A}.button-grey-medium:hover{color:#8A8A8A;background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF;background-color:#4A4A4A;border-color:#4A4A4A}.button-grey-dark:hover{color:#4A4A4A;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-brand-1{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-1:hover{text-decoration:none;background-color:transparent}.button-clear-brand-2{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-2:hover{text-decoration:none;background-color:transparent}.button-clear-brand-3{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-3:hover{text-decoration:none;background-color:transparent}.button-clear-brand-4{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-4:hover{text-decoration:none;background-color:transparent}.button-clear-brand-5{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-5:hover{text-decoration:none;background-color:transparent}.button-clear-brand-6{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-6:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-clear-black{color:#000000;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-black:hover{color:#000000;text-decoration:none;background-color:transparent}.button-clear-grey-extra-light{color:#D7D7D7;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-extra-light:hover{color:#D7D7D7;text-decoration:none;background-color:transparent}.button-clear-grey-light{color:#E8E8E8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-light:hover{color:#E8E8E8;text-decoration:none;background-color:transparent}.button-clear-grey-medium{color:#8A8A8A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-medium:hover{color:#8A8A8A;text-decoration:none;background-color:transparent}.button-clear-grey-dark{color:#4A4A4A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-dark:hover{color:#4A4A4A;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}";
3
+ const biggiveButtonCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container a{display:inline-block}.container a.full-width-true{display:block}.container.centered-true{text-align:center}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-clear-brand-6{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-6:hover{text-decoration:none;background-color:transparent}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#000000;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF;border-color:#000000}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-brand-1{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-1:hover{background-color:#FFFFFF}.button-brand-2{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-2:hover{background-color:#FFFFFF}.button-brand-3{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-3:hover{background-color:#FFFFFF}.button-brand-4{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-4:hover{background-color:#000000}.button-brand-mhf-turquoise{color:#FFFFFF;background-color:#62CFC9;border-color:#62CFC9}.button-brand-mhf-turquoise:hover{background-color:#000000}.button-brand-5{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-5:hover{background-color:#FFFFFF}.button-brand-6{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-6:hover{background-color:#000000}.button-brand-afa-pink{color:#FFFFFF;background-color:#BF387D;border-color:#BF387D}.button-brand-afa-pink:hover{background-color:#000000}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#000000;background-color:#2AF135}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-grey-extra-light{color:#000000;background-color:#D7D7D7;border-color:#D7D7D7}.button-grey-extra-light:hover{color:#D7D7D7;background-color:#000000}.button-grey-light{color:#000000;background-color:#E8E8E8;border-color:#E8E8E8}.button-grey-light:hover{color:#E8E8E8;background-color:#000000}.button-grey-medium{color:#FFFFFF;background-color:#8A8A8A;border-color:#8A8A8A}.button-grey-medium:hover{color:#8A8A8A;background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF;background-color:#4A4A4A;border-color:#4A4A4A}.button-grey-dark:hover{color:#4A4A4A;background-color:#FFFFFF}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{color:#2C089B;text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{color:#2AF135;text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{color:#FF7272;text-decoration:none;background-color:transparent}.button-clear-brand-1{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-1:hover{color:#B30510;text-decoration:none;background-color:transparent}.button-clear-brand-2{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-2:hover{color:#6E0887;text-decoration:none;background-color:transparent}.button-clear-brand-3{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-3:hover{color:#50B400;text-decoration:none;background-color:transparent}.button-clear-brand-4{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-4:hover{color:#FFE500;text-decoration:none;background-color:transparent}.button-clear-brand-5{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-5:hover{color:#F07D00;text-decoration:none;background-color:transparent}.button-clear-brand-afa-pink{color:#BF387D;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-afa-pink:hover{color:#BF387D;text-decoration:none;background-color:transparent}.button-clear-brand-mhf-turquoise{color:#62CFC9;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-mhf-turquoise:hover{color:#62CFC9;text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-clear-black{color:#000000;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-black:hover{color:#000000;text-decoration:none;background-color:transparent}.button-clear-grey-extra-light{color:#D7D7D7;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-extra-light:hover{color:#D7D7D7;text-decoration:none;background-color:transparent}.button-clear-grey-light{color:#E8E8E8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-light:hover{color:#E8E8E8;text-decoration:none;background-color:transparent}.button-clear-grey-medium{color:#8A8A8A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-medium:hover{color:#8A8A8A;text-decoration:none;background-color:transparent}.button-clear-grey-dark{color:#4A4A4A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-dark:hover{color:#4A4A4A;text-decoration:none;background-color:transparent}";
4
4
 
5
5
  const BiggiveButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
6
6
  constructor() {
package/dist/components/biggive-popup2.js CHANGED
@@ -10,15 +10,18 @@ const BiggivePopup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
10
10
  this.closeFromWithin = (event) => {
11
11
  if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {
12
12
  this.popup.setAttribute('data-visible', 'false');
13
+ this.popup.setAttribute('tabindex', '-1');
13
14
  }
14
15
  };
15
16
  }
16
17
  async openFromOutside() {
17
- this.popup.focus();
18
18
  this.popup.setAttribute('data-visible', 'true');
19
+ this.popup.setAttribute('tabindex', '0');
20
+ this.popup.focus();
19
21
  }
20
22
  async closeFromOutside() {
21
23
  this.popup.setAttribute('data-visible', 'false');
24
+ this.popup.setAttribute('tabindex', '-1');
22
25
  }
23
26
  render() {
24
27
  return (h("div", { class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, h("div", { class: "sleeve" }, h("div", { class: "header" }, h("div", { class: "close", onClick: this.closeFromWithin })), h("div", { class: "content" }, h("slot", null)))));
package/dist/esm/biggive-accordion_43.entry.js CHANGED
@@ -177,7 +177,7 @@ const BiggiveBrandedImage = class {
177
177
  };
178
178
  BiggiveBrandedImage.style = biggiveBrandedImageCss;
179
179
 
180
- const biggiveButtonCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container a{display:inline-block}.container a.full-width-true{display:block}.container.centered-true{text-align:center}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#000000;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF;border-color:#000000}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-brand-1{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-1:hover{background-color:#FFFFFF}.button-brand-2{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-2:hover{background-color:#FFFFFF}.button-brand-3{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-3:hover{background-color:#FFFFFF}.button-brand-4{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-4:hover{background-color:#000000}.button-brand-mhf-turquoise{color:#FFFFFF;background-color:#62CFC9;border-color:#62CFC9}.button-brand-mhf-turquoise:hover{background-color:#000000}.button-brand-5{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-5:hover{background-color:#FFFFFF}.button-brand-6{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-6:hover{background-color:#000000}.button-brand-afa-pink{color:#FFFFFF;background-color:#BF387D;border-color:#BF387D}.button-brand-afa-pink:hover{background-color:#000000}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#000000;background-color:#2AF135}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-grey-extra-light{color:#000000;background-color:#D7D7D7;border-color:#D7D7D7}.button-grey-extra-light:hover{color:#D7D7D7;background-color:#000000}.button-grey-light{color:#000000;background-color:#E8E8E8;border-color:#E8E8E8}.button-grey-light:hover{color:#E8E8E8;background-color:#000000}.button-grey-medium{color:#FFFFFF;background-color:#8A8A8A;border-color:#8A8A8A}.button-grey-medium:hover{color:#8A8A8A;background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF;background-color:#4A4A4A;border-color:#4A4A4A}.button-grey-dark:hover{color:#4A4A4A;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-brand-1{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-1:hover{text-decoration:none;background-color:transparent}.button-clear-brand-2{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-2:hover{text-decoration:none;background-color:transparent}.button-clear-brand-3{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-3:hover{text-decoration:none;background-color:transparent}.button-clear-brand-4{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-4:hover{text-decoration:none;background-color:transparent}.button-clear-brand-5{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-5:hover{text-decoration:none;background-color:transparent}.button-clear-brand-6{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-6:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-clear-black{color:#000000;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-black:hover{color:#000000;text-decoration:none;background-color:transparent}.button-clear-grey-extra-light{color:#D7D7D7;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-extra-light:hover{color:#D7D7D7;text-decoration:none;background-color:transparent}.button-clear-grey-light{color:#E8E8E8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-light:hover{color:#E8E8E8;text-decoration:none;background-color:transparent}.button-clear-grey-medium{color:#8A8A8A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-medium:hover{color:#8A8A8A;text-decoration:none;background-color:transparent}.button-clear-grey-dark{color:#4A4A4A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-dark:hover{color:#4A4A4A;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}";
180
+ const biggiveButtonCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container a{display:inline-block}.container a.full-width-true{display:block}.container.centered-true{text-align:center}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-clear-brand-6{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-6:hover{text-decoration:none;background-color:transparent}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#000000;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF;border-color:#000000}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-brand-1{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-1:hover{background-color:#FFFFFF}.button-brand-2{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-2:hover{background-color:#FFFFFF}.button-brand-3{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-3:hover{background-color:#FFFFFF}.button-brand-4{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-4:hover{background-color:#000000}.button-brand-mhf-turquoise{color:#FFFFFF;background-color:#62CFC9;border-color:#62CFC9}.button-brand-mhf-turquoise:hover{background-color:#000000}.button-brand-5{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-5:hover{background-color:#FFFFFF}.button-brand-6{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-6:hover{background-color:#000000}.button-brand-afa-pink{color:#FFFFFF;background-color:#BF387D;border-color:#BF387D}.button-brand-afa-pink:hover{background-color:#000000}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#000000;background-color:#2AF135}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-grey-extra-light{color:#000000;background-color:#D7D7D7;border-color:#D7D7D7}.button-grey-extra-light:hover{color:#D7D7D7;background-color:#000000}.button-grey-light{color:#000000;background-color:#E8E8E8;border-color:#E8E8E8}.button-grey-light:hover{color:#E8E8E8;background-color:#000000}.button-grey-medium{color:#FFFFFF;background-color:#8A8A8A;border-color:#8A8A8A}.button-grey-medium:hover{color:#8A8A8A;background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF;background-color:#4A4A4A;border-color:#4A4A4A}.button-grey-dark:hover{color:#4A4A4A;background-color:#FFFFFF}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{color:#2C089B;text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{color:#2AF135;text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{color:#FF7272;text-decoration:none;background-color:transparent}.button-clear-brand-1{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-1:hover{color:#B30510;text-decoration:none;background-color:transparent}.button-clear-brand-2{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-2:hover{color:#6E0887;text-decoration:none;background-color:transparent}.button-clear-brand-3{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-3:hover{color:#50B400;text-decoration:none;background-color:transparent}.button-clear-brand-4{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-4:hover{color:#FFE500;text-decoration:none;background-color:transparent}.button-clear-brand-5{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-5:hover{color:#F07D00;text-decoration:none;background-color:transparent}.button-clear-brand-afa-pink{color:#BF387D;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-afa-pink:hover{color:#BF387D;text-decoration:none;background-color:transparent}.button-clear-brand-mhf-turquoise{color:#62CFC9;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-mhf-turquoise:hover{color:#62CFC9;text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-clear-black{color:#000000;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-black:hover{color:#000000;text-decoration:none;background-color:transparent}.button-clear-grey-extra-light{color:#D7D7D7;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-extra-light:hover{color:#D7D7D7;text-decoration:none;background-color:transparent}.button-clear-grey-light{color:#E8E8E8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-light:hover{color:#E8E8E8;text-decoration:none;background-color:transparent}.button-clear-grey-medium{color:#8A8A8A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-medium:hover{color:#8A8A8A;text-decoration:none;background-color:transparent}.button-clear-grey-dark{color:#4A4A4A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-dark:hover{color:#4A4A4A;text-decoration:none;background-color:transparent}";
181
181
 
182
182
  const BiggiveButton = class {
183
183
  constructor(hostRef) {
@@ -1256,15 +1256,18 @@ const BiggivePopup = class {
1256
1256
  this.closeFromWithin = (event) => {
1257
1257
  if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {
1258
1258
  this.popup.setAttribute('data-visible', 'false');
1259
+ this.popup.setAttribute('tabindex', '-1');
1259
1260
  }
1260
1261
  };
1261
1262
  }
1262
1263
  async openFromOutside() {
1263
- this.popup.focus();
1264
1264
  this.popup.setAttribute('data-visible', 'true');
1265
+ this.popup.setAttribute('tabindex', '0');
1266
+ this.popup.focus();
1265
1267
  }
1266
1268
  async closeFromOutside() {
1267
1269
  this.popup.setAttribute('data-visible', 'false');
1270
+ this.popup.setAttribute('tabindex', '-1');
1268
1271
  }
1269
1272
  render() {
1270
1273
  return (h("div", { class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, h("div", { class: "sleeve" }, h("div", { class: "header" }, h("div", { class: "close", onClick: this.closeFromWithin })), h("div", { class: "content" }, h("slot", null)))));
package/hydrate/index.js CHANGED
@@ -6604,7 +6604,7 @@ class BiggiveBrandedImage {
6604
6604
  }; }
6605
6605
  }
6606
6606
 
6607
- const biggiveButtonCss = "/*!@a*/a.sc-biggive-button{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-button:hover{text-decoration:none}/*!@.space-above-0*/.space-above-0.sc-biggive-button{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-button{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-button{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-button{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-button{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-button{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-button{margin-top:60px}/*!@.space-below-0*/.space-below-0.sc-biggive-button{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-button{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-button{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-button{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-button{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-button{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-button{margin-bottom:60px}/*!@:host*/.sc-biggive-button-h{display:contents}/*!@.container*/.container.sc-biggive-button{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}/*!@.container a*/.container.sc-biggive-button a.sc-biggive-button{display:inline-block}/*!@.container a.full-width-true*/.container.sc-biggive-button a.full-width-true.sc-biggive-button{display:block}/*!@.container.centered-true*/.container.centered-true.sc-biggive-button{text-align:center}/*!@.button*/.button.sc-biggive-button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}/*!@.button:hover*/.button.sc-biggive-button:hover{background-color:#FFFFFF;color:#000000}/*!@.button.size-small*/.button.size-small.sc-biggive-button{font-size:13px;line-height:17px;padding:5px 15px}/*!@.button.button.rounded-true*/.button.button.rounded-true.sc-biggive-button{border-radius:27.5px}/*!@.button.button.rounded-true.size-small*/.button.button.rounded-true.size-small.sc-biggive-button{border-radius:20px}/*!@.button-primary*/.button-primary.sc-biggive-button{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}/*!@.button-primary:hover*/.button-primary.sc-biggive-button:hover{color:#2C089B;background-color:#FFFFFF}/*!@.button-secondary*/.button-secondary.sc-biggive-button{color:#000000;background-color:#2AF135;border-color:#2AF135}/*!@.button-secondary:hover*/.button-secondary.sc-biggive-button:hover{background-color:#FFFFFF;border-color:#000000}/*!@.button-tertiary*/.button-tertiary.sc-biggive-button{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}/*!@.button-tertiary:hover*/.button-tertiary.sc-biggive-button:hover{background-color:#FFFFFF}/*!@.button-brand-1*/.button-brand-1.sc-biggive-button{color:#FFFFFF;background-color:#B30510;border-color:#B30510}/*!@.button-brand-1:hover*/.button-brand-1.sc-biggive-button:hover{background-color:#FFFFFF}/*!@.button-brand-2*/.button-brand-2.sc-biggive-button{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}/*!@.button-brand-2:hover*/.button-brand-2.sc-biggive-button:hover{background-color:#FFFFFF}/*!@.button-brand-3*/.button-brand-3.sc-biggive-button{color:#FFFFFF;background-color:#50B400;border-color:#50B400}/*!@.button-brand-3:hover*/.button-brand-3.sc-biggive-button:hover{background-color:#FFFFFF}/*!@.button-brand-4*/.button-brand-4.sc-biggive-button{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}/*!@.button-brand-4:hover*/.button-brand-4.sc-biggive-button:hover{background-color:#000000}/*!@.button-brand-mhf-turquoise*/.button-brand-mhf-turquoise.sc-biggive-button{color:#FFFFFF;background-color:#62CFC9;border-color:#62CFC9}/*!@.button-brand-mhf-turquoise:hover*/.button-brand-mhf-turquoise.sc-biggive-button:hover{background-color:#000000}/*!@.button-brand-5*/.button-brand-5.sc-biggive-button{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}/*!@.button-brand-5:hover*/.button-brand-5.sc-biggive-button:hover{background-color:#FFFFFF}/*!@.button-brand-6*/.button-brand-6.sc-biggive-button{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}/*!@.button-brand-6:hover*/.button-brand-6.sc-biggive-button:hover{background-color:#000000}/*!@.button-brand-afa-pink*/.button-brand-afa-pink.sc-biggive-button{color:#FFFFFF;background-color:#BF387D;border-color:#BF387D}/*!@.button-brand-afa-pink:hover*/.button-brand-afa-pink.sc-biggive-button:hover{background-color:#000000}/*!@.button-white*/.button-white.sc-biggive-button{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}/*!@.button-white:hover*/.button-white.sc-biggive-button:hover{color:#000000;background-color:#2AF135}/*!@.button-black*/.button-black.sc-biggive-button{color:#FFFFFF;background-color:#000000;border-color:#000000}/*!@.button-black:hover*/.button-black.sc-biggive-button:hover{color:#000000;background-color:#FFFFFF}/*!@.button-grey-extra-light*/.button-grey-extra-light.sc-biggive-button{color:#000000;background-color:#D7D7D7;border-color:#D7D7D7}/*!@.button-grey-extra-light:hover*/.button-grey-extra-light.sc-biggive-button:hover{color:#D7D7D7;background-color:#000000}/*!@.button-grey-light*/.button-grey-light.sc-biggive-button{color:#000000;background-color:#E8E8E8;border-color:#E8E8E8}/*!@.button-grey-light:hover*/.button-grey-light.sc-biggive-button:hover{color:#E8E8E8;background-color:#000000}/*!@.button-grey-medium*/.button-grey-medium.sc-biggive-button{color:#FFFFFF;background-color:#8A8A8A;border-color:#8A8A8A}/*!@.button-grey-medium:hover*/.button-grey-medium.sc-biggive-button:hover{color:#8A8A8A;background-color:#FFFFFF}/*!@.button-grey-dark*/.button-grey-dark.sc-biggive-button{color:#FFFFFF;background-color:#4A4A4A;border-color:#4A4A4A}/*!@.button-grey-dark:hover*/.button-grey-dark.sc-biggive-button:hover{color:#4A4A4A;background-color:#FFFFFF}/*!@.button-clear-primary*/.button-clear-primary.sc-biggive-button{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-primary:hover*/.button-clear-primary.sc-biggive-button:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-secondary*/.button-clear-secondary.sc-biggive-button{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-secondary:hover*/.button-clear-secondary.sc-biggive-button:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-tertiary*/.button-clear-tertiary.sc-biggive-button{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-tertiary:hover*/.button-clear-tertiary.sc-biggive-button:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-1*/.button-clear-brand-1.sc-biggive-button{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-1:hover*/.button-clear-brand-1.sc-biggive-button:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-2*/.button-clear-brand-2.sc-biggive-button{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-2:hover*/.button-clear-brand-2.sc-biggive-button:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-3*/.button-clear-brand-3.sc-biggive-button{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-3:hover*/.button-clear-brand-3.sc-biggive-button:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-4*/.button-clear-brand-4.sc-biggive-button{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-4:hover*/.button-clear-brand-4.sc-biggive-button:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-5*/.button-clear-brand-5.sc-biggive-button{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-5:hover*/.button-clear-brand-5.sc-biggive-button:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-brand-6*/.button-clear-brand-6.sc-biggive-button{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-6:hover*/.button-clear-brand-6.sc-biggive-button:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-white*/.button-clear-white.sc-biggive-button{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-white:hover*/.button-clear-white.sc-biggive-button:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}/*!@.button-clear-black*/.button-clear-black.sc-biggive-button{color:#000000;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-black:hover*/.button-clear-black.sc-biggive-button:hover{color:#000000;text-decoration:none;background-color:transparent}/*!@.button-clear-grey-extra-light*/.button-clear-grey-extra-light.sc-biggive-button{color:#D7D7D7;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-grey-extra-light:hover*/.button-clear-grey-extra-light.sc-biggive-button:hover{color:#D7D7D7;text-decoration:none;background-color:transparent}/*!@.button-clear-grey-light*/.button-clear-grey-light.sc-biggive-button{color:#E8E8E8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-grey-light:hover*/.button-clear-grey-light.sc-biggive-button:hover{color:#E8E8E8;text-decoration:none;background-color:transparent}/*!@.button-clear-grey-medium*/.button-clear-grey-medium.sc-biggive-button{color:#8A8A8A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-grey-medium:hover*/.button-clear-grey-medium.sc-biggive-button:hover{color:#8A8A8A;text-decoration:none;background-color:transparent}/*!@.button-clear-grey-dark*/.button-clear-grey-dark.sc-biggive-button{color:#4A4A4A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-grey-dark:hover*/.button-clear-grey-dark.sc-biggive-button:hover{color:#4A4A4A;text-decoration:none;background-color:transparent}/*!@.button-rounded*/.button-rounded.sc-biggive-button{border-radius:27.5px}/*!@.button-rounded.size-small*/.button-rounded.size-small.sc-biggive-button{border-radius:20px}";
6607
+ const biggiveButtonCss = "/*!@a*/a.sc-biggive-button{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-button:hover{text-decoration:none}/*!@.space-above-0*/.space-above-0.sc-biggive-button{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-button{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-button{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-button{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-button{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-button{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-button{margin-top:60px}/*!@.space-below-0*/.space-below-0.sc-biggive-button{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-button{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-button{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-button{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-button{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-button{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-button{margin-bottom:60px}/*!@:host*/.sc-biggive-button-h{display:contents}/*!@.container*/.container.sc-biggive-button{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}/*!@.container a*/.container.sc-biggive-button a.sc-biggive-button{display:inline-block}/*!@.container a.full-width-true*/.container.sc-biggive-button a.full-width-true.sc-biggive-button{display:block}/*!@.container.centered-true*/.container.centered-true.sc-biggive-button{text-align:center}/*!@.button*/.button.sc-biggive-button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}/*!@.button:hover*/.button.sc-biggive-button:hover{background-color:#FFFFFF;color:#000000}/*!@.button.size-small*/.button.size-small.sc-biggive-button{font-size:13px;line-height:17px;padding:5px 15px}/*!@.button.button.rounded-true*/.button.button.rounded-true.sc-biggive-button{border-radius:27.5px}/*!@.button.button.rounded-true.size-small*/.button.button.rounded-true.size-small.sc-biggive-button{border-radius:20px}/*!@.button-clear-brand-6*/.button-clear-brand-6.sc-biggive-button{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-6:hover*/.button-clear-brand-6.sc-biggive-button:hover{text-decoration:none;background-color:transparent}/*!@.button-primary*/.button-primary.sc-biggive-button{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}/*!@.button-primary:hover*/.button-primary.sc-biggive-button:hover{color:#2C089B;background-color:#FFFFFF}/*!@.button-secondary*/.button-secondary.sc-biggive-button{color:#000000;background-color:#2AF135;border-color:#2AF135}/*!@.button-secondary:hover*/.button-secondary.sc-biggive-button:hover{background-color:#FFFFFF;border-color:#000000}/*!@.button-tertiary*/.button-tertiary.sc-biggive-button{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}/*!@.button-tertiary:hover*/.button-tertiary.sc-biggive-button:hover{background-color:#FFFFFF}/*!@.button-brand-1*/.button-brand-1.sc-biggive-button{color:#FFFFFF;background-color:#B30510;border-color:#B30510}/*!@.button-brand-1:hover*/.button-brand-1.sc-biggive-button:hover{background-color:#FFFFFF}/*!@.button-brand-2*/.button-brand-2.sc-biggive-button{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}/*!@.button-brand-2:hover*/.button-brand-2.sc-biggive-button:hover{background-color:#FFFFFF}/*!@.button-brand-3*/.button-brand-3.sc-biggive-button{color:#FFFFFF;background-color:#50B400;border-color:#50B400}/*!@.button-brand-3:hover*/.button-brand-3.sc-biggive-button:hover{background-color:#FFFFFF}/*!@.button-brand-4*/.button-brand-4.sc-biggive-button{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}/*!@.button-brand-4:hover*/.button-brand-4.sc-biggive-button:hover{background-color:#000000}/*!@.button-brand-mhf-turquoise*/.button-brand-mhf-turquoise.sc-biggive-button{color:#FFFFFF;background-color:#62CFC9;border-color:#62CFC9}/*!@.button-brand-mhf-turquoise:hover*/.button-brand-mhf-turquoise.sc-biggive-button:hover{background-color:#000000}/*!@.button-brand-5*/.button-brand-5.sc-biggive-button{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}/*!@.button-brand-5:hover*/.button-brand-5.sc-biggive-button:hover{background-color:#FFFFFF}/*!@.button-brand-6*/.button-brand-6.sc-biggive-button{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}/*!@.button-brand-6:hover*/.button-brand-6.sc-biggive-button:hover{background-color:#000000}/*!@.button-brand-afa-pink*/.button-brand-afa-pink.sc-biggive-button{color:#FFFFFF;background-color:#BF387D;border-color:#BF387D}/*!@.button-brand-afa-pink:hover*/.button-brand-afa-pink.sc-biggive-button:hover{background-color:#000000}/*!@.button-white*/.button-white.sc-biggive-button{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}/*!@.button-white:hover*/.button-white.sc-biggive-button:hover{color:#000000;background-color:#2AF135}/*!@.button-black*/.button-black.sc-biggive-button{color:#FFFFFF;background-color:#000000;border-color:#000000}/*!@.button-black:hover*/.button-black.sc-biggive-button:hover{color:#000000;background-color:#FFFFFF}/*!@.button-grey-extra-light*/.button-grey-extra-light.sc-biggive-button{color:#000000;background-color:#D7D7D7;border-color:#D7D7D7}/*!@.button-grey-extra-light:hover*/.button-grey-extra-light.sc-biggive-button:hover{color:#D7D7D7;background-color:#000000}/*!@.button-grey-light*/.button-grey-light.sc-biggive-button{color:#000000;background-color:#E8E8E8;border-color:#E8E8E8}/*!@.button-grey-light:hover*/.button-grey-light.sc-biggive-button:hover{color:#E8E8E8;background-color:#000000}/*!@.button-grey-medium*/.button-grey-medium.sc-biggive-button{color:#FFFFFF;background-color:#8A8A8A;border-color:#8A8A8A}/*!@.button-grey-medium:hover*/.button-grey-medium.sc-biggive-button:hover{color:#8A8A8A;background-color:#FFFFFF}/*!@.button-grey-dark*/.button-grey-dark.sc-biggive-button{color:#FFFFFF;background-color:#4A4A4A;border-color:#4A4A4A}/*!@.button-grey-dark:hover*/.button-grey-dark.sc-biggive-button:hover{color:#4A4A4A;background-color:#FFFFFF}/*!@.button-rounded*/.button-rounded.sc-biggive-button{border-radius:27.5px}/*!@.button-rounded.size-small*/.button-rounded.size-small.sc-biggive-button{border-radius:20px}/*!@.button-clear-primary*/.button-clear-primary.sc-biggive-button{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-primary:hover*/.button-clear-primary.sc-biggive-button:hover{color:#2C089B;text-decoration:none;background-color:transparent}/*!@.button-clear-secondary*/.button-clear-secondary.sc-biggive-button{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-secondary:hover*/.button-clear-secondary.sc-biggive-button:hover{color:#2AF135;text-decoration:none;background-color:transparent}/*!@.button-clear-tertiary*/.button-clear-tertiary.sc-biggive-button{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-tertiary:hover*/.button-clear-tertiary.sc-biggive-button:hover{color:#FF7272;text-decoration:none;background-color:transparent}/*!@.button-clear-brand-1*/.button-clear-brand-1.sc-biggive-button{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-1:hover*/.button-clear-brand-1.sc-biggive-button:hover{color:#B30510;text-decoration:none;background-color:transparent}/*!@.button-clear-brand-2*/.button-clear-brand-2.sc-biggive-button{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-2:hover*/.button-clear-brand-2.sc-biggive-button:hover{color:#6E0887;text-decoration:none;background-color:transparent}/*!@.button-clear-brand-3*/.button-clear-brand-3.sc-biggive-button{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-3:hover*/.button-clear-brand-3.sc-biggive-button:hover{color:#50B400;text-decoration:none;background-color:transparent}/*!@.button-clear-brand-4*/.button-clear-brand-4.sc-biggive-button{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-4:hover*/.button-clear-brand-4.sc-biggive-button:hover{color:#FFE500;text-decoration:none;background-color:transparent}/*!@.button-clear-brand-5*/.button-clear-brand-5.sc-biggive-button{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-5:hover*/.button-clear-brand-5.sc-biggive-button:hover{color:#F07D00;text-decoration:none;background-color:transparent}/*!@.button-clear-brand-afa-pink*/.button-clear-brand-afa-pink.sc-biggive-button{color:#BF387D;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-afa-pink:hover*/.button-clear-brand-afa-pink.sc-biggive-button:hover{color:#BF387D;text-decoration:none;background-color:transparent}/*!@.button-clear-brand-mhf-turquoise*/.button-clear-brand-mhf-turquoise.sc-biggive-button{color:#62CFC9;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-brand-mhf-turquoise:hover*/.button-clear-brand-mhf-turquoise.sc-biggive-button:hover{color:#62CFC9;text-decoration:none;background-color:transparent}/*!@.button-clear-white*/.button-clear-white.sc-biggive-button{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-white:hover*/.button-clear-white.sc-biggive-button:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}/*!@.button-clear-black*/.button-clear-black.sc-biggive-button{color:#000000;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-black:hover*/.button-clear-black.sc-biggive-button:hover{color:#000000;text-decoration:none;background-color:transparent}/*!@.button-clear-grey-extra-light*/.button-clear-grey-extra-light.sc-biggive-button{color:#D7D7D7;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-grey-extra-light:hover*/.button-clear-grey-extra-light.sc-biggive-button:hover{color:#D7D7D7;text-decoration:none;background-color:transparent}/*!@.button-clear-grey-light*/.button-clear-grey-light.sc-biggive-button{color:#E8E8E8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-grey-light:hover*/.button-clear-grey-light.sc-biggive-button:hover{color:#E8E8E8;text-decoration:none;background-color:transparent}/*!@.button-clear-grey-medium*/.button-clear-grey-medium.sc-biggive-button{color:#8A8A8A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-grey-medium:hover*/.button-clear-grey-medium.sc-biggive-button:hover{color:#8A8A8A;text-decoration:none;background-color:transparent}/*!@.button-clear-grey-dark*/.button-clear-grey-dark.sc-biggive-button{color:#4A4A4A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}/*!@.button-clear-grey-dark:hover*/.button-clear-grey-dark.sc-biggive-button:hover{color:#4A4A4A;text-decoration:none;background-color:transparent}";
6608
6608
 
6609
6609
  class BiggiveButton {
6610
6610
  constructor(hostRef) {
@@ -8301,15 +8301,18 @@ class BiggivePopup {
8301
8301
  this.closeFromWithin = (event) => {
8302
8302
  if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {
8303
8303
  this.popup.setAttribute('data-visible', 'false');
8304
+ this.popup.setAttribute('tabindex', '-1');
8304
8305
  }
8305
8306
  };
8306
8307
  }
8307
8308
  async openFromOutside() {
8308
- this.popup.focus();
8309
8309
  this.popup.setAttribute('data-visible', 'true');
8310
+ this.popup.setAttribute('tabindex', '0');
8311
+ this.popup.focus();
8310
8312
  }
8311
8313
  async closeFromOutside() {
8312
8314
  this.popup.setAttribute('data-visible', 'false');
8315
+ this.popup.setAttribute('tabindex', '-1');
8313
8316
  }
8314
8317
  render() {
8315
8318
  return (hAsync("div", { class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "header" }, hAsync("div", { class: "close", onClick: this.closeFromWithin })), hAsync("div", { class: "content" }, hAsync("slot", null)))));
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@biggive/components",
3
3
  "_comment": "Version number below is automatically replaced during CircleCI build.",
4
- "version": "202309180924.0.0",
4
+ "version": "202309191556.0.0",
5
5
  "description": "Big Give Components",
6
6
  "main": "dist/index.cjs.js",
7
7
  "module": "dist/index.js",