@gov-design-system-ce/components 0.0.56 → 0.0.58
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/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/gov-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-accordion-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-app.cjs.entry.js +71 -6
- package/dist/cjs/gov-app.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-badge.cjs.entry.js +1 -1
- package/dist/cjs/gov-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-button.cjs.entry.js +1 -1
- package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-input.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-input.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-multi-select.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-multi-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-radio.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-select.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-switch.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-icon.cjs.entry.js +2 -2
- package/dist/cjs/gov-icon.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-loading.cjs.entry.js +2 -3
- package/dist/cjs/gov-loading.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-modal.cjs.entry.js +1 -1
- package/dist/cjs/gov-modal.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-prompt.cjs.entry.js +1 -1
- package/dist/cjs/gov-prompt.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-stepper-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-stepper-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-toast.cjs.entry.js +9 -15
- package/dist/cjs/gov-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-wizard-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-wizard-item.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/gov-accordion/gov-accordion-item.css +1 -0
- package/dist/collection/components/gov-badge/gov-badge.css +12 -12
- package/dist/collection/components/gov-button/default/gov-button.css +12 -12
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.css +1 -0
- package/dist/collection/components/gov-form/input/gov-form-input.css +17 -7
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.css +32 -11
- package/dist/collection/components/gov-form/radio/gov-form-radio.css +1 -0
- package/dist/collection/components/gov-form/select/gov-form-select.css +29 -11
- package/dist/collection/components/gov-form/select/gov-form-select.js +1 -1
- package/dist/collection/components/gov-form/select/gov-form-select.js.map +1 -1
- package/dist/collection/components/gov-form/switch/gov-form-switch.css +4 -8
- package/dist/collection/components/gov-icon/gov-icon.css +6 -2
- package/dist/collection/components/gov-icon/list.js +10 -0
- package/dist/collection/components/gov-icon/list.js.map +1 -1
- package/dist/collection/components/gov-loading/loading/gov-loading.css +4 -3
- package/dist/collection/components/gov-loading/loading/gov-loading.js +1 -24
- package/dist/collection/components/gov-loading/loading/gov-loading.js.map +1 -1
- package/dist/collection/components/gov-modal/gov-modal.css +0 -4
- package/dist/collection/components/gov-promp/gov-prompt.css +0 -4
- package/dist/collection/components/gov-stepper/gov-stepper-item.css +0 -1
- package/dist/collection/components/gov-toast/gov-toast.js +15 -21
- package/dist/collection/components/gov-toast/gov-toast.js.map +1 -1
- package/dist/collection/components/gov-wizard/gov-wizard-item.css +3 -1
- package/dist/collection/pages/Accordion.js +2 -2
- package/dist/collection/pages/Accordion.js.map +1 -1
- package/dist/collection/pages/Forms.js +69 -4
- package/dist/collection/pages/Forms.js.map +1 -1
- package/dist/components/gov-accordion-item.js +1 -1
- package/dist/components/gov-accordion-item.js.map +1 -1
- package/dist/components/gov-alert.js +1 -1
- package/dist/components/gov-app.js +1 -1
- package/dist/components/gov-app.js.map +1 -1
- package/dist/components/gov-attachments-item.js +1 -1
- package/dist/components/gov-badge.js +1 -1
- package/dist/components/gov-button.js +1 -1
- package/dist/components/gov-card.js +1 -1
- package/dist/components/gov-form-autocomplete.js +1 -1
- package/dist/components/gov-form-checkbox.js +1 -1
- package/dist/components/gov-form-checkbox.js.map +1 -1
- package/dist/components/gov-form-file.js +1 -1
- package/dist/components/gov-form-input.js +1 -1
- package/dist/components/gov-form-multi-select.js +1 -1
- package/dist/components/gov-form-multi-select.js.map +1 -1
- package/dist/components/gov-form-radio.js +1 -1
- package/dist/components/gov-form-radio.js.map +1 -1
- package/dist/components/gov-form-select.js +1 -1
- package/dist/components/gov-form-switch.js +1 -1
- package/dist/components/gov-form-switch.js.map +1 -1
- package/dist/components/gov-icon.js +1 -1
- package/dist/components/gov-loading.js +1 -1
- package/dist/components/gov-loading.js.map +1 -1
- package/dist/components/gov-modal.js +1 -1
- package/dist/components/gov-modal.js.map +1 -1
- package/dist/components/gov-pagination.js +1 -1
- package/dist/components/gov-prompt.js +1 -1
- package/dist/components/gov-prompt.js.map +1 -1
- package/dist/components/gov-side-nav-item.js +1 -1
- package/dist/components/gov-stepper-item.js +1 -1
- package/dist/components/gov-stepper-item.js.map +1 -1
- package/dist/components/gov-tabs.js +1 -1
- package/dist/components/gov-tile.js +1 -1
- package/dist/components/gov-toast.js +1 -1
- package/dist/components/gov-toast.js.map +1 -1
- package/dist/components/gov-wizard-item.js +1 -1
- package/dist/components/gov-wizard-item.js.map +1 -1
- package/dist/components/{p-a2e601c5.js → p-0378da4d.js} +2 -2
- package/dist/components/{p-a2e601c5.js.map → p-0378da4d.js.map} +1 -1
- package/dist/components/p-35f6490a.js +2 -0
- package/dist/components/{p-04bfe959.js.map → p-35f6490a.js.map} +1 -1
- package/dist/components/{p-6ca0c464.js → p-70d9d879.js} +2 -2
- package/dist/components/{p-6ca0c464.js.map → p-70d9d879.js.map} +1 -1
- package/dist/components/{p-f516d8f6.js → p-9cba3cd3.js} +2 -2
- package/dist/components/p-a6915747.js +2 -0
- package/dist/components/p-a6915747.js.map +1 -0
- package/dist/components/p-da3b225f.js +2 -0
- package/dist/components/{p-2753b6e4.js.map → p-da3b225f.js.map} +1 -1
- package/dist/components/{p-594ba760.js → p-ee60cdd1.js} +2 -2
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-2944bf77.entry.js +2 -0
- package/dist/core/{p-64f7e661.entry.js.map → p-2944bf77.entry.js.map} +1 -1
- package/dist/core/p-2bb9f781.entry.js +2 -0
- package/dist/core/p-2bb9f781.entry.js.map +1 -0
- package/dist/core/p-4c79a97a.entry.js +2 -0
- package/dist/core/p-4c79a97a.entry.js.map +1 -0
- package/dist/core/p-667dc3de.entry.js +2 -0
- package/dist/core/p-667dc3de.entry.js.map +1 -0
- package/dist/core/p-69f944d1.entry.js +2 -0
- package/dist/core/p-69f944d1.entry.js.map +1 -0
- package/dist/core/{p-bfb4d904.entry.js → p-6a65af35.entry.js} +2 -2
- package/dist/core/{p-bfb4d904.entry.js.map → p-6a65af35.entry.js.map} +1 -1
- package/dist/core/p-85258200.entry.js +2 -0
- package/dist/core/{p-f0a5847a.entry.js.map → p-85258200.entry.js.map} +1 -1
- package/dist/core/p-8fce08d1.entry.js +2 -0
- package/dist/core/p-8fce08d1.entry.js.map +1 -0
- package/dist/core/p-9bfab069.entry.js +2 -0
- package/dist/core/{p-fc853777.entry.js.map → p-9bfab069.entry.js.map} +1 -1
- package/dist/core/p-a85f4a62.entry.js +2 -0
- package/dist/core/p-a85f4a62.entry.js.map +1 -0
- package/dist/core/{p-accf8575.entry.js → p-af646ce2.entry.js} +2 -2
- package/dist/core/{p-accf8575.entry.js.map → p-af646ce2.entry.js.map} +1 -1
- package/dist/core/p-cacd0fed.entry.js +2 -0
- package/dist/core/{p-22a86871.entry.js.map → p-cacd0fed.entry.js.map} +1 -1
- package/dist/core/p-d4cfa93a.entry.js +2 -0
- package/dist/core/{p-81643870.entry.js.map → p-d4cfa93a.entry.js.map} +1 -1
- package/dist/core/{p-3858e2c8.entry.js → p-dd39ede4.entry.js} +2 -2
- package/dist/core/p-dd39ede4.entry.js.map +1 -0
- package/dist/core/p-de5c9181.entry.js +2 -0
- package/dist/core/p-de5c9181.entry.js.map +1 -0
- package/dist/core/p-f8252fea.entry.js +2 -0
- package/dist/core/{p-ea4459ae.entry.js.map → p-f8252fea.entry.js.map} +1 -1
- package/dist/core/p-fb99f144.entry.js +2 -0
- package/dist/core/p-fb99f144.entry.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/gov-accordion-item.entry.js +1 -1
- package/dist/esm/gov-accordion-item.entry.js.map +1 -1
- package/dist/esm/gov-app.entry.js +71 -6
- package/dist/esm/gov-app.entry.js.map +1 -1
- package/dist/esm/gov-badge.entry.js +1 -1
- package/dist/esm/gov-badge.entry.js.map +1 -1
- package/dist/esm/gov-button.entry.js +1 -1
- package/dist/esm/gov-button.entry.js.map +1 -1
- package/dist/esm/gov-form-checkbox.entry.js +1 -1
- package/dist/esm/gov-form-checkbox.entry.js.map +1 -1
- package/dist/esm/gov-form-input.entry.js +1 -1
- package/dist/esm/gov-form-input.entry.js.map +1 -1
- package/dist/esm/gov-form-multi-select.entry.js +1 -1
- package/dist/esm/gov-form-multi-select.entry.js.map +1 -1
- package/dist/esm/gov-form-radio.entry.js +1 -1
- package/dist/esm/gov-form-radio.entry.js.map +1 -1
- package/dist/esm/gov-form-select.entry.js +2 -2
- package/dist/esm/gov-form-select.entry.js.map +1 -1
- package/dist/esm/gov-form-switch.entry.js +1 -1
- package/dist/esm/gov-form-switch.entry.js.map +1 -1
- package/dist/esm/gov-icon.entry.js +2 -2
- package/dist/esm/gov-icon.entry.js.map +1 -1
- package/dist/esm/gov-loading.entry.js +2 -3
- package/dist/esm/gov-loading.entry.js.map +1 -1
- package/dist/esm/gov-modal.entry.js +1 -1
- package/dist/esm/gov-modal.entry.js.map +1 -1
- package/dist/esm/gov-prompt.entry.js +1 -1
- package/dist/esm/gov-prompt.entry.js.map +1 -1
- package/dist/esm/gov-stepper-item.entry.js +1 -1
- package/dist/esm/gov-stepper-item.entry.js.map +1 -1
- package/dist/esm/gov-toast.entry.js +9 -15
- package/dist/esm/gov-toast.entry.js.map +1 -1
- package/dist/esm/gov-wizard-item.entry.js +1 -1
- package/dist/esm/gov-wizard-item.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/hydrate/index.js +98 -42
- package/dist/types/components/gov-loading/loading/gov-loading.d.ts +0 -4
- package/dist/types/components/gov-toast/gov-toast.d.ts +4 -6
- package/dist/types/components.d.ts +4 -12
- package/package.json +3 -3
- package/dist/components/p-04bfe959.js +0 -2
- package/dist/components/p-2753b6e4.js +0 -2
- package/dist/components/p-baf87688.js +0 -2
- package/dist/components/p-baf87688.js.map +0 -1
- package/dist/core/p-22a86871.entry.js +0 -2
- package/dist/core/p-23385300.entry.js +0 -2
- package/dist/core/p-23385300.entry.js.map +0 -1
- package/dist/core/p-3858e2c8.entry.js.map +0 -1
- package/dist/core/p-48cfc1c6.entry.js +0 -2
- package/dist/core/p-48cfc1c6.entry.js.map +0 -1
- package/dist/core/p-4df62a13.entry.js +0 -2
- package/dist/core/p-4df62a13.entry.js.map +0 -1
- package/dist/core/p-64f7e661.entry.js +0 -2
- package/dist/core/p-74f0be51.entry.js +0 -2
- package/dist/core/p-74f0be51.entry.js.map +0 -1
- package/dist/core/p-801f1147.entry.js +0 -2
- package/dist/core/p-801f1147.entry.js.map +0 -1
- package/dist/core/p-81643870.entry.js +0 -2
- package/dist/core/p-82f64673.entry.js +0 -2
- package/dist/core/p-82f64673.entry.js.map +0 -1
- package/dist/core/p-aa4e716e.entry.js +0 -2
- package/dist/core/p-aa4e716e.entry.js.map +0 -1
- package/dist/core/p-e769f3ee.entry.js +0 -2
- package/dist/core/p-e769f3ee.entry.js.map +0 -1
- package/dist/core/p-ea4459ae.entry.js +0 -2
- package/dist/core/p-f0a5847a.entry.js +0 -2
- package/dist/core/p-fc853777.entry.js +0 -2
- package/dist/globals.d.ts +0 -2
- package/dist/types/types/typings.d.ts +0 -6
- /package/dist/components/{p-f516d8f6.js.map → p-9cba3cd3.js.map} +0 -0
- /package/dist/components/{p-594ba760.js.map → p-ee60cdd1.js.map} +0 -0
|
@@ -309,6 +309,10 @@
|
|
|
309
309
|
.gov-form-multi-select *[slot=right-icon] {
|
|
310
310
|
right: 0;
|
|
311
311
|
}
|
|
312
|
+
.gov-form-multi-select *[slot=prefix],
|
|
313
|
+
.gov-form-multi-select *[slot=sufix] {
|
|
314
|
+
margin: 0;
|
|
315
|
+
}
|
|
312
316
|
[size=s].gov-form-multi-select {
|
|
313
317
|
font-weight: var(--gov-text-s-font-weight);
|
|
314
318
|
font-size: var(--gov-text-s-font-size);
|
|
@@ -448,7 +452,7 @@
|
|
|
448
452
|
border: var(--gov-form-input-border-primary, 0.0625rem solid var(--gov-color-primary-600));
|
|
449
453
|
}
|
|
450
454
|
[variant=primary].gov-form-multi-select *[slot=left-icon],
|
|
451
|
-
[variant=primary].gov-form-multi-select *[slot=right-icon] {
|
|
455
|
+
[variant=primary].gov-form-multi-select *[slot=right-icon]:not(.icon-arrow) {
|
|
452
456
|
color: var(--gov-form-input-icon-color-primary, var(--gov-color-primary));
|
|
453
457
|
}
|
|
454
458
|
[variant=secondary].gov-form-multi-select input,
|
|
@@ -458,7 +462,7 @@
|
|
|
458
462
|
border: var(--gov-form-input-border-secondary, 0.0625rem solid var(--gov-color-secondary-700));
|
|
459
463
|
}
|
|
460
464
|
[variant=secondary].gov-form-multi-select *[slot=left-icon],
|
|
461
|
-
[variant=secondary].gov-form-multi-select *[slot=right-icon] {
|
|
465
|
+
[variant=secondary].gov-form-multi-select *[slot=right-icon]:not(.icon-arrow) {
|
|
462
466
|
color: var(--gov-form-input-icon-color-secondary, var(--gov-color-primary));
|
|
463
467
|
}
|
|
464
468
|
[disabled=""].gov-form-multi-select, [disabled=true i].gov-form-multi-select, [disabled="1"].gov-form-multi-select {
|
|
@@ -479,7 +483,7 @@
|
|
|
479
483
|
[disabled=""].gov-form-multi-select *[slot=right-icon], [disabled=true i].gov-form-multi-select *[slot=left-icon],
|
|
480
484
|
[disabled=true i].gov-form-multi-select *[slot=right-icon], [disabled="1"].gov-form-multi-select *[slot=left-icon],
|
|
481
485
|
[disabled="1"].gov-form-multi-select *[slot=right-icon] {
|
|
482
|
-
color: var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));
|
|
486
|
+
color: var(--gov-form-state-color-disabled, var(--gov-color-secondary-600)) !important;
|
|
483
487
|
}
|
|
484
488
|
[invalid=""].gov-form-multi-select input,
|
|
485
489
|
[invalid=""].gov-form-multi-select select,
|
|
@@ -507,14 +511,23 @@
|
|
|
507
511
|
[invalid=""].gov-form-multi-select *[slot=right-icon], [invalid=true i].gov-form-multi-select *[slot=left-icon],
|
|
508
512
|
[invalid=true i].gov-form-multi-select *[slot=right-icon], [invalid="1"].gov-form-multi-select *[slot=left-icon],
|
|
509
513
|
[invalid="1"].gov-form-multi-select *[slot=right-icon] {
|
|
510
|
-
color: var(--gov-form-state-color-error, var(--gov-color-error));
|
|
514
|
+
color: var(--gov-form-state-color-error, var(--gov-color-error)) !important;
|
|
515
|
+
}
|
|
516
|
+
[invalid=""].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow), [invalid=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow), [invalid="1"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow) {
|
|
517
|
+
display: none;
|
|
511
518
|
}
|
|
512
|
-
[success=""].gov-form-multi-select *[slot=right-icon], [success=true i].gov-form-multi-select *[slot=right-icon], [success="1"].gov-form-multi-select *[slot=right-icon] {
|
|
519
|
+
[success=""].gov-form-multi-select *[slot=right-icon]:not(.icon-arrow), [success=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-arrow), [success="1"].gov-form-multi-select *[slot=right-icon]:not(.icon-arrow) {
|
|
513
520
|
color: var(--gov-form-state-color-success, var(--gov-color-success));
|
|
514
521
|
}
|
|
515
522
|
[success=""].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow), [success=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow), [success="1"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow) {
|
|
516
523
|
display: none;
|
|
517
524
|
}
|
|
525
|
+
[multiline=""].gov-form-multi-select *[slot=left-icon],
|
|
526
|
+
[multiline=""].gov-form-multi-select *[slot=right-icon], [multiline=true i].gov-form-multi-select *[slot=left-icon],
|
|
527
|
+
[multiline=true i].gov-form-multi-select *[slot=right-icon], [multiline="1"].gov-form-multi-select *[slot=left-icon],
|
|
528
|
+
[multiline="1"].gov-form-multi-select *[slot=right-icon] {
|
|
529
|
+
display: none;
|
|
530
|
+
}
|
|
518
531
|
|
|
519
532
|
.gov-form-multi-select {
|
|
520
533
|
background: none;
|
|
@@ -526,20 +539,25 @@
|
|
|
526
539
|
.gov-form-multi-select select::-ms-expand {
|
|
527
540
|
display: none;
|
|
528
541
|
}
|
|
542
|
+
[size=s].gov-form-multi-select *[slot=right-icon] {
|
|
543
|
+
right: var(--gov-form-select-s-arrow-right-position, 0.75rem);
|
|
544
|
+
width: var(--gov-form-select-s-arrow-size, 0.75rem);
|
|
545
|
+
height: var(--gov-form-select-s-arrow-size, 0.75rem);
|
|
546
|
+
}
|
|
529
547
|
[size=m].gov-form-multi-select *[slot=right-icon] {
|
|
530
548
|
right: var(--gov-form-select-m-arrow-right-position, 1rem);
|
|
531
|
-
width: var(--gov-form-select-m-arrow-size, 0.
|
|
532
|
-
height: var(--gov-form-select-m-arrow-size, 0.
|
|
549
|
+
width: var(--gov-form-select-m-arrow-size, 0.75rem);
|
|
550
|
+
height: var(--gov-form-select-m-arrow-size, 0.75rem);
|
|
533
551
|
}
|
|
534
552
|
[size=l].gov-form-multi-select *[slot=right-icon] {
|
|
535
553
|
right: var(--gov-form-select-l-arrow-right-position, 1rem);
|
|
536
|
-
width: var(--gov-form-select-l-arrow-size,
|
|
537
|
-
height: var(--gov-form-select-l-arrow-size,
|
|
554
|
+
width: var(--gov-form-select-l-arrow-size, 1rem);
|
|
555
|
+
height: var(--gov-form-select-l-arrow-size, 1rem);
|
|
538
556
|
}
|
|
539
557
|
[size=xl].gov-form-multi-select *[slot=right-icon] {
|
|
540
558
|
right: var(--gov-form-select-xl-arrow-right-position, 1.3125rem);
|
|
541
|
-
width: var(--gov-form-select-xl-arrow-size,
|
|
542
|
-
height: var(--gov-form-select-xl-arrow-size,
|
|
559
|
+
width: var(--gov-form-select-xl-arrow-size, 1rem);
|
|
560
|
+
height: var(--gov-form-select-xl-arrow-size, 1rem);
|
|
543
561
|
}
|
|
544
562
|
|
|
545
563
|
.gov-form-multi-select {
|
|
@@ -567,4 +585,7 @@
|
|
|
567
585
|
padding: 0rem 0rem 0rem 0.5rem;
|
|
568
586
|
background: var(--gov-form-multiselect-bg, var(--gov-color-primary-200));
|
|
569
587
|
transition: 150ms linear background-color;
|
|
588
|
+
}
|
|
589
|
+
.gov-form-multi-select .icon-validation {
|
|
590
|
+
display: none;
|
|
570
591
|
}
|
|
@@ -295,6 +295,10 @@
|
|
|
295
295
|
.gov-form-select *[slot=right-icon] {
|
|
296
296
|
right: 0;
|
|
297
297
|
}
|
|
298
|
+
.gov-form-select *[slot=prefix],
|
|
299
|
+
.gov-form-select *[slot=sufix] {
|
|
300
|
+
margin: 0;
|
|
301
|
+
}
|
|
298
302
|
[size=s].gov-form-select {
|
|
299
303
|
font-weight: var(--gov-text-s-font-weight);
|
|
300
304
|
font-size: var(--gov-text-s-font-size);
|
|
@@ -434,7 +438,7 @@
|
|
|
434
438
|
border: var(--gov-form-input-border-primary, 0.0625rem solid var(--gov-color-primary-600));
|
|
435
439
|
}
|
|
436
440
|
[variant=primary].gov-form-select *[slot=left-icon],
|
|
437
|
-
[variant=primary].gov-form-select *[slot=right-icon] {
|
|
441
|
+
[variant=primary].gov-form-select *[slot=right-icon]:not(.icon-arrow) {
|
|
438
442
|
color: var(--gov-form-input-icon-color-primary, var(--gov-color-primary));
|
|
439
443
|
}
|
|
440
444
|
[variant=secondary].gov-form-select input,
|
|
@@ -444,7 +448,7 @@
|
|
|
444
448
|
border: var(--gov-form-input-border-secondary, 0.0625rem solid var(--gov-color-secondary-700));
|
|
445
449
|
}
|
|
446
450
|
[variant=secondary].gov-form-select *[slot=left-icon],
|
|
447
|
-
[variant=secondary].gov-form-select *[slot=right-icon] {
|
|
451
|
+
[variant=secondary].gov-form-select *[slot=right-icon]:not(.icon-arrow) {
|
|
448
452
|
color: var(--gov-form-input-icon-color-secondary, var(--gov-color-primary));
|
|
449
453
|
}
|
|
450
454
|
[disabled=""].gov-form-select, [disabled=true i].gov-form-select, [disabled="1"].gov-form-select {
|
|
@@ -465,7 +469,7 @@
|
|
|
465
469
|
[disabled=""].gov-form-select *[slot=right-icon], [disabled=true i].gov-form-select *[slot=left-icon],
|
|
466
470
|
[disabled=true i].gov-form-select *[slot=right-icon], [disabled="1"].gov-form-select *[slot=left-icon],
|
|
467
471
|
[disabled="1"].gov-form-select *[slot=right-icon] {
|
|
468
|
-
color: var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));
|
|
472
|
+
color: var(--gov-form-state-color-disabled, var(--gov-color-secondary-600)) !important;
|
|
469
473
|
}
|
|
470
474
|
[invalid=""].gov-form-select input,
|
|
471
475
|
[invalid=""].gov-form-select select,
|
|
@@ -493,14 +497,23 @@
|
|
|
493
497
|
[invalid=""].gov-form-select *[slot=right-icon], [invalid=true i].gov-form-select *[slot=left-icon],
|
|
494
498
|
[invalid=true i].gov-form-select *[slot=right-icon], [invalid="1"].gov-form-select *[slot=left-icon],
|
|
495
499
|
[invalid="1"].gov-form-select *[slot=right-icon] {
|
|
496
|
-
color: var(--gov-form-state-color-error, var(--gov-color-error));
|
|
500
|
+
color: var(--gov-form-state-color-error, var(--gov-color-error)) !important;
|
|
501
|
+
}
|
|
502
|
+
[invalid=""].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow), [invalid=true i].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow), [invalid="1"].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow) {
|
|
503
|
+
display: none;
|
|
497
504
|
}
|
|
498
|
-
[success=""].gov-form-select *[slot=right-icon], [success=true i].gov-form-select *[slot=right-icon], [success="1"].gov-form-select *[slot=right-icon] {
|
|
505
|
+
[success=""].gov-form-select *[slot=right-icon]:not(.icon-arrow), [success=true i].gov-form-select *[slot=right-icon]:not(.icon-arrow), [success="1"].gov-form-select *[slot=right-icon]:not(.icon-arrow) {
|
|
499
506
|
color: var(--gov-form-state-color-success, var(--gov-color-success));
|
|
500
507
|
}
|
|
501
508
|
[success=""].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow), [success=true i].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow), [success="1"].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow) {
|
|
502
509
|
display: none;
|
|
503
510
|
}
|
|
511
|
+
[multiline=""].gov-form-select *[slot=left-icon],
|
|
512
|
+
[multiline=""].gov-form-select *[slot=right-icon], [multiline=true i].gov-form-select *[slot=left-icon],
|
|
513
|
+
[multiline=true i].gov-form-select *[slot=right-icon], [multiline="1"].gov-form-select *[slot=left-icon],
|
|
514
|
+
[multiline="1"].gov-form-select *[slot=right-icon] {
|
|
515
|
+
display: none;
|
|
516
|
+
}
|
|
504
517
|
|
|
505
518
|
.gov-form-select {
|
|
506
519
|
background: none;
|
|
@@ -512,18 +525,23 @@
|
|
|
512
525
|
.gov-form-select select::-ms-expand {
|
|
513
526
|
display: none;
|
|
514
527
|
}
|
|
528
|
+
[size=s].gov-form-select *[slot=right-icon] {
|
|
529
|
+
right: var(--gov-form-select-s-arrow-right-position, 0.75rem);
|
|
530
|
+
width: var(--gov-form-select-s-arrow-size, 0.75rem);
|
|
531
|
+
height: var(--gov-form-select-s-arrow-size, 0.75rem);
|
|
532
|
+
}
|
|
515
533
|
[size=m].gov-form-select *[slot=right-icon] {
|
|
516
534
|
right: var(--gov-form-select-m-arrow-right-position, 1rem);
|
|
517
|
-
width: var(--gov-form-select-m-arrow-size, 0.
|
|
518
|
-
height: var(--gov-form-select-m-arrow-size, 0.
|
|
535
|
+
width: var(--gov-form-select-m-arrow-size, 0.75rem);
|
|
536
|
+
height: var(--gov-form-select-m-arrow-size, 0.75rem);
|
|
519
537
|
}
|
|
520
538
|
[size=l].gov-form-select *[slot=right-icon] {
|
|
521
539
|
right: var(--gov-form-select-l-arrow-right-position, 1rem);
|
|
522
|
-
width: var(--gov-form-select-l-arrow-size,
|
|
523
|
-
height: var(--gov-form-select-l-arrow-size,
|
|
540
|
+
width: var(--gov-form-select-l-arrow-size, 1rem);
|
|
541
|
+
height: var(--gov-form-select-l-arrow-size, 1rem);
|
|
524
542
|
}
|
|
525
543
|
[size=xl].gov-form-select *[slot=right-icon] {
|
|
526
544
|
right: var(--gov-form-select-xl-arrow-right-position, 1.3125rem);
|
|
527
|
-
width: var(--gov-form-select-xl-arrow-size,
|
|
528
|
-
height: var(--gov-form-select-xl-arrow-size,
|
|
545
|
+
width: var(--gov-form-select-xl-arrow-size, 1rem);
|
|
546
|
+
height: var(--gov-form-select-xl-arrow-size, 1rem);
|
|
529
547
|
}
|
|
@@ -69,7 +69,7 @@ export class GovFormSelect {
|
|
|
69
69
|
});
|
|
70
70
|
}
|
|
71
71
|
render() {
|
|
72
|
-
return (h(Host, { class: FormSelectClass.root, size: this.size, variant: this.variant }, this.h.hasSlot("prefix") && h("slot", { name: "prefix" }), h("span", { class: "element" }, h("gov-icon", { slot: "right-icon", name: "chevron-down" }), h("select", { id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-activedescendant": this.wcagActiveDescendant, "aria-controls": this.wcagControls, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns }, h("slot", null))), this.h.hasSlot("sufix") && h("slot", { name: "sufix" })));
|
|
72
|
+
return (h(Host, { class: FormSelectClass.root, size: this.size, variant: this.variant }, this.h.hasSlot("prefix") && h("slot", { name: "prefix" }), h("span", { class: "element" }, h("gov-icon", { slot: "right-icon", name: "chevron-down", class: "icon-arrow" }), h("select", { id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-activedescendant": this.wcagActiveDescendant, "aria-controls": this.wcagControls, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns }, h("slot", null))), this.h.hasSlot("sufix") && h("slot", { name: "sufix" })));
|
|
73
73
|
}
|
|
74
74
|
onFocusHandler(e) {
|
|
75
75
|
this.focused = true;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gov-form-select.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/select/gov-form-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC5G,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAEnD,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAExF,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EACN,eAAe,EACf,eAAe,EAEf,kBAAkB,GAElB,MAAM,aAAa,CAAA;AAOpB,MAAM,OAAO,aAAa;EAOzB;;;mBAkBmD,WAAW;gBAIhB,GAAG;;oBASZ,KAAK;;;;;;;;;IA9BzC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC3B,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACxB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;GACrC;EAwED,eAAe,CAAC,QAAgB;IAC/B,YAAY,CAAC,kBAAkB,EAAE,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC,CAAA;EACjE,CAAC;EAGD,YAAY,CAAC,QAAgB;IAC5B,YAAY,CAAC,eAAe,EAAE,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC,CAAA;EAC9D,CAAC;EAKD,aAAa;IACZ,IAAI,CAAC,gBAAgB,EAAE,CAAA;EACxB,CAAC;EAGD,UAAU;IACT,IAAI,CAAC,iBAAiB,EAAE,CAAA;EACzB,CAAC;EAEO,gBAAgB;IACvB,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;IAC3C,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC/D,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;IAC7D,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;EAC3C,CAAC;EAED,iBAAiB;IAChB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAClC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAE5B,IAAI,CAAC,iBAAiB,EAAE,CAAA;IACxB,IAAI,CAAC,gBAAgB,EAAE,CAAA;IACvB,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAA;EAC1D,CAAC;EAED,KAAK,CAAC,kBAAkB;IACvB,IAAI,uBAAuB,EAAE,EAAE;MAC9B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;MAChB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;KACzB;EACF,CAAC;EAEO,iBAAiB;IACxB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,MAAyB,EAAE,EAAE;MAC1E,IAAI,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;QAChC,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA;OAC3C;WAAM;QACN,MAAM,CAAC,eAAe,CAAC,UAAU,CAAC,CAAA;OAClC;IACF,CAAC,CAAC,CAAA;EACH,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO;MACvE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,YAAM,IAAI,EAAC,QAAQ,GAAQ;MACxD,YAAM,KAAK,EAAC,SAAS;QACpB,gBAAU,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,cAAc,GAAY;QAC3D,cACC,EAAE,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,EACpC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EACvC,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EACzC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EACrC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAuB,CAAC,mBACtC,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,2BAC1B,IAAI,CAAC,oBAAoB,mBACjC,IAAI,CAAC,YAAY,mBACjB,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,kBACnC,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,sBAC7B,IAAI,CAAC,eAAe,qBACrB,IAAI,CAAC,cAAc,eACzB,IAAI,CAAC,QAAQ;UAExB,eAAa,CACL,CACH;MACN,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,YAAM,IAAI,EAAC,OAAO,GAAQ,CAChD,CACP,CAAA;EACF,CAAC;EAEO,cAAc,CAAC,CAAa;IACnC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;IACnB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;MAClB,SAAS,EAAE,eAAe,CAAC,IAAI;MAC/B,aAAa,EAAE,CAAC;MAChB,KAAK,EAAE,IAAI,CAAC,KAAK;KACjB,CAAC,CAAA;EACH,CAAC;EAEO,aAAa,CAAC,CAAa;IAClC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;IACpB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;MACjB,SAAS,EAAE,eAAe,CAAC,IAAI;MAC/B,aAAa,EAAE,CAAC;MAChB,KAAK,EAAE,IAAI,CAAC,KAAK;KACjB,CAAC,CAAA;EACH,CAAC;EAEO,eAAe,CAAC,CAAQ;IAC/B,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAA;IAClD,CAAC,CAAC,eAAe,EAAE,CAAA;IACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;MACnB,SAAS,EAAE,eAAe,CAAC,IAAI;MAC/B,aAAa,EAAE,CAAC;MAChB,KAAK,EAAE,IAAI,CAAC,KAAK;KACjB,CAAC,CAAA;EACH,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,QAAQ,CAAC,OAAsB;IACpC,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;EACrC,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,QAAQ,CAAC,KAAa;IAC3B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;EACnB,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,MAAM;IACX,OAAO,IAAI,CAAC,SAAS,CAAA;EACtB,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,YAAY;IACjB,eAAe,CAAC,IAAI,CAAC,oBAAoB,EAAE,wBAAwB,EAAE,eAAe,CAAC,IAAI,CAAC,CAAA;IAC1F,eAAe,CAAC,IAAI,CAAC,YAAY,EAAE,eAAe,EAAE,eAAe,CAAC,IAAI,CAAC,CAAA;IACzE,eAAe,CAAC,IAAI,CAAC,eAAe,EAAE,mBAAmB,EAAE,eAAe,CAAC,IAAI,CAAC,CAAA;IAChF,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,eAAe,CAAC,IAAI,CAAC,CAAA;IACjE,oBAAoB,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,EAAE,eAAe,CAAC,IAAI,CAAC,CAAA;EAClG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { govForm } from \"../../../helpers/Dom/form\"\nimport { GovForm } from \"../../../helpers/Dom/form.types\"\nimport { govHost, toBoolAttr, toBoolAttrIfDefined } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { validateWcagLabelFor, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { createID } from \"../../../utils/string.utils\"\nimport { delay } from \"../../../utils/utils\"\nimport {\n\tFormSelectClass,\n\tFormSelectSizes,\n\tFormSelectSizesType,\n\tFormSelectVariants,\n\tFormSelectVariantType,\n} from \"./constants\"\nimport { FormSelectEvent } from \"./gov-form-select.types\"\n\n@Component({\n\ttag: \"gov-form-select\",\n\tstyleUrl: \"gov-form-select.scss\",\n})\nexport class GovFormSelect {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate selectRef?: HTMLSelectElement\n\n\tprivate readonly selectId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t\tthis.selectId = createID(\"GovSelect\")\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Value of select\n\t */\n\t@Prop({ reflect: true, mutable: true }) value: string\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Style variation of the form select.\n\t */\n\t@Prop() readonly variant?: FormSelectVariantType = 'secondary'\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size?: FormSelectSizesType = \"m\"\n\t/**\n\t * Name of the select.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the select component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a related component’s visually focused element.\n\t */\n\t@Prop({ attribute: \"wcag-active-descendant\" }) readonly wcagActiveDescendant: string\n\t/**\n\t * Use this prop to add an aria-controls attribute. Use the attribute to indicate the id of a component controlled by this component.\n\t */\n\t@Prop({ attribute: \"wcag-controls\" }) readonly wcagControls: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-owns\" }) readonly wcagOwns: string\n\t/**\n\t * Emitted when the select has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<FormSelectEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FormSelectEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<FormSelectEvent>\n\t@State() focused: boolean\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormSelectVariants, newValue, FormSelectClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormSelectSizes, newValue, FormSelectClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchDisabled(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@Watch(\"value\")\n\twatchValue(): void {\n\t\tthis.markSelectedValue()\n\t}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", \"select\")\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\n\t\tthis.markSelectedValue()\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tprivate markSelectedValue() {\n\t\tthis.host.querySelectorAll(\"option\").forEach((option: HTMLOptionElement) => {\n\t\t\tif (option.value === this.value) {\n\t\t\t\toption.setAttribute(\"selected\", \"selected\")\n\t\t\t} else {\n\t\t\t\toption.removeAttribute(\"selected\")\n\t\t\t}\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormSelectClass.root} size={this.size} variant={this.variant}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t<select\n\t\t\t\t\t\tid={this.identifier || this.selectId}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\taria-activedescendant={this.wcagActiveDescendant}\n\t\t\t\t\t\taria-controls={this.wcagControls}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\taria-owns={this.wcagOwns}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</select>\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.value = (e.target as HTMLSelectElement).value\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.selectRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Returns an instance of the native html select element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLSelectElement> {\n\t\treturn this.selectRef\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagActiveDescendant, \"wcag-active-descendant\", FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagControls, \"wcag-controls\", FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagDescribedBy, \"wcag-described-by\", FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagOwns, \"wcag-owns\", FormSelectClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.selectId, this.wcagLabelledBy, FormSelectClass.root)\n\t}\n}\n"]}
|
|
1
|
+
{"version":3,"file":"gov-form-select.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-form/select/gov-form-select.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { govForm } from \"../../../helpers/Dom/form\"\nimport { GovForm } from \"../../../helpers/Dom/form.types\"\nimport { govHost, toBoolAttr, toBoolAttrIfDefined } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { validateWcagLabelFor, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { createID } from \"../../../utils/string.utils\"\nimport { delay } from \"../../../utils/utils\"\nimport {\n\tFormSelectClass,\n\tFormSelectSizes,\n\tFormSelectSizesType,\n\tFormSelectVariants,\n\tFormSelectVariantType,\n} from \"./constants\"\nimport { FormSelectEvent } from \"./gov-form-select.types\"\n\n@Component({\n\ttag: \"gov-form-select\",\n\tstyleUrl: \"gov-form-select.scss\",\n})\nexport class GovFormSelect {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\tprivate selectRef?: HTMLSelectElement\n\n\tprivate readonly selectId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t\tthis.selectId = createID(\"GovSelect\")\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Value of select\n\t */\n\t@Prop({ reflect: true, mutable: true }) value: string\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\n\t/**\n\t * Style variation of the form select.\n\t */\n\t@Prop() readonly variant?: FormSelectVariantType = 'secondary'\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size?: FormSelectSizesType = \"m\"\n\t/**\n\t * Name of the select.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the select component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a related component’s visually focused element.\n\t */\n\t@Prop({ attribute: \"wcag-active-descendant\" }) readonly wcagActiveDescendant: string\n\t/**\n\t * Use this prop to add an aria-controls attribute. Use the attribute to indicate the id of a component controlled by this component.\n\t */\n\t@Prop({ attribute: \"wcag-controls\" }) readonly wcagControls: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: \"wcag-owns\" }) readonly wcagOwns: string\n\t/**\n\t * Emitted when the select has focus.\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<FormSelectEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<FormSelectEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<FormSelectEvent>\n\t@State() focused: boolean\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormSelectVariants, newValue, FormSelectClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormSelectSizes, newValue, FormSelectClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchDisabled(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@Watch(\"value\")\n\twatchValue(): void {\n\t\tthis.markSelectedValue()\n\t}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", \"select\")\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\n\t\tthis.markSelectedValue()\n\t\tthis.passControlAttrs()\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tprivate markSelectedValue() {\n\t\tthis.host.querySelectorAll(\"option\").forEach((option: HTMLOptionElement) => {\n\t\t\tif (option.value === this.value) {\n\t\t\t\toption.setAttribute(\"selected\", \"selected\")\n\t\t\t} else {\n\t\t\t\toption.removeAttribute(\"selected\")\n\t\t\t}\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormSelectClass.root} size={this.size} variant={this.variant}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && <slot name=\"prefix\"></slot>}\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"chevron-down\" class=\"icon-arrow\"></gov-icon>\n\t\t\t\t\t<select\n\t\t\t\t\t\tid={this.identifier || this.selectId}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\taria-activedescendant={this.wcagActiveDescendant}\n\t\t\t\t\t\taria-controls={this.wcagControls}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\taria-owns={this.wcagOwns}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</select>\n\t\t\t\t</span>\n\t\t\t\t{this.h.hasSlot(\"sufix\") && <slot name=\"sufix\"></slot>}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.focused = true\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.value = (e.target as HTMLSelectElement).value\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormSelectClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tvalue: this.value,\n\t\t})\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.selectRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Returns an instance of the native html select element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLSelectElement> {\n\t\treturn this.selectRef\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcagActiveDescendant, \"wcag-active-descendant\", FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagControls, \"wcag-controls\", FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagDescribedBy, \"wcag-described-by\", FormSelectClass.root)\n\t\tvalidateWcagRef(this.wcagOwns, \"wcag-owns\", FormSelectClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.selectId, this.wcagLabelledBy, FormSelectClass.root)\n\t}\n}\n"]}
|
|
@@ -299,13 +299,12 @@
|
|
|
299
299
|
line-height: var(--gov-text-xs-line-height);
|
|
300
300
|
letter-spacing: var(--gov-text-xs-letter-spacing);
|
|
301
301
|
margin-bottom: 0;
|
|
302
|
-
padding-top: calc((var(--gov-form-switch-xs-indicator-height, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2);
|
|
303
302
|
}
|
|
304
303
|
.gov-form-switch[size=xs] .gov-form-switch__holder {
|
|
305
304
|
gap: var(--gov-form-switch-xs-gap, 0.75rem);
|
|
306
305
|
}
|
|
307
306
|
.gov-form-switch[size=xs] .gov-form-switch__input {
|
|
308
|
-
width: calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) *
|
|
307
|
+
width: calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667);
|
|
309
308
|
height: var(--gov-form-switch-xs-indicator-height, 1.25rem);
|
|
310
309
|
}
|
|
311
310
|
.gov-form-switch[size=xs] .gov-form-switch__indicator {
|
|
@@ -335,13 +334,12 @@
|
|
|
335
334
|
line-height: var(--gov-text-s-line-height);
|
|
336
335
|
letter-spacing: var(--gov-text-s-letter-spacing);
|
|
337
336
|
margin-bottom: 0;
|
|
338
|
-
padding-top: calc((var(--gov-form-switch-s-indicator-height, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2);
|
|
339
337
|
}
|
|
340
338
|
.gov-form-switch[size=s] .gov-form-switch__holder {
|
|
341
339
|
gap: var(--gov-form-switch-s-gap, 0.75rem);
|
|
342
340
|
}
|
|
343
341
|
.gov-form-switch[size=s] .gov-form-switch__input {
|
|
344
|
-
width: calc(var(--gov-form-switch-s-indicator-height, 1.375rem) *
|
|
342
|
+
width: calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667);
|
|
345
343
|
height: var(--gov-form-switch-s-indicator-height, 1.375rem);
|
|
346
344
|
}
|
|
347
345
|
.gov-form-switch[size=s] .gov-form-switch__indicator {
|
|
@@ -371,13 +369,12 @@
|
|
|
371
369
|
line-height: var(--gov-text-m-line-height);
|
|
372
370
|
letter-spacing: var(--gov-text-m-letter-spacing);
|
|
373
371
|
margin-bottom: 0;
|
|
374
|
-
padding-top: calc((var(--gov-form-switch-m-indicator-height, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2);
|
|
375
372
|
}
|
|
376
373
|
.gov-form-switch[size=m] .gov-form-switch__holder {
|
|
377
374
|
gap: var(--gov-form-switch-m-gap, 1rem);
|
|
378
375
|
}
|
|
379
376
|
.gov-form-switch[size=m] .gov-form-switch__input {
|
|
380
|
-
width: calc(var(--gov-form-switch-m-indicator-height, 1.5rem) *
|
|
377
|
+
width: calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667);
|
|
381
378
|
height: var(--gov-form-switch-m-indicator-height, 1.5rem);
|
|
382
379
|
}
|
|
383
380
|
.gov-form-switch[size=m] .gov-form-switch__indicator {
|
|
@@ -407,13 +404,12 @@
|
|
|
407
404
|
line-height: var(--gov-text-l-line-height);
|
|
408
405
|
letter-spacing: var(--gov-text-l-letter-spacing);
|
|
409
406
|
margin-bottom: 0;
|
|
410
|
-
padding-top: calc((var(--gov-form-switch-l-indicator-height, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2);
|
|
411
407
|
}
|
|
412
408
|
.gov-form-switch[size=l] .gov-form-switch__holder {
|
|
413
409
|
gap: var(--gov-form-switch-l-gap, 1rem);
|
|
414
410
|
}
|
|
415
411
|
.gov-form-switch[size=l] .gov-form-switch__input {
|
|
416
|
-
width: calc(var(--gov-form-switch-l-indicator-height, 2rem) *
|
|
412
|
+
width: calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667);
|
|
417
413
|
height: var(--gov-form-switch-l-indicator-height, 2rem);
|
|
418
414
|
}
|
|
419
415
|
.gov-form-switch[size=l] .gov-form-switch__indicator {
|
|
@@ -230,9 +230,13 @@
|
|
|
230
230
|
.gov-icon {
|
|
231
231
|
display: inline-flex;
|
|
232
232
|
}
|
|
233
|
-
.gov-icon__holder
|
|
234
|
-
.gov-icon svg {
|
|
233
|
+
.gov-icon__holder {
|
|
235
234
|
display: inline-flex;
|
|
236
235
|
width: 100%;
|
|
237
236
|
height: 100%;
|
|
237
|
+
}
|
|
238
|
+
.gov-icon svg {
|
|
239
|
+
display: inline-flex;
|
|
240
|
+
max-width: 100%;
|
|
241
|
+
max-height: 100%;
|
|
238
242
|
}
|
|
@@ -141,6 +141,8 @@ export const basicIcons = [
|
|
|
141
141
|
'basic/bluetooth',
|
|
142
142
|
'basic/book',
|
|
143
143
|
'basic/box-arrow-in-right',
|
|
144
|
+
'basic/box-arrow-left',
|
|
145
|
+
'basic/box-arrow-right',
|
|
144
146
|
'basic/box-arrow-up-right',
|
|
145
147
|
'basic/briefcase',
|
|
146
148
|
'basic/briefcase-fill',
|
|
@@ -207,6 +209,7 @@ export const basicIcons = [
|
|
|
207
209
|
'basic/house-door-fill',
|
|
208
210
|
'basic/chat-left-text',
|
|
209
211
|
'basic/chat-left-text-fill',
|
|
212
|
+
'basic/check-circle-fill',
|
|
210
213
|
'basic/check-lg',
|
|
211
214
|
'basic/check-multiple',
|
|
212
215
|
'basic/chevron-double-left',
|
|
@@ -227,14 +230,21 @@ export const basicIcons = [
|
|
|
227
230
|
'basic/moon',
|
|
228
231
|
'basic/omv',
|
|
229
232
|
'basic/pencil-square',
|
|
233
|
+
'basic/person',
|
|
234
|
+
'basic/person-badge',
|
|
230
235
|
'basic/person-fill',
|
|
231
236
|
'basic/person-fill-bussines',
|
|
232
237
|
'basic/person-search',
|
|
238
|
+
'basic/person-vcard',
|
|
239
|
+
'basic/person-vcard-fill',
|
|
233
240
|
'basic/phone',
|
|
234
241
|
'basic/plus',
|
|
235
242
|
'basic/plus-circle',
|
|
236
243
|
'basic/plus-lg',
|
|
237
244
|
'basic/printer',
|
|
245
|
+
'basic/qr-code',
|
|
246
|
+
'basic/qr-code-scan',
|
|
247
|
+
'basic/qr-code-scan-simple',
|
|
238
248
|
'basic/question-circle',
|
|
239
249
|
'basic/question-circle-fill',
|
|
240
250
|
'basic/reply',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../../src/components/gov-icon/list.ts"],"names":[],"mappings":"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","sourcesContent":["export const complexIcons = [\n\t'complex/24-7',\n\t'complex/all',\n\t'complex/arrival',\n\t'complex/bell',\n\t'complex/big-help',\n\t'complex/business-file',\n\t'complex/businessman',\n\t'complex/cactus',\n\t'complex/camera',\n\t'complex/car',\n\t'complex/card-400',\n\t'complex/card-401',\n\t'complex/card-403',\n\t'complex/card-404',\n\t'complex/card-500',\n\t'complex/card-502',\n\t'complex/certification',\n\t'complex/coins',\n\t'complex/communication',\n\t'complex/confusion',\n\t'complex/contact',\n\t'complex/court',\n\t'complex/covid',\n\t'complex/digital',\n\t'complex/disability',\n\t'complex/doc-agreement',\n\t'complex/doc-basic-info',\n\t'complex/doc-business',\n\t'complex/doc-car-point-list',\n\t'complex/doc-diploma',\n\t'complex/doc-driver-info',\n\t'complex/doc-election',\n\t'complex/doc-filled',\n\t'complex/doc-health',\n\t'complex/doc-judgment',\n\t'complex/doc-patient',\n\t'complex/doc-personal-info',\n\t'complex/doc-petition',\n\t'complex/doc-registers',\n\t'complex/doc-review',\n\t'complex/doc-search',\n\t'complex/doc-stamp',\n\t'complex/doc-state',\n\t'complex/doc-taxes',\n\t'complex/documents',\n\t'complex/doc-universal',\n\t'complex/doc-visa',\n\t'complex/driver',\n\t'complex/driver-file',\n\t'complex/driving-licence',\n\t'complex/email-notification',\n\t'complex/energy',\n\t'complex/envelope',\n\t'complex/european-parliament',\n\t'complex/family',\n\t'complex/globe',\n\t'complex/graduate',\n\t'complex/hand',\n\t'complex/hand-400',\n\t'complex/hand-401',\n\t'complex/hand-403',\n\t'complex/hand-404',\n\t'complex/hand-500',\n\t'complex/hand-502',\n\t'complex/health',\n\t'complex/healthcare',\n\t'complex/help',\n\t'complex/history',\n\t'complex/holiday',\n\t'complex/hourglass',\n\t'complex/house',\n\t'complex/chamber-deputies',\n\t'complex/chamber-deputies-200',\n\t'complex/chamber-deputies-cr',\n\t'complex/chat',\n\t'complex/cities',\n\t'complex/city-office',\n\t'complex/id',\n\t'complex/id-card',\n\t'complex/id-info',\n\t'complex/illness',\n\t'complex/info',\n\t'complex/info-list',\n\t'complex/institute-file',\n\t'complex/institution',\n\t'complex/job',\n\t'complex/job-loss',\n\t'complex/map',\n\t'complex/mobile-phone',\n\t'complex/mouse',\n\t'complex/my-filing',\n\t'complex/my-state-data',\n\t'complex/newborn',\n\t'complex/new-comments',\n\t'complex/news',\n\t'complex/packet',\n\t'complex/passport',\n\t'complex/personal-file',\n\t'complex/pet',\n\t'complex/petrol-station',\n\t'complex/pills',\n\t'complex/population-register',\n\t'complex/portal',\n\t'complex/pregnant',\n\t'complex/president',\n\t'complex/presidential-election',\n\t'complex/profile-settings',\n\t'complex/property',\n\t'complex/queue',\n\t'complex/quotes',\n\t'complex/region',\n\t'complex/regional-elections',\n\t'complex/regional-elections-clear',\n\t'complex/register-of-persons',\n\t'complex/retiree',\n\t'complex/rings',\n\t'complex/senate',\n\t'complex/senate-81',\n\t'complex/senior',\n\t'complex/settings',\n\t'complex/simple-envelope',\n\t'complex/sms-notification',\n\t'complex/sos',\n\t'complex/state-file',\n\t'complex/time',\n\t'complex/tombstone',\n\t'complex/vaccine',\n]\n\nexport const basicIcons = [\n\t'basic/archived-outline',\n\t'basic/archive-fill',\n\t'basic/archive-outline',\n\t'basic/arrow90deg-left',\n\t'basic/arrow90deg-right',\n\t'basic/arrow-counterclockwise',\n\t'basic/arrow-repeat',\n\t'basic/arrows-fullscreen',\n\t'basic/attachment',\n\t'basic/bell-fill',\n\t'basic/bluetooth',\n\t'basic/book',\n\t'basic/box-arrow-in-right',\n\t'basic/box-arrow-up-right',\n\t'basic/briefcase',\n\t'basic/briefcase-fill',\n\t'basic/building-fill',\n\t'basic/buildings',\n\t'basic/calendar',\n\t'basic/calendar-event',\n\t'basic/camera',\n\t'basic/car',\n\t'basic/card-text',\n\t'basic/caret-down-fill',\n\t'basic/caret-left-fill',\n\t'basic/caret-right-fill',\n\t'basic/caret-up-fill',\n\t'basic/car-front',\n\t'basic/cash',\n\t'basic/cash-stack',\n\t'basic/clock',\n\t'basic/clock-history',\n\t'basic/coin',\n\t'basic/coins',\n\t'basic/collection',\n\t'basic/compass',\n\t'basic/copy',\n\t'basic/cursor-fill',\n\t'basic/dash',\n\t'basic/dash-circle',\n\t'basic/dash-lg',\n\t'basic/datovka',\n\t'basic/delete-back',\n\t'basic/download',\n\t'basic/envelope',\n\t'basic/envelope-e',\n\t'basic/envelope-fill',\n\t'basic/envelope-open',\n\t'basic/exclamation-circle',\n\t'basic/exclamation-lg',\n\t'basic/exclamation-triangle-fill',\n\t'basic/eye',\n\t'basic/eye-slash',\n\t'basic/face-id',\n\t'basic/face-recognition-alternative',\n\t'basic/facebook',\n\t'basic/file-earmark-arrow-down',\n\t'basic/file-earmark-arrow-left',\n\t'basic/file-earmark-text',\n\t'basic/file-earmark-text-fill',\n\t'basic/file-image',\n\t'basic/file-image-fill',\n\t'basic/files-earmark-arrow-down',\n\t'basic/fingerprint',\n\t'basic/flag',\n\t'basic/flag-cz',\n\t'basic/folder-open',\n\t'basic/forward',\n\t'basic/funnel',\n\t'basic/funnel-fill',\n\t'basic/gear',\n\t'basic/gear-fill',\n\t'basic/geo-alt-fill',\n\t'basic/grid-3x3-gap-fill',\n\t'basic/guestion-circle-fill',\n\t'basic/hand-index-thumb-right-fill',\n\t'basic/house-door-fill',\n\t'basic/chat-left-text',\n\t'basic/chat-left-text-fill',\n\t'basic/check-lg',\n\t'basic/check-multiple',\n\t'basic/chevron-double-left',\n\t'basic/chevron-double-right',\n\t'basic/chevron-down',\n\t'basic/chevron-left',\n\t'basic/chevron-right',\n\t'basic/chevron-up',\n\t'basic/info',\n\t'basic/info-circle',\n\t'basic/journal-text',\n\t'basic/lightbulb-fill',\n\t'basic/link-45deg',\n\t'basic/list',\n\t'basic/loader',\n\t'basic/lock',\n\t'basic/map',\n\t'basic/moon',\n\t'basic/omv',\n\t'basic/pencil-square',\n\t'basic/person-fill',\n\t'basic/person-fill-bussines',\n\t'basic/person-search',\n\t'basic/phone',\n\t'basic/plus',\n\t'basic/plus-circle',\n\t'basic/plus-lg',\n\t'basic/printer',\n\t'basic/question-circle',\n\t'basic/question-circle-fill',\n\t'basic/reply',\n\t'basic/reply-all',\n\t'basic/save',\n\t'basic/search',\n\t'basic/send',\n\t'basic/send-fill',\n\t'basic/shield-plus',\n\t'basic/sigma',\n\t'basic/sign-stop',\n\t'basic/star',\n\t'basic/star-fill',\n\t'basic/tags',\n\t'basic/three-dots',\n\t'basic/three-dots-vertical',\n\t'basic/touch-id',\n\t'basic/trash',\n\t'basic/trash-fill',\n\t'basic/trash-restore',\n\t'basic/twitter',\n\t'basic/upload',\n\t'basic/x',\n\t'basic/x-lg',\n\t'basic/x-network',\n\t'basic/youtube',\n]\n\nexport const icons = [...complexIcons, ...basicIcons]\n"]}
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../../src/components/gov-icon/list.ts"],"names":[],"mappings":"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","sourcesContent":["export const complexIcons = [\n\t'complex/24-7',\n\t'complex/all',\n\t'complex/arrival',\n\t'complex/bell',\n\t'complex/big-help',\n\t'complex/business-file',\n\t'complex/businessman',\n\t'complex/cactus',\n\t'complex/camera',\n\t'complex/car',\n\t'complex/card-400',\n\t'complex/card-401',\n\t'complex/card-403',\n\t'complex/card-404',\n\t'complex/card-500',\n\t'complex/card-502',\n\t'complex/certification',\n\t'complex/coins',\n\t'complex/communication',\n\t'complex/confusion',\n\t'complex/contact',\n\t'complex/court',\n\t'complex/covid',\n\t'complex/digital',\n\t'complex/disability',\n\t'complex/doc-agreement',\n\t'complex/doc-basic-info',\n\t'complex/doc-business',\n\t'complex/doc-car-point-list',\n\t'complex/doc-diploma',\n\t'complex/doc-driver-info',\n\t'complex/doc-election',\n\t'complex/doc-filled',\n\t'complex/doc-health',\n\t'complex/doc-judgment',\n\t'complex/doc-patient',\n\t'complex/doc-personal-info',\n\t'complex/doc-petition',\n\t'complex/doc-registers',\n\t'complex/doc-review',\n\t'complex/doc-search',\n\t'complex/doc-stamp',\n\t'complex/doc-state',\n\t'complex/doc-taxes',\n\t'complex/documents',\n\t'complex/doc-universal',\n\t'complex/doc-visa',\n\t'complex/driver',\n\t'complex/driver-file',\n\t'complex/driving-licence',\n\t'complex/email-notification',\n\t'complex/energy',\n\t'complex/envelope',\n\t'complex/european-parliament',\n\t'complex/family',\n\t'complex/globe',\n\t'complex/graduate',\n\t'complex/hand',\n\t'complex/hand-400',\n\t'complex/hand-401',\n\t'complex/hand-403',\n\t'complex/hand-404',\n\t'complex/hand-500',\n\t'complex/hand-502',\n\t'complex/health',\n\t'complex/healthcare',\n\t'complex/help',\n\t'complex/history',\n\t'complex/holiday',\n\t'complex/hourglass',\n\t'complex/house',\n\t'complex/chamber-deputies',\n\t'complex/chamber-deputies-200',\n\t'complex/chamber-deputies-cr',\n\t'complex/chat',\n\t'complex/cities',\n\t'complex/city-office',\n\t'complex/id',\n\t'complex/id-card',\n\t'complex/id-info',\n\t'complex/illness',\n\t'complex/info',\n\t'complex/info-list',\n\t'complex/institute-file',\n\t'complex/institution',\n\t'complex/job',\n\t'complex/job-loss',\n\t'complex/map',\n\t'complex/mobile-phone',\n\t'complex/mouse',\n\t'complex/my-filing',\n\t'complex/my-state-data',\n\t'complex/newborn',\n\t'complex/new-comments',\n\t'complex/news',\n\t'complex/packet',\n\t'complex/passport',\n\t'complex/personal-file',\n\t'complex/pet',\n\t'complex/petrol-station',\n\t'complex/pills',\n\t'complex/population-register',\n\t'complex/portal',\n\t'complex/pregnant',\n\t'complex/president',\n\t'complex/presidential-election',\n\t'complex/profile-settings',\n\t'complex/property',\n\t'complex/queue',\n\t'complex/quotes',\n\t'complex/region',\n\t'complex/regional-elections',\n\t'complex/regional-elections-clear',\n\t'complex/register-of-persons',\n\t'complex/retiree',\n\t'complex/rings',\n\t'complex/senate',\n\t'complex/senate-81',\n\t'complex/senior',\n\t'complex/settings',\n\t'complex/simple-envelope',\n\t'complex/sms-notification',\n\t'complex/sos',\n\t'complex/state-file',\n\t'complex/time',\n\t'complex/tombstone',\n\t'complex/vaccine',\n]\n\nexport const basicIcons = [\n\t'basic/archived-outline',\n\t'basic/archive-fill',\n\t'basic/archive-outline',\n\t'basic/arrow90deg-left',\n\t'basic/arrow90deg-right',\n\t'basic/arrow-counterclockwise',\n\t'basic/arrow-repeat',\n\t'basic/arrows-fullscreen',\n\t'basic/attachment',\n\t'basic/bell-fill',\n\t'basic/bluetooth',\n\t'basic/book',\n\t'basic/box-arrow-in-right',\n\t'basic/box-arrow-left',\n\t'basic/box-arrow-right',\n\t'basic/box-arrow-up-right',\n\t'basic/briefcase',\n\t'basic/briefcase-fill',\n\t'basic/building-fill',\n\t'basic/buildings',\n\t'basic/calendar',\n\t'basic/calendar-event',\n\t'basic/camera',\n\t'basic/car',\n\t'basic/card-text',\n\t'basic/caret-down-fill',\n\t'basic/caret-left-fill',\n\t'basic/caret-right-fill',\n\t'basic/caret-up-fill',\n\t'basic/car-front',\n\t'basic/cash',\n\t'basic/cash-stack',\n\t'basic/clock',\n\t'basic/clock-history',\n\t'basic/coin',\n\t'basic/coins',\n\t'basic/collection',\n\t'basic/compass',\n\t'basic/copy',\n\t'basic/cursor-fill',\n\t'basic/dash',\n\t'basic/dash-circle',\n\t'basic/dash-lg',\n\t'basic/datovka',\n\t'basic/delete-back',\n\t'basic/download',\n\t'basic/envelope',\n\t'basic/envelope-e',\n\t'basic/envelope-fill',\n\t'basic/envelope-open',\n\t'basic/exclamation-circle',\n\t'basic/exclamation-lg',\n\t'basic/exclamation-triangle-fill',\n\t'basic/eye',\n\t'basic/eye-slash',\n\t'basic/face-id',\n\t'basic/face-recognition-alternative',\n\t'basic/facebook',\n\t'basic/file-earmark-arrow-down',\n\t'basic/file-earmark-arrow-left',\n\t'basic/file-earmark-text',\n\t'basic/file-earmark-text-fill',\n\t'basic/file-image',\n\t'basic/file-image-fill',\n\t'basic/files-earmark-arrow-down',\n\t'basic/fingerprint',\n\t'basic/flag',\n\t'basic/flag-cz',\n\t'basic/folder-open',\n\t'basic/forward',\n\t'basic/funnel',\n\t'basic/funnel-fill',\n\t'basic/gear',\n\t'basic/gear-fill',\n\t'basic/geo-alt-fill',\n\t'basic/grid-3x3-gap-fill',\n\t'basic/guestion-circle-fill',\n\t'basic/hand-index-thumb-right-fill',\n\t'basic/house-door-fill',\n\t'basic/chat-left-text',\n\t'basic/chat-left-text-fill',\n\t'basic/check-circle-fill',\n\t'basic/check-lg',\n\t'basic/check-multiple',\n\t'basic/chevron-double-left',\n\t'basic/chevron-double-right',\n\t'basic/chevron-down',\n\t'basic/chevron-left',\n\t'basic/chevron-right',\n\t'basic/chevron-up',\n\t'basic/info',\n\t'basic/info-circle',\n\t'basic/journal-text',\n\t'basic/lightbulb-fill',\n\t'basic/link-45deg',\n\t'basic/list',\n\t'basic/loader',\n\t'basic/lock',\n\t'basic/map',\n\t'basic/moon',\n\t'basic/omv',\n\t'basic/pencil-square',\n\t'basic/person',\n\t'basic/person-badge',\n\t'basic/person-fill',\n\t'basic/person-fill-bussines',\n\t'basic/person-search',\n\t'basic/person-vcard',\n\t'basic/person-vcard-fill',\n\t'basic/phone',\n\t'basic/plus',\n\t'basic/plus-circle',\n\t'basic/plus-lg',\n\t'basic/printer',\n\t'basic/qr-code',\n\t'basic/qr-code-scan',\n\t'basic/qr-code-scan-simple',\n\t'basic/question-circle',\n\t'basic/question-circle-fill',\n\t'basic/reply',\n\t'basic/reply-all',\n\t'basic/save',\n\t'basic/search',\n\t'basic/send',\n\t'basic/send-fill',\n\t'basic/shield-plus',\n\t'basic/sigma',\n\t'basic/sign-stop',\n\t'basic/star',\n\t'basic/star-fill',\n\t'basic/tags',\n\t'basic/three-dots',\n\t'basic/three-dots-vertical',\n\t'basic/touch-id',\n\t'basic/trash',\n\t'basic/trash-fill',\n\t'basic/trash-restore',\n\t'basic/twitter',\n\t'basic/upload',\n\t'basic/x',\n\t'basic/x-lg',\n\t'basic/x-network',\n\t'basic/youtube',\n]\n\nexport const icons = [...complexIcons, ...basicIcons]\n"]}
|
|
@@ -228,7 +228,7 @@
|
|
|
228
228
|
* Loading
|
|
229
229
|
*/
|
|
230
230
|
.gov-loading {
|
|
231
|
-
display:
|
|
231
|
+
display: block;
|
|
232
232
|
}
|
|
233
233
|
.gov-loading__content {
|
|
234
234
|
z-index: 101;
|
|
@@ -252,6 +252,7 @@
|
|
|
252
252
|
height: 4rem;
|
|
253
253
|
line-height: 1;
|
|
254
254
|
}
|
|
255
|
-
.gov-
|
|
256
|
-
|
|
255
|
+
.gov-loading__icon svg {
|
|
256
|
+
width: 100%;
|
|
257
|
+
height: 100%;
|
|
257
258
|
}
|
|
@@ -3,11 +3,10 @@ import { LoadingClass } from "./constants";
|
|
|
3
3
|
import { govHost, prepareClasses } from "../../../helpers/Dom/template";
|
|
4
4
|
export class GovLoading {
|
|
5
5
|
constructor() {
|
|
6
|
-
this.loading = false;
|
|
7
6
|
this.h = govHost(this.host);
|
|
8
7
|
}
|
|
9
8
|
render() {
|
|
10
|
-
return (h(Host, { class: this.h.classes(LoadingClass.root)
|
|
9
|
+
return (h(Host, { class: this.h.classes(LoadingClass.root) }, h("div", { class: LoadingClass.content }, h("gov-icon", { class: prepareClasses([LoadingClass.icon, "gov-spin-animation"]), name: "loader" }), h("slot", null)), h("gov-backdrop", { inverse: true })));
|
|
11
10
|
}
|
|
12
11
|
static get is() { return "gov-loading"; }
|
|
13
12
|
static get originalStyleUrls() {
|
|
@@ -20,28 +19,6 @@ export class GovLoading {
|
|
|
20
19
|
"$": ["gov-loading.css"]
|
|
21
20
|
};
|
|
22
21
|
}
|
|
23
|
-
static get properties() {
|
|
24
|
-
return {
|
|
25
|
-
"loading": {
|
|
26
|
-
"type": "boolean",
|
|
27
|
-
"mutable": false,
|
|
28
|
-
"complexType": {
|
|
29
|
-
"original": "boolean",
|
|
30
|
-
"resolved": "boolean",
|
|
31
|
-
"references": {}
|
|
32
|
-
},
|
|
33
|
-
"required": false,
|
|
34
|
-
"optional": false,
|
|
35
|
-
"docs": {
|
|
36
|
-
"tags": [],
|
|
37
|
-
"text": "Determine if loading is active"
|
|
38
|
-
},
|
|
39
|
-
"attribute": "loading",
|
|
40
|
-
"reflect": false,
|
|
41
|
-
"defaultValue": "false"
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
}
|
|
45
22
|
static get elementRef() { return "host"; }
|
|
46
23
|
}
|
|
47
24
|
//# sourceMappingURL=gov-loading.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gov-loading.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-loading/loading/gov-loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"gov-loading.js","sourceRoot":"","sources":["../../../../../../../src/components/gov-loading/loading/gov-loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAOvE,MAAM,OAAO,UAAU;EAGtB;IACC,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;EAC5B,CAAC;EAID,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC;MAC7C,WAAK,KAAK,EAAE,YAAY,CAAC,OAAO;QAC/B,gBAAU,KAAK,EAAE,cAAc,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,EAAE,IAAI,EAAC,QAAQ,GAAY;QACrG,eAAQ,CACH;MACN,oBAAc,OAAO,EAAE,IAAI,GAAI,CACzB,CACP,CAAA;EACF,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Host } from \"@stencil/core\"\nimport { LoadingClass } from \"./constants\"\nimport { govHost, prepareClasses } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\n\n@Component({\n\ttag: \"gov-loading\",\n\tstyleUrl: \"gov-loading.scss\",\n})\nexport class GovLoading {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovLoadingElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(LoadingClass.root)}>\n\t\t\t\t<div class={LoadingClass.content}>\n\t\t\t\t\t<gov-icon class={prepareClasses([LoadingClass.icon, \"gov-spin-animation\"])} name=\"loader\"></gov-icon>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t<gov-backdrop inverse={true} />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
|
|
@@ -284,7 +284,6 @@
|
|
|
284
284
|
.gov-modal__close {
|
|
285
285
|
flex: 0 0 auto;
|
|
286
286
|
margin-left: auto;
|
|
287
|
-
padding-top: calc((var(--gov-text-3xl-font-size) * 1.5 - 2rem) / 2);
|
|
288
287
|
}
|
|
289
288
|
.gov-modal__content {
|
|
290
289
|
height: 100%;
|
|
@@ -331,9 +330,6 @@
|
|
|
331
330
|
gap: 1.25rem;
|
|
332
331
|
padding: 2rem 2.5rem 2rem 3rem;
|
|
333
332
|
}
|
|
334
|
-
.gov-modal__close {
|
|
335
|
-
padding-top: calc((var(--gov-text-3xl-font-size) * 1.5 - 2.5rem) / 2);
|
|
336
|
-
}
|
|
337
333
|
.gov-modal__content {
|
|
338
334
|
padding: 2rem 3rem;
|
|
339
335
|
}
|
|
@@ -287,7 +287,6 @@
|
|
|
287
287
|
.gov-modal__close {
|
|
288
288
|
flex: 0 0 auto;
|
|
289
289
|
margin-left: auto;
|
|
290
|
-
padding-top: calc((var(--gov-text-3xl-font-size) * 1.5 - 2rem) / 2);
|
|
291
290
|
}
|
|
292
291
|
.gov-modal__content {
|
|
293
292
|
height: 100%;
|
|
@@ -334,9 +333,6 @@
|
|
|
334
333
|
gap: 1.25rem;
|
|
335
334
|
padding: 2rem 2.5rem 2rem 3rem;
|
|
336
335
|
}
|
|
337
|
-
.gov-modal__close {
|
|
338
|
-
padding-top: calc((var(--gov-text-3xl-font-size) * 1.5 - 2.5rem) / 2);
|
|
339
|
-
}
|
|
340
336
|
.gov-modal__content {
|
|
341
337
|
padding: 2rem 3rem;
|
|
342
338
|
}
|