@gov-design-system-ce/components 0.0.65 → 0.0.67
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-accordion.cjs.entry.js +2 -2
- package/dist/cjs/gov-app.cjs.entry.js +159 -0
- package/dist/cjs/gov-app.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-attachments_3.cjs.entry.js +2 -2
- package/dist/cjs/gov-backdrop.cjs.entry.js +2 -2
- package/dist/cjs/gov-breadcrumbs.cjs.entry.js +2 -2
- package/dist/cjs/gov-button.cjs.entry.js +9 -4
- package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-card.cjs.entry.js +2 -2
- package/dist/cjs/gov-chip.cjs.entry.js +7 -2
- package/dist/cjs/gov-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-control-group.cjs.entry.js +2 -2
- package/dist/cjs/gov-control-group.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-error-code.cjs.entry.js +1 -1
- package/dist/cjs/gov-error-code.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-control.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-control.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-file.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-input.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-label.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-label.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-multi-select.cjs.entry.js +73 -10
- package/dist/cjs/gov-form-multi-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-radio.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-select.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-switch.cjs.entry.js +2 -2
- package/dist/cjs/gov-icon.cjs.entry.js +2 -2
- package/dist/cjs/gov-infobar.cjs.entry.js +13 -13
- package/dist/cjs/gov-infobar.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-modal.cjs.entry.js +11 -11
- package/dist/cjs/gov-modal.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-nav.cjs.entry.js +2 -2
- package/dist/cjs/gov-pagination.cjs.entry.js +2 -2
- package/dist/cjs/gov-prompt.cjs.entry.js +14 -14
- package/dist/cjs/gov-prompt.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-side-nav.cjs.entry.js +2 -2
- package/dist/cjs/gov-skeleton.cjs.entry.js +2 -2
- package/dist/cjs/gov-statsbar-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-statsbar-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tabs.cjs.entry.js +2 -2
- package/dist/cjs/gov-tag.cjs.entry.js +7 -2
- package/dist/cjs/gov-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-toast.cjs.entry.js +2 -1
- package/dist/cjs/gov-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/gov-tooltip.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-wizard.cjs.entry.js +2 -2
- package/dist/cjs/helpers-2c870ff5.js +19 -0
- package/dist/cjs/helpers-2c870ff5.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{wcag-d7912060.js → wcag-ebd590c0.js} +2 -2
- package/dist/cjs/{wcag-d7912060.js.map → wcag-ebd590c0.js.map} +1 -1
- package/dist/cjs/{win-0427c131.js → win-9d1a8a53.js} +2 -2
- package/dist/cjs/win-9d1a8a53.js.map +1 -0
- package/dist/collection/components/gov-accordion/gov-accordion-item.css +1 -0
- package/dist/collection/components/gov-button/button/gov-button.css +0 -15
- package/dist/collection/components/gov-button/button/gov-button.js +44 -5
- package/dist/collection/components/gov-button/button/gov-button.js.map +1 -1
- package/dist/collection/components/gov-chip/gov-chip.css +0 -15
- package/dist/collection/components/gov-chip/gov-chip.js +40 -1
- package/dist/collection/components/gov-chip/gov-chip.js.map +1 -1
- package/dist/collection/components/gov-control-group/constants.js +1 -1
- package/dist/collection/components/gov-control-group/constants.js.map +1 -1
- package/dist/collection/components/gov-control-group/gov-control-group.css +18 -0
- package/dist/collection/components/gov-control-group/gov-control-group.js +1 -1
- package/dist/collection/components/gov-error-code/gov-error-code.css +4 -4
- package/dist/collection/components/gov-form/control/gov-form-control.css +13 -13
- package/dist/collection/components/gov-form/label/gov-form-label.css +5 -0
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js +250 -11
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js.map +1 -1
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.types.js.map +1 -1
- package/dist/collection/components/gov-icon/helpers.js +14 -0
- package/dist/collection/components/gov-icon/helpers.js.map +1 -0
- package/dist/collection/components/gov-infobar/gov-infobar.css +3 -5
- package/dist/collection/components/gov-infobar/gov-infobar.js +13 -12
- package/dist/collection/components/gov-infobar/gov-infobar.js.map +1 -1
- package/dist/collection/components/gov-modal/gov-modal.js +13 -12
- package/dist/collection/components/gov-modal/gov-modal.js.map +1 -1
- package/dist/collection/components/gov-promp/gov-prompt.js +18 -17
- package/dist/collection/components/gov-promp/gov-prompt.js.map +1 -1
- package/dist/collection/components/gov-statsbar/gov-statsbar-item.css +2 -2
- package/dist/collection/components/gov-tag/gov-tag.css +0 -15
- package/dist/collection/components/gov-tag/gov-tag.js +40 -1
- package/dist/collection/components/gov-tag/gov-tag.js.map +1 -1
- package/dist/collection/components/gov-toast/gov-toast.js +2 -1
- package/dist/collection/components/gov-toast/gov-toast.js.map +1 -1
- package/dist/collection/components/gov-tooltip/gov-tooltip.css +0 -2
- package/dist/collection/helpers/Dom/win.js +1 -1
- package/dist/collection/helpers/Dom/win.js.map +1 -1
- package/dist/collection/pages/Button.js +4 -0
- package/dist/collection/pages/Button.js.map +1 -1
- package/dist/collection/pages/ControlGroup.js +95 -0
- package/dist/collection/pages/ControlGroup.js.map +1 -1
- package/dist/collection/pages/Forms.js +16 -0
- package/dist/collection/pages/Forms.js.map +1 -1
- package/dist/collection/pages/Infobar.js +44 -0
- package/dist/collection/pages/Infobar.js.map +1 -1
- package/dist/collection/utils/helpers.types.js +54 -0
- package/dist/collection/utils/helpers.types.js.map +1 -0
- package/dist/components/gov-accordion-item.js +1 -1
- package/dist/components/gov-accordion-item.js.map +1 -1
- package/dist/components/gov-accordion.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-attachments.js +1 -1
- package/dist/components/gov-backdrop.js +1 -1
- package/dist/components/gov-breadcrumbs.js +1 -1
- package/dist/components/gov-button.js +1 -1
- package/dist/components/gov-card.js +1 -1
- package/dist/components/gov-chip.js +1 -1
- package/dist/components/gov-control-group.js +1 -1
- package/dist/components/gov-control-group.js.map +1 -1
- package/dist/components/gov-error-code.js +1 -1
- package/dist/components/gov-error-code.js.map +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-control.js +1 -1
- package/dist/components/gov-form-control.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-label.js +1 -1
- package/dist/components/gov-form-label.js.map +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-select.js +1 -1
- package/dist/components/gov-form-switch.js +1 -1
- package/dist/components/gov-icon.js +1 -1
- package/dist/components/gov-infobar.js +1 -1
- package/dist/components/gov-infobar.js.map +1 -1
- package/dist/components/gov-loading.js +1 -1
- package/dist/components/gov-modal.js +1 -1
- package/dist/components/gov-modal.js.map +1 -1
- package/dist/components/gov-nav.js +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-side-nav.js +1 -1
- package/dist/components/gov-skeleton.js +1 -1
- package/dist/components/gov-statsbar-item.js +1 -1
- package/dist/components/gov-statsbar-item.js.map +1 -1
- package/dist/components/gov-tabs.js +1 -1
- package/dist/components/gov-tag.js +1 -1
- package/dist/components/gov-tag.js.map +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-tooltip-content.js +1 -1
- package/dist/components/gov-tooltip.js +1 -1
- package/dist/components/gov-tooltip.js.map +1 -1
- package/dist/components/gov-wizard-item.js +1 -1
- package/dist/components/gov-wizard.js +1 -1
- package/dist/components/p-00b7c4f5.js +2 -0
- package/dist/components/{p-d60bcfde.js → p-26dfbba1.js} +2 -2
- package/dist/components/p-2bf5b814.js +2 -0
- package/dist/components/p-2bf5b814.js.map +1 -0
- package/dist/components/p-3e4eae42.js +2 -0
- package/dist/components/p-3e4eae42.js.map +1 -0
- package/dist/components/{p-9e0bf80f.js → p-464fc42a.js} +2 -2
- package/dist/components/{p-9e3c2bf4.js → p-4fdfb242.js} +2 -2
- package/dist/components/{p-f2efd9b5.js → p-530fbb0a.js} +2 -2
- package/dist/components/{p-b9d84775.js → p-8cdad015.js} +2 -2
- package/dist/components/{p-20072d33.js → p-a00cf51c.js} +2 -2
- package/dist/components/{p-f775857a.js → p-a0a3393f.js} +2 -2
- package/dist/components/p-b07b6908.js +2 -0
- package/dist/components/p-b07b6908.js.map +1 -0
- package/dist/components/p-d23e6972.js +2 -0
- package/dist/components/p-d23e6972.js.map +1 -0
- package/dist/core/core.css +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-c0be9590.entry.js → p-093160bb.entry.js} +2 -2
- package/dist/core/{p-9af6210d.entry.js → p-0950ca8d.entry.js} +2 -2
- package/dist/core/{p-466f885b.entry.js → p-13942637.entry.js} +2 -2
- package/dist/core/p-13942637.entry.js.map +1 -0
- package/dist/core/{p-ae13fbbc.entry.js → p-18396341.entry.js} +2 -2
- package/dist/core/p-18396341.entry.js.map +1 -0
- package/dist/core/p-1fd3d109.entry.js +2 -0
- package/dist/core/{p-2bcabdd5.entry.js.map → p-1fd3d109.entry.js.map} +1 -1
- package/dist/core/{p-965f24fb.entry.js → p-26921fac.entry.js} +2 -2
- package/dist/core/{p-c3e4700b.entry.js → p-28c83bdf.entry.js} +2 -2
- package/dist/core/p-2bf5b814.js +2 -0
- package/dist/core/p-2bf5b814.js.map +1 -0
- package/dist/core/p-31b93317.entry.js +2 -0
- package/dist/core/p-31b93317.entry.js.map +1 -0
- package/dist/core/{p-e9c0fac1.entry.js → p-3aa4cf18.entry.js} +2 -2
- package/dist/core/{p-029beaf4.entry.js → p-6b1c11ba.entry.js} +2 -2
- package/dist/core/p-6b1c11ba.entry.js.map +1 -0
- package/dist/core/p-74882c70.entry.js +2 -0
- package/dist/core/p-74882c70.entry.js.map +1 -0
- package/dist/core/{p-b3840f50.entry.js → p-79ca1b62.entry.js} +2 -2
- package/dist/core/{p-a54c1e85.entry.js → p-7cd73b1e.entry.js} +2 -2
- package/dist/core/p-878741b6.entry.js +2 -0
- package/dist/core/{p-9d4a6e9b.entry.js.map → p-878741b6.entry.js.map} +1 -1
- package/dist/core/{p-2016172f.entry.js → p-89b3e4d4.entry.js} +2 -2
- package/dist/core/{p-2016172f.entry.js.map → p-89b3e4d4.entry.js.map} +1 -1
- package/dist/core/p-9aeb4282.entry.js +2 -0
- package/dist/core/p-9aeb4282.entry.js.map +1 -0
- package/dist/core/{p-a3b6c5c7.entry.js → p-9d10131d.entry.js} +2 -2
- package/dist/core/p-a7d895cb.entry.js +2 -0
- package/dist/core/{p-7b7f8cc2.entry.js.map → p-a7d895cb.entry.js.map} +1 -1
- package/dist/core/{p-a133cdda.entry.js → p-acb40ea2.entry.js} +2 -2
- package/dist/core/{p-b49ac370.entry.js → p-af1433f7.entry.js} +2 -2
- package/dist/core/{p-eb0c9716.entry.js → p-ba7cbd7f.entry.js} +2 -2
- package/dist/core/p-bb7f0a66.entry.js +2 -0
- package/dist/core/p-bb7f0a66.entry.js.map +1 -0
- package/dist/core/p-bd763705.entry.js +2 -0
- package/dist/core/p-bd763705.entry.js.map +1 -0
- package/dist/core/p-bf39d442.entry.js +2 -0
- package/dist/core/p-bf39d442.entry.js.map +1 -0
- package/dist/core/p-c44d44df.entry.js +2 -0
- package/dist/core/p-c44d44df.entry.js.map +1 -0
- package/dist/core/{p-87b5668e.entry.js → p-cef10fe5.entry.js} +2 -2
- package/dist/core/p-d1a3e571.entry.js +2 -0
- package/dist/core/p-d1a3e571.entry.js.map +1 -0
- package/dist/core/p-d23e6972.js +2 -0
- package/dist/core/p-d23e6972.js.map +1 -0
- package/dist/core/{p-4accef73.entry.js → p-d4d59523.entry.js} +2 -2
- package/dist/core/p-ea275d90.entry.js +2 -0
- package/dist/core/p-ea275d90.entry.js.map +1 -0
- package/dist/core/p-ecc8cc47.entry.js +2 -0
- package/dist/core/p-ecc8cc47.entry.js.map +1 -0
- package/dist/core/p-ee35ca3f.entry.js +2 -0
- package/dist/core/p-ee35ca3f.entry.js.map +1 -0
- package/dist/core/{p-6833aeaf.entry.js → p-f4a6a339.entry.js} +2 -2
- package/dist/core/p-faabd332.js +2 -0
- package/dist/core/p-fc81b896.entry.js +2 -0
- package/dist/core/p-fc81b896.entry.js.map +1 -0
- package/dist/core/{p-39d79238.entry.js → p-fda41420.entry.js} +2 -2
- 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-accordion.entry.js +2 -2
- package/dist/esm/gov-app.entry.js +159 -0
- package/dist/esm/gov-app.entry.js.map +1 -1
- package/dist/esm/gov-attachments_3.entry.js +2 -2
- package/dist/esm/gov-backdrop.entry.js +2 -2
- package/dist/esm/gov-breadcrumbs.entry.js +2 -2
- package/dist/esm/gov-button.entry.js +9 -4
- package/dist/esm/gov-button.entry.js.map +1 -1
- package/dist/esm/gov-card.entry.js +2 -2
- package/dist/esm/gov-chip.entry.js +7 -2
- package/dist/esm/gov-chip.entry.js.map +1 -1
- package/dist/esm/gov-control-group.entry.js +2 -2
- package/dist/esm/gov-control-group.entry.js.map +1 -1
- package/dist/esm/gov-error-code.entry.js +1 -1
- package/dist/esm/gov-error-code.entry.js.map +1 -1
- package/dist/esm/gov-form-checkbox.entry.js +2 -2
- package/dist/esm/gov-form-control.entry.js +1 -1
- package/dist/esm/gov-form-control.entry.js.map +1 -1
- package/dist/esm/gov-form-file.entry.js +2 -2
- package/dist/esm/gov-form-input.entry.js +2 -2
- package/dist/esm/gov-form-label.entry.js +1 -1
- package/dist/esm/gov-form-label.entry.js.map +1 -1
- package/dist/esm/gov-form-multi-select.entry.js +73 -10
- package/dist/esm/gov-form-multi-select.entry.js.map +1 -1
- package/dist/esm/gov-form-radio.entry.js +2 -2
- package/dist/esm/gov-form-select.entry.js +2 -2
- package/dist/esm/gov-form-switch.entry.js +2 -2
- package/dist/esm/gov-icon.entry.js +2 -2
- package/dist/esm/gov-infobar.entry.js +13 -13
- package/dist/esm/gov-infobar.entry.js.map +1 -1
- package/dist/esm/gov-modal.entry.js +11 -11
- package/dist/esm/gov-modal.entry.js.map +1 -1
- package/dist/esm/gov-nav.entry.js +2 -2
- package/dist/esm/gov-pagination.entry.js +2 -2
- package/dist/esm/gov-prompt.entry.js +14 -14
- package/dist/esm/gov-prompt.entry.js.map +1 -1
- package/dist/esm/gov-side-nav.entry.js +2 -2
- package/dist/esm/gov-skeleton.entry.js +2 -2
- package/dist/esm/gov-statsbar-item.entry.js +1 -1
- package/dist/esm/gov-statsbar-item.entry.js.map +1 -1
- package/dist/esm/gov-tabs.entry.js +2 -2
- package/dist/esm/gov-tag.entry.js +7 -2
- package/dist/esm/gov-tag.entry.js.map +1 -1
- package/dist/esm/gov-toast.entry.js +2 -1
- package/dist/esm/gov-toast.entry.js.map +1 -1
- package/dist/esm/gov-tooltip.entry.js +1 -1
- package/dist/esm/gov-tooltip.entry.js.map +1 -1
- package/dist/esm/gov-wizard.entry.js +2 -2
- package/dist/esm/helpers-bc0fd116.js +17 -0
- package/dist/esm/helpers-bc0fd116.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{wcag-06bd4d01.js → wcag-b7b67e25.js} +2 -2
- package/dist/esm/{wcag-06bd4d01.js.map → wcag-b7b67e25.js.map} +1 -1
- package/dist/esm/{win-0a50f66e.js → win-0d231cca.js} +2 -2
- package/dist/esm/win-0d231cca.js.map +1 -0
- package/dist/hydrate/index.js +317 -55
- package/dist/types/components/gov-button/button/gov-button.d.ts +9 -1
- package/dist/types/components/gov-chip/gov-chip.d.ts +8 -0
- package/dist/types/components/gov-control-group/constants.d.ts +1 -1
- package/dist/types/components/gov-form/multiselect/gov-form-multi-select.d.ts +33 -1
- package/dist/types/components/gov-form/multiselect/gov-form-multi-select.types.d.ts +1 -0
- package/dist/types/components/gov-icon/helpers.d.ts +5 -0
- package/dist/types/components/gov-infobar/gov-infobar.d.ts +4 -4
- package/dist/types/components/gov-modal/gov-modal.d.ts +3 -3
- package/dist/types/components/gov-promp/gov-prompt.d.ts +3 -3
- package/dist/types/components/gov-tag/gov-tag.d.ts +8 -0
- package/dist/types/components.d.ts +86 -2
- package/dist/types/utils/helpers.types.d.ts +49 -0
- package/package.json +2 -2
- package/dist/cjs/win-0427c131.js.map +0 -1
- package/dist/collection/helpers/StorybookDocsTemplate.js +0 -9
- package/dist/collection/helpers/StorybookDocsTemplate.js.map +0 -1
- package/dist/components/p-94bf1f51.js +0 -2
- package/dist/components/p-94bf1f51.js.map +0 -1
- package/dist/components/p-ae894a40.js +0 -2
- package/dist/components/p-cac3881f.js +0 -2
- package/dist/components/p-cac3881f.js.map +0 -1
- package/dist/components/p-dc1e2f70.js +0 -2
- package/dist/components/p-dc1e2f70.js.map +0 -1
- package/dist/core/p-029beaf4.entry.js.map +0 -1
- package/dist/core/p-1a04e45e.entry.js +0 -2
- package/dist/core/p-1a04e45e.entry.js.map +0 -1
- package/dist/core/p-2a95f9fb.entry.js +0 -2
- package/dist/core/p-2a95f9fb.entry.js.map +0 -1
- package/dist/core/p-2aef69ed.entry.js +0 -2
- package/dist/core/p-2aef69ed.entry.js.map +0 -1
- package/dist/core/p-2bcabdd5.entry.js +0 -2
- package/dist/core/p-356adceb.entry.js +0 -2
- package/dist/core/p-356adceb.entry.js.map +0 -1
- package/dist/core/p-461d28ed.entry.js +0 -2
- package/dist/core/p-461d28ed.entry.js.map +0 -1
- package/dist/core/p-466f885b.entry.js.map +0 -1
- package/dist/core/p-53549fe4.entry.js +0 -2
- package/dist/core/p-53549fe4.entry.js.map +0 -1
- package/dist/core/p-570ef4e5.js +0 -2
- package/dist/core/p-603a9d99.entry.js +0 -2
- package/dist/core/p-603a9d99.entry.js.map +0 -1
- package/dist/core/p-7b7f8cc2.entry.js +0 -2
- package/dist/core/p-7d85bc32.entry.js +0 -2
- package/dist/core/p-7d85bc32.entry.js.map +0 -1
- package/dist/core/p-9d4a6e9b.entry.js +0 -2
- package/dist/core/p-a9493d11.entry.js +0 -2
- package/dist/core/p-a9493d11.entry.js.map +0 -1
- package/dist/core/p-ae13fbbc.entry.js.map +0 -1
- package/dist/core/p-c5e9da95.entry.js +0 -2
- package/dist/core/p-c5e9da95.entry.js.map +0 -1
- package/dist/core/p-cac3881f.js +0 -2
- package/dist/core/p-cac3881f.js.map +0 -1
- package/dist/core/p-d4c468b9.entry.js +0 -2
- package/dist/core/p-d4c468b9.entry.js.map +0 -1
- package/dist/core/p-f9f212a6.entry.js +0 -2
- package/dist/core/p-f9f212a6.entry.js.map +0 -1
- package/dist/esm/win-0a50f66e.js.map +0 -1
- package/dist/types/helpers/StorybookDocsTemplate.d.ts +0 -3
- /package/dist/components/{p-ae894a40.js.map → p-00b7c4f5.js.map} +0 -0
- /package/dist/components/{p-d60bcfde.js.map → p-26dfbba1.js.map} +0 -0
- /package/dist/components/{p-9e0bf80f.js.map → p-464fc42a.js.map} +0 -0
- /package/dist/components/{p-9e3c2bf4.js.map → p-4fdfb242.js.map} +0 -0
- /package/dist/components/{p-f2efd9b5.js.map → p-530fbb0a.js.map} +0 -0
- /package/dist/components/{p-b9d84775.js.map → p-8cdad015.js.map} +0 -0
- /package/dist/components/{p-20072d33.js.map → p-a00cf51c.js.map} +0 -0
- /package/dist/components/{p-f775857a.js.map → p-a0a3393f.js.map} +0 -0
- /package/dist/core/{p-c0be9590.entry.js.map → p-093160bb.entry.js.map} +0 -0
- /package/dist/core/{p-9af6210d.entry.js.map → p-0950ca8d.entry.js.map} +0 -0
- /package/dist/core/{p-965f24fb.entry.js.map → p-26921fac.entry.js.map} +0 -0
- /package/dist/core/{p-c3e4700b.entry.js.map → p-28c83bdf.entry.js.map} +0 -0
- /package/dist/core/{p-e9c0fac1.entry.js.map → p-3aa4cf18.entry.js.map} +0 -0
- /package/dist/core/{p-b3840f50.entry.js.map → p-79ca1b62.entry.js.map} +0 -0
- /package/dist/core/{p-a54c1e85.entry.js.map → p-7cd73b1e.entry.js.map} +0 -0
- /package/dist/core/{p-a3b6c5c7.entry.js.map → p-9d10131d.entry.js.map} +0 -0
- /package/dist/core/{p-a133cdda.entry.js.map → p-acb40ea2.entry.js.map} +0 -0
- /package/dist/core/{p-b49ac370.entry.js.map → p-af1433f7.entry.js.map} +0 -0
- /package/dist/core/{p-eb0c9716.entry.js.map → p-ba7cbd7f.entry.js.map} +0 -0
- /package/dist/core/{p-87b5668e.entry.js.map → p-cef10fe5.entry.js.map} +0 -0
- /package/dist/core/{p-4accef73.entry.js.map → p-d4d59523.entry.js.map} +0 -0
- /package/dist/core/{p-6833aeaf.entry.js.map → p-f4a6a339.entry.js.map} +0 -0
- /package/dist/core/{p-570ef4e5.js.map → p-faabd332.js.map} +0 -0
- /package/dist/core/{p-39d79238.entry.js.map → p-fda41420.entry.js.map} +0 -0
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{p as e,H as r,c as o,h as i,d as n}from"./p-2dee9951.js";import{v as a}from"./p-26acf964.js";import{g as t,a as v}from"./p-28e59384.js";import{b as l,a as s}from"./p-3c71d697.js";import{c}from"./p-24636c53.js";var g;(function(e){e["A"]="a";e["SPAN"]="span";e["BUTTON"]="button"})(g||(g={}));const d={root:"gov-chip",inner:"gov-chip__inner",hasRight:"gov-chip--has-right",hasLeft:"gov-chip--has-left"};const p='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-chip .element{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--gov-button-border-width, 0.0625rem) solid transparent;transition:background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;cursor:inherit;will-change:background-color, border-color}.gov-chip .element:focus{outline:none}.gov-chip .element .gov-icon{flex:0 0 auto;color:inherit}.gov-chip .element>*{display:flex}[hoverable].gov-chip .element{cursor:pointer}[hoverable].gov-chip .element:focus{outline:none}[hoverable].gov-chip .element:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}[hoverable][type=outlined].gov-chip .element:focus-visible,[hoverable][type=base].gov-chip .element:focus-visible{outline-offset:0}[hoverable][disabled=""].gov-chip,[hoverable][disabled=true i].gov-chip,[hoverable][disabled="1"].gov-chip{cursor:not-allowed}[hoverable][disabled=""].gov-chip .element,[hoverable][disabled=true i].gov-chip .element,[hoverable][disabled="1"].gov-chip .element{pointer-events:none}[expanded=""].gov-chip,[expanded=true i].gov-chip,[expanded="1"].gov-chip{display:block}[expanded=""].gov-chip .element,[expanded=true i].gov-chip .element,[expanded="1"].gov-chip .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-chip .element{background-color:var(--gov-button-primary-solid-bg, var(--gov-color-primary));color:var(--gov-button-primary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=primary][inverse=""].gov-chip .element,[type=solid][variant=primary][inverse=true i].gov-chip .element,[type=solid][variant=primary][inverse="1"].gov-chip .element{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-primary-200))}[type=solid][variant=primary][inverse=""].gov-chip .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=primary][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=""].gov-chip .element,[type=solid][variant=primary][disabled=true i].gov-chip .element,[type=solid][variant=primary][disabled="1"].gov-chip .element{background-color:var(--gov-button-primary-solid-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=""][inverse=""].gov-chip .element,[type=solid][variant=primary][disabled=""][inverse=true i].gov-chip .element,[type=solid][variant=primary][disabled=""][inverse="1"].gov-chip .element,[type=solid][variant=primary][disabled=true i][inverse=""].gov-chip .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=primary][disabled=true i][inverse="1"].gov-chip .element,[type=solid][variant=primary][disabled="1"][inverse=""].gov-chip .element,[type=solid][variant=primary][disabled="1"][inverse=true i].gov-chip .element,[type=solid][variant=primary][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-primary-solid-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-primary-solid-active-bg, var(--gov-color-primary-800))}}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable][inverse=""].gov-chip .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=primary][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-primary-solid-inverse-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable][inverse=""].gov-chip .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=primary][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-chip .element{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary));border-color:var(--gov-button-primary-outlined-border, var(--gov-color-primary))}[type=outlined][variant=primary][inverse=""].gov-chip .element,[type=outlined][variant=primary][inverse=true i].gov-chip .element,[type=outlined][variant=primary][inverse="1"].gov-chip .element{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-outlined-inverse-bg, transparent);border-color:var(--gov-button-primary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=primary][inverse=""].gov-chip .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=primary][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=""].gov-chip .element,[type=outlined][variant=primary][disabled=true i].gov-chip .element,[type=outlined][variant=primary][disabled="1"].gov-chip .element{background-color:var(--gov-button-primary-outlined-disabled-bg, transparent);color:var(--gov-button-primary-outlined-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-disabled-border, var(--gov-color-primary-300))}[type=outlined][variant=primary][disabled=""][inverse=""].gov-chip .element,[type=outlined][variant=primary][disabled=""][inverse=true i].gov-chip .element,[type=outlined][variant=primary][disabled=""][inverse="1"].gov-chip .element,[type=outlined][variant=primary][disabled=true i][inverse=""].gov-chip .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=primary][disabled=true i][inverse="1"].gov-chip .element,[type=outlined][variant=primary][disabled="1"][inverse=""].gov-chip .element,[type=outlined][variant=primary][disabled="1"][inverse=true i].gov-chip .element,[type=outlined][variant=primary][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-primary-outlined-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-outlined-inverse-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-inverse-disabled-border-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}[type=outlined][variant=primary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-primary-outlined-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable][inverse=""].gov-chip .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=primary][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-primary-outlined-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=primary][hoverable][inverse=""].gov-chip .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=primary][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-chip .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary));border-width:0}[type=base][variant=primary][inverse=""].gov-chip .element,[type=base][variant=primary][inverse=true i].gov-chip .element,[type=base][variant=primary][inverse="1"].gov-chip .element{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-base-inverse-bg, transparent)}[type=base][variant=primary][disabled=""].gov-chip .element,[type=base][variant=primary][disabled=true i].gov-chip .element,[type=base][variant=primary][disabled="1"].gov-chip .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=""][inverse=""].gov-chip .element,[type=base][variant=primary][disabled=""][inverse=true i].gov-chip .element,[type=base][variant=primary][disabled=""][inverse="1"].gov-chip .element,[type=base][variant=primary][disabled=true i][inverse=""].gov-chip .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=primary][disabled=true i][inverse="1"].gov-chip .element,[type=base][variant=primary][disabled="1"][inverse=""].gov-chip .element,[type=base][variant=primary][disabled="1"][inverse=true i].gov-chip .element,[type=base][variant=primary][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-primary-base-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-base-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}[type=base][variant=primary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-primary-base-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable][inverse=""].gov-chip .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=primary][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-primary-base-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=primary][hoverable][inverse=""].gov-chip .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=primary][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-primary-base-inverse-active-bg, var(--gov-color-primary-400));color:var(--gov-button-primary-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=primary].gov-chip .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary));border-width:0}[type=link][variant=primary][inverse=""].gov-chip .element,[type=link][variant=primary][inverse=true i].gov-chip .element,[type=link][variant=primary][inverse="1"].gov-chip .element{color:var(--gov-button-primary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-link-inverse-bg, transparent)}[type=link][variant=primary][disabled=""].gov-chip .element,[type=link][variant=primary][disabled=true i].gov-chip .element,[type=link][variant=primary][disabled="1"].gov-chip .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=""][inverse=""].gov-chip .element,[type=link][variant=primary][disabled=""][inverse=true i].gov-chip .element,[type=link][variant=primary][disabled=""][inverse="1"].gov-chip .element,[type=link][variant=primary][disabled=true i][inverse=""].gov-chip .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=primary][disabled=true i][inverse="1"].gov-chip .element,[type=link][variant=primary][disabled="1"][inverse=""].gov-chip .element,[type=link][variant=primary][disabled="1"][inverse=true i].gov-chip .element,[type=link][variant=primary][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-primary-link-inverse-disabled-bg, transparent);color:var(--gov-button-primary-link-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}[type=link][variant=primary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-primary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-primary-700))}}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable][inverse=""].gov-chip .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=primary][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-primary-link-inverse-hover-bg, transparent);color:var(--gov-button-primary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=primary][hoverable][inverse=""].gov-chip .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=primary][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-primary-link-inverse-active-bg, transparent);color:var(--gov-button-primary-link-inverse-active-color, var(--gov-color-primary-200))}}[type=solid][variant=secondary].gov-chip .element{background-color:var(--gov-button-secondary-solid-bg, var(--gov-color-secondary));color:var(--gov-button-secondary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=secondary][inverse=""].gov-chip .element,[type=solid][variant=secondary][inverse=true i].gov-chip .element,[type=solid][variant=secondary][inverse="1"].gov-chip .element{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=""].gov-chip .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=secondary][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=""].gov-chip .element,[type=solid][variant=secondary][disabled=true i].gov-chip .element,[type=solid][variant=secondary][disabled="1"].gov-chip .element{background-color:var(--gov-button-secondary-solid-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-solid-disabled-color, var(--gov-color-secondary-600))}[type=solid][variant=secondary][disabled=""][inverse=""].gov-chip .element,[type=solid][variant=secondary][disabled=""][inverse=true i].gov-chip .element,[type=solid][variant=secondary][disabled=""][inverse="1"].gov-chip .element,[type=solid][variant=secondary][disabled=true i][inverse=""].gov-chip .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=secondary][disabled=true i][inverse="1"].gov-chip .element,[type=solid][variant=secondary][disabled="1"][inverse=""].gov-chip .element,[type=solid][variant=secondary][disabled="1"][inverse=true i].gov-chip .element,[type=solid][variant=secondary][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-secondary-solid-inverse-disabled-bg, var(--gov-color-neutral-white));color:var(--gov-button-secondary-solid-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-solid-active-bg, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable][inverse=""].gov-chip .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=secondary][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-secondary-solid-inverse-hover-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable][inverse=""].gov-chip .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=secondary][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-solid-inverse-active-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-solid-inverse-active-color, var(--gov-color-neutral-white))}}[type=outlined][variant=secondary].gov-chip .element{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary));border-color:var(--gov-button-secondary-outlined-border, var(--gov-color-secondary))}[type=outlined][variant=secondary][inverse=""].gov-chip .element,[type=outlined][variant=secondary][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][inverse="1"].gov-chip .element{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent);border-color:var(--gov-button-secondary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][inverse=""].gov-chip .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=secondary][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=""].gov-chip .element,[type=outlined][variant=secondary][disabled=true i].gov-chip .element,[type=outlined][variant=secondary][disabled="1"].gov-chip .element{background-color:var(--gov-button-secondary-outlined-disabled-bg, transparent);color:var(--gov-button-secondary-outlined-disabled-color, var(--gov-color-secondary-500));border-color:var(--gov-button-secondary-outlined-disabled-border, var(--gov-color-secondary-500))}[type=outlined][variant=secondary][disabled=""][inverse=""].gov-chip .element,[type=outlined][variant=secondary][disabled=""][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][disabled=""][inverse="1"].gov-chip .element,[type=outlined][variant=secondary][disabled=true i][inverse=""].gov-chip .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][disabled=true i][inverse="1"].gov-chip .element,[type=outlined][variant=secondary][disabled="1"][inverse=""].gov-chip .element,[type=outlined][variant=secondary][disabled="1"][inverse=true i].gov-chip .element,[type=outlined][variant=secondary][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-secondary-outlined-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-disabled-color, var(--gov-color-secondary-600));border-color:var(--gov-button-secondary-outlined-inverse-disabled-border-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}[type=outlined][variant=secondary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-outlined-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable][inverse=""].gov-chip .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=secondary][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-secondary-outlined-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][hoverable][inverse=""].gov-chip .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-outlined-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-outlined-inverse-active-color, var(--gov-color-secondary))}}[type=base][variant=secondary].gov-chip .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary));border-width:0}[type=base][variant=secondary][inverse=""].gov-chip .element,[type=base][variant=secondary][inverse=true i].gov-chip .element,[type=base][variant=secondary][inverse="1"].gov-chip .element{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}[type=base][variant=secondary][disabled=""].gov-chip .element,[type=base][variant=secondary][disabled=true i].gov-chip .element,[type=base][variant=secondary][disabled="1"].gov-chip .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=""][inverse=""].gov-chip .element,[type=base][variant=secondary][disabled=""][inverse=true i].gov-chip .element,[type=base][variant=secondary][disabled=""][inverse="1"].gov-chip .element,[type=base][variant=secondary][disabled=true i][inverse=""].gov-chip .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=secondary][disabled=true i][inverse="1"].gov-chip .element,[type=base][variant=secondary][disabled="1"][inverse=""].gov-chip .element,[type=base][variant=secondary][disabled="1"][inverse=true i].gov-chip .element,[type=base][variant=secondary][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-secondary-base-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary))}[type=base][variant=secondary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-base-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable][inverse=""].gov-chip .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=secondary][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-secondary-base-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=secondary][hoverable][inverse=""].gov-chip .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=secondary][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-base-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-base-inverse-active-color, var(--gov-color-secondary))}}[type=link][variant=secondary].gov-chip .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary));border-width:0}[type=link][variant=secondary][inverse=""].gov-chip .element,[type=link][variant=secondary][inverse=true i].gov-chip .element,[type=link][variant=secondary][inverse="1"].gov-chip .element{color:var(--gov-button-secondary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-link-inverse-bg, transparent)}[type=link][variant=secondary][disabled=""].gov-chip .element,[type=link][variant=secondary][disabled=true i].gov-chip .element,[type=link][variant=secondary][disabled="1"].gov-chip .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=""][inverse=""].gov-chip .element,[type=link][variant=secondary][disabled=""][inverse=true i].gov-chip .element,[type=link][variant=secondary][disabled=""][inverse="1"].gov-chip .element,[type=link][variant=secondary][disabled=true i][inverse=""].gov-chip .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=secondary][disabled=true i][inverse="1"].gov-chip .element,[type=link][variant=secondary][disabled="1"][inverse=""].gov-chip .element,[type=link][variant=secondary][disabled="1"][inverse=true i].gov-chip .element,[type=link][variant=secondary][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-secondary-link-inverse-disabled-bg, transparent);color:var(--gov-button-secondary-link-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable].gov-chip .element:hover{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}[type=link][variant=secondary][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable][inverse=""].gov-chip .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=secondary][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-secondary-link-inverse-hover-bg, transparent);color:var(--gov-button-secondary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=secondary][hoverable][inverse=""].gov-chip .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=secondary][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-secondary-link-inverse-active-bg, transparent);color:var(--gov-button-secondary-link-inverse-active-color, var(--gov-color-secondary-500))}}[type=solid][variant=error].gov-chip .element{background-color:var(--gov-button-error-solid-bg, var(--gov-color-error));color:var(--gov-button-error-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=error][inverse=""].gov-chip .element,[type=solid][variant=error][inverse=true i].gov-chip .element,[type=solid][variant=error][inverse="1"].gov-chip .element{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-error-200))}[type=solid][variant=error][inverse=""].gov-chip .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=error][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=""].gov-chip .element,[type=solid][variant=error][disabled=true i].gov-chip .element,[type=solid][variant=error][disabled="1"].gov-chip .element{background-color:var(--gov-button-error-solid-disabled-bg, var(--gov-color-error-200));color:var(--gov-button-error-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=""][inverse=""].gov-chip .element,[type=solid][variant=error][disabled=""][inverse=true i].gov-chip .element,[type=solid][variant=error][disabled=""][inverse="1"].gov-chip .element,[type=solid][variant=error][disabled=true i][inverse=""].gov-chip .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=error][disabled=true i][inverse="1"].gov-chip .element,[type=solid][variant=error][disabled="1"][inverse=""].gov-chip .element,[type=solid][variant=error][disabled="1"][inverse=true i].gov-chip .element,[type=solid][variant=error][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-error-solid-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-solid-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable].gov-chip .element:hover{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-error-solid-active-bg, var(--gov-color-error-600))}}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable][inverse=""].gov-chip .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=error][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=""].gov-chip .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=error][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-600))}}[type=outlined][variant=error].gov-chip .element{color:var(--gov-button-error-outlined-color, var(--gov-color-error));border-color:var(--gov-button-error-outlined-border, var(--gov-color-error))}[type=outlined][variant=error][inverse=""].gov-chip .element,[type=outlined][variant=error][inverse=true i].gov-chip .element,[type=outlined][variant=error][inverse="1"].gov-chip .element{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-outlined-inverse-bg, transparent);border-color:var(--gov-button-error-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=error][inverse=""].gov-chip .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=error][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=""].gov-chip .element,[type=outlined][variant=error][disabled=true i].gov-chip .element,[type=outlined][variant=error][disabled="1"].gov-chip .element{background-color:var(--gov-button-error-outlined-disabled-bg, transparent);color:var(--gov-button-error-outlined-disabled-color, var(--gov-color-error-200));border-color:var(--gov-button-error-outlined-disabled-border, var(--gov-color-error-200))}[type=outlined][variant=error][disabled=""][inverse=""].gov-chip .element,[type=outlined][variant=error][disabled=""][inverse=true i].gov-chip .element,[type=outlined][variant=error][disabled=""][inverse="1"].gov-chip .element,[type=outlined][variant=error][disabled=true i][inverse=""].gov-chip .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=error][disabled=true i][inverse="1"].gov-chip .element,[type=outlined][variant=error][disabled="1"][inverse=""].gov-chip .element,[type=outlined][variant=error][disabled="1"][inverse=true i].gov-chip .element,[type=outlined][variant=error][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-error-outlined-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-outlined-inverse-disabled-color, var(--gov-color-error-400));border-color:var(--gov-button-error-outlined-inverse-disabled-border-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable].gov-chip .element:hover{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}[type=outlined][variant=error][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-error-outlined-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable][inverse=""].gov-chip .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=error][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-error-outlined-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=error][hoverable][inverse=""].gov-chip .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=error][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-chip .element{color:var(--gov-button-error-base-color, var(--gov-color-error));border-width:0}[type=base][variant=error][inverse=""].gov-chip .element,[type=base][variant=error][inverse=true i].gov-chip .element,[type=base][variant=error][inverse="1"].gov-chip .element{color:var(--gov-button-error-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-base-inverse-bg, transparent)}[type=base][variant=error][disabled=""].gov-chip .element,[type=base][variant=error][disabled=true i].gov-chip .element,[type=base][variant=error][disabled="1"].gov-chip .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=""][inverse=""].gov-chip .element,[type=base][variant=error][disabled=""][inverse=true i].gov-chip .element,[type=base][variant=error][disabled=""][inverse="1"].gov-chip .element,[type=base][variant=error][disabled=true i][inverse=""].gov-chip .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=error][disabled=true i][inverse="1"].gov-chip .element,[type=base][variant=error][disabled="1"][inverse=""].gov-chip .element,[type=base][variant=error][disabled="1"][inverse=true i].gov-chip .element,[type=base][variant=error][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-error-base-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-base-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=base][variant=error][hoverable].gov-chip .element:hover{background-color:var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-base-hover-color, var(--gov-color-error))}[type=base][variant=error][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-error-base-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=base][variant=error][hoverable][inverse=""].gov-chip .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=error][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-error-base-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=error][hoverable][inverse=""].gov-chip .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=error][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-error-base-inverse-active-bg, var(--gov-color-error-400));color:var(--gov-button-error-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=error].gov-chip .element{color:var(--gov-button-error-link-color, var(--gov-color-error));border-width:0}[type=link][variant=error][inverse=""].gov-chip .element,[type=link][variant=error][inverse=true i].gov-chip .element,[type=link][variant=error][inverse="1"].gov-chip .element{color:var(--gov-button-error-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-link-inverse-bg, transparent)}[type=link][variant=error][disabled=""].gov-chip .element,[type=link][variant=error][disabled=true i].gov-chip .element,[type=link][variant=error][disabled="1"].gov-chip .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=""][inverse=""].gov-chip .element,[type=link][variant=error][disabled=""][inverse=true i].gov-chip .element,[type=link][variant=error][disabled=""][inverse="1"].gov-chip .element,[type=link][variant=error][disabled=true i][inverse=""].gov-chip .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=error][disabled=true i][inverse="1"].gov-chip .element,[type=link][variant=error][disabled="1"][inverse=""].gov-chip .element,[type=link][variant=error][disabled="1"][inverse=true i].gov-chip .element,[type=link][variant=error][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-error-link-inverse-disabled-bg, transparent);color:var(--gov-button-error-link-inverse-disabled-color, var(--gov-color-error-200))}@media not all and (pointer: coarse){[type=link][variant=error][hoverable].gov-chip .element:hover{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}[type=link][variant=error][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-error-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-error-500))}}@media not all and (pointer: coarse){[type=link][variant=error][hoverable][inverse=""].gov-chip .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=error][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-error-link-inverse-hover-bg, transparent);color:var(--gov-button-error-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=error][hoverable][inverse=""].gov-chip .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=error][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-error-link-inverse-active-bg, transparent);color:var(--gov-button-error-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=success].gov-chip .element{background-color:var(--gov-button-success-solid-bg, var(--gov-color-success-500));color:var(--gov-button-success-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=success][inverse=""].gov-chip .element,[type=solid][variant=success][inverse=true i].gov-chip .element,[type=solid][variant=success][inverse="1"].gov-chip .element{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success));background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-success-200))}[type=solid][variant=success][inverse=""].gov-chip .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=success][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=""].gov-chip .element,[type=solid][variant=success][disabled=true i].gov-chip .element,[type=solid][variant=success][disabled="1"].gov-chip .element{background-color:var(--gov-button-success-solid-disabled-bg, var(--gov-color-success-200));color:var(--gov-button-success-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=""][inverse=""].gov-chip .element,[type=solid][variant=success][disabled=""][inverse=true i].gov-chip .element,[type=solid][variant=success][disabled=""][inverse="1"].gov-chip .element,[type=solid][variant=success][disabled=true i][inverse=""].gov-chip .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=success][disabled=true i][inverse="1"].gov-chip .element,[type=solid][variant=success][disabled="1"][inverse=""].gov-chip .element,[type=solid][variant=success][disabled="1"][inverse=true i].gov-chip .element,[type=solid][variant=success][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-success-solid-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-solid-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable].gov-chip .element:hover{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-success-solid-active-bg, var(--gov-color-success-700))}}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable][inverse=""].gov-chip .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=success][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-success-solid-inverse-hover-bg, var(--gov-color-success-700));color:var(--gov-button-success-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable][inverse=""].gov-chip .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=success][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-chip .element{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500));border-color:var(--gov-button-success-outlined-border, var(--gov-color-success-500))}[type=outlined][variant=success][inverse=""].gov-chip .element,[type=outlined][variant=success][inverse=true i].gov-chip .element,[type=outlined][variant=success][inverse="1"].gov-chip .element{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-outlined-inverse-bg, transparent);border-color:var(--gov-button-success-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=success][inverse=""].gov-chip .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=success][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=""].gov-chip .element,[type=outlined][variant=success][disabled=true i].gov-chip .element,[type=outlined][variant=success][disabled="1"].gov-chip .element{background-color:var(--gov-button-success-outlined-disabled-bg, transparent);color:var(--gov-button-success-outlined-disabled-color, var(--gov-color-success-300));border-color:var(--gov-button-success-outlined-disabled-border, var(--gov-color-success-300))}[type=outlined][variant=success][disabled=""][inverse=""].gov-chip .element,[type=outlined][variant=success][disabled=""][inverse=true i].gov-chip .element,[type=outlined][variant=success][disabled=""][inverse="1"].gov-chip .element,[type=outlined][variant=success][disabled=true i][inverse=""].gov-chip .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=success][disabled=true i][inverse="1"].gov-chip .element,[type=outlined][variant=success][disabled="1"][inverse=""].gov-chip .element,[type=outlined][variant=success][disabled="1"][inverse=true i].gov-chip .element,[type=outlined][variant=success][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-success-outlined-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-outlined-inverse-disabled-color, var(--gov-color-success-400));border-color:var(--gov-button-success-outlined-inverse-disabled-border-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable].gov-chip .element:hover{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}[type=outlined][variant=success][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-success-outlined-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable][inverse=""].gov-chip .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=success][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-success-outlined-inverse-hover-bg, var(--gov-color-success-500));color:var(--gov-button-success-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=success][hoverable][inverse=""].gov-chip .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=success][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-chip .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500));border-width:0}[type=base][variant=success][inverse=""].gov-chip .element,[type=base][variant=success][inverse=true i].gov-chip .element,[type=base][variant=success][inverse="1"].gov-chip .element{color:var(--gov-button-success-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-base-inverse-bg, transparent)}[type=base][variant=success][disabled=""].gov-chip .element,[type=base][variant=success][disabled=true i].gov-chip .element,[type=base][variant=success][disabled="1"].gov-chip .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=""][inverse=""].gov-chip .element,[type=base][variant=success][disabled=""][inverse=true i].gov-chip .element,[type=base][variant=success][disabled=""][inverse="1"].gov-chip .element,[type=base][variant=success][disabled=true i][inverse=""].gov-chip .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=success][disabled=true i][inverse="1"].gov-chip .element,[type=base][variant=success][disabled="1"][inverse=""].gov-chip .element,[type=base][variant=success][disabled="1"][inverse=true i].gov-chip .element,[type=base][variant=success][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-success-base-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-base-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=base][variant=success][hoverable].gov-chip .element:hover{background-color:var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-base-hover-color, var(--gov-color-success-500))}[type=base][variant=success][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-success-base-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=base][variant=success][hoverable][inverse=""].gov-chip .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=success][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-success-base-inverse-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=success][hoverable][inverse=""].gov-chip .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=success][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-success-base-inverse-active-bg, var(--gov-color-success-500));color:var(--gov-button-success-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=success].gov-chip .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500));border-width:0}[type=link][variant=success][inverse=""].gov-chip .element,[type=link][variant=success][inverse=true i].gov-chip .element,[type=link][variant=success][inverse="1"].gov-chip .element{color:var(--gov-button-success-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-link-inverse-bg, transparent)}[type=link][variant=success][disabled=""].gov-chip .element,[type=link][variant=success][disabled=true i].gov-chip .element,[type=link][variant=success][disabled="1"].gov-chip .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=""][inverse=""].gov-chip .element,[type=link][variant=success][disabled=""][inverse=true i].gov-chip .element,[type=link][variant=success][disabled=""][inverse="1"].gov-chip .element,[type=link][variant=success][disabled=true i][inverse=""].gov-chip .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=success][disabled=true i][inverse="1"].gov-chip .element,[type=link][variant=success][disabled="1"][inverse=""].gov-chip .element,[type=link][variant=success][disabled="1"][inverse=true i].gov-chip .element,[type=link][variant=success][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-success-link-inverse-disabled-bg, transparent);color:var(--gov-button-success-link-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=link][variant=success][hoverable].gov-chip .element:hover{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}[type=link][variant=success][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-success-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){[type=link][variant=success][hoverable][inverse=""].gov-chip .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=success][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-success-link-inverse-hover-bg, transparent);color:var(--gov-button-success-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=success][hoverable][inverse=""].gov-chip .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=success][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-success-link-inverse-active-bg, transparent);color:var(--gov-button-success-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=warning].gov-chip .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=warning][inverse=""].gov-chip .element,[type=solid][variant=warning][inverse=true i].gov-chip .element,[type=solid][variant=warning][inverse="1"].gov-chip .element{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning));background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-warning-200))}[type=solid][variant=warning][inverse=""].gov-chip .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-chip .element:focus-visible,[type=solid][variant=warning][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=""].gov-chip .element,[type=solid][variant=warning][disabled=true i].gov-chip .element,[type=solid][variant=warning][disabled="1"].gov-chip .element{background-color:var(--gov-button-warning-solid-disabled-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=""][inverse=""].gov-chip .element,[type=solid][variant=warning][disabled=""][inverse=true i].gov-chip .element,[type=solid][variant=warning][disabled=""][inverse="1"].gov-chip .element,[type=solid][variant=warning][disabled=true i][inverse=""].gov-chip .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=solid][variant=warning][disabled=true i][inverse="1"].gov-chip .element,[type=solid][variant=warning][disabled="1"][inverse=""].gov-chip .element,[type=solid][variant=warning][disabled="1"][inverse=true i].gov-chip .element,[type=solid][variant=warning][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-warning-solid-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-solid-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable].gov-chip .element:hover{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-warning-solid-active-bg, var(--gov-color-warning-700))}}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable][inverse=""].gov-chip .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=solid][variant=warning][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-warning-solid-inverse-hover-bg, var(--gov-color-warning-700));color:var(--gov-button-warning-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable][inverse=""].gov-chip .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=solid][variant=warning][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-chip .element{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500));border-color:var(--gov-button-warning-outlined-border, var(--gov-color-warning-500))}[type=outlined][variant=warning][inverse=""].gov-chip .element,[type=outlined][variant=warning][inverse=true i].gov-chip .element,[type=outlined][variant=warning][inverse="1"].gov-chip .element{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-outlined-inverse-bg, transparent);border-color:var(--gov-button-warning-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=warning][inverse=""].gov-chip .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-chip .element:focus-visible,[type=outlined][variant=warning][inverse="1"].gov-chip .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=""].gov-chip .element,[type=outlined][variant=warning][disabled=true i].gov-chip .element,[type=outlined][variant=warning][disabled="1"].gov-chip .element{background-color:var(--gov-button-warning-outlined-disabled-bg, transparent);color:var(--gov-button-warning-outlined-disabled-color, var(--gov-color-warning));border-color:var(--gov-button-warning-outlined-disabled-border, var(--gov-color-warning))}[type=outlined][variant=warning][disabled=""][inverse=""].gov-chip .element,[type=outlined][variant=warning][disabled=""][inverse=true i].gov-chip .element,[type=outlined][variant=warning][disabled=""][inverse="1"].gov-chip .element,[type=outlined][variant=warning][disabled=true i][inverse=""].gov-chip .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=outlined][variant=warning][disabled=true i][inverse="1"].gov-chip .element,[type=outlined][variant=warning][disabled="1"][inverse=""].gov-chip .element,[type=outlined][variant=warning][disabled="1"][inverse=true i].gov-chip .element,[type=outlined][variant=warning][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-warning-outlined-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-outlined-inverse-disabled-color, var(--gov-color-warning-400));border-color:var(--gov-button-warning-outlined-inverse-disabled-border-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable].gov-chip .element:hover{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}[type=outlined][variant=warning][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-warning-outlined-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable][inverse=""].gov-chip .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=outlined][variant=warning][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-warning-outlined-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=warning][hoverable][inverse=""].gov-chip .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=outlined][variant=warning][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-chip .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500));border-width:0}[type=base][variant=warning][inverse=""].gov-chip .element,[type=base][variant=warning][inverse=true i].gov-chip .element,[type=base][variant=warning][inverse="1"].gov-chip .element{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-base-inverse-bg, transparent)}[type=base][variant=warning][disabled=""].gov-chip .element,[type=base][variant=warning][disabled=true i].gov-chip .element,[type=base][variant=warning][disabled="1"].gov-chip .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=""][inverse=""].gov-chip .element,[type=base][variant=warning][disabled=""][inverse=true i].gov-chip .element,[type=base][variant=warning][disabled=""][inverse="1"].gov-chip .element,[type=base][variant=warning][disabled=true i][inverse=""].gov-chip .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=base][variant=warning][disabled=true i][inverse="1"].gov-chip .element,[type=base][variant=warning][disabled="1"][inverse=""].gov-chip .element,[type=base][variant=warning][disabled="1"][inverse=true i].gov-chip .element,[type=base][variant=warning][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-warning-base-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-base-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable].gov-chip .element:hover{background-color:var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500))}[type=base][variant=warning][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-warning-base-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable][inverse=""].gov-chip .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=base][variant=warning][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-warning-base-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=warning][hoverable][inverse=""].gov-chip .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=base][variant=warning][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-warning-base-inverse-active-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=warning].gov-chip .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500));border-width:0}[type=link][variant=warning][inverse=""].gov-chip .element,[type=link][variant=warning][inverse=true i].gov-chip .element,[type=link][variant=warning][inverse="1"].gov-chip .element{color:var(--gov-button-warning-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-link-inverse-bg, transparent)}[type=link][variant=warning][disabled=""].gov-chip .element,[type=link][variant=warning][disabled=true i].gov-chip .element,[type=link][variant=warning][disabled="1"].gov-chip .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=""][inverse=""].gov-chip .element,[type=link][variant=warning][disabled=""][inverse=true i].gov-chip .element,[type=link][variant=warning][disabled=""][inverse="1"].gov-chip .element,[type=link][variant=warning][disabled=true i][inverse=""].gov-chip .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-chip .element,[type=link][variant=warning][disabled=true i][inverse="1"].gov-chip .element,[type=link][variant=warning][disabled="1"][inverse=""].gov-chip .element,[type=link][variant=warning][disabled="1"][inverse=true i].gov-chip .element,[type=link][variant=warning][disabled="1"][inverse="1"].gov-chip .element{background-color:var(--gov-button-warning-link-inverse-disabled-bg, transparent);color:var(--gov-button-warning-link-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable].gov-chip .element:hover{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}[type=link][variant=warning][hoverable].gov-chip .element:hover:active{background-color:var(--gov-button-warning-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-warning-600))}}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable][inverse=""].gov-chip .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-chip .element:hover,[type=link][variant=warning][hoverable][inverse="1"].gov-chip .element:hover{background-color:var(--gov-button-warning-link-inverse-hover-bg, transparent);color:var(--gov-button-warning-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=warning][hoverable][inverse=""].gov-chip .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-chip .element:hover:active,[type=link][variant=warning][hoverable][inverse="1"].gov-chip .element:hover:active{background-color:var(--gov-button-warning-link-inverse-active-bg, transparent);color:var(--gov-button-warning-link-inverse-active-color, var(--gov-color-neutral-white))}}[size=xs].gov-chip .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-xs-padding-x, 0.625rem);column-gap:var(--gov-button-xs-padding-x, 0.625rem);min-height:var(--gov-button-xs-min-height, 1.5rem);padding:var(--gov-button-xs-padding-y, 0.125rem) var(--gov-button-xs-padding-x, 0.625rem)}[size=xs].gov-chip .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-chip .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-s-padding-x, 0.75rem);column-gap:var(--gov-button-s-padding-x, 0.75rem);min-height:var(--gov-button-s-min-height, 2rem);padding:var(--gov-button-s-padding-y, 0.25rem) var(--gov-button-s-padding-x, 0.75rem)}[size=s].gov-chip .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-chip .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-m-padding-x, 0.75rem);column-gap:var(--gov-button-m-padding-x, 0.75rem);min-height:var(--gov-button-m-min-height, 2.5rem);padding:var(--gov-button-m-padding-y, 0.375rem) var(--gov-button-m-padding-x, 0.75rem)}[size=m].gov-chip .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-chip .element{font-weight:var(--gov-button-text-m-font-weight, var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));-moz-column-gap:var(--gov-button-l-padding-x, 1rem);column-gap:var(--gov-button-l-padding-x, 1rem);min-height:var(--gov-button-l-min-height, 3rem);padding:var(--gov-button-l-padding-y, 0.5rem) var(--gov-button-l-padding-x, 1rem)}[size=l].gov-chip .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-chip .element{font-weight:var(--gov-button-text-xl-font-weight, var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));-moz-column-gap:var(--gov-button-xl-padding-x, 1.25rem);column-gap:var(--gov-button-xl-padding-x, 1.25rem);min-height:var(--gov-button-xl-min-height, 3.5rem);padding:var(--gov-button-xl-padding-y, 0.75rem) var(--gov-button-xl-padding-x, 1.25rem)}[size=xl].gov-chip .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-chip{display:inline-flex}.gov-chip a .gov-icon{margin:0}.gov-chip .element{padding:0.25rem 0.625rem;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;letter-spacing:initial}.gov-chip .gov-button .element{border:none}.gov-chip--has-right>.element{padding-top:0 !important;padding-right:0 !important;padding-bottom:0 !important}.gov-chip--has-left>.element{padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}.gov-chip[size=xs] .element{border-radius:calc(var(--gov-button-xs-min-height, 1.5rem) * 0.5)}.gov-chip[size=xs][hoverable] .element:focus{outline:none}.gov-chip[size=xs][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-xs-min-height, 1.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-chip[size=s] .element{border-radius:calc(var(--gov-button-s-min-height, 2rem) * 0.5)}.gov-chip[size=s][hoverable] .element:focus{outline:none}.gov-chip[size=s][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-s-min-height, 2rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-chip[size=m] .element{border-radius:calc(var(--gov-button-m-min-height, 2.5rem) * 0.5)}.gov-chip[size=m][hoverable] .element:focus{outline:none}.gov-chip[size=m][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-m-min-height, 2.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-chip[size=l] .element{border-radius:calc(var(--gov-button-l-min-height, 3rem) * 0.5)}.gov-chip[size=l][hoverable] .element:focus{outline:none}.gov-chip[size=l][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-l-min-height, 3rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-chip[size=xl] .element{border-radius:calc(var(--gov-button-xl-min-height, 3.5rem) * 0.5)}.gov-chip[size=xl][hoverable] .element:focus{outline:none}.gov-chip[size=xl][hoverable] .element:focus-visible{border-radius:calc(var(--gov-button-xl-min-height, 3.5rem) * 0.5);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}.gov-chip[variant=primary][inverse=""] .element,.gov-chip[variant=primary][inverse=""] .element .element,.gov-chip[variant=primary][inverse=true i] .element,.gov-chip[variant=primary][inverse=true i] .element .element,.gov-chip[variant=primary][inverse="1"] .element,.gov-chip[variant=primary][inverse="1"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-primary-border-color, var(--gov-color-primary-200));background-color:var(--gov-chip-inverse-primary-bg, var(--gov-color-primary-100));color:var(--gov-chip-inverse-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-chip[variant=primary][inverse=""] .element:hover,.gov-chip[variant=primary][inverse=""] .element .element:hover,.gov-chip[variant=primary][inverse=true i] .element:hover,.gov-chip[variant=primary][inverse=true i] .element .element:hover,.gov-chip[variant=primary][inverse="1"] .element:hover,.gov-chip[variant=primary][inverse="1"] .element .element:hover{border-color:var(--gov-chip-inverse-primary-border-color-hover, var(--gov-color-primary-200))}}.gov-chip[variant=secondary][inverse=""] .element,.gov-chip[variant=secondary][inverse=""] .element .element,.gov-chip[variant=secondary][inverse=true i] .element,.gov-chip[variant=secondary][inverse=true i] .element .element,.gov-chip[variant=secondary][inverse="1"] .element,.gov-chip[variant=secondary][inverse="1"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-secondary-border-color, var(--gov-color-secondary-400));background-color:var(--gov-chip-inverse-secondary-bg, var(--gov-color-secondary-200));color:var(--gov-chip-inverse-secondary-color, var(--gov-color-secondary-900))}@media not all and (pointer: coarse){.gov-chip[variant=secondary][inverse=""] .element:hover,.gov-chip[variant=secondary][inverse=""] .element .element:hover,.gov-chip[variant=secondary][inverse=true i] .element:hover,.gov-chip[variant=secondary][inverse=true i] .element .element:hover,.gov-chip[variant=secondary][inverse="1"] .element:hover,.gov-chip[variant=secondary][inverse="1"] .element .element:hover{border-color:var(--gov-chip-inverse-secondary-border-color-hover, var(--gov-color-secondary-400))}}.gov-chip[variant=success][inverse=""] .element,.gov-chip[variant=success][inverse=""] .element .element,.gov-chip[variant=success][inverse=true i] .element,.gov-chip[variant=success][inverse=true i] .element .element,.gov-chip[variant=success][inverse="1"] .element,.gov-chip[variant=success][inverse="1"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-success-border-color, var(--gov-color-success-200));background-color:var(--gov-chip-inverse-success-bg, var(--gov-color-success-100));color:var(--gov-chip-inverse-success-color, var(--gov-color-success-600))}@media not all and (pointer: coarse){.gov-chip[variant=success][inverse=""] .element:hover,.gov-chip[variant=success][inverse=""] .element .element:hover,.gov-chip[variant=success][inverse=true i] .element:hover,.gov-chip[variant=success][inverse=true i] .element .element:hover,.gov-chip[variant=success][inverse="1"] .element:hover,.gov-chip[variant=success][inverse="1"] .element .element:hover{border-color:var(--gov-chip-inverse-success-border-color-hover, var(--gov-color-success-200))}}.gov-chip[variant=warning][inverse=""] .element,.gov-chip[variant=warning][inverse=""] .element .element,.gov-chip[variant=warning][inverse=true i] .element,.gov-chip[variant=warning][inverse=true i] .element .element,.gov-chip[variant=warning][inverse="1"] .element,.gov-chip[variant=warning][inverse="1"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-warning-border-color, var(--gov-color-warning-200));background-color:var(--gov-chip-inverse-warning-bg, var(--gov-color-warning-100));color:var(--gov-chip-inverse-warning-color, var(--gov-color-warning-600))}@media not all and (pointer: coarse){.gov-chip[variant=warning][inverse=""] .element:hover,.gov-chip[variant=warning][inverse=""] .element .element:hover,.gov-chip[variant=warning][inverse=true i] .element:hover,.gov-chip[variant=warning][inverse=true i] .element .element:hover,.gov-chip[variant=warning][inverse="1"] .element:hover,.gov-chip[variant=warning][inverse="1"] .element .element:hover{border-color:var(--gov-chip-inverse-warning-border-color-hover, var(--gov-color-warning-200))}}.gov-chip[variant=error][inverse=""] .element,.gov-chip[variant=error][inverse=""] .element .element,.gov-chip[variant=error][inverse=true i] .element,.gov-chip[variant=error][inverse=true i] .element .element,.gov-chip[variant=error][inverse="1"] .element,.gov-chip[variant=error][inverse="1"] .element .element{border-width:0.0625rem;border-color:var(--gov-chip-inverse-error-border-color, var(--gov-color-error-200));background-color:var(--gov-chip-inverse-error-bg, var(--gov-color-error-100));color:var(--gov-chip-inverse-error-color, var(--gov-color-error-500))}@media not all and (pointer: coarse){.gov-chip[variant=error][inverse=""] .element:hover,.gov-chip[variant=error][inverse=""] .element .element:hover,.gov-chip[variant=error][inverse=true i] .element:hover,.gov-chip[variant=error][inverse=true i] .element .element:hover,.gov-chip[variant=error][inverse="1"] .element:hover,.gov-chip[variant=error][inverse="1"] .element .element:hover{border-color:var(--gov-chip-inverse-error-border-color-hover, var(--gov-color-error-200))}}';const b=e(class e extends r{constructor(){super();this.__registerHost();this.govClick=o(this,"gov-click",7);this.inverse=false;this.disabled=false;this.href=undefined;this.target=undefined;this.size=l._M;this.tag="span";this.variant=s.PRIMARY;this.focusable=true;this.identifier=undefined;this.wcagLabel=undefined;this.wcagControls=undefined;this.wcagSelected=undefined;this.h=t(this.host);this.chipId=c("GovChip")}validateVariant(e){a(s,e,d.root)}validateSize(e){a(l,e,d.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size)}render(){const e=this.href?g.A:this.tag;const r=e==g.BUTTON?g.BUTTON:undefined;return i(n,{class:this.h.classes([d.root,this.h.hasSlot("right")?d.hasRight:undefined,this.h.hasSlot("left")?d.hasLeft:undefined]),disabled:this.disabled,href:this.href,variant:this.variant,type:this.inverse?undefined:"solid",size:this.size,inverse:this.inverse,hoverable:e==g.A||e==g.BUTTON},i(e,{class:"element",href:this.href,target:this.target,"aria-label":this.wcagLabel,ref:e=>this.triggerRef=e,onClick:this.onClickHandler.bind(this),"aria-controls":this.wcagControls,"aria-selected":v(this.wcagSelected),tabindex:this.focusable?"0":"-1",id:this.identifier||this.chipId,type:r},this.h.hasSlot("left")&&i("slot",{name:"left"}),this.h.hasSlot("left-icon")&&i("slot",{name:"left-icon"}),i("slot",null),this.h.hasSlot("right-icon")&&i("slot",{name:"right-icon"}),this.h.hasSlot("right")&&i("slot",{name:"right"})))}onClickHandler(e){e.stopPropagation();if(this.disabled===false&&this.tag===g.BUTTON){this.govClick.emit(e)}}async getTriggerRef(){return this.triggerRef}async getTriggerIdentifier(){return this.identifier||this.chipId}async setFocus(){this.triggerRef.focus()}get host(){return this}static get watchers(){return{variant:["validateVariant"],size:["validateSize"]}}static get style(){return p}},[4,"gov-chip",{inverse:[4],disabled:[4],href:[1],target:[1],size:[1],tag:[1],variant:[1],focusable:[4],identifier:[1],wcagLabel:[1,"wcag-label"],wcagControls:[1,"wcag-controls"],wcagSelected:[4,"wcag-selected"],getTriggerRef:[64],getTriggerIdentifier:[64],setFocus:[64]}]);function u(){if(typeof customElements==="undefined"){return}const e=["gov-chip"];e.forEach((e=>{switch(e){case"gov-chip":if(!customElements.get(e)){customElements.define(e,b)}break}}))}u();export{b as G,u as d};
|
|
2
|
-
//# sourceMappingURL=p-94bf1f51.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["NativeType","ChipClass","root","inner","hasRight","hasLeft","govChipCss","GovChip","proxyCustomElement","H","constructor","ButtonSizes","_M","ButtonVariants","PRIMARY","this","h","govHost","host","chipId","createID","validateVariant","newValue","validateProp","validateSize","componentWillLoad","variant","size","render","Tag","href","A","tag","nativeType","BUTTON","undefined","Host","class","classes","hasSlot","disabled","type","inverse","hoverable","target","wcagLabel","ref","el","triggerRef","onClick","onClickHandler","bind","wcagControls","toBoolAttr","wcagSelected","tabindex","focusable","id","identifier","name","e","stopPropagation","govClick","emit","getTriggerRef","getTriggerIdentifier","setFocus","focus"],"sources":["../../../packages/core/src/components/gov-chip/constants.ts","../../../packages/core/src/components/gov-chip/gov-chip.scss?tag=gov-chip","../../../packages/core/src/components/gov-chip/gov-chip.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\n\nexport enum NativeType {\n\tA = 'a',\n\tSPAN = 'span',\n\tBUTTON = 'button',\n}\n\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\n\nexport const ChipClass = {\n\troot: 'gov-chip',\n\tinner: 'gov-chip__inner',\n\thasRight: 'gov-chip--has-right',\n\thasLeft: 'gov-chip--has-left',\n}\n","/*\n * Chip\n */\n\n// Shared definitions - button & chip\n@import \"../gov-button/button/gov-button-core\";\n\n.gov-chip {\n\t@extend %button-core;\n\tdisplay: inline-flex;\n\ta .gov-icon {\n\t\tmargin: 0;\n\t}\n\t.element {\n\t\tpadding: rem-calc(4 10);\n\t\tfont-family: $font-family-primary;\n\t\tfont-weight: 400;\n\t\tletter-spacing: initial;\n\t}\n\t.gov-button {\n\t\t.element {\n\t\t\tborder: none;\n\t\t}\n\t}\n\t&--has-right > .element {\n\t\tpadding-top: 0 !important;\n\t\tpadding-right: 0 !important;\n\t\tpadding-bottom: 0 !important;\n\t}\n\n\t&--has-left > .element {\n\t\tpadding-top: 0 !important;\n\t\tpadding-bottom: 0 !important;\n\t\tpadding-left: 0 !important;\n\t}\n\n\t// VARIANTS\n\t@each $size, $definitions in $button-sizes {\n\t\t$radius: calc(#{get(\"min-height\", $definitions)} * 0.5);\n\t\t&[size=\"#{$size}\"] {\n\t\t\t.element {\n\t\t\t\tborder-radius: $radius;\n\t\t\t}\n\n\t\t\t// HOVERS\n\t\t\t&[hoverable] .element {\n\t\t\t\t@include focus-outline($radius, $outline-offset);\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $types in $chip-inverse-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\t.element,\n\t\t\t\t.element .element {\n\t\t\t\t\tborder-width: rem-calc(1);\n\t\t\t\t\tborder-color: deep-map-get($chip-inverse-variants, $variant, \"border-color\");\n\t\t\t\t\tbackground-color: deep-map-get($chip-inverse-variants, $variant, \"bg\");\n\t\t\t\t\tcolor: deep-map-get($chip-inverse-variants, $variant, \"color\");\n\t\t\t\t\t@include hover() {\n\t\t\t\t\t\tborder-color: deep-map-get($chip-inverse-variants, $variant, \"border-color-hover\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { govHost, toBoolAttr } from \"../../helpers/Dom/template\"\nimport { ChipClass, NativeType, NativeTypesType } from \"./constants\"\nimport { ButtonSizes, ButtonSizesType, ButtonVariants, ButtonVariantType } from \"../gov-button/button/constants\"\nimport { createID } from \"../../utils/string.utils\"\n\n@Component({\n\ttag: \"gov-chip\",\n\tstyleUrl: \"gov-chip.scss\",\n})\nexport class GovChip {\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement | HTMLSpanElement\n\tprivate h: GovHost\n\tprivate readonly chipId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.chipId = createID('GovChip')\n\t}\n\n\t@Element() host: HTMLGovChipElement\n\n\t/**\n\t * Determine if component should have inverse colors to be used on dark background\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Makes the chip component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target: string\n\t/**\n\t * Chip’s size.\n\t */\n\t@Prop() readonly size: ButtonSizesType = ButtonSizes._M\n\t/**\n\t * Used to change the HTML tag in the chip\n\t */\n\t@Prop() readonly tag: NativeTypesType = \"span\"\n\t/**\n\t * Style variation of the chip.\n\t */\n\t@Prop() readonly variant: ButtonVariantType = ButtonVariants.PRIMARY\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t */\n\t@Prop() readonly focusable: boolean = true\n\t/**\n\t * Custom chip identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Adds accessible label for the button that is only shown for screen readers.\n\t * Typically, this label text replaces the visible text on the button for users who use assistive technology.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * Use this property to add an aria-controls attribute to the button. Use the attribute to point to the unique id of the content that the button manages\n\t */\n\t@Prop({ attribute: \"wcag-controls\" }) readonly wcagControls: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected\n\t */\n\t@Prop({ attribute: \"wcag-selected\" }) readonly wcagSelected: boolean\n\t/**\n\t * Emitted when the button click.\n\t */\n\t@Event({ eventName: \"gov-click\" }) govClick: EventEmitter<PointerEvent>\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(ButtonVariants, newValue, ChipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, ChipClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? NativeType.A : this.tag\n\t\tconst nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([\n\t\t\t\t\tChipClass.root,\n\t\t\t\t\tthis.h.hasSlot(\"right\") ? ChipClass.hasRight : undefined,\n\t\t\t\t\tthis.h.hasSlot(\"left\") ? ChipClass.hasLeft : undefined,\n\t\t\t\t])}\n\t\t\t\tdisabled={this.disabled}\n\t\t\t\thref={this.href}\n\t\t\t\tvariant={this.variant}\n\t\t\t\ttype={this.inverse ? undefined : \"solid\"}\n\t\t\t\tsize={this.size}\n\t\t\t\tinverse={this.inverse}\n\t\t\t\thoverable={Tag == NativeType.A || Tag == NativeType.BUTTON}\n\t\t\t>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\taria-label={this.wcagLabel}\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLButtonElement | HTMLSpanElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\taria-controls={this.wcagControls}\n\t\t\t\t\taria-selected={toBoolAttr(this.wcagSelected)}\n\t\t\t\t\ttabindex={this.focusable ? \"0\" : \"-1\"}\n\t\t\t\t\tid={this.identifier || this.chipId}\n\t\t\t\t\ttype={nativeType}>\n\t\t\t\t\t{this.h.hasSlot(\"left\") && <slot name=\"left\"></slot>}\n\t\t\t\t\t{this.h.hasSlot(\"left-icon\") && <slot name=\"left-icon\"></slot>}\n\t\t\t\t\t<slot />\n\t\t\t\t\t{this.h.hasSlot(\"right-icon\") && <slot name=\"right-icon\"></slot>}\n\t\t\t\t\t{this.h.hasSlot(\"right\") && <slot name=\"right\"></slot>}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false && this.tag === NativeType.BUTTON) {\n\t\t\tthis.govClick.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getTriggerRef() {\n\t\treturn this.triggerRef\n\t}\n\n\t/**\n\t * Returns a unique tab trigger identifier\n\t */\n\t@Method()\n\tasync getTriggerIdentifier(): Promise<string> {\n\t\treturn this.identifier || this.chipId\n\t}\n\n\t/**\n\t * Focus button element\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.triggerRef.focus()\n\t}\n}\n"],"mappings":"yNAEA,IAAYA,GAAZ,SAAYA,GACXA,EAAA,SACAA,EAAA,eACAA,EAAA,kBACA,EAJD,CAAYA,MAAU,KAQf,MAAMC,EAAY,CACxBC,KAAM,WACNC,MAAO,kBACPC,SAAU,sBACVC,QAAS,sBCdV,MAAMC,EAAa,y+4E,MCYNC,EAAOC,EAAA,MAAAD,UAAAE,EAKnB,WAAAC,G,+EAUoC,M,cAKC,M,oDAcIC,EAAYC,G,SAIb,O,aAIMC,EAAeC,Q,eAKvB,K,2GAzCrCC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,OAASC,EAAS,U,CAiExB,eAAAC,CAAgBC,GACfC,EAAaV,EAAgBS,EAAUrB,EAAUC,K,CAIlD,YAAAsB,CAAaF,GACZC,EAAaZ,EAAaW,EAAUrB,EAAUC,K,CAG/C,iBAAAuB,GACCV,KAAKM,gBAAgBN,KAAKW,SAC1BX,KAAKS,aAAaT,KAAKY,K,CAGxB,MAAAC,GACC,MAAMC,EAAMd,KAAKe,KAAO9B,EAAW+B,EAAIhB,KAAKiB,IAC5C,MAAMC,EAAaJ,GAAO7B,EAAWkC,OAASlC,EAAWkC,OAASC,UAElE,OACCnB,EAACoB,EAAI,CACJC,MAAOtB,KAAKC,EAAEsB,QAAQ,CACrBrC,EAAUC,KACVa,KAAKC,EAAEuB,QAAQ,SAAWtC,EAAUG,SAAW+B,UAC/CpB,KAAKC,EAAEuB,QAAQ,QAAUtC,EAAUI,QAAU8B,YAE9CK,SAAUzB,KAAKyB,SACfV,KAAMf,KAAKe,KACXJ,QAASX,KAAKW,QACde,KAAM1B,KAAK2B,QAAUP,UAAY,QACjCR,KAAMZ,KAAKY,KACXe,QAAS3B,KAAK2B,QACdC,UAAWd,GAAO7B,EAAW+B,GAAKF,GAAO7B,EAAWkC,QAEpDlB,EAACa,EAAG,CACHQ,MAAM,UACNP,KAAMf,KAAKe,KACXc,OAAQ7B,KAAK6B,OAAM,aACP7B,KAAK8B,UACjBC,IAAKC,GAAOhC,KAAKiC,WAAaD,EAC9BE,QAASlC,KAAKmC,eAAeC,KAAKpC,MAAK,gBACxBA,KAAKqC,aAAY,gBACjBC,EAAWtC,KAAKuC,cAC/BC,SAAUxC,KAAKyC,UAAY,IAAM,KACjCC,GAAI1C,KAAK2C,YAAc3C,KAAKI,OAC5BsB,KAAMR,GACLlB,KAAKC,EAAEuB,QAAQ,SAAWvB,EAAA,QAAM2C,KAAK,SACrC5C,KAAKC,EAAEuB,QAAQ,cAAgBvB,EAAA,QAAM2C,KAAK,cAC3C3C,EAAA,aACCD,KAAKC,EAAEuB,QAAQ,eAAiBvB,EAAA,QAAM2C,KAAK,eAC3C5C,KAAKC,EAAEuB,QAAQ,UAAYvB,EAAA,QAAM2C,KAAK,W,CAMnC,cAAAT,CAAeU,GACtBA,EAAEC,kBACF,GAAI9C,KAAKyB,WAAa,OAASzB,KAAKiB,MAAQhC,EAAWkC,OAAQ,CAC9DnB,KAAK+C,SAASC,KAAKH,E,EAQrB,mBAAMI,GACL,OAAOjD,KAAKiC,U,CAOb,0BAAMiB,GACL,OAAOlD,KAAK2C,YAAc3C,KAAKI,M,CAOhC,cAAM+C,GACLnD,KAAKiC,WAAWmB,O"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{g as e}from"./p-561fa17b.js";import{s as t}from"./p-24636c53.js";import{d as r}from"./p-cac3881f.js";const n=(t,r,n)=>{if(t===undefined||String(t).length===0){e(`[${n}]: The (${r}) attribute is important for correct accessibility.`)}};const i=(n,i,a)=>{if(typeof n==="undefined"||n===undefined){return true}if(String(n).length===0){e(`[${a}]: Attribute (${i}) is defined with an empty value.`);return false}let f=[];const s=t(n);if(Array.isArray(s)){f=s.filter((function(e){return e.trim().length>0}))}return!!f.filter((e=>{if(r().getElementById(e)===null){return false}else{return true}})).length};const a=(t,n,i)=>{const a=r().querySelector(`[for=${t}]`);if(a===null){const t=r().getElementById(n);if(t===null){e(`[${i}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`);return false}}return true};const f=(t,n,i)=>{if(typeof t==="string"&&t.length>0){return true}if(typeof n==="string"&&n.length>0){const e=r().getElementById(n);if(e){return true}}e(`[${i}]: The element has no defined wcag-label or wcag-labelled-by attribute.`);return false};export{n as a,i as b,a as c,f as v};
|
|
2
|
-
//# sourceMappingURL=p-ae894a40.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as n}from"./p-03990da5.js";const o=typeof window!=="undefined";const t=t=>o&&window&&n(t,window);const s=()=>{const n={canValidateWcagOnRender:false,iconsPath:"./assets/icons",iconsLazyLoad:true,documentNode:document?document:null};const o=t("GOV_DS_CONFIG");if(o){return Object.assign(Object.assign({},n),o)}return n};const c=()=>s().canValidateWcagOnRender;const e=()=>s().iconsPath;const a=()=>s().iconsLazyLoad;const d=()=>s().documentNode;export{a,c,d,e as i};
|
|
2
|
-
//# sourceMappingURL=p-cac3881f.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["isWindow","window","getWindowProperty","name","property","config","defaultConfig","canValidateWcagOnRender","iconsPath","iconsLazyLoad","documentNode","document","windowProperty","Object","assign"],"sources":["../../../packages/core/src/helpers/Dom/win.ts"],"sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\ticonsPath: string\n\ticonsLazyLoad: boolean\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\ticonsPath: './assets/icons',\n\t\ticonsLazyLoad: true,\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const iconsLazyLoad = (): IConfig['iconsLazyLoad'] => config().iconsLazyLoad\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"],"mappings":"oCASO,MAAMA,SAAkBC,SAAW,YAE1C,MAAMC,EAAwBC,GAAyCH,GAAYC,QAAUG,EAASD,EAA6BF,QAEnI,MAAMI,EAAS,KACd,MAAMC,EAAyB,CAC9BC,wBAAyB,MACzBC,UAAW,iBACXC,cAAe,KACfC,aAAcC,SAAWA,SAAW,MAGrC,MAAMC,EAAiBV,EAA2B,iBAClD,GAAIU,EAAgB,CACnB,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,GAAYR,GAAkBM,E,CAG/B,OAAON,CAAa,E,MAGRC,EAA0B,IAA0CF,IAASE,wB,MAC7EC,EAAY,IAA4BH,IAASG,U,MACjDC,EAAgB,IAAgCJ,IAASI,c,MACzDC,EAAe,IAA+BL,IAASK,oB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{p as e,H as o,c as r,h as t,d as n}from"./p-2dee9951.js";import{v as a}from"./p-26acf964.js";import{B as i,a as v,T as l,N as s}from"./p-3c71d697.js";import{g as b,p as u,t as g,a as c}from"./p-28e59384.js";import{S as d}from"./p-55500e5a.js";import{b as p,v as m}from"./p-ae894a40.js";import{c as y}from"./p-cac3881f.js";import{d as h}from"./p-03990da5.js";import{d as k}from"./p-9e3c2bf4.js";function w(e){if(typeof e==="string"){return["true","True","TRUE","1"].indexOf(e)!==-1}else if(typeof e==="number"){return e>0}else if(typeof e==="boolean"){return e}else{return e?true:false}}const f='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-button .element{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--gov-button-border-width, 0.0625rem) solid transparent;transition:background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;cursor:inherit;will-change:background-color, border-color}.gov-button .element:focus{outline:none}.gov-button .element .gov-icon{flex:0 0 auto;color:inherit}.gov-button .element>*{display:flex}[hoverable].gov-button .element{cursor:pointer}[hoverable].gov-button .element:focus{outline:none}[hoverable].gov-button .element:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}[hoverable][type=outlined].gov-button .element:focus-visible,[hoverable][type=base].gov-button .element:focus-visible{outline-offset:0}[hoverable][disabled=""].gov-button,[hoverable][disabled=true i].gov-button,[hoverable][disabled="1"].gov-button{cursor:not-allowed}[hoverable][disabled=""].gov-button .element,[hoverable][disabled=true i].gov-button .element,[hoverable][disabled="1"].gov-button .element{pointer-events:none}[expanded=""].gov-button,[expanded=true i].gov-button,[expanded="1"].gov-button{display:block}[expanded=""].gov-button .element,[expanded=true i].gov-button .element,[expanded="1"].gov-button .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-button .element{background-color:var(--gov-button-primary-solid-bg, var(--gov-color-primary));color:var(--gov-button-primary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=primary][inverse=""].gov-button .element,[type=solid][variant=primary][inverse=true i].gov-button .element,[type=solid][variant=primary][inverse="1"].gov-button .element{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-primary-200))}[type=solid][variant=primary][inverse=""].gov-button .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=primary][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=""].gov-button .element,[type=solid][variant=primary][disabled=true i].gov-button .element,[type=solid][variant=primary][disabled="1"].gov-button .element{background-color:var(--gov-button-primary-solid-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=""][inverse=""].gov-button .element,[type=solid][variant=primary][disabled=""][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=""][inverse="1"].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=""].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse="1"].gov-button .element,[type=solid][variant=primary][disabled="1"][inverse=""].gov-button .element,[type=solid][variant=primary][disabled="1"][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-primary-solid-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-solid-active-bg, var(--gov-color-primary-800))}}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable][inverse=""].gov-button .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=primary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-primary-solid-inverse-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable][inverse=""].gov-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-button .element{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary));border-color:var(--gov-button-primary-outlined-border, var(--gov-color-primary))}[type=outlined][variant=primary][inverse=""].gov-button .element,[type=outlined][variant=primary][inverse=true i].gov-button .element,[type=outlined][variant=primary][inverse="1"].gov-button .element{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-outlined-inverse-bg, transparent);border-color:var(--gov-button-primary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=primary][inverse=""].gov-button .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=primary][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=""].gov-button .element,[type=outlined][variant=primary][disabled=true i].gov-button .element,[type=outlined][variant=primary][disabled="1"].gov-button .element{background-color:var(--gov-button-primary-outlined-disabled-bg, transparent);color:var(--gov-button-primary-outlined-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-disabled-border, var(--gov-color-primary-300))}[type=outlined][variant=primary][disabled=""][inverse=""].gov-button .element,[type=outlined][variant=primary][disabled=""][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=""][inverse="1"].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=""].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse="1"].gov-button .element,[type=outlined][variant=primary][disabled="1"][inverse=""].gov-button .element,[type=outlined][variant=primary][disabled="1"][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-primary-outlined-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-outlined-inverse-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-inverse-disabled-border-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}[type=outlined][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-outlined-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable][inverse=""].gov-button .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=primary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-primary-outlined-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=primary][hoverable][inverse=""].gov-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-button .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary));border-width:0}[type=base][variant=primary][inverse=""].gov-button .element,[type=base][variant=primary][inverse=true i].gov-button .element,[type=base][variant=primary][inverse="1"].gov-button .element{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-base-inverse-bg, transparent)}[type=base][variant=primary][disabled=""].gov-button .element,[type=base][variant=primary][disabled=true i].gov-button .element,[type=base][variant=primary][disabled="1"].gov-button .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=""][inverse=""].gov-button .element,[type=base][variant=primary][disabled=""][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=""][inverse="1"].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=""].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=true i][inverse="1"].gov-button .element,[type=base][variant=primary][disabled="1"][inverse=""].gov-button .element,[type=base][variant=primary][disabled="1"][inverse=true i].gov-button .element,[type=base][variant=primary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-primary-base-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-base-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}[type=base][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-base-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable][inverse=""].gov-button .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=primary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-primary-base-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=primary][hoverable][inverse=""].gov-button .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=primary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-primary-base-inverse-active-bg, var(--gov-color-primary-400));color:var(--gov-button-primary-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=primary].gov-button .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary));border-width:0}[type=link][variant=primary][inverse=""].gov-button .element,[type=link][variant=primary][inverse=true i].gov-button .element,[type=link][variant=primary][inverse="1"].gov-button .element{color:var(--gov-button-primary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-link-inverse-bg, transparent)}[type=link][variant=primary][disabled=""].gov-button .element,[type=link][variant=primary][disabled=true i].gov-button .element,[type=link][variant=primary][disabled="1"].gov-button .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=""][inverse=""].gov-button .element,[type=link][variant=primary][disabled=""][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=""][inverse="1"].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=""].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=true i][inverse="1"].gov-button .element,[type=link][variant=primary][disabled="1"][inverse=""].gov-button .element,[type=link][variant=primary][disabled="1"][inverse=true i].gov-button .element,[type=link][variant=primary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-primary-link-inverse-disabled-bg, transparent);color:var(--gov-button-primary-link-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}[type=link][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-primary-700))}}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable][inverse=""].gov-button .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=primary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-primary-link-inverse-hover-bg, transparent);color:var(--gov-button-primary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=primary][hoverable][inverse=""].gov-button .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=primary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-primary-link-inverse-active-bg, transparent);color:var(--gov-button-primary-link-inverse-active-color, var(--gov-color-primary-200))}}[type=solid][variant=secondary].gov-button .element{background-color:var(--gov-button-secondary-solid-bg, var(--gov-color-secondary));color:var(--gov-button-secondary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=secondary][inverse=""].gov-button .element,[type=solid][variant=secondary][inverse=true i].gov-button .element,[type=solid][variant=secondary][inverse="1"].gov-button .element{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=""].gov-button .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=secondary][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=""].gov-button .element,[type=solid][variant=secondary][disabled=true i].gov-button .element,[type=solid][variant=secondary][disabled="1"].gov-button .element{background-color:var(--gov-button-secondary-solid-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-solid-disabled-color, var(--gov-color-secondary-600))}[type=solid][variant=secondary][disabled=""][inverse=""].gov-button .element,[type=solid][variant=secondary][disabled=""][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=""][inverse="1"].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=""].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse="1"].gov-button .element,[type=solid][variant=secondary][disabled="1"][inverse=""].gov-button .element,[type=solid][variant=secondary][disabled="1"][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-secondary-solid-inverse-disabled-bg, var(--gov-color-neutral-white));color:var(--gov-button-secondary-solid-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-solid-active-bg, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable][inverse=""].gov-button .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=secondary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-secondary-solid-inverse-hover-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable][inverse=""].gov-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-solid-inverse-active-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-solid-inverse-active-color, var(--gov-color-neutral-white))}}[type=outlined][variant=secondary].gov-button .element{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary));border-color:var(--gov-button-secondary-outlined-border, var(--gov-color-secondary))}[type=outlined][variant=secondary][inverse=""].gov-button .element,[type=outlined][variant=secondary][inverse=true i].gov-button .element,[type=outlined][variant=secondary][inverse="1"].gov-button .element{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent);border-color:var(--gov-button-secondary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][inverse=""].gov-button .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=secondary][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=""].gov-button .element,[type=outlined][variant=secondary][disabled=true i].gov-button .element,[type=outlined][variant=secondary][disabled="1"].gov-button .element{background-color:var(--gov-button-secondary-outlined-disabled-bg, transparent);color:var(--gov-button-secondary-outlined-disabled-color, var(--gov-color-secondary-500));border-color:var(--gov-button-secondary-outlined-disabled-border, var(--gov-color-secondary-500))}[type=outlined][variant=secondary][disabled=""][inverse=""].gov-button .element,[type=outlined][variant=secondary][disabled=""][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=""][inverse="1"].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=""].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse="1"].gov-button .element,[type=outlined][variant=secondary][disabled="1"][inverse=""].gov-button .element,[type=outlined][variant=secondary][disabled="1"][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-secondary-outlined-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-disabled-color, var(--gov-color-secondary-600));border-color:var(--gov-button-secondary-outlined-inverse-disabled-border-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}[type=outlined][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-outlined-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable][inverse=""].gov-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-secondary-outlined-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][hoverable][inverse=""].gov-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-outlined-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-outlined-inverse-active-color, var(--gov-color-secondary))}}[type=base][variant=secondary].gov-button .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary));border-width:0}[type=base][variant=secondary][inverse=""].gov-button .element,[type=base][variant=secondary][inverse=true i].gov-button .element,[type=base][variant=secondary][inverse="1"].gov-button .element{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}[type=base][variant=secondary][disabled=""].gov-button .element,[type=base][variant=secondary][disabled=true i].gov-button .element,[type=base][variant=secondary][disabled="1"].gov-button .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=""][inverse=""].gov-button .element,[type=base][variant=secondary][disabled=""][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=""][inverse="1"].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=""].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse="1"].gov-button .element,[type=base][variant=secondary][disabled="1"][inverse=""].gov-button .element,[type=base][variant=secondary][disabled="1"][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-secondary-base-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary))}[type=base][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-base-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable][inverse=""].gov-button .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=secondary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-secondary-base-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=secondary][hoverable][inverse=""].gov-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-base-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-base-inverse-active-color, var(--gov-color-secondary))}}[type=link][variant=secondary].gov-button .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary));border-width:0}[type=link][variant=secondary][inverse=""].gov-button .element,[type=link][variant=secondary][inverse=true i].gov-button .element,[type=link][variant=secondary][inverse="1"].gov-button .element{color:var(--gov-button-secondary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-link-inverse-bg, transparent)}[type=link][variant=secondary][disabled=""].gov-button .element,[type=link][variant=secondary][disabled=true i].gov-button .element,[type=link][variant=secondary][disabled="1"].gov-button .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=""][inverse=""].gov-button .element,[type=link][variant=secondary][disabled=""][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=""][inverse="1"].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=""].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse="1"].gov-button .element,[type=link][variant=secondary][disabled="1"][inverse=""].gov-button .element,[type=link][variant=secondary][disabled="1"][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-secondary-link-inverse-disabled-bg, transparent);color:var(--gov-button-secondary-link-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}[type=link][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable][inverse=""].gov-button .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=secondary][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-secondary-link-inverse-hover-bg, transparent);color:var(--gov-button-secondary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=secondary][hoverable][inverse=""].gov-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-link-inverse-active-bg, transparent);color:var(--gov-button-secondary-link-inverse-active-color, var(--gov-color-secondary-500))}}[type=solid][variant=error].gov-button .element{background-color:var(--gov-button-error-solid-bg, var(--gov-color-error));color:var(--gov-button-error-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=error][inverse=""].gov-button .element,[type=solid][variant=error][inverse=true i].gov-button .element,[type=solid][variant=error][inverse="1"].gov-button .element{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-error-200))}[type=solid][variant=error][inverse=""].gov-button .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=error][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=""].gov-button .element,[type=solid][variant=error][disabled=true i].gov-button .element,[type=solid][variant=error][disabled="1"].gov-button .element{background-color:var(--gov-button-error-solid-disabled-bg, var(--gov-color-error-200));color:var(--gov-button-error-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=""][inverse=""].gov-button .element,[type=solid][variant=error][disabled=""][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=""][inverse="1"].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=""].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=true i][inverse="1"].gov-button .element,[type=solid][variant=error][disabled="1"][inverse=""].gov-button .element,[type=solid][variant=error][disabled="1"][inverse=true i].gov-button .element,[type=solid][variant=error][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-error-solid-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-solid-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-solid-active-bg, var(--gov-color-error-600))}}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable][inverse=""].gov-button .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=error][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=""].gov-button .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=error][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-600))}}[type=outlined][variant=error].gov-button .element{color:var(--gov-button-error-outlined-color, var(--gov-color-error));border-color:var(--gov-button-error-outlined-border, var(--gov-color-error))}[type=outlined][variant=error][inverse=""].gov-button .element,[type=outlined][variant=error][inverse=true i].gov-button .element,[type=outlined][variant=error][inverse="1"].gov-button .element{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-outlined-inverse-bg, transparent);border-color:var(--gov-button-error-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=error][inverse=""].gov-button .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=error][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=""].gov-button .element,[type=outlined][variant=error][disabled=true i].gov-button .element,[type=outlined][variant=error][disabled="1"].gov-button .element{background-color:var(--gov-button-error-outlined-disabled-bg, transparent);color:var(--gov-button-error-outlined-disabled-color, var(--gov-color-error-200));border-color:var(--gov-button-error-outlined-disabled-border, var(--gov-color-error-200))}[type=outlined][variant=error][disabled=""][inverse=""].gov-button .element,[type=outlined][variant=error][disabled=""][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=""][inverse="1"].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=""].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse="1"].gov-button .element,[type=outlined][variant=error][disabled="1"][inverse=""].gov-button .element,[type=outlined][variant=error][disabled="1"][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-error-outlined-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-outlined-inverse-disabled-color, var(--gov-color-error-400));border-color:var(--gov-button-error-outlined-inverse-disabled-border-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}[type=outlined][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-outlined-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable][inverse=""].gov-button .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=error][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-error-outlined-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=error][hoverable][inverse=""].gov-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-button .element{color:var(--gov-button-error-base-color, var(--gov-color-error));border-width:0}[type=base][variant=error][inverse=""].gov-button .element,[type=base][variant=error][inverse=true i].gov-button .element,[type=base][variant=error][inverse="1"].gov-button .element{color:var(--gov-button-error-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-base-inverse-bg, transparent)}[type=base][variant=error][disabled=""].gov-button .element,[type=base][variant=error][disabled=true i].gov-button .element,[type=base][variant=error][disabled="1"].gov-button .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=""][inverse=""].gov-button .element,[type=base][variant=error][disabled=""][inverse=true i].gov-button .element,[type=base][variant=error][disabled=""][inverse="1"].gov-button .element,[type=base][variant=error][disabled=true i][inverse=""].gov-button .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=error][disabled=true i][inverse="1"].gov-button .element,[type=base][variant=error][disabled="1"][inverse=""].gov-button .element,[type=base][variant=error][disabled="1"][inverse=true i].gov-button .element,[type=base][variant=error][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-error-base-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-base-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=base][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-base-hover-color, var(--gov-color-error))}[type=base][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-base-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=base][variant=error][hoverable][inverse=""].gov-button .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=error][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-error-base-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=error][hoverable][inverse=""].gov-button .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=error][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-error-base-inverse-active-bg, var(--gov-color-error-400));color:var(--gov-button-error-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=error].gov-button .element{color:var(--gov-button-error-link-color, var(--gov-color-error));border-width:0}[type=link][variant=error][inverse=""].gov-button .element,[type=link][variant=error][inverse=true i].gov-button .element,[type=link][variant=error][inverse="1"].gov-button .element{color:var(--gov-button-error-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-link-inverse-bg, transparent)}[type=link][variant=error][disabled=""].gov-button .element,[type=link][variant=error][disabled=true i].gov-button .element,[type=link][variant=error][disabled="1"].gov-button .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=""][inverse=""].gov-button .element,[type=link][variant=error][disabled=""][inverse=true i].gov-button .element,[type=link][variant=error][disabled=""][inverse="1"].gov-button .element,[type=link][variant=error][disabled=true i][inverse=""].gov-button .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=error][disabled=true i][inverse="1"].gov-button .element,[type=link][variant=error][disabled="1"][inverse=""].gov-button .element,[type=link][variant=error][disabled="1"][inverse=true i].gov-button .element,[type=link][variant=error][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-error-link-inverse-disabled-bg, transparent);color:var(--gov-button-error-link-inverse-disabled-color, var(--gov-color-error-200))}@media not all and (pointer: coarse){[type=link][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}[type=link][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-error-500))}}@media not all and (pointer: coarse){[type=link][variant=error][hoverable][inverse=""].gov-button .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=error][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-error-link-inverse-hover-bg, transparent);color:var(--gov-button-error-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=error][hoverable][inverse=""].gov-button .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=error][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-error-link-inverse-active-bg, transparent);color:var(--gov-button-error-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=success].gov-button .element{background-color:var(--gov-button-success-solid-bg, var(--gov-color-success-500));color:var(--gov-button-success-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=success][inverse=""].gov-button .element,[type=solid][variant=success][inverse=true i].gov-button .element,[type=solid][variant=success][inverse="1"].gov-button .element{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success));background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-success-200))}[type=solid][variant=success][inverse=""].gov-button .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=success][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=""].gov-button .element,[type=solid][variant=success][disabled=true i].gov-button .element,[type=solid][variant=success][disabled="1"].gov-button .element{background-color:var(--gov-button-success-solid-disabled-bg, var(--gov-color-success-200));color:var(--gov-button-success-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=""][inverse=""].gov-button .element,[type=solid][variant=success][disabled=""][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=""][inverse="1"].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=""].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=true i][inverse="1"].gov-button .element,[type=solid][variant=success][disabled="1"][inverse=""].gov-button .element,[type=solid][variant=success][disabled="1"][inverse=true i].gov-button .element,[type=solid][variant=success][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-success-solid-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-solid-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-solid-active-bg, var(--gov-color-success-700))}}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable][inverse=""].gov-button .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=success][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-success-solid-inverse-hover-bg, var(--gov-color-success-700));color:var(--gov-button-success-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable][inverse=""].gov-button .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=success][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-button .element{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500));border-color:var(--gov-button-success-outlined-border, var(--gov-color-success-500))}[type=outlined][variant=success][inverse=""].gov-button .element,[type=outlined][variant=success][inverse=true i].gov-button .element,[type=outlined][variant=success][inverse="1"].gov-button .element{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-outlined-inverse-bg, transparent);border-color:var(--gov-button-success-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=success][inverse=""].gov-button .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=success][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=""].gov-button .element,[type=outlined][variant=success][disabled=true i].gov-button .element,[type=outlined][variant=success][disabled="1"].gov-button .element{background-color:var(--gov-button-success-outlined-disabled-bg, transparent);color:var(--gov-button-success-outlined-disabled-color, var(--gov-color-success-300));border-color:var(--gov-button-success-outlined-disabled-border, var(--gov-color-success-300))}[type=outlined][variant=success][disabled=""][inverse=""].gov-button .element,[type=outlined][variant=success][disabled=""][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=""][inverse="1"].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=""].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse="1"].gov-button .element,[type=outlined][variant=success][disabled="1"][inverse=""].gov-button .element,[type=outlined][variant=success][disabled="1"][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-success-outlined-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-outlined-inverse-disabled-color, var(--gov-color-success-400));border-color:var(--gov-button-success-outlined-inverse-disabled-border-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}[type=outlined][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-outlined-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable][inverse=""].gov-button .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=success][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-success-outlined-inverse-hover-bg, var(--gov-color-success-500));color:var(--gov-button-success-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=success][hoverable][inverse=""].gov-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-button .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500));border-width:0}[type=base][variant=success][inverse=""].gov-button .element,[type=base][variant=success][inverse=true i].gov-button .element,[type=base][variant=success][inverse="1"].gov-button .element{color:var(--gov-button-success-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-base-inverse-bg, transparent)}[type=base][variant=success][disabled=""].gov-button .element,[type=base][variant=success][disabled=true i].gov-button .element,[type=base][variant=success][disabled="1"].gov-button .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=""][inverse=""].gov-button .element,[type=base][variant=success][disabled=""][inverse=true i].gov-button .element,[type=base][variant=success][disabled=""][inverse="1"].gov-button .element,[type=base][variant=success][disabled=true i][inverse=""].gov-button .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=success][disabled=true i][inverse="1"].gov-button .element,[type=base][variant=success][disabled="1"][inverse=""].gov-button .element,[type=base][variant=success][disabled="1"][inverse=true i].gov-button .element,[type=base][variant=success][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-success-base-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-base-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=base][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-base-hover-color, var(--gov-color-success-500))}[type=base][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-base-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=base][variant=success][hoverable][inverse=""].gov-button .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=success][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-success-base-inverse-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=success][hoverable][inverse=""].gov-button .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=success][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-success-base-inverse-active-bg, var(--gov-color-success-500));color:var(--gov-button-success-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=success].gov-button .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500));border-width:0}[type=link][variant=success][inverse=""].gov-button .element,[type=link][variant=success][inverse=true i].gov-button .element,[type=link][variant=success][inverse="1"].gov-button .element{color:var(--gov-button-success-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-link-inverse-bg, transparent)}[type=link][variant=success][disabled=""].gov-button .element,[type=link][variant=success][disabled=true i].gov-button .element,[type=link][variant=success][disabled="1"].gov-button .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=""][inverse=""].gov-button .element,[type=link][variant=success][disabled=""][inverse=true i].gov-button .element,[type=link][variant=success][disabled=""][inverse="1"].gov-button .element,[type=link][variant=success][disabled=true i][inverse=""].gov-button .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=success][disabled=true i][inverse="1"].gov-button .element,[type=link][variant=success][disabled="1"][inverse=""].gov-button .element,[type=link][variant=success][disabled="1"][inverse=true i].gov-button .element,[type=link][variant=success][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-success-link-inverse-disabled-bg, transparent);color:var(--gov-button-success-link-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=link][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}[type=link][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){[type=link][variant=success][hoverable][inverse=""].gov-button .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=success][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-success-link-inverse-hover-bg, transparent);color:var(--gov-button-success-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=success][hoverable][inverse=""].gov-button .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=success][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-success-link-inverse-active-bg, transparent);color:var(--gov-button-success-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=warning].gov-button .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=warning][inverse=""].gov-button .element,[type=solid][variant=warning][inverse=true i].gov-button .element,[type=solid][variant=warning][inverse="1"].gov-button .element{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning));background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-warning-200))}[type=solid][variant=warning][inverse=""].gov-button .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=warning][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=""].gov-button .element,[type=solid][variant=warning][disabled=true i].gov-button .element,[type=solid][variant=warning][disabled="1"].gov-button .element{background-color:var(--gov-button-warning-solid-disabled-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=""][inverse=""].gov-button .element,[type=solid][variant=warning][disabled=""][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=""][inverse="1"].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=""].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse="1"].gov-button .element,[type=solid][variant=warning][disabled="1"][inverse=""].gov-button .element,[type=solid][variant=warning][disabled="1"][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-warning-solid-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-solid-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-solid-active-bg, var(--gov-color-warning-700))}}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable][inverse=""].gov-button .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=warning][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-warning-solid-inverse-hover-bg, var(--gov-color-warning-700));color:var(--gov-button-warning-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable][inverse=""].gov-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-button .element{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500));border-color:var(--gov-button-warning-outlined-border, var(--gov-color-warning-500))}[type=outlined][variant=warning][inverse=""].gov-button .element,[type=outlined][variant=warning][inverse=true i].gov-button .element,[type=outlined][variant=warning][inverse="1"].gov-button .element{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-outlined-inverse-bg, transparent);border-color:var(--gov-button-warning-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=warning][inverse=""].gov-button .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=warning][inverse="1"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=""].gov-button .element,[type=outlined][variant=warning][disabled=true i].gov-button .element,[type=outlined][variant=warning][disabled="1"].gov-button .element{background-color:var(--gov-button-warning-outlined-disabled-bg, transparent);color:var(--gov-button-warning-outlined-disabled-color, var(--gov-color-warning));border-color:var(--gov-button-warning-outlined-disabled-border, var(--gov-color-warning))}[type=outlined][variant=warning][disabled=""][inverse=""].gov-button .element,[type=outlined][variant=warning][disabled=""][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=""][inverse="1"].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=""].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse="1"].gov-button .element,[type=outlined][variant=warning][disabled="1"][inverse=""].gov-button .element,[type=outlined][variant=warning][disabled="1"][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-warning-outlined-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-outlined-inverse-disabled-color, var(--gov-color-warning-400));border-color:var(--gov-button-warning-outlined-inverse-disabled-border-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}[type=outlined][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-outlined-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable][inverse=""].gov-button .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=warning][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-warning-outlined-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=warning][hoverable][inverse=""].gov-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-button .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500));border-width:0}[type=base][variant=warning][inverse=""].gov-button .element,[type=base][variant=warning][inverse=true i].gov-button .element,[type=base][variant=warning][inverse="1"].gov-button .element{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-base-inverse-bg, transparent)}[type=base][variant=warning][disabled=""].gov-button .element,[type=base][variant=warning][disabled=true i].gov-button .element,[type=base][variant=warning][disabled="1"].gov-button .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=""][inverse=""].gov-button .element,[type=base][variant=warning][disabled=""][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=""][inverse="1"].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=""].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=true i][inverse="1"].gov-button .element,[type=base][variant=warning][disabled="1"][inverse=""].gov-button .element,[type=base][variant=warning][disabled="1"][inverse=true i].gov-button .element,[type=base][variant=warning][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-warning-base-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-base-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500))}[type=base][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-base-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable][inverse=""].gov-button .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=warning][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-warning-base-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=warning][hoverable][inverse=""].gov-button .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=warning][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-warning-base-inverse-active-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=warning].gov-button .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500));border-width:0}[type=link][variant=warning][inverse=""].gov-button .element,[type=link][variant=warning][inverse=true i].gov-button .element,[type=link][variant=warning][inverse="1"].gov-button .element{color:var(--gov-button-warning-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-link-inverse-bg, transparent)}[type=link][variant=warning][disabled=""].gov-button .element,[type=link][variant=warning][disabled=true i].gov-button .element,[type=link][variant=warning][disabled="1"].gov-button .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=""][inverse=""].gov-button .element,[type=link][variant=warning][disabled=""][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=""][inverse="1"].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=""].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=true i][inverse="1"].gov-button .element,[type=link][variant=warning][disabled="1"][inverse=""].gov-button .element,[type=link][variant=warning][disabled="1"][inverse=true i].gov-button .element,[type=link][variant=warning][disabled="1"][inverse="1"].gov-button .element{background-color:var(--gov-button-warning-link-inverse-disabled-bg, transparent);color:var(--gov-button-warning-link-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}[type=link][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-warning-600))}}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable][inverse=""].gov-button .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=warning][hoverable][inverse="1"].gov-button .element:hover{background-color:var(--gov-button-warning-link-inverse-hover-bg, transparent);color:var(--gov-button-warning-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=warning][hoverable][inverse=""].gov-button .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=warning][hoverable][inverse="1"].gov-button .element:hover:active{background-color:var(--gov-button-warning-link-inverse-active-bg, transparent);color:var(--gov-button-warning-link-inverse-active-color, var(--gov-color-neutral-white))}}[size=xs].gov-button .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-xs-padding-x, 0.625rem);column-gap:var(--gov-button-xs-padding-x, 0.625rem);min-height:var(--gov-button-xs-min-height, 1.5rem);padding:var(--gov-button-xs-padding-y, 0.125rem) var(--gov-button-xs-padding-x, 0.625rem)}[size=xs].gov-button .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-button .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-s-padding-x, 0.75rem);column-gap:var(--gov-button-s-padding-x, 0.75rem);min-height:var(--gov-button-s-min-height, 2rem);padding:var(--gov-button-s-padding-y, 0.25rem) var(--gov-button-s-padding-x, 0.75rem)}[size=s].gov-button .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-button .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-m-padding-x, 0.75rem);column-gap:var(--gov-button-m-padding-x, 0.75rem);min-height:var(--gov-button-m-min-height, 2.5rem);padding:var(--gov-button-m-padding-y, 0.375rem) var(--gov-button-m-padding-x, 0.75rem)}[size=m].gov-button .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-button .element{font-weight:var(--gov-button-text-m-font-weight, var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));-moz-column-gap:var(--gov-button-l-padding-x, 1rem);column-gap:var(--gov-button-l-padding-x, 1rem);min-height:var(--gov-button-l-min-height, 3rem);padding:var(--gov-button-l-padding-y, 0.5rem) var(--gov-button-l-padding-x, 1rem)}[size=l].gov-button .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-button .element{font-weight:var(--gov-button-text-xl-font-weight, var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));-moz-column-gap:var(--gov-button-xl-padding-x, 1.25rem);column-gap:var(--gov-button-xl-padding-x, 1.25rem);min-height:var(--gov-button-xl-min-height, 3.5rem);padding:var(--gov-button-xl-padding-y, 0.75rem) var(--gov-button-xl-padding-x, 1.25rem)}[size=xl].gov-button .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-button{display:inline-block}.gov-button .element{border-radius:var(--gov-border-radius, 0.1875rem)}.gov-button[type=link] .element{justify-content:flex-start;align-items:flex-start;text-align:left;min-height:inherit;padding:0 !important;line-height:inherit;text-decoration:underline}@media not all and (pointer: coarse){.gov-button[type=link] .element:hover{text-decoration:none}}.gov-button[loading=true] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading=true] .element>gov-icon:not(.gov-spin-animation),.gov-button[loading="1"] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading="1"] .element>gov-icon:not(.gov-spin-animation){display:none}.gov-button[loading=true] .element .gov-icon,.gov-button[loading="1"] .element .gov-icon{margin:0}.gov-button[loading="0"][size=xs] .element,.gov-button[loading=false][size=xs] .element,.gov-button[loading=""][size=xs] .element{padding:var(--gov-button-xs-padding-y, 0.125rem) calc((var(--gov-button-xs-padding-x, 0.625rem) * 3 + var(--gov-button-xs-icon-size, 1rem)) / 2)}.gov-button[size=xs] .element{font-weight:var(--gov-button-xs-font-weight, 700)}.gov-button[loading="0"][size=s] .element,.gov-button[loading=false][size=s] .element,.gov-button[loading=""][size=s] .element{padding:var(--gov-button-s-padding-y, 0.25rem) calc((var(--gov-button-s-padding-x, 0.75rem) * 3 + var(--gov-button-s-icon-size, 1rem)) / 2)}.gov-button[size=s] .element{font-weight:var(--gov-button-s-font-weight, 700)}.gov-button[loading="0"][size=m] .element,.gov-button[loading=false][size=m] .element,.gov-button[loading=""][size=m] .element{padding:var(--gov-button-m-padding-y, 0.375rem) calc((var(--gov-button-m-padding-x, 0.75rem) * 3 + var(--gov-button-m-icon-size, 1.25rem)) / 2)}.gov-button[size=m] .element{font-weight:var(--gov-button-m-font-weight, 700)}.gov-button[loading="0"][size=l] .element,.gov-button[loading=false][size=l] .element,.gov-button[loading=""][size=l] .element{padding:var(--gov-button-l-padding-y, 0.5rem) calc((var(--gov-button-l-padding-x, 1rem) * 3 + var(--gov-button-l-icon-size, 1.5rem)) / 2)}.gov-button[size=l] .element{font-weight:var(--gov-button-l-font-weight, 700)}.gov-button[loading="0"][size=xl] .element,.gov-button[loading=false][size=xl] .element,.gov-button[loading=""][size=xl] .element{padding:var(--gov-button-xl-padding-y, 0.75rem) calc((var(--gov-button-xl-padding-x, 1.25rem) * 3 + var(--gov-button-xl-icon-size, 1.75rem)) / 2)}.gov-button[size=xl] .element{font-weight:var(--gov-button-xl-font-weight, 700)}.gov-button[size=s][type=link] .gov-icon{margin-top:4px}.gov-button[size=m][type=link] .gov-icon{margin-top:2px}';var x;(function(e){e["A"]="a";e["BUTTON"]="button"})(x||(x={}));const z=e(class e extends o{constructor(){super();this.__registerHost();this.govClick=r(this,"gov-click",7);this.govFocus=r(this,"gov-focus",7);this.govBlur=r(this,"gov-blur",7);this.variant=undefined;this.size="m";this.type="solid";this.expanded=false;this.inverse=false;this.name=undefined;this.disabled=false;this.nativeType="button";this.href=undefined;this.target=undefined;this.download=undefined;this.hreflang=undefined;this.referrerpolicy=undefined;this.rel=undefined;this.loading=undefined;this.focusable=true;this.identifier=undefined;this.wcagActiveDescendant=undefined;this.wcagControls=undefined;this.wcagDescribedBy=undefined;this.wcagDescription=undefined;this.wcagDetails=undefined;this.wcagExpanded=undefined;this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.wcagOwns=undefined;this.wcagHasPopup=undefined;this.wcagPressed=undefined;this.wcagCurrent=undefined;this.isPressed=false;this.h=b(this.host)}validateVariant(e){a(v,e,i.root)}validateType(e){a(l,e,i.root)}validateSize(e){a(d,e,i.root)}validateNativeType(e){a(s,e,i.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateType(this.type);this.validateSize(this.size);this.validateNativeType(this.nativeType)}async componentDidRender(){if(y()){await h(500);await this.validateWcag()}}get classNames(){const{h:e}=this;return u([i.root,e.hasSlot("left-icon")&&i.rootWithIcon,e.hasSlot("right-icon")&&i.rootWithIcon])}render(){const e=this.href?x.A:x.BUTTON;const o=e===x.A?undefined:this.nativeType;return t(n,{hoverable:true,size:this.size,variant:this.variant,class:this.h.classes(this.classNames),type:this.type,inverse:this.inverse},t(e,{class:"element",ref:e=>this.triggerRef=e,onClick:this.onClickHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),onMouseDown:()=>this.isPressed=true,onMouseUp:()=>this.isPressed=false,disabled:this.disabled,id:this.identifier,href:this.href,target:this.target,download:this.download,hreflang:this.hreflang,rel:this.rel,name:this.name,type:o,tabindex:this.focusable?"0":"-1","aria-activedescendant":this.wcagActiveDescendant,"aria-describedby":this.wcagActiveDescendant,"aria-description":this.wcagDescription,"aria-controls":this.wcagControls,"aria-details":this.wcagDetails,"aria-expanded":g(this.wcagExpanded),"aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy,"aria-owns":this.wcagOwns,"aria-haspopup":g(this.wcagHasPopup),"aria-pressed":c(this.isPressed),"aria-disabled":g(this.disabled),"aria-current":this.wcagCurrent},w(this.loading)&&!this.h.hasSlot("right-icon")&&t("gov-icon",{name:"loader",class:"gov-spin-animation"}),this.h.hasSlot("left-icon")&&t("slot",{name:"left-icon"}),t("slot",null),this.h.hasSlot("right-icon")&&t("slot",{name:"right-icon"}),w(this.loading)&&this.h.hasSlot("right-icon")&&t("gov-icon",{name:"loader",class:"gov-spin-animation"})))}onClickHandler(e){e.stopPropagation();if(this.disabled===false){this.govClick.emit({component:i.root,originalEvent:e,ref:this.host})}}onFocusHandler(e){e.stopPropagation();this.govFocus.emit({component:i.root,originalEvent:e,ref:this.host})}onBlurHandler(e){e.stopPropagation();this.govBlur.emit({component:i.root,originalEvent:e,ref:this.host})}async setFocus(){this.triggerRef.focus()}async getTriggerRef(){return this.triggerRef}async validateWcag(){if(this.focusable){p(this.wcagActiveDescendant,"aria-activedescendant",i.root);p(this.wcagControls,"aria-controls",i.root);p(this.wcagDetails,"aria-details",i.root);p(this.wcagOwns,"aria-owns",i.root);p(this.wcagHasPopup,"aria-haspopup",i.root);m(this.wcagLabel,this.wcagLabelledBy,i.root)}}get host(){return this}static get watchers(){return{variant:["validateVariant"],type:["validateType"],size:["validateSize"],nativeType:["validateNativeType"]}}static get style(){return f}},[4,"gov-button",{variant:[513],size:[513],type:[513],expanded:[4],inverse:[4],name:[1],disabled:[516],nativeType:[1,"native-type"],href:[1],target:[1],download:[4],hreflang:[1],referrerpolicy:[1],rel:[1],loading:[1],focusable:[4],identifier:[1],wcagActiveDescendant:[1,"wcag-active-descendant"],wcagControls:[1,"wcag-controls"],wcagDescribedBy:[1,"wcag-described-by"],wcagDescription:[1,"wcag-description"],wcagDetails:[1,"wcag-details"],wcagExpanded:[4,"wcag-expanded"],wcagLabel:[1,"wcag-label"],wcagLabelledBy:[1,"wcag-labelled-by"],wcagOwns:[1,"wcag-owns"],wcagHasPopup:[1,"wcag-has-popup"],wcagPressed:[1,"wcag-pressed"],wcagCurrent:[1,"wcag-current"],isPressed:[32],setFocus:[64],getTriggerRef:[64],validateWcag:[64]}]);function j(){if(typeof customElements==="undefined"){return}const e=["gov-button","gov-icon"];e.forEach((e=>{switch(e){case"gov-button":if(!customElements.get(e)){customElements.define(e,z)}break;case"gov-icon":if(!customElements.get(e)){k()}break}}))}j();export{z as G,j as d};
|
|
2
|
-
//# sourceMappingURL=p-dc1e2f70.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["toBool","value","indexOf","govButtonCss","Tags","GovButton","proxyCustomElement","H","constructor","this","h","govHost","host","validateVariant","newValue","validateProp","ButtonVariants","ButtonClass","root","validateType","Type","validateSize","Sizes","validateNativeType","NativeType","componentWillLoad","variant","type","size","nativeType","componentDidRender","canValidateWcagOnRender","delay","validateWcag","classNames","prepareClasses","hasSlot","rootWithIcon","render","Tag","href","A","BUTTON","undefined","Host","hoverable","class","classes","inverse","ref","el","triggerRef","onClick","onClickHandler","bind","onFocus","onFocusHandler","onBlur","onBlurHandler","onMouseDown","isPressed","onMouseUp","disabled","id","identifier","target","download","hreflang","rel","name","tabindex","focusable","wcagActiveDescendant","wcagDescription","wcagControls","wcagDetails","toBoolAttrIfDefined","wcagExpanded","wcagLabel","wcagLabelledBy","wcagOwns","wcagHasPopup","toBoolAttr","wcagCurrent","loading","e","stopPropagation","govClick","emit","component","originalEvent","govFocus","govBlur","setFocus","focus","getTriggerRef","validateWcagRef","validateWcagLabel"],"sources":["../../../packages/core/src/utils/bool.utils.ts","../../../packages/core/src/components/gov-button/button/gov-button.scss?tag=gov-button","../../../packages/core/src/components/gov-button/button/gov-button.tsx"],"sourcesContent":["export function toBool(value: any): boolean {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1'].indexOf(value) !== -1\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0\n\t} else if (typeof value === 'boolean') {\n\t\treturn value\n\t} else {\n\t\treturn value ? true : false\n\t}\n}\n","/*\n * Button\n */\n\n// Shared definitions - BUTTON & chip\n@import \"gov-button-core\";\n\n.gov-button {\n\t@extend %button-core;\n\tdisplay: inline-block;\n\t.element {\n\t\tborder-radius: #{$border-radius};\n\t}\n\n\t&[type=\"link\"] {\n\t\t.element {\n\t\t\tjustify-content: flex-start;\n\t\t\talign-items: flex-start;\n\t\t\ttext-align: left;\n\t\t\tmin-height: inherit;\n\t\t\tpadding: 0 !important;\n\t\t\tline-height: inherit;\n\t\t\ttext-decoration: underline;\n\t\t\t@include hover() {\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t// STATES\n\t&[loading=\"true\"],\n\t&[loading=\"1\"] {\n\t\t.element {\n\t\t\t> .gov-icon:not(.gov-spin-animation),\n\t\t\t> gov-icon:not(.gov-spin-animation) {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t\t.gov-icon {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIANTS\n\t@each $size, $definitions in $button-sizes {\n\t\t// Loading state\n\t\t&[loading=\"0\"][size=\"#{$size}\"],\n\t\t&[loading=\"false\"][size=\"#{$size}\"],\n\t\t&[loading=\"\"][size=\"#{$size}\"] {\n\t\t\t.element {\n\t\t\t\tpadding: get(\"padding-y\", $definitions) calc(((get(\"padding-x\", $definitions) * 3) + get(\"icon-size\", $definitions)) / 2);\n\t\t\t}\n\t\t}\n\t\t&[size=\"#{$size}\"] {\n\t\t\t.element {\n\t\t\t\tfont-weight: map-get($definitions, \"font-weight\");\n\t\t\t}\n\t\t}\n\t}\n\t&[size=\"s\"][type=\"link\"] .gov-icon {\n\t\tmargin-top: 4px;\n\t}\n\t&[size=\"m\"][type=\"link\"] .gov-icon {\n\t\tmargin-top: 2px;\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport {\n\tButtonSizesType,\n\tNativeTypesType,\n\tTypesType,\n\tButtonVariants,\n\tButtonVariantType,\n\tButtonClass,\n\tType,\n\tNativeType,\n\tButtonTargetType,\n} from \"./constants\"\nimport { govHost, toBoolAttr, toBoolAttrIfDefined, prepareClasses } from \"../../../helpers/Dom/template\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { toBool } from \"../../../utils/bool.utils\"\nimport { Sizes } from \"../../../core/constants/sizes\"\nimport { validateWcagLabel, validateWcagRef } from \"../../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { delay } from \"../../../utils/utils\"\nimport { ButtonEvent } from \"./gov-button.types\"\n\nenum Tags {\n\tA = \"a\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-button\",\n\tstyleUrl: \"gov-button.scss\",\n})\nexport class GovButton {\n\tprivate h: GovHost\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovButtonElement\n\n\t/**\n\t * Style variation of the button\n\t */\n\t@Prop({ reflect: true }) readonly variant?: ButtonVariantType\n\t/**\n\t * Button’s size\n\t */\n\t@Prop({ reflect: true }) readonly size?: ButtonSizesType = \"m\"\n\t/**\n\t * Button's type\n\t */\n\t@Prop({ reflect: true }) readonly type?: TypesType = \"solid\"\n\t/**\n\t * Expands the button to fill 100% of the container width\n\t */\n\t@Prop() readonly expanded: boolean = false\n\t/**\n\t * Determine if component should have inversed colors to be used on dark background\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Makes the button component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies\n\t */\n\t@Prop({ reflect: true }) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\n\t */\n\t@Prop() readonly nativeType?: NativeTypesType = \"button\"\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target?: ButtonTargetType\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download\n\t */\n\t@Prop() readonly download: boolean\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-hreflang\n\t */\n\t@Prop() readonly hreflang: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-referrerpolicy\n\t */\n\t@Prop() readonly referrerpolicy: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-rel\n\t */\n\t@Prop() readonly rel: string\n\t/**\n\t * Indicates whether an asynchronous process is running\n\t */\n\t@Prop() readonly loading: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t */\n\t@Prop() readonly focusable: boolean = true\n\t/**\n\t * Custom button identifier\n\t */\n\t@Prop({ attribute: \"identifier\" }) readonly identifier: string\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 property to add an aria-controls attribute to the button. Use the attribute to point to the unique id of the content that the button manages\n\t */\n\t@Prop({ attribute: \"wcag-controls\" }) readonly wcagControls: string\n\t/**\n\t * Indicates the id of a component that describes the button\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) readonly wcagDescribedBy: string\n\t/**\n\t * Aria description the button\n\t */\n\t@Prop({ attribute: \"wcag-description\" }) readonly wcagDescription: string\n\t/**\n\t * Details of the component\n\t */\n\t@Prop({ attribute: \"wcag-details\" }) readonly wcagDetails: string\n\t/**\n\t * If a button expands or collapses adjacent content, then use the ariaExpanded prop to add the aria-expanded attribute to the button\n\t * Set the value to convey the current expanded (true) or collapsed (false) state of the content\n\t */\n\t@Prop({ attribute: \"wcag-expanded\" }) readonly wcagExpanded: boolean\n\t/**\n\t * Adds accessible label for the button that is only shown for screen readers\n\t * Typically, this label text replaces the visible text on the button for users who use assistive technology\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component owned by the button\n\t */\n\t@Prop({ attribute: \"wcag-owns\" }) readonly wcagOwns: string\n\t/**\n\t * \tUse this property to add an aria-haspopup attribute to a button, if you are using it as a menu button\n\t */\n\t@Prop({ attribute: \"wcag-has-popup\" }) readonly wcagHasPopup: string\n\t/**\n\t * Tells screen reader the element is pressed\n\t */\n\t@Prop({ attribute: \"wcag-pressed\" }) readonly wcagPressed: string\n\t/**\n\t * Indicates the current item within a container or set of related elements\n\t */\n\t@Prop({ attribute: \"wcag-current\" }) readonly wcagCurrent: string\n\t/**\n\t * Emitted when the button click\n\t */\n\t@Event({ eventName: \"gov-click\" }) govClick: EventEmitter<ButtonEvent>\n\t/**\n\t * Emitted when the button has focus\n\t */\n\t@Event({ eventName: \"gov-focus\" }) govFocus: EventEmitter<ButtonEvent>\n\t/**\n\t * Emitted when the button loses focus\n\t */\n\t@Event({ eventName: \"gov-blur\" }) govBlur: EventEmitter<ButtonEvent>\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(ButtonVariants, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(Type, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"nativeType\")\n\tvalidateNativeType(newValue: string): void {\n\t\tvalidateProp(NativeType, newValue, ButtonClass.root)\n\t}\n\n\t@State() isPressed = false\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateType(this.type)\n\t\tthis.validateSize(this.size)\n\t\tthis.validateNativeType(this.nativeType)\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\tget classNames(): string {\n\t\tconst { h } = this\n\n\t\treturn prepareClasses([ButtonClass.root, h.hasSlot(\"left-icon\") && ButtonClass.rootWithIcon, h.hasSlot(\"right-icon\") && ButtonClass.rootWithIcon])\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? Tags.A : Tags.BUTTON\n\t\tconst nativeType = Tag === Tags.A ? undefined : this.nativeType\n\n\t\treturn (\n\t\t\t<Host hoverable={true} size={this.size} variant={this.variant} class={this.h.classes(this.classNames)} type={this.type} inverse={this.inverse}>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLButtonElement | HTMLLinkElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\tonMouseDown={() => (this.isPressed = true)}\n\t\t\t\t\tonMouseUp={() => (this.isPressed = false)}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tid={this.identifier}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tdownload={this.download}\n\t\t\t\t\threflang={this.hreflang}\n\t\t\t\t\trel={this.rel}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\ttype={nativeType}\n\t\t\t\t\ttabindex={this.focusable ? \"0\" : \"-1\"}\n\t\t\t\t\taria-activedescendant={this.wcagActiveDescendant}\n\t\t\t\t\taria-describedby={this.wcagActiveDescendant}\n\t\t\t\t\taria-description={this.wcagDescription}\n\t\t\t\t\taria-controls={this.wcagControls}\n\t\t\t\t\taria-details={this.wcagDetails}\n\t\t\t\t\taria-expanded={toBoolAttrIfDefined(this.wcagExpanded)}\n\t\t\t\t\taria-label={this.wcagLabel}\n\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\taria-owns={this.wcagOwns}\n\t\t\t\t\taria-haspopup={toBoolAttrIfDefined(this.wcagHasPopup)}\n\t\t\t\t\taria-pressed={toBoolAttr(this.isPressed)}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\taria-current={this.wcagCurrent}\n\t\t\t\t>\n\t\t\t\t\t{toBool(this.loading) && !this.h.hasSlot(\"right-icon\") &&\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\"></gov-icon>}\n\t\t\t\t\t{this.h.hasSlot(\"left-icon\") && <slot name=\"left-icon\"></slot>}\n\t\t\t\t\t<slot />\n\t\t\t\t\t{this.h.hasSlot(\"right-icon\") && <slot name=\"right-icon\"></slot>}\n\t\t\t\t\t{toBool(this.loading) && this.h.hasSlot(\"right-icon\") &&\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\"></gov-icon>}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false) {\n\t\t\tthis.govClick.emit({\n\t\t\t\tcomponent: ButtonClass.root,\n\t\t\t\toriginalEvent: e,\n\t\t\t\tref: this.host,\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: ButtonClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: ButtonClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\t/**\n\t * Focus button element\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.triggerRef.focus()\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getTriggerRef() {\n\t\treturn this.triggerRef\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\tif (this.focusable) {\n\t\t\tvalidateWcagRef(this.wcagActiveDescendant, \"aria-activedescendant\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagControls, \"aria-controls\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagDetails, \"aria-details\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagOwns, \"aria-owns\", ButtonClass.root)\n\t\t\tvalidateWcagRef(this.wcagHasPopup, \"aria-haspopup\", ButtonClass.root)\n\t\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, ButtonClass.root)\n\t\t}\n\t}\n}\n"],"mappings":"0ZAAgBA,EAAOC,GACtB,UAAWA,IAAU,SAAU,CAC9B,MAAO,CAAC,OAAQ,OAAQ,OAAQ,KAAKC,QAAQD,MAAY,C,MACnD,UAAWA,IAAU,SAAU,CACrC,OAAOA,EAAQ,C,MACT,UAAWA,IAAU,UAAW,CACtC,OAAOA,C,KACD,CACN,OAAOA,EAAQ,KAAO,K,CAExB,CCVA,MAAME,EAAe,8jxECsBrB,IAAKC,GAAL,SAAKA,GACJA,EAAA,SACAA,EAAA,kBACA,EAHD,CAAKA,MAAI,K,MASIC,EAASC,EAAA,MAAAD,UAAAE,EAIrB,WAAAC,G,yKAa2D,I,UAIN,Q,cAIhB,M,aAID,M,kCASkB,M,gBAKN,S,iLAuCV,K,+XAwFjB,MArKpBC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAkJvB,eAAAC,CAAgBC,GACfC,EAAaC,EAAgBF,EAAUG,EAAYC,K,CAIpD,YAAAC,CAAaL,GACZC,EAAaK,EAAMN,EAAUG,EAAYC,K,CAI1C,YAAAG,CAAaP,GACZC,EAAaO,EAAOR,EAAUG,EAAYC,K,CAI3C,kBAAAK,CAAmBT,GAClBC,EAAaS,EAAYV,EAAUG,EAAYC,K,CAKhD,iBAAAO,GACChB,KAAKI,gBAAgBJ,KAAKiB,SAC1BjB,KAAKU,aAAaV,KAAKkB,MACvBlB,KAAKY,aAAaZ,KAAKmB,MACvBnB,KAAKc,mBAAmBd,KAAKoB,W,CAG9B,wBAAMC,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNvB,KAAKwB,c,EAIb,cAAIC,GACH,MAAMxB,EAAEA,GAAMD,KAEd,OAAO0B,EAAe,CAAClB,EAAYC,KAAMR,EAAE0B,QAAQ,cAAgBnB,EAAYoB,aAAc3B,EAAE0B,QAAQ,eAAiBnB,EAAYoB,c,CAGrI,MAAAC,GACC,MAAMC,EAAM9B,KAAK+B,KAAOpC,EAAKqC,EAAIrC,EAAKsC,OACtC,MAAMb,EAAaU,IAAQnC,EAAKqC,EAAIE,UAAYlC,KAAKoB,WAErD,OACCnB,EAACkC,EAAI,CAACC,UAAW,KAAMjB,KAAMnB,KAAKmB,KAAMF,QAASjB,KAAKiB,QAASoB,MAAOrC,KAAKC,EAAEqC,QAAQtC,KAAKyB,YAAaP,KAAMlB,KAAKkB,KAAMqB,QAASvC,KAAKuC,SACrItC,EAAC6B,EAAG,CACHO,MAAM,UACNG,IAAKC,GAAOzC,KAAK0C,WAAaD,EAC9BE,QAAS3C,KAAK4C,eAAeC,KAAK7C,MAClC8C,QAAS9C,KAAK+C,eAAeF,KAAK7C,MAClCgD,OAAQhD,KAAKiD,cAAcJ,KAAK7C,MAChCkD,YAAa,IAAOlD,KAAKmD,UAAY,KACrCC,UAAW,IAAOpD,KAAKmD,UAAY,MACnCE,SAAUrD,KAAKqD,SACfC,GAAItD,KAAKuD,WACTxB,KAAM/B,KAAK+B,KACXyB,OAAQxD,KAAKwD,OACbC,SAAUzD,KAAKyD,SACfC,SAAU1D,KAAK0D,SACfC,IAAK3D,KAAK2D,IACVC,KAAM5D,KAAK4D,KACX1C,KAAME,EACNyC,SAAU7D,KAAK8D,UAAY,IAAM,KAAI,wBACd9D,KAAK+D,qBAAoB,mBAC9B/D,KAAK+D,qBAAoB,mBACzB/D,KAAKgE,gBAAe,gBACvBhE,KAAKiE,aAAY,eAClBjE,KAAKkE,YAAW,gBACfC,EAAoBnE,KAAKoE,cAAa,aACzCpE,KAAKqE,UAAS,kBACTrE,KAAKsE,eAAc,YACzBtE,KAAKuE,SAAQ,gBACTJ,EAAoBnE,KAAKwE,cAAa,eACvCC,EAAWzE,KAAKmD,WAAU,gBACzBgB,EAAoBnE,KAAKqD,UAAS,eACnCrD,KAAK0E,aAElBnF,EAAOS,KAAK2E,WAAa3E,KAAKC,EAAE0B,QAAQ,eACnC1B,EAAA,YAAU2D,KAAK,SAASvB,MAAM,uBACnCrC,KAAKC,EAAE0B,QAAQ,cAAgB1B,EAAA,QAAM2D,KAAK,cAC3C3D,EAAA,aACCD,KAAKC,EAAE0B,QAAQ,eAAiB1B,EAAA,QAAM2D,KAAK,eAC3CrE,EAAOS,KAAK2E,UAAY3E,KAAKC,EAAE0B,QAAQ,eAClC1B,EAAA,YAAU2D,KAAK,SAASvB,MAAM,wB,CAMhC,cAAAO,CAAegC,GACtBA,EAAEC,kBACF,GAAI7E,KAAKqD,WAAa,MAAO,CAC5BrD,KAAK8E,SAASC,KAAK,CAClBC,UAAWxE,EAAYC,KACvBwE,cAAeL,EACfpC,IAAKxC,KAAKG,M,EAKL,cAAA4C,CAAe6B,GACtBA,EAAEC,kBACF7E,KAAKkF,SAASH,KAAK,CAClBC,UAAWxE,EAAYC,KACvBwE,cAAeL,EACfpC,IAAKxC,KAAKG,M,CAIJ,aAAA8C,CAAc2B,GACrBA,EAAEC,kBACF7E,KAAKmF,QAAQJ,KAAK,CACjBC,UAAWxE,EAAYC,KACvBwE,cAAeL,EACfpC,IAAKxC,KAAKG,M,CAQZ,cAAMiF,GACLpF,KAAK0C,WAAW2C,O,CAOjB,mBAAMC,GACL,OAAOtF,KAAK0C,U,CAOb,kBAAMlB,GACL,GAAIxB,KAAK8D,UAAW,CACnByB,EAAgBvF,KAAK+D,qBAAsB,wBAAyBvD,EAAYC,MAChF8E,EAAgBvF,KAAKiE,aAAc,gBAAiBzD,EAAYC,MAChE8E,EAAgBvF,KAAKkE,YAAa,eAAgB1D,EAAYC,MAC9D8E,EAAgBvF,KAAKuE,SAAU,YAAa/D,EAAYC,MACxD8E,EAAgBvF,KAAKwE,aAAc,gBAAiBhE,EAAYC,MAChE+E,EAAkBxF,KAAKqE,UAAWrE,KAAKsE,eAAgB9D,EAAYC,K"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["govPromptCss","GovPrompt","constructor","hostRef","this","h","govHost","host","labelId","createID","contentId","validateLabelTag","newValue","validTags","includes","govErrorLog","ModalClass","root","watchOpen","open","showModal","document","body","classList","add","bodyFix","hideModal","remove","componentWillRender","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","LabelTag","labelTag","Host","class","classes","rootPrompt","dialog","hidden","tabindex","toBoolAttr","wcagLabelledBy","wcagDescribedBy","role","inner","header","hasSlot","icon","name","label","title","id","close","variant","wcagLabel","wcagCloseLabel","wcagCloseLabelledBy","type","onCloseHandler","bind","content","actions","e","stopPropagation","govClose","emit","show","hide","validateWcagRef"],"sources":["../../../packages/core/src/components/gov-promp/gov-prompt.scss?tag=gov-prompt","../../../packages/core/src/components/gov-promp/gov-prompt.tsx"],"sourcesContent":["/*\n * Prompt\n */\n\n// $class: \".gov-prompt\";\n@import \"../gov-modal/gov-modal.scss\";\n\n// #{$class} {\n// \t//\n// }\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { createID } from \"../../utils/string.utils\"\nimport { validateWcagRef } from \"../../helpers/Validate/wcag\"\nimport { ModalClass } from \"../gov-modal/constants\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\nimport { govHost, toBoolAttr } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\nimport { Nullable } from \"../../types/interfaces\"\n\n@Component({\n\ttag: \"gov-prompt\",\n\tstyleUrl: \"gov-prompt.scss\",\n})\nexport class GovPrompt {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID(\"GovPromptLabel\")\n\t\tthis.contentId = createID(\"GovPromptContent\")\n\t}\n\n\t@Element() host: HTMLGovPromptElement\n\t/**\n\t * Attribute for modal window display\n\t */\n\t@Prop({ mutable: true }) open = false\n\t/**\n\t * Title of modal window\n\t */\n\t@Prop() label: string\n\t/**\n\t * Role of modal\n\t */\n\t@Prop({ attribute: \"role\" }) role: Nullable<string> = \"dialog\"\n\t/**\n\t * Used to change the HTML tag in the modal label for correct semantic structure\n\t */\n\t@Prop({ attribute: \"label-tag\" }) readonly labelTag: string = \"h2\"\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the modal.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) wcagDescribedBy: string\n\t/**\n\t * Adds accessible label for the modal close button that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-close-label\" }) wcagCloseLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for closing the modal window\n\t */\n\t@Prop({ attribute: \"wcag-close-labelled-by\" }) wcagCloseLabelledBy: string\n\t/**\n\t * Emitted when modal window closes.\n\t */\n\t@Event({ eventName: \"gov-close\" }) govClose: EventEmitter<PointerEvent>\n\n\t@Watch(\"labelTag\")\n\tvalidateLabelTag(newValue: string): void {\n\t\tconst validTags = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\"]\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${ModalClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch(\"open\")\n\twatchOpen(newValue: boolean): void {\n\t\tthis.open = newValue\n\t}\n\n\tprivate showModal() {\n\t\tthis.open = true\n\t\tdocument.body.classList.add(ModalClass.bodyFix)\n\t}\n\n\tprivate hideModal() {\n\t\tthis.open = false\n\t\tdocument.body.classList.remove(ModalClass.bodyFix)\n\t}\n\n\tasync componentWillRender() {\n\t\tif (this.open) {\n\t\t\tthis.showModal()\n\t\t} else {\n\t\t\tthis.hideModal()\n\t\t}\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\trender() {\n\t\tconst LabelTag = this.labelTag\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ModalClass.rootPrompt)} open={this.open}>\n\t\t\t\t<dialog\n\t\t\t\t\tclass={ModalClass.dialog}\n\t\t\t\t\thidden={!this.open}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\topen={this.open}\n\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\taria-labelledby={this.wcagLabelledBy || this.labelId}\n\t\t\t\t\taria-describedby={this.wcagDescribedBy || this.contentId}\n\t\t\t\t\trole={this.role}\n\t\t\t\t>\n\t\t\t\t\t<div class={ModalClass.inner}>\n\t\t\t\t\t\t<div class={ModalClass.header}>\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t\t\t<div class={ModalClass.icon}>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.label && (\n\t\t\t\t\t\t\t\t<LabelTag class={ModalClass.title} id={this.labelId}>\n\t\t\t\t\t\t\t\t\t{this.label}\n\t\t\t\t\t\t\t\t</LabelTag>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\tclass={ModalClass.close}\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\twcagLabel={this.wcagCloseLabel}\n\t\t\t\t\t\t\t\twcagLabelledBy={this.wcagCloseLabelledBy}\n\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<gov-icon name=\"x-lg\" />\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={ModalClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={ModalClass.actions}>\n\t\t\t\t\t\t\t<slot name=\"actions\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</dialog>\n\n\t\t\t\t{this.open ? (\n\t\t\t\t\t<gov-backdrop\n\t\t\t\t\t\twcag-label={this.wcagCloseLabel}\n\t\t\t\t\t\twcag-labelled-by={this.wcagCloseLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\tthis.hideModal()\n\t\tthis.govClose.emit(e)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showModal()\n\t}\n\n\t/**\n\t * Hiding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.hideModal()\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.wcagLabelledBy, \"wcag-labelled-by\", ModalClass.root)\n\t\tvalidateWcagRef(this.wcagDescribedBy, \"wcag-described-by\", ModalClass.root)\n\t}\n}\n"],"mappings":"mUAAA,MAAMA,EAAe,wyF,MCeRC,EAAS,MAKrB,WAAAC,CAAAC,G,wDAUgC,M,+BAQsB,S,cAIQ,K,8HArB7DC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,QAAUC,EAAS,kBACxBL,KAAKM,UAAYD,EAAS,mB,CA0C3B,gBAAAE,CAAiBC,GAChB,MAAMC,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,MACjD,GAAID,EAAU,CACb,IAAKC,EAAUC,SAASF,GAAW,CAClCG,EAAY,IAAIC,EAAWC,cAAcL,oB,GAM5C,SAAAM,CAAUN,GACTR,KAAKe,KAAOP,C,CAGL,SAAAQ,GACPhB,KAAKe,KAAO,KACZE,SAASC,KAAKC,UAAUC,IAAIR,EAAWS,Q,CAGhC,SAAAC,GACPtB,KAAKe,KAAO,MACZE,SAASC,KAAKC,UAAUI,OAAOX,EAAWS,Q,CAG3C,yBAAMG,GACL,GAAIxB,KAAKe,KAAM,CACdf,KAAKgB,W,KACC,CACNhB,KAAKsB,W,EAIP,wBAAMG,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACN3B,KAAK4B,c,EAIb,MAAAC,GACC,MAAMC,EAAW9B,KAAK+B,SACtB,OACC9B,EAAC+B,EAAI,CAACC,MAAOjC,KAAKC,EAAEiC,QAAQtB,EAAWuB,YAAapB,KAAMf,KAAKe,MAC9Dd,EAAA,UACCgC,MAAOrB,EAAWwB,OAClBC,QAASrC,KAAKe,KACduB,SAAS,KACTvB,KAAMf,KAAKe,KAAI,aACJ,OAAM,cACJwB,GAAYvC,KAAKe,MAAK,kBAClBf,KAAKwC,gBAAkBxC,KAAKI,QAAO,mBAClCJ,KAAKyC,iBAAmBzC,KAAKM,UAC/CoC,KAAM1C,KAAK0C,MAEXzC,EAAA,OAAKgC,MAAOrB,EAAW+B,OACtB1C,EAAA,OAAKgC,MAAOrB,EAAWgC,QACrB5C,KAAKC,EAAE4C,QAAQ,SACf5C,EAAA,OAAKgC,MAAOrB,EAAWkC,MACtB7C,EAAA,QAAM8C,KAAK,UAGZ/C,KAAKgD,OACL/C,EAAC6B,EAAQ,CAACG,MAAOrB,EAAWqC,MAAOC,GAAIlD,KAAKI,SAC1CJ,KAAKgD,OAGR/C,EAAA,cACCgC,MAAOrB,EAAWuC,MAClBC,QAAQ,UACRC,UAAWrD,KAAKsD,eAChBd,eAAgBxC,KAAKuD,oBACrBC,KAAK,OAAM,eACGxD,KAAKyD,eAAeC,KAAK1D,OAEvCC,EAAA,YAAU8C,KAAK,WAGjB9C,EAAA,OAAKgC,MAAOrB,EAAW+C,QAAST,GAAIlD,KAAKM,WACxCL,EAAA,cAEDA,EAAA,OAAKgC,MAAOrB,EAAWgD,SACtB3D,EAAA,QAAM8C,KAAK,eAKb/C,KAAKe,KACLd,EAAA,6BACaD,KAAKsD,eAAc,mBACbtD,KAAKuD,oBAAmB,eAC5BvD,KAAKyD,eAAeC,KAAK1D,QAErC,K,CAKC,cAAAyD,CAAeI,GACtBA,EAAEC,kBACF9D,KAAKsB,YACLtB,KAAK+D,SAASC,KAAKH,E,CAOpB,UAAMI,GACLjE,KAAKgB,W,CAON,UAAMkD,GACLlE,KAAKsB,W,CAON,kBAAMM,GACLuC,EAAgBnE,KAAKwC,eAAgB,mBAAoB5B,EAAWC,MACpEsD,EAAgBnE,KAAKyC,gBAAiB,oBAAqB7B,EAAWC,K"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as o,c as r,h as a,a as n,g as i}from"./p-5bc604a3.js";import{v}from"./p-26acf964.js";import{V as e}from"./p-ff7365ae.js";import{p as t,d as c}from"./p-03990da5.js";import{g as s,a as g}from"./p-28e59384.js";import{F as b}from"./p-1c1d0bbe.js";import{c as f}from"./p-570ef4e5.js";import{c as l}from"./p-cac3881f.js";import"./p-561fa17b.js";import"./p-24636c53.js";const _=t(e,["PRIMARY","SECONDARY","WARNING","ERROR","SUCCESS"]);const d={root:"gov-infobar",section:"gov-infobar__section",icon:"gov-infobar__icon",content:"gov-infobar__content",closable:"gov-infobar__content--closable",headline:"gov-infobar__headline",close:"gov-infobar__close"};const m='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-infobar{position:relative;display:block;width:100%}.gov-infobar__section{display:flex;gap:1rem;padding:1rem}.gov-infobar__icon{flex:0 0 auto}.gov-infobar__icon>*{width:1.25rem;height:1.25rem}.gov-infobar__headline{display:flex;gap:1rem}.gov-infobar__headline+div{margin-top:0.5rem}.gov-infobar__headline p{margin-bottom:0}.gov-infobar__headline gov-button{margin-top:-0.25rem}.gov-infobar__content{width:100%}.gov-infobar__content>*:last-child{margin-bottom:0}.gov-infobar__content--closable{padding-right:3.5rem}.gov-infobar__content p{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-infobar__content a{color:inherit}@media not all and (pointer: coarse){.gov-infobar__content a:hover{color:inherit}}.gov-infobar__close{position:absolute;top:0.875rem;right:1rem}.gov-infobar[variant=warning]{background-color:var(--gov-infobar-warning-bg-color, var(--gov-color-warning))}.gov-infobar[variant=warning] .gov-infobar__icon{color:var(--gov-infobar-warning-icon-color, var(--gov-color-secondary))}.gov-infobar[variant=warning] .gov-infobar__content{color:var(--gov-infobar-warning-text-color, var(--gov-color-secondary))}.gov-infobar[variant=warning][inverse=""],.gov-infobar[variant=warning][inverse=true i],.gov-infobar[variant=warning][inverse="1"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=warning][inverse=""] .gov-infobar__icon,.gov-infobar[variant=warning][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=warning][inverse="1"] .gov-infobar__icon{color:var(--gov-infobar-warning-bg-color, var(--gov-color-warning))}.gov-infobar[variant=warning][inverse=""] .gov-infobar__content,.gov-infobar[variant=warning][inverse=true i] .gov-infobar__content,.gov-infobar[variant=warning][inverse="1"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}.gov-infobar[variant=error]{background-color:var(--gov-infobar-error-bg-color, var(--gov-color-error))}.gov-infobar[variant=error] .gov-infobar__icon{color:var(--gov-infobar-error-icon-color, var(--gov-color-neutral-white))}.gov-infobar[variant=error] .gov-infobar__content{color:var(--gov-infobar-error-text-color, var(--gov-color-neutral-white))}.gov-infobar[variant=error][inverse=""],.gov-infobar[variant=error][inverse=true i],.gov-infobar[variant=error][inverse="1"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=error][inverse=""] .gov-infobar__icon,.gov-infobar[variant=error][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=error][inverse="1"] .gov-infobar__icon{color:var(--gov-infobar-error-bg-color, var(--gov-color-error))}.gov-infobar[variant=error][inverse=""] .gov-infobar__content,.gov-infobar[variant=error][inverse=true i] .gov-infobar__content,.gov-infobar[variant=error][inverse="1"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}.gov-infobar[variant=secondary]{background-color:var(--gov-infobar-secondary-bg-color, var(--gov-color-secondary))}.gov-infobar[variant=secondary] .gov-infobar__icon{color:var(--gov-infobar-secondary-icon-color, var(--gov-color-neutral-white))}.gov-infobar[variant=secondary] .gov-infobar__content{color:var(--gov-infobar-secondary-text-color, var(--gov-color-neutral-white))}.gov-infobar[variant=secondary][inverse=""],.gov-infobar[variant=secondary][inverse=true i],.gov-infobar[variant=secondary][inverse="1"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=secondary][inverse=""] .gov-infobar__icon,.gov-infobar[variant=secondary][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=secondary][inverse="1"] .gov-infobar__icon{color:var(--gov-infobar-secondary-bg-color, var(--gov-color-secondary))}.gov-infobar[variant=secondary][inverse=""] .gov-infobar__content,.gov-infobar[variant=secondary][inverse=true i] .gov-infobar__content,.gov-infobar[variant=secondary][inverse="1"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}.gov-infobar[variant=success]{background-color:var(--gov-infobar-success-bg-color, var(--gov-color-success-500))}.gov-infobar[variant=success] .gov-infobar__icon{color:var(--gov-infobar-success-icon-color, var(--gov-color-neutral-white))}.gov-infobar[variant=success] .gov-infobar__content{color:var(--gov-infobar-success-text-color, var(--gov-color-neutral-white))}.gov-infobar[variant=success][inverse=""],.gov-infobar[variant=success][inverse=true i],.gov-infobar[variant=success][inverse="1"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=success][inverse=""] .gov-infobar__icon,.gov-infobar[variant=success][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=success][inverse="1"] .gov-infobar__icon{color:var(--gov-infobar-success-bg-color, var(--gov-color-success-500))}.gov-infobar[variant=success][inverse=""] .gov-infobar__content,.gov-infobar[variant=success][inverse=true i] .gov-infobar__content,.gov-infobar[variant=success][inverse="1"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}.gov-infobar[variant=primary]{background-color:var(--gov-infobar-primary-bg-color, var(--gov-color-primary))}.gov-infobar[variant=primary] .gov-infobar__icon{color:var(--gov-infobar-primary-icon-color, var(--gov-color-neutral-white))}.gov-infobar[variant=primary] .gov-infobar__content{color:var(--gov-infobar-primary-text-color, var(--gov-color-neutral-white))}.gov-infobar[variant=primary][inverse=""],.gov-infobar[variant=primary][inverse=true i],.gov-infobar[variant=primary][inverse="1"]{border-bottom:var(--gov-infobar-border, 0.0625rem solid var(--gov-color-secondary-400));background-color:var(--gov-infobar-inverse-bg, var(--gov-color-neutral-white))}.gov-infobar[variant=primary][inverse=""] .gov-infobar__icon,.gov-infobar[variant=primary][inverse=true i] .gov-infobar__icon,.gov-infobar[variant=primary][inverse="1"] .gov-infobar__icon{color:var(--gov-infobar-primary-bg-color, var(--gov-color-primary))}.gov-infobar[variant=primary][inverse=""] .gov-infobar__content,.gov-infobar[variant=primary][inverse=true i] .gov-infobar__content,.gov-infobar[variant=primary][inverse="1"] .gov-infobar__content{color:var(--gov-infobar-inverse-color, var(--gov-color-secondary-800))}@media (min-width: 75em){.gov-infobar__content{padding-right:2rem}}';const h=class{constructor(a){o(this,a);this.govClose=r(this,"gov-close",7);this.headline=undefined;this.variant="primary";this.inverse=false;this.wcagCloseLabel=undefined;this.wcagToggleLabel="Zobrazit více informací";this.closable=false;this.toggleContent=false;this.h=s(this.host)}validateVariant(o){v(_,o,d.root)}componentWillLoad(){this.validateVariant(this.variant)}async componentDidRender(){if(l()){await c(500);await this.validateWcag()}}render(){let o=!this.inverse;let r=this.inverse?"secondary":this.variant;if(this.variant=="warning"){o=false;r="secondary"}const i=a("div",{class:d.close},a("gov-button",{size:"s","aria-label":this.wcagCloseLabel,type:"base",variant:r,inverse:o,"on-gov-click":this.onCloseHandler.bind(this)},a("gov-icon",{name:"x-lg"})));return a(n,{class:this.h.classes(d.root),variant:this.variant},a("section",{class:d.section,role:"infobar"},this.h.hasSlot("icon")&&a("div",{class:d.icon},a("slot",{name:"icon"})),a("div",{class:d.content+(this.closable?" "+d.closable:"")},this.headline?a(b,null,a("div",{class:d.headline},a("p",null,this.headline),a("gov-button",{size:"s","aria-label":this.wcagToggleLabel,type:"base",variant:r,inverse:o,"on-gov-click":()=>this.toggleContent=!this.toggleContent},a("gov-icon",{name:this.toggleContent?"chevron-up":"chevron-down"}))),a("div",{hidden:!this.toggleContent,"aria-hidden":g(this.toggleContent)},a("slot",null))):a("slot",null))),this.closable&&i)}onCloseHandler(o){this.govClose.emit({component:d.root,ref:this.host,originalEvent:o})}async validateWcag(){if(this.closable){f(this.wcagCloseLabel,"wcag-close-label",d.root)}if(this.headline){f(this.wcagToggleLabel,"wcag-toggle-label",d.root)}}get host(){return i(this)}static get watchers(){return{variant:["validateVariant"]}}};h.style=m;export{h as gov_infobar};
|
|
2
|
-
//# sourceMappingURL=p-1a04e45e.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["InfobarVariants","pick","Variants","InfobarClass","root","section","icon","content","closable","headline","close","govInfobarCss","GovInfobar","constructor","hostRef","this","h","govHost","host","validateVariant","newValue","validateProp","componentWillLoad","variant","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","inverse","closeButton","class","size","wcagCloseLabel","type","onCloseHandler","bind","name","Host","classes","role","hasSlot","Fragment","wcagToggleLabel","toggleContent","hidden","toBoolAttr","e","govClose","emit","component","ref","originalEvent","validateWcagProp"],"sources":["../../../packages/core/src/components/gov-infobar/constants.ts","../../../packages/core/src/components/gov-infobar/gov-infobar.scss?tag=gov-infobar","../../../packages/core/src/components/gov-infobar/gov-infobar.tsx"],"sourcesContent":["import { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const InfobarVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'WARNING', 'ERROR', 'SUCCESS'])\nexport type VariantType = `${ValueOf<typeof InfobarVariants>}`\n\nexport const InfobarClass = {\n\troot: 'gov-infobar',\n\tsection: 'gov-infobar__section',\n\ticon: 'gov-infobar__icon',\n\tcontent: 'gov-infobar__content',\n\tclosable: 'gov-infobar__content--closable',\n\theadline: 'gov-infobar__headline',\n\tclose: 'gov-infobar__close',\n}\n","/*\n * Infobar\n */\n\n$class: \".gov-infobar\";\n\n#{$class} {\n\t@include base();\n\n\t&__section {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t\tpadding: rem-calc(16);\n\t}\n\n\t&__icon {\n\t\tflex: 0 0 auto;\n\n\t\t& > * {\n\t\t\twidth: rem-calc(20);\n\t\t\theight: rem-calc(20);\n\t\t}\n\t}\n\n\t&__headline {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\n\t\t+ div {\n\t\t\tmargin-top: rem-calc(8);\n\t\t}\n\n\t\tp {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\tgov-button {\n\t\t\tmargin-top: rem-calc(-4);\n\t\t}\n\t}\n\n\t&__content {\n\t\t@include reset-last-margin();\n\t\twidth: 100%;\n\n\t\t&--closable {\n\t\t\tpadding-right: rem-calc(56);\n\t\t}\n\n\t\tp {\n\t\t\t@include typography($font-size-m);\n\t\t}\n\n\t\ta {\n\t\t\tcolor: inherit;\n\t\t\t@include hover() {\n\t\t\t\tcolor: inherit;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__close {\n\t\tposition: absolute;\n\t\ttop: rem-calc(14);\n\t\tright: rem-calc(16);\n\t}\n\n\t// VARIANTS\n\t@each $variant, $definitions in $infobar-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tbackground-color: get(\"bg-color\", $definitions);\n\n\t\t\t#{$class} {\n\t\t\t\t&__icon {\n\t\t\t\t\tcolor: get(\"icon-color\", $definitions);\n\t\t\t\t}\n\n\t\t\t\t&__content {\n\t\t\t\t\tcolor: get(\"text-color\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@if deep-map-check($definitions, \"border\") {\n\t\t\t\tborder-bottom: $infobar-border;\n\t\t\t}\n\n\t\t\t// STATES\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\tborder-bottom: $infobar-border;\n\t\t\t\tbackground-color: $infobar-inverse-bg;\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__icon {\n\t\t\t\t\t\tcolor: get(\"bg-color\", $definitions);\n\t\t\t\t\t}\n\n\t\t\t\t\t&__content {\n\t\t\t\t\t\tcolor: $infobar-inverse-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: xl) {\n\t\t&__content {\n\t\t\tpadding-right: rem-calc(32);\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {InfobarClass, InfobarVariants, VariantType} from \"./constants\"\nimport {govHost, toBoolAttr} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {InfobarEvent} from \"./gov-infobar.types\"\nimport {ButtonEvent} from \"../gov-button/button/gov-button.types\"\nimport Fragment from \"../../helpers/Fragment\"\nimport {validateWcagProp} from \"../../helpers/Validate/wcag\"\nimport {canValidateWcagOnRender} from \"../../helpers/Dom/win\"\nimport {delay} from \"../../utils/utils\"\n\n@Component({\n tag: \"gov-infobar\",\n styleUrl: \"gov-infobar.scss\",\n})\nexport class GovInfobar {\n private h: GovHost\n\n constructor() {\n this.h = govHost(this.host)\n }\n\n @Element() host: HTMLGovInfobarElement\n\n /**\n * Style variation of the button.\n */\n @Prop() readonly headline: string\n /**\n * Style variation of the button.\n */\n @Prop() readonly variant: VariantType = \"primary\"\n /**\n * Determine if component should have inverse colors to be used on dark background\n */\n @Prop() readonly inverse: boolean = false\n /**\n * Aria label for the closing button. It is mandatory if the infobar is closable\n */\n @Prop({attribute: \"wcag-close-label\"}) readonly wcagCloseLabel: string\n /**\n * Aria label for the toggle button. It is mandatory if the infobar has headline\n */\n @Prop({attribute: \"wcag-toggle-label\"}) readonly wcagToggleLabel: string = 'Zobrazit více informací'\n /**\n * Called when the close button is clicked\n */\n @Event({eventName: \"gov-close\"}) govClose: EventEmitter<InfobarEvent>\n /**\n * Displays the option to close the infobar\n */\n @Prop() readonly closable?: boolean = false\n\n @State() toggleContent = false\n\n @Watch(\"variant\")\n validateVariant(newValue: string): void {\n validateProp(InfobarVariants, newValue, InfobarClass.root)\n }\n\n componentWillLoad(): void {\n this.validateVariant(this.variant)\n }\n\n async componentDidRender() {\n if (canValidateWcagOnRender()) {\n await delay(500)\n await this.validateWcag()\n }\n }\n\n render() {\n let inverse = !this.inverse\n let variant = this.inverse ? \"secondary\" : this.variant\n\n if (this.variant == \"warning\") {\n inverse = false\n variant = \"secondary\"\n }\n\n const closeButton = (\n <div class={InfobarClass.close}>\n <gov-button\n size=\"s\"\n aria-label={this.wcagCloseLabel}\n type=\"base\"\n variant={variant}\n inverse={inverse}\n on-gov-click={this.onCloseHandler.bind(this)}\n >\n <gov-icon name=\"x-lg\"></gov-icon>\n </gov-button>\n </div>\n )\n\n return (\n <Host class={this.h.classes(InfobarClass.root)} variant={this.variant}>\n <section class={InfobarClass.section} role=\"infobar\">\n {this.h.hasSlot(\"icon\") && (\n <div class={InfobarClass.icon}>\n <slot name=\"icon\"/>\n </div>\n )}\n <div class={InfobarClass.content + (this.closable ? ' ' + InfobarClass.closable : '')}>\n {this.headline ? (\n <Fragment>\n <div class={InfobarClass.headline}>\n <p>{this.headline}</p>\n <gov-button\n size=\"s\"\n aria-label={this.wcagToggleLabel}\n type=\"base\"\n variant={variant}\n inverse={inverse}\n on-gov-click={() => this.toggleContent = !this.toggleContent}\n >\n <gov-icon name={this.toggleContent ? 'chevron-up' : 'chevron-down'}></gov-icon>\n </gov-button>\n </div>\n <div hidden={!this.toggleContent} aria-hidden={toBoolAttr(this.toggleContent)}>\n <slot/>\n </div>\n </Fragment>\n ) : (\n <slot/>\n )}\n </div>\n </section>\n {this.closable && closeButton}\n </Host>\n )\n }\n\n onCloseHandler(e: CustomEvent<ButtonEvent>) {\n this.govClose.emit({\n component: InfobarClass.root,\n ref: this.host,\n originalEvent: e,\n })\n }\n\n /**\n * Validate the WCAG attributes of the component\n */\n @Method()\n async validateWcag(): Promise<void> {\n if (this.closable) {\n validateWcagProp(this.wcagCloseLabel, 'wcag-close-label', InfobarClass.root)\n }\n if (this.headline) {\n validateWcagProp(this.wcagToggleLabel, 'wcag-toggle-label', InfobarClass.root)\n }\n }\n}\n"],"mappings":"qXAIO,MAAMA,EAAkBC,EAAKC,EAAU,CAAC,UAAW,YAAa,UAAW,QAAS,YAGpF,MAAMC,EAAe,CAC3BC,KAAM,cACNC,QAAS,uBACTC,KAAM,oBACNC,QAAS,uBACTC,SAAU,iCACVC,SAAU,wBACVC,MAAO,sBCdR,MAAMC,EAAgB,0jO,MCgBTC,EAAU,MAGrB,WAAAC,CAAAC,G,mFAawC,U,aAIJ,M,mDAQuC,0B,cAQrC,M,mBAEb,MAlCvBC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAqCxB,eAAAC,CAAgBC,GACdC,EAAarB,EAAiBoB,EAAUjB,EAAaC,K,CAGvD,iBAAAkB,GACEP,KAAKI,gBAAgBJ,KAAKQ,Q,CAG5B,wBAAMC,GACJ,GAAIC,IAA2B,OACvBC,EAAM,WACNX,KAAKY,c,EAIf,MAAAC,GACE,IAAIC,GAAWd,KAAKc,QACpB,IAAIN,EAAUR,KAAKc,QAAU,YAAcd,KAAKQ,QAEhD,GAAIR,KAAKQ,SAAW,UAAW,CAC7BM,EAAU,MACVN,EAAU,W,CAGZ,MAAMO,EACJd,EAAA,OAAKe,MAAO5B,EAAaO,OACvBM,EAAA,cACEgB,KAAK,IAAG,aACIjB,KAAKkB,eACjBC,KAAK,OACLX,QAASA,EACTM,QAASA,EAAO,eACFd,KAAKoB,eAAeC,KAAKrB,OAEvCC,EAAA,YAAUqB,KAAK,WAKrB,OACErB,EAACsB,EAAI,CAACP,MAAOhB,KAAKC,EAAEuB,QAAQpC,EAAaC,MAAOmB,QAASR,KAAKQ,SAC5DP,EAAA,WAASe,MAAO5B,EAAaE,QAASmC,KAAK,WACxCzB,KAAKC,EAAEyB,QAAQ,SACdzB,EAAA,OAAKe,MAAO5B,EAAaG,MACvBU,EAAA,QAAMqB,KAAK,UAGfrB,EAAA,OAAKe,MAAO5B,EAAaI,SAAWQ,KAAKP,SAAW,IAAML,EAAaK,SAAW,KAC/EO,KAAKN,SACJO,EAAC0B,EAAQ,KACP1B,EAAA,OAAKe,MAAO5B,EAAaM,UACvBO,EAAA,SAAID,KAAKN,UACTO,EAAA,cACEgB,KAAK,IAAG,aACIjB,KAAK4B,gBACjBT,KAAK,OACLX,QAASA,EACTM,QAASA,EAAO,eACF,IAAMd,KAAK6B,eAAiB7B,KAAK6B,eAE/C5B,EAAA,YAAUqB,KAAMtB,KAAK6B,cAAgB,aAAe,mBAGxD5B,EAAA,OAAK6B,QAAS9B,KAAK6B,cAAa,cAAeE,EAAW/B,KAAK6B,gBAC7D5B,EAAA,eAIJA,EAAA,eAILD,KAAKP,UAAYsB,E,CAKxB,cAAAK,CAAeY,GACbhC,KAAKiC,SAASC,KAAK,CACjBC,UAAW/C,EAAaC,KACxB+C,IAAKpC,KAAKG,KACVkC,cAAeL,G,CAQnB,kBAAMpB,GACJ,GAAIZ,KAAKP,SAAU,CACjB6C,EAAiBtC,KAAKkB,eAAgB,mBAAoB9B,EAAaC,K,CAEzE,GAAIW,KAAKN,SAAU,CACjB4C,EAAiBtC,KAAK4B,gBAAiB,oBAAqBxC,EAAaC,K"}
|