@gov-design-system-ce/components 0.0.6 → 0.0.7
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/{constants-5f6bbc50.js → constants-245999e7.js} +3 -2
- package/dist/cjs/constants-245999e7.js.map +1 -0
- package/dist/cjs/{constants-dc2ba6bd.js → constants-61f8be34.js} +3 -3
- package/dist/cjs/constants-61f8be34.js.map +1 -0
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/gov-accordion-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-accordion-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-accordion.cjs.entry.js +2 -1
- package/dist/cjs/gov-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-alert.cjs.entry.js +1 -1
- package/dist/cjs/gov-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-app.cjs.entry.js +658 -159
- package/dist/cjs/gov-app.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-attachments_3.cjs.entry.js +1 -1
- package/dist/cjs/gov-attachments_3.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-backdrop.cjs.entry.js +4 -3
- package/dist/cjs/gov-backdrop.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-badge.cjs.entry.js +17 -17
- package/dist/cjs/gov-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gov-breadcrumbs.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-button.cjs.entry.js +2 -2
- package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-card.cjs.entry.js +1 -1
- package/dist/cjs/gov-card.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-file.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-file.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-input.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-input.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-multi-select.cjs.entry.js +3 -3
- package/dist/cjs/gov-form-multi-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-password-power.cjs.entry.js +28 -0
- package/dist/cjs/gov-form-password-power.cjs.entry.js.map +1 -0
- package/dist/cjs/gov-form-select.cjs.entry.js +3 -3
- package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-icon.cjs.entry.js +1 -1
- package/dist/cjs/gov-modal.cjs.entry.js +19 -13
- package/dist/cjs/gov-modal.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-pagination.cjs.entry.js +49 -14
- package/dist/cjs/gov-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-prompt.cjs.entry.js +12 -6
- package/dist/cjs/gov-prompt.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-side-nav-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-side-nav-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-spacer.cjs.entry.js +1 -1
- package/dist/cjs/gov-spacer.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-statsbar-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-statsbar.cjs.entry.js +2 -2
- package/dist/cjs/gov-statsbar.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gov-tabs.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tile.cjs.entry.js +2 -2
- package/dist/cjs/gov-tile.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tiles.cjs.entry.js +2 -1
- package/dist/cjs/gov-tiles.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-toast.cjs.entry.js +1 -1
- package/dist/cjs/gov-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-wizzard-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-wizzard-item.cjs.entry.js.map +1 -1
- package/dist/cjs/index-356717ae.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/gov-accordion/gov-accordion-item.css +37 -5
- package/dist/collection/components/gov-accordion/gov-accordion-item.js +1 -1
- package/dist/collection/components/gov-accordion/gov-accordion-item.js.map +1 -1
- package/dist/collection/components/gov-accordion/gov-accordion.css +6 -0
- package/dist/collection/components/gov-accordion/gov-accordion.js +19 -0
- package/dist/collection/components/gov-accordion/gov-accordion.js.map +1 -1
- package/dist/collection/components/gov-alert/gov-alert.css +3 -0
- package/dist/collection/components/gov-alert/gov-alert.js +1 -1
- package/dist/collection/components/gov-alert/gov-alert.js.map +1 -1
- package/dist/collection/components/gov-app/gov-app.css +3 -0
- package/dist/collection/components/gov-attachments/gov-attachments-item.css +3 -0
- package/dist/collection/components/gov-attachments/gov-attachments-item.js +1 -1
- package/dist/collection/components/gov-attachments/gov-attachments-item.js.map +1 -1
- package/dist/collection/components/gov-attachments/gov-attachments.css +3 -0
- package/dist/collection/components/gov-backdrop/gov-backdrop.css +3 -0
- package/dist/collection/components/gov-backdrop/gov-backdrop.js +5 -4
- package/dist/collection/components/gov-backdrop/gov-backdrop.js.map +1 -1
- package/dist/collection/components/gov-badge/constants.js +4 -1
- package/dist/collection/components/gov-badge/constants.js.map +1 -1
- package/dist/collection/components/gov-badge/gov-badge.css +204 -96
- package/dist/collection/components/gov-badge/gov-badge.js +26 -47
- package/dist/collection/components/gov-badge/gov-badge.js.map +1 -1
- package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.css +3 -0
- package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.js +1 -1
- package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.js.map +1 -1
- package/dist/collection/components/gov-button/constants.js +2 -1
- package/dist/collection/components/gov-button/constants.js.map +1 -1
- package/dist/collection/components/gov-button/gov-button.css +210 -131
- package/dist/collection/components/gov-button/gov-button.js +6 -6
- package/dist/collection/components/gov-button/gov-button.js.map +1 -1
- package/dist/collection/components/gov-card/gov-card.css +3 -0
- package/dist/collection/components/gov-card/gov-card.js +1 -1
- package/dist/collection/components/gov-card/gov-card.js.map +1 -1
- package/dist/collection/components/gov-container/gov-container.css +3 -0
- package/dist/collection/components/gov-cookiebar/gov-cookiebar.css +3 -0
- package/dist/collection/components/gov-empty/gov-empty.css +3 -0
- package/dist/collection/components/gov-error-code/gov-error-code.css +3 -0
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.css +3 -0
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.css +3 -0
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.js +1 -1
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.js.map +1 -1
- package/dist/collection/components/gov-form/control/gov-form-control.css +3 -0
- package/dist/collection/components/gov-form/file/gov-form-file.css +3 -0
- package/dist/collection/components/gov-form/file/gov-form-file.js +1 -1
- package/dist/collection/components/gov-form/file/gov-form-file.js.map +1 -1
- package/dist/collection/components/gov-form/group/gov-form-group.css +3 -0
- package/dist/collection/components/gov-form/input/gov-form-input.css +6 -3
- package/dist/collection/components/gov-form/input/gov-form-input.js +1 -1
- package/dist/collection/components/gov-form/input/gov-form-input.js.map +1 -1
- package/dist/collection/components/gov-form/label/gov-form-label.css +3 -0
- package/dist/collection/components/gov-form/message/gov-form-message.css +3 -0
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.css +3 -3
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js +2 -2
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js.map +1 -1
- package/dist/collection/components/gov-form/password-power/constants.js +6 -0
- package/dist/collection/components/gov-form/password-power/constants.js.map +1 -0
- package/dist/collection/components/gov-form/password-power/gov-form-password-power.css +246 -0
- package/dist/collection/components/gov-form/password-power/gov-form-password-power.js +43 -0
- package/dist/collection/components/gov-form/password-power/gov-form-password-power.js.map +1 -0
- package/dist/collection/components/gov-form/radio/gov-form-radio.css +3 -0
- package/dist/collection/components/gov-form/search/gov-form-search.css +3 -0
- package/dist/collection/components/gov-form/select/gov-form-select.css +3 -3
- package/dist/collection/components/gov-form/select/gov-form-select.js +2 -2
- package/dist/collection/components/gov-form/select/gov-form-select.js.map +1 -1
- package/dist/collection/components/gov-form/switch/gov-form-switch.css +3 -0
- package/dist/collection/components/gov-grid/gov-grid-item.css +3 -0
- package/dist/collection/components/gov-grid/gov-grid.css +3 -0
- package/dist/collection/components/gov-icon/gov-icon.css +3 -0
- package/dist/collection/components/gov-icon/list.js +148 -5
- package/dist/collection/components/gov-icon/list.js.map +1 -1
- package/dist/collection/components/gov-layout/gov-layout-column.css +3 -0
- package/dist/collection/components/gov-layout/gov-layout.css +3 -0
- package/dist/collection/components/gov-loading/gov-loading.css +3 -0
- package/dist/collection/components/gov-message/gov-message.css +3 -0
- package/dist/collection/components/gov-modal/gov-modal.css +6 -3
- package/dist/collection/components/gov-modal/gov-modal.js +35 -22
- package/dist/collection/components/gov-modal/gov-modal.js.map +1 -1
- package/dist/collection/components/gov-nav/gov-nav-item.css +3 -0
- package/dist/collection/components/gov-nav/gov-nav.css +3 -0
- package/dist/collection/components/gov-pagination/gov-pagination.css +87 -39
- package/dist/collection/components/gov-pagination/gov-pagination.js +63 -29
- package/dist/collection/components/gov-pagination/gov-pagination.js.map +1 -1
- package/dist/collection/components/gov-promp/gov-prompt.css +6 -3
- package/dist/collection/components/gov-promp/gov-prompt.js +18 -5
- package/dist/collection/components/gov-promp/gov-prompt.js.map +1 -1
- package/dist/collection/components/gov-side-nav/gov-side-nav-item.css +3 -0
- package/dist/collection/components/gov-side-nav/gov-side-nav-item.js +1 -1
- package/dist/collection/components/gov-side-nav/gov-side-nav-item.js.map +1 -1
- package/dist/collection/components/gov-side-nav/gov-side-nav.css +3 -0
- package/dist/collection/components/gov-spacer/gov-spacer.css +3 -0
- package/dist/collection/components/gov-spacer/gov-spacer.js +3 -2
- package/dist/collection/components/gov-spacer/gov-spacer.js.map +1 -1
- package/dist/collection/components/gov-statsbar/constants.js +1 -1
- package/dist/collection/components/gov-statsbar/constants.js.map +1 -1
- package/dist/collection/components/gov-statsbar/gov-statsbar-item.css +3 -0
- package/dist/collection/components/gov-statsbar/gov-statsbar.css +3 -0
- package/dist/collection/components/gov-statsbar/gov-statsbar.js +2 -2
- package/dist/collection/components/gov-statsbar/gov-statsbar.js.map +1 -1
- package/dist/collection/components/gov-stepper/gov-stepper-item.css +3 -0
- package/dist/collection/components/gov-stepper/gov-stepper.css +3 -0
- package/dist/collection/components/gov-tabs/gov-tabs-item.css +3 -0
- package/dist/collection/components/gov-tabs/gov-tabs.css +3 -0
- package/dist/collection/components/gov-tabs/gov-tabs.js +1 -1
- package/dist/collection/components/gov-tabs/gov-tabs.js.map +1 -1
- package/dist/collection/components/gov-tile/gov-tile.css +4 -1
- package/dist/collection/components/gov-tile/gov-tile.js +1 -1
- package/dist/collection/components/gov-tile/gov-tile.js.map +1 -1
- package/dist/collection/components/gov-tiles/gov-tiles.css +6 -0
- package/dist/collection/components/gov-tiles/gov-tiles.js +19 -0
- package/dist/collection/components/gov-tiles/gov-tiles.js.map +1 -1
- package/dist/collection/components/gov-toast/gov-toast.css +3 -0
- package/dist/collection/components/gov-toast/gov-toast.js +1 -1
- package/dist/collection/components/gov-toast/gov-toast.js.map +1 -1
- package/dist/collection/components/gov-tooltip/gov-tooltip-content.css +3 -0
- package/dist/collection/components/gov-tooltip/gov-tooltip.css +3 -0
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.css +3 -0
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.js +1 -1
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.js.map +1 -1
- package/dist/collection/components/gov-wizzard/gov-wizzard.css +3 -0
- package/dist/collection/pages/Accordion.js +97 -2
- package/dist/collection/pages/Accordion.js.map +1 -1
- package/dist/collection/pages/Badge.js +27 -0
- package/dist/collection/pages/Badge.js.map +1 -1
- package/dist/collection/pages/Button.js +440 -120
- package/dist/collection/pages/Button.js.map +1 -1
- package/dist/collection/pages/Error.js +1 -1
- package/dist/collection/pages/Error.js.map +1 -1
- package/dist/collection/pages/Forms.js +31 -23
- package/dist/collection/pages/Forms.js.map +1 -1
- package/dist/collection/pages/Pagination.js +12 -2
- package/dist/collection/pages/Pagination.js.map +1 -1
- package/dist/collection/pages/Stepper.js +6 -6
- package/dist/collection/pages/Stepper.js.map +1 -1
- package/dist/collection/pages/Tiles.js +39 -0
- package/dist/collection/pages/Tiles.js.map +1 -1
- package/dist/collection/pages/ToastMessage.js +1 -1
- package/dist/collection/pages/ToastMessage.js.map +1 -1
- package/dist/collection/pages/ToastMessageCountdown.js +1 -1
- package/dist/collection/pages/ToastMessageCountdown.js.map +1 -1
- package/dist/collection/pages/Wizzard.js +3 -3
- package/dist/collection/pages/Wizzard.js.map +1 -1
- package/dist/collection/utils/array.utils.js +2 -0
- package/dist/collection/utils/array.utils.js.map +1 -0
- package/dist/components/constants11.js +2 -2
- package/dist/components/constants11.js.map +1 -1
- package/dist/components/constants3.js +2 -1
- package/dist/components/constants3.js.map +1 -1
- package/dist/components/gov-accordion-item.js +2 -2
- package/dist/components/gov-accordion-item.js.map +1 -1
- package/dist/components/gov-accordion.js +3 -1
- package/dist/components/gov-accordion.js.map +1 -1
- package/dist/components/gov-alert.js +1 -1
- package/dist/components/gov-alert.js.map +1 -1
- package/dist/components/gov-app.js +658 -159
- package/dist/components/gov-app.js.map +1 -1
- package/dist/components/gov-attachments-item2.js +1 -1
- package/dist/components/gov-attachments-item2.js.map +1 -1
- package/dist/components/gov-backdrop2.js +5 -4
- package/dist/components/gov-backdrop2.js.map +1 -1
- package/dist/components/gov-badge2.js +16 -17
- package/dist/components/gov-badge2.js.map +1 -1
- package/dist/components/gov-breadcrumbs.js +1 -1
- package/dist/components/gov-breadcrumbs.js.map +1 -1
- package/dist/components/gov-button2.js +5 -5
- package/dist/components/gov-button2.js.map +1 -1
- package/dist/components/gov-card.js +1 -1
- package/dist/components/gov-card.js.map +1 -1
- package/dist/components/gov-form-checkbox.js +1 -1
- package/dist/components/gov-form-checkbox.js.map +1 -1
- package/dist/components/gov-form-file.js +1 -1
- package/dist/components/gov-form-file.js.map +1 -1
- package/dist/components/gov-form-input2.js +2 -2
- package/dist/components/gov-form-input2.js.map +1 -1
- package/dist/components/gov-form-multi-select.js +3 -3
- package/dist/components/gov-form-multi-select.js.map +1 -1
- package/dist/components/gov-form-password-power.d.ts +11 -0
- package/dist/components/gov-form-password-power.js +44 -0
- package/dist/components/gov-form-password-power.js.map +1 -0
- package/dist/components/gov-form-select2.js +3 -3
- package/dist/components/gov-form-select2.js.map +1 -1
- package/dist/components/gov-icon2.js +1 -1
- package/dist/components/gov-modal.js +20 -13
- package/dist/components/gov-modal.js.map +1 -1
- package/dist/components/gov-pagination.js +49 -14
- package/dist/components/gov-pagination.js.map +1 -1
- package/dist/components/gov-prompt.js +13 -6
- 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-item.js.map +1 -1
- package/dist/components/gov-spacer.js +1 -1
- package/dist/components/gov-spacer.js.map +1 -1
- package/dist/components/gov-statsbar.js +2 -2
- package/dist/components/gov-statsbar.js.map +1 -1
- package/dist/components/gov-tabs.js +1 -1
- package/dist/components/gov-tabs.js.map +1 -1
- package/dist/components/gov-tile.js +2 -2
- package/dist/components/gov-tile.js.map +1 -1
- package/dist/components/gov-tiles.js +4 -2
- package/dist/components/gov-tiles.js.map +1 -1
- package/dist/components/gov-toast.js +1 -1
- package/dist/components/gov-toast.js.map +1 -1
- package/dist/components/gov-wizzard-item.js +1 -1
- package/dist/components/gov-wizzard-item.js.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-e7dd2002.entry.js → p-00e1e600.entry.js} +2 -2
- package/dist/core/p-00e1e600.entry.js.map +1 -0
- package/dist/core/p-0950ba85.entry.js +2 -0
- package/dist/core/p-0950ba85.entry.js.map +1 -0
- package/dist/core/{p-5fa41af9.js → p-1020a160.js} +1 -1
- package/dist/core/p-1020a160.js.map +1 -0
- package/dist/core/p-165fe5f4.entry.js +2 -0
- package/dist/core/{p-0a152bb7.entry.js.map → p-165fe5f4.entry.js.map} +1 -1
- package/dist/core/{p-9e6a41cc.entry.js → p-16608a87.entry.js} +2 -2
- package/dist/core/p-16608a87.entry.js.map +1 -0
- package/dist/core/{p-f5ee7634.entry.js → p-1bb5184f.entry.js} +2 -2
- package/dist/core/{p-f5ee7634.entry.js.map → p-1bb5184f.entry.js.map} +1 -1
- package/dist/core/p-1cc7b8d3.entry.js +2 -0
- package/dist/core/p-1cc7b8d3.entry.js.map +1 -0
- package/dist/core/{p-b48a3112.entry.js → p-4b375a4d.entry.js} +2 -2
- package/dist/core/{p-b48a3112.entry.js.map → p-4b375a4d.entry.js.map} +1 -1
- package/dist/core/{p-ad0cc981.entry.js → p-54f367db.entry.js} +2 -2
- package/dist/core/{p-ad0cc981.entry.js.map → p-54f367db.entry.js.map} +1 -1
- package/dist/core/p-5b4e3bdf.entry.js +2 -0
- package/dist/core/p-5b4e3bdf.entry.js.map +1 -0
- package/dist/core/p-613d8ed8.entry.js +2 -0
- package/dist/core/p-613d8ed8.entry.js.map +1 -0
- package/dist/core/{p-6d40721b.entry.js → p-63d2e8ec.entry.js} +2 -2
- package/dist/core/{p-6d40721b.entry.js.map → p-63d2e8ec.entry.js.map} +1 -1
- package/dist/core/{p-38fb2d42.entry.js → p-692eb701.entry.js} +2 -2
- package/dist/core/p-692eb701.entry.js.map +1 -0
- package/dist/core/{p-5cecdaaf.entry.js → p-72f16a95.entry.js} +2 -2
- package/dist/core/p-7ac5f119.entry.js +2 -0
- package/dist/core/{p-63079b80.entry.js.map → p-7ac5f119.entry.js.map} +1 -1
- package/dist/core/{p-03d40bf4.entry.js → p-833ab414.entry.js} +2 -2
- package/dist/core/{p-03d40bf4.entry.js.map → p-833ab414.entry.js.map} +1 -1
- package/dist/core/{p-34360f92.entry.js → p-84fda9dd.entry.js} +2 -2
- package/dist/core/{p-34360f92.entry.js.map → p-84fda9dd.entry.js.map} +1 -1
- package/dist/core/p-86a3c0d5.entry.js +2 -0
- package/dist/core/p-86a3c0d5.entry.js.map +1 -0
- package/dist/core/p-8dacc8dc.entry.js +2 -0
- package/dist/core/p-8dacc8dc.entry.js.map +1 -0
- package/dist/core/p-99155ec0.entry.js +2 -0
- package/dist/core/p-99155ec0.entry.js.map +1 -0
- package/dist/core/{p-7591ecd4.entry.js → p-9ca0a11c.entry.js} +2 -2
- package/dist/core/{p-7591ecd4.entry.js.map → p-9ca0a11c.entry.js.map} +1 -1
- package/dist/core/p-a0c491a6.entry.js +2 -0
- package/dist/core/p-a0c491a6.entry.js.map +1 -0
- package/dist/core/p-a0dd0a95.entry.js +2 -0
- package/dist/core/{p-e52a042f.entry.js.map → p-a0dd0a95.entry.js.map} +1 -1
- package/dist/core/p-b966062a.entry.js +2 -0
- package/dist/core/p-b966062a.entry.js.map +1 -0
- package/dist/core/{p-fc1581f9.entry.js → p-bd560ffc.entry.js} +2 -2
- package/dist/core/{p-fc1581f9.entry.js.map → p-bd560ffc.entry.js.map} +1 -1
- package/dist/core/p-c9948e57.entry.js +2 -0
- package/dist/core/p-c9948e57.entry.js.map +1 -0
- package/dist/core/p-cd869237.js +2 -0
- package/dist/core/p-cd869237.js.map +1 -0
- package/dist/core/{p-93facb4a.entry.js → p-da2b921e.entry.js} +2 -2
- package/dist/core/p-da2b921e.entry.js.map +1 -0
- package/dist/core/{p-9cc6ed83.entry.js → p-e57d250f.entry.js} +2 -2
- package/dist/core/p-e57d250f.entry.js.map +1 -0
- package/dist/core/{p-f5ffcb3d.entry.js → p-e9c94ef7.entry.js} +2 -2
- package/dist/core/p-fac1c202.entry.js +2 -0
- package/dist/core/p-fac1c202.entry.js.map +1 -0
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +1 -1
- package/dist/custom-elements/index.js.map +1 -1
- package/dist/esm/{constants-d550c816.js → constants-037c35bc.js} +3 -3
- package/dist/esm/constants-037c35bc.js.map +1 -0
- package/dist/esm/{constants-1a2146b2.js → constants-45f6db4c.js} +3 -2
- package/dist/esm/constants-45f6db4c.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/gov-accordion-item.entry.js +2 -2
- package/dist/esm/gov-accordion-item.entry.js.map +1 -1
- package/dist/esm/gov-accordion.entry.js +2 -1
- package/dist/esm/gov-accordion.entry.js.map +1 -1
- package/dist/esm/gov-alert.entry.js +1 -1
- package/dist/esm/gov-alert.entry.js.map +1 -1
- package/dist/esm/gov-app.entry.js +658 -159
- package/dist/esm/gov-app.entry.js.map +1 -1
- package/dist/esm/gov-attachments_3.entry.js +1 -1
- package/dist/esm/gov-attachments_3.entry.js.map +1 -1
- package/dist/esm/gov-backdrop.entry.js +5 -4
- package/dist/esm/gov-backdrop.entry.js.map +1 -1
- package/dist/esm/gov-badge.entry.js +17 -17
- package/dist/esm/gov-badge.entry.js.map +1 -1
- package/dist/esm/gov-breadcrumbs.entry.js +1 -1
- package/dist/esm/gov-breadcrumbs.entry.js.map +1 -1
- package/dist/esm/gov-button.entry.js +2 -2
- package/dist/esm/gov-button.entry.js.map +1 -1
- package/dist/esm/gov-card.entry.js +1 -1
- package/dist/esm/gov-card.entry.js.map +1 -1
- package/dist/esm/gov-form-checkbox.entry.js +1 -1
- package/dist/esm/gov-form-checkbox.entry.js.map +1 -1
- package/dist/esm/gov-form-file.entry.js +1 -1
- package/dist/esm/gov-form-file.entry.js.map +1 -1
- package/dist/esm/gov-form-input.entry.js +2 -2
- package/dist/esm/gov-form-input.entry.js.map +1 -1
- package/dist/esm/gov-form-multi-select.entry.js +3 -3
- package/dist/esm/gov-form-multi-select.entry.js.map +1 -1
- package/dist/esm/gov-form-password-power.entry.js +24 -0
- package/dist/esm/gov-form-password-power.entry.js.map +1 -0
- package/dist/esm/gov-form-select.entry.js +3 -3
- package/dist/esm/gov-form-select.entry.js.map +1 -1
- package/dist/esm/gov-icon.entry.js +1 -1
- package/dist/esm/gov-modal.entry.js +19 -13
- package/dist/esm/gov-modal.entry.js.map +1 -1
- package/dist/esm/gov-pagination.entry.js +49 -14
- package/dist/esm/gov-pagination.entry.js.map +1 -1
- package/dist/esm/gov-prompt.entry.js +12 -6
- package/dist/esm/gov-prompt.entry.js.map +1 -1
- package/dist/esm/gov-side-nav-item.entry.js +1 -1
- package/dist/esm/gov-side-nav-item.entry.js.map +1 -1
- package/dist/esm/gov-spacer.entry.js +1 -1
- package/dist/esm/gov-spacer.entry.js.map +1 -1
- package/dist/esm/gov-statsbar-item.entry.js +1 -1
- package/dist/esm/gov-statsbar.entry.js +2 -2
- package/dist/esm/gov-statsbar.entry.js.map +1 -1
- package/dist/esm/gov-tabs.entry.js +1 -1
- package/dist/esm/gov-tabs.entry.js.map +1 -1
- package/dist/esm/gov-tile.entry.js +2 -2
- package/dist/esm/gov-tile.entry.js.map +1 -1
- package/dist/esm/gov-tiles.entry.js +2 -1
- package/dist/esm/gov-tiles.entry.js.map +1 -1
- package/dist/esm/gov-toast.entry.js +1 -1
- package/dist/esm/gov-toast.entry.js.map +1 -1
- package/dist/esm/gov-wizzard-item.entry.js +1 -1
- package/dist/esm/gov-wizzard-item.entry.js.map +1 -1
- package/dist/esm/index-00e9a0d5.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/hydrate/index.js +830 -247
- package/dist/types/components/gov-accordion/gov-accordion.d.ts +4 -0
- package/dist/types/components/gov-badge/constants.d.ts +4 -2
- package/dist/types/components/gov-badge/gov-badge.d.ts +4 -9
- package/dist/types/components/gov-button/constants.d.ts +3 -2
- package/dist/types/components/gov-form/password-power/constants.d.ts +5 -0
- package/dist/types/components/gov-form/password-power/gov-form-password-power.d.ts +7 -0
- package/dist/types/components/gov-modal/gov-modal.d.ts +3 -1
- package/dist/types/components/gov-pagination/gov-pagination.d.ts +7 -3
- package/dist/types/components/gov-promp/gov-prompt.d.ts +3 -1
- package/dist/types/components/gov-statsbar/constants.d.ts +2 -2
- package/dist/types/components/gov-tiles/gov-tiles.d.ts +4 -0
- package/dist/types/components.d.ts +39 -10
- package/dist/types/utils/array.utils.d.ts +1 -0
- package/package.json +1 -1
- package/dist/cjs/constants-5f6bbc50.js.map +0 -1
- package/dist/cjs/constants-dc2ba6bd.js.map +0 -1
- package/dist/core/p-00182e76.entry.js +0 -2
- package/dist/core/p-00182e76.entry.js.map +0 -1
- package/dist/core/p-0278fcb3.entry.js +0 -2
- package/dist/core/p-0278fcb3.entry.js.map +0 -1
- package/dist/core/p-08f14c8b.entry.js +0 -2
- package/dist/core/p-08f14c8b.entry.js.map +0 -1
- package/dist/core/p-0a152bb7.entry.js +0 -2
- package/dist/core/p-14f8f2fb.js +0 -2
- package/dist/core/p-14f8f2fb.js.map +0 -1
- package/dist/core/p-2128abe1.entry.js +0 -2
- package/dist/core/p-2128abe1.entry.js.map +0 -1
- package/dist/core/p-2419f4cd.entry.js +0 -2
- package/dist/core/p-2419f4cd.entry.js.map +0 -1
- package/dist/core/p-38fb2d42.entry.js.map +0 -1
- package/dist/core/p-4681cb3a.entry.js +0 -2
- package/dist/core/p-4681cb3a.entry.js.map +0 -1
- package/dist/core/p-469273be.entry.js +0 -2
- package/dist/core/p-469273be.entry.js.map +0 -1
- package/dist/core/p-5547dbb0.entry.js +0 -2
- package/dist/core/p-5547dbb0.entry.js.map +0 -1
- package/dist/core/p-5fa41af9.js.map +0 -1
- package/dist/core/p-63079b80.entry.js +0 -2
- package/dist/core/p-93facb4a.entry.js.map +0 -1
- package/dist/core/p-9cc6ed83.entry.js.map +0 -1
- package/dist/core/p-9e6a41cc.entry.js.map +0 -1
- package/dist/core/p-e52a042f.entry.js +0 -2
- package/dist/core/p-e7dd2002.entry.js.map +0 -1
- package/dist/core/p-f2dc8ce3.entry.js +0 -2
- package/dist/core/p-f2dc8ce3.entry.js.map +0 -1
- package/dist/core/p-fc91591d.entry.js +0 -2
- package/dist/core/p-fc91591d.entry.js.map +0 -1
- package/dist/esm/constants-1a2146b2.js.map +0 -1
- package/dist/esm/constants-d550c816.js.map +0 -1
- /package/dist/core/{p-5cecdaaf.entry.js.map → p-72f16a95.entry.js.map} +0 -0
- /package/dist/core/{p-f5ffcb3d.entry.js.map → p-e9c94ef7.entry.js.map} +0 -0
package/dist/hydrate/index.js
CHANGED
|
@@ -6019,7 +6019,7 @@ const toOnOffAttrIfDefined = (value) => {
|
|
|
6019
6019
|
return typeof value === 'undefined' ? undefined : toOnOffAttr(value);
|
|
6020
6020
|
};
|
|
6021
6021
|
|
|
6022
|
-
const govAccordionCss = ".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)}}.gov-accordion{position:relative;display:block;width:100%}";
|
|
6022
|
+
const govAccordionCss = ".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)}}.gov-accordion{position:relative;display:block;width:100%}.gov-accordion[no-border] .gov-accordion-item__header::before{background-color:transparent !important}";
|
|
6023
6023
|
|
|
6024
6024
|
class GovAccordion {
|
|
6025
6025
|
constructor(hostRef) {
|
|
@@ -6027,6 +6027,7 @@ class GovAccordion {
|
|
|
6027
6027
|
this.govChange = createEvent(this, "gov-change", 7);
|
|
6028
6028
|
this.size = 'm';
|
|
6029
6029
|
this.variant = 'primary';
|
|
6030
|
+
this.noBorder = false;
|
|
6030
6031
|
this.wcagLabel = undefined;
|
|
6031
6032
|
this.wcagLabelledBy = undefined;
|
|
6032
6033
|
this.h = govHost(this.host);
|
|
@@ -6078,6 +6079,7 @@ class GovAccordion {
|
|
|
6078
6079
|
"$members$": {
|
|
6079
6080
|
"size": [1],
|
|
6080
6081
|
"variant": [1],
|
|
6082
|
+
"noBorder": [4, "no-border"],
|
|
6081
6083
|
"wcagLabel": [1, "wcag-label"],
|
|
6082
6084
|
"wcagLabelledBy": [1, "wcag-labelled-by"],
|
|
6083
6085
|
"validateWcag": [64]
|
|
@@ -6088,7 +6090,7 @@ class GovAccordion {
|
|
|
6088
6090
|
}; }
|
|
6089
6091
|
}
|
|
6090
6092
|
|
|
6091
|
-
const govAccordionItemCss = ".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)}}.gov-accordion-item{position:relative;display:block;width:100%}.gov-accordion-item__header{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;position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;border-radius:0;text-align:left;text-transform:none;transition:background-color 150ms ease-in-out}.gov-accordion-item__header:focus{outline:none}.gov-accordion-item__header:focus{outline:none}.gov-accordion-item__header: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}.gov-accordion-item__header::before{content:\"\";position:absolute;display:block;right:0;bottom:-1px;left:0;height:1px}.gov-accordion-item__header:focus-visible::before{display:none}.gov-accordion-item__header[aria-expanded=\"\"] .gov-accordion-item__arrow,.gov-accordion-item__header[aria-expanded=true i] .gov-accordion-item__arrow,.gov-accordion-item__header[aria-expanded=\"1\"] .gov-accordion-item__arrow{transform:scale(-1)}.gov-accordion-item__arrow{flex:0 0 auto;align-self:center}.gov-accordion-item__icon{display:inline-flex;vertical-align:middle;flex:0 0 auto}.gov-accordion-item__suffix{display:inline-flex;vertical-align:middle;flex:0 0 auto;align-self:start;margin-left:auto;line-height:initial}.gov-accordion-item__title{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:flex;flex:1 1 auto;align-items:flex-start}.gov-accordion-item__name{display:flex;flex-direction:column}.gov-accordion-item__annot{color:var(--gov-color-secondary)}.gov-accordion-item__content>*:last-child{margin-bottom:0}.gov-accordion-item[size=
|
|
6093
|
+
const govAccordionItemCss = ".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)}}.gov-accordion-item{position:relative;display:block;width:100%}.gov-accordion-item__header{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;position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;border-radius:0;text-align:left;text-transform:none;transition:background-color 150ms ease-in-out}.gov-accordion-item__header:focus{outline:none}.gov-accordion-item__header:focus{outline:none}.gov-accordion-item__header: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}.gov-accordion-item__header::before{content:\"\";position:absolute;display:block;right:0;bottom:-1px;left:0;height:1px}.gov-accordion-item__header:focus-visible::before{display:none}.gov-accordion-item__header[aria-expanded=\"\"] .gov-accordion-item__arrow,.gov-accordion-item__header[aria-expanded=true i] .gov-accordion-item__arrow,.gov-accordion-item__header[aria-expanded=\"1\"] .gov-accordion-item__arrow{transform:scale(-1)}.gov-accordion-item__arrow{flex:0 0 auto;align-self:center}.gov-accordion-item__icon{display:inline-flex;vertical-align:middle;flex:0 0 auto}.gov-accordion-item__suffix{display:inline-flex;vertical-align:middle;flex:0 0 auto;align-self:start;margin-left:auto;line-height:initial}.gov-accordion-item__title{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:flex;flex:1 1 auto;align-items:flex-start}.gov-accordion-item__name{display:flex;flex-direction:column}.gov-accordion-item__annot{color:var(--gov-color-secondary)}.gov-accordion-item__content>*:last-child{margin-bottom:0}.gov-accordion-item[size=xs] .gov-accordion-item__header{gap:var(--gov-accordion-s-headline-gap, 0.5rem);min-height:var(--gov-accordion-s-min-height, 3rem);padding:var(--gov-accordion-s-padding-y, 0.75rem) var(--gov-accordion-s-padding-x, 0.5rem)}.gov-accordion-item[size=xs] .gov-accordion-item__arrow{width:var(--gov-accordion-s-icon-size, 0.75rem);height:var(--gov-accordion-s-icon-size, 0.75rem)}.gov-accordion-item[size=xs] .gov-accordion-item__icon{width:calc(var(--gov-text-m-font-size) * 1.2);height:calc(var(--gov-text-m-font-size) * 1.2);transform:translateY(var(--gov-accordion-s-icon-position, 0.0625rem))}.gov-accordion-item[size=xs] .gov-accordion-item__title{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);gap:var(--gov-accordion-s-headline-gap, 0.5rem)}.gov-accordion-item[size=xs] .gov-accordion-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-accordion-item[size=xs] .gov-accordion-item__content{padding:var(--gov-accordion-s-padding-inner, 1rem 0.5rem)}.gov-accordion-item[size=s] .gov-accordion-item__header{gap:var(--gov-accordion-s-headline-gap, 0.5rem);min-height:var(--gov-accordion-s-min-height, 3rem);padding:var(--gov-accordion-s-padding-y, 1.125rem) var(--gov-accordion-s-padding-x, 0.5rem)}.gov-accordion-item[size=s] .gov-accordion-item__arrow{width:var(--gov-accordion-s-icon-size, 0.75rem);height:var(--gov-accordion-s-icon-size, 0.75rem)}.gov-accordion-item[size=s] .gov-accordion-item__icon{width:calc(var(--gov-text-xl-font-size) * 1.2);height:calc(var(--gov-text-xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-s-icon-position, 0.0625rem))}.gov-accordion-item[size=s] .gov-accordion-item__title{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);gap:var(--gov-accordion-s-headline-gap, 0.5rem)}.gov-accordion-item[size=s] .gov-accordion-item__annot{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-accordion-item[size=s] .gov-accordion-item__content{padding:var(--gov-accordion-s-padding-inner, 1rem 0.5rem)}.gov-accordion-item[size=m] .gov-accordion-item__header{gap:var(--gov-accordion-m-headline-gap, 1rem);min-height:var(--gov-accordion-m-min-height, 4.5rem);padding:var(--gov-accordion-m-padding-y, 1.25rem) var(--gov-accordion-m-padding-x, 0.5rem)}.gov-accordion-item[size=m] .gov-accordion-item__arrow{width:var(--gov-accordion-m-icon-size, 1rem);height:var(--gov-accordion-m-icon-size, 1rem)}.gov-accordion-item[size=m] .gov-accordion-item__icon{width:calc(var(--gov-text-2xl-font-size) * 1.2);height:calc(var(--gov-text-2xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-m-icon-position, 0.125rem))}.gov-accordion-item[size=m] .gov-accordion-item__title{font-weight:var(--gov-text-2xl-font-weight);font-size:var(--gov-text-2xl-font-size);line-height:var(--gov-text-2xl-line-height);letter-spacing:var(--gov-text-2xl-letter-spacing);gap:var(--gov-accordion-m-headline-gap, 1rem)}.gov-accordion-item[size=m] .gov-accordion-item__annot{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-accordion-item[size=m] .gov-accordion-item__content{padding:var(--gov-accordion-m-padding-inner, 1.25rem 0.5rem)}.gov-accordion-item[size=l] .gov-accordion-item__header{gap:var(--gov-accordion-l-headline-gap, 1rem);min-height:var(--gov-accordion-l-min-height, 5.5rem);padding:var(--gov-accordion-l-padding-y, 1.375rem) var(--gov-accordion-l-padding-x, 0.5rem)}.gov-accordion-item[size=l] .gov-accordion-item__arrow{width:var(--gov-accordion-l-icon-size, 1.25rem);height:var(--gov-accordion-l-icon-size, 1.25rem)}.gov-accordion-item[size=l] .gov-accordion-item__icon{width:calc(var(--gov-text-3xl-font-size) * 1.2);height:calc(var(--gov-text-3xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-l-icon-position, 0.125rem))}.gov-accordion-item[size=l] .gov-accordion-item__title{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);gap:var(--gov-accordion-l-headline-gap, 1rem)}.gov-accordion-item[size=l] .gov-accordion-item__annot{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-accordion-item[size=l] .gov-accordion-item__content{padding:var(--gov-accordion-l-padding-inner, 1.25rem 0.5rem)}.gov-accordion-item[variant=primary] .gov-accordion-item__header{background-color:var(--gov-accordion-primary-background, transparent);color:var(--gov-accordion-primary-color, var(--gov-color-primary))}.gov-accordion-item[variant=primary] .gov-accordion-item__header::before{background-color:var(--gov-accordion-primary-separator, var(--gov-color-secondary-500))}@media not all and (pointer: coarse){.gov-accordion-item[variant=primary] .gov-accordion-item__header:hover{background-color:var(--gov-accordion-primary-background-hover, var(--gov-color-primary-200))}}.gov-accordion-item[variant=primary][disabled=\"\"] .gov-accordion-item__header,.gov-accordion-item[variant=primary][disabled=true i] .gov-accordion-item__header,.gov-accordion-item[variant=primary][disabled=\"1\"] .gov-accordion-item__header{color:var(--gov-accordion-primary-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){.gov-accordion-item[variant=primary][disabled=\"\"] .gov-accordion-item__header:hover,.gov-accordion-item[variant=primary][disabled=true i] .gov-accordion-item__header:hover,.gov-accordion-item[variant=primary][disabled=\"1\"] .gov-accordion-item__header:hover{background:transparent;cursor:not-allowed}}.gov-accordion-item[variant=secondary] .gov-accordion-item__header{background-color:var(--gov-accordion-secondary-background, transparent);color:var(--gov-accordion-secondary-color, var(--gov-color-secondary))}.gov-accordion-item[variant=secondary] .gov-accordion-item__header::before{background-color:var(--gov-accordion-secondary-separator, var(--gov-color-secondary-500))}@media not all and (pointer: coarse){.gov-accordion-item[variant=secondary] .gov-accordion-item__header:hover{background-color:var(--gov-accordion-secondary-background-hover, var(--gov-color-secondary-200))}}.gov-accordion-item[variant=secondary][disabled=\"\"] .gov-accordion-item__header,.gov-accordion-item[variant=secondary][disabled=true i] .gov-accordion-item__header,.gov-accordion-item[variant=secondary][disabled=\"1\"] .gov-accordion-item__header{color:var(--gov-accordion-secondary-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){.gov-accordion-item[variant=secondary][disabled=\"\"] .gov-accordion-item__header:hover,.gov-accordion-item[variant=secondary][disabled=true i] .gov-accordion-item__header:hover,.gov-accordion-item[variant=secondary][disabled=\"1\"] .gov-accordion-item__header:hover{background:transparent;cursor:not-allowed}}@media (max-width: 47.99em){.gov-accordion-item__title{flex-wrap:wrap}.gov-accordion-item__label{flex:0 0 auto}}";
|
|
6092
6094
|
|
|
6093
6095
|
class GovAccordionItem {
|
|
6094
6096
|
constructor(hostRef) {
|
|
@@ -6141,7 +6143,7 @@ class GovAccordionItem {
|
|
|
6141
6143
|
const contentId = this.contentId;
|
|
6142
6144
|
const { isExpandedState, label } = this;
|
|
6143
6145
|
const TriggerTag = this.triggerTag;
|
|
6144
|
-
return (hAsync(Host, { class: this.h.classes(AccordionItemClass.root), role: "listitem" }, hAsync("button", { id: triggerId, class: AccordionItemClass.header, "aria-expanded": booleanString(isExpandedState), "aria-controls": contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: () => this.toggle() }, hAsync(TriggerTag, { class: AccordionItemClass.title }, this.h.hasSlot('icon') && (hAsync("span", { class: AccordionItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: AccordionItemClass.name }, hAsync("span", { class: AccordionItemClass.label }, label), this.annotation && hAsync("span", { class: AccordionItemClass.annot }, this.annotation)), this.h.hasSlot('suffix') && (hAsync("span", { class: AccordionItemClass.suffix }, hAsync("slot", { name: "suffix" })))), hAsync("gov-icon", { class: AccordionItemClass.arrow, name: "
|
|
6146
|
+
return (hAsync(Host, { class: this.h.classes(AccordionItemClass.root), role: "listitem" }, hAsync("button", { id: triggerId, class: AccordionItemClass.header, "aria-expanded": booleanString(isExpandedState), "aria-controls": contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: () => this.toggle() }, hAsync(TriggerTag, { class: AccordionItemClass.title }, this.h.hasSlot('icon') && (hAsync("span", { class: AccordionItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: AccordionItemClass.name }, hAsync("span", { class: AccordionItemClass.label }, label), this.annotation && hAsync("span", { class: AccordionItemClass.annot }, this.annotation)), this.h.hasSlot('suffix') && (hAsync("span", { class: AccordionItemClass.suffix }, hAsync("slot", { name: "suffix" })))), hAsync("gov-icon", { class: AccordionItemClass.arrow, name: "chevron-down" })), hAsync("div", { class: AccordionItemClass.content, id: contentId, "aria-hidden": booleanString(!isExpandedState), hidden: !isExpandedState, "aria-labelledby": triggerId }, hAsync("slot", null))));
|
|
6145
6147
|
}
|
|
6146
6148
|
/**
|
|
6147
6149
|
* Opening the accordion
|
|
@@ -6236,7 +6238,7 @@ class GovAlert {
|
|
|
6236
6238
|
inverse = false;
|
|
6237
6239
|
variant = 'secondary';
|
|
6238
6240
|
}
|
|
6239
|
-
const closeButton = (hAsync("div", { class: AlertClass.close }, hAsync("gov-button", { size: "s", "aria-label": this.wcagCloseLabel, type: "base", variant: variant, inverse: inverse, onClick: (e) => this.govClose.emit(e) }, hAsync("gov-icon", { name: "
|
|
6241
|
+
const closeButton = (hAsync("div", { class: AlertClass.close }, hAsync("gov-button", { size: "s", "aria-label": this.wcagCloseLabel, type: "base", variant: variant, inverse: inverse, onClick: (e) => this.govClose.emit(e) }, hAsync("gov-icon", { name: "x-lg" }))));
|
|
6240
6242
|
return (hAsync(Host, { class: this.h.classes(AlertClass.root), variant: this.variant }, hAsync("section", { class: AlertClass.section, role: "alert" }, this.h.hasSlot('icon') && (hAsync("div", { class: AlertClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: AlertClass.content }, hAsync("slot", null))), this.closable && closeButton));
|
|
6241
6243
|
}
|
|
6242
6244
|
get host() { return getElement(this); }
|
|
@@ -9163,6 +9165,43 @@ class AccordionPage extends HTMLElement {
|
|
|
9163
9165
|
connectedCallback() {
|
|
9164
9166
|
this.innerHTML = `
|
|
9165
9167
|
|
|
9168
|
+
<h4>Accordion - extra small</h4>
|
|
9169
|
+
<div class="container-view">
|
|
9170
|
+
<gov-accordion size="xs">
|
|
9171
|
+
<gov-accordion-item trigger-tag="h1" label="Font Awesome Icon" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
|
|
9172
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9173
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9174
|
+
</gov-accordion-item>
|
|
9175
|
+
<gov-accordion-item label="Kontaktní osoby" disabled is-expanded>
|
|
9176
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9177
|
+
</gov-accordion-item>
|
|
9178
|
+
<gov-accordion-item label="Působnost v agendách">
|
|
9179
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9180
|
+
</gov-accordion-item>
|
|
9181
|
+
<gov-accordion-item label="Zřizované organizace">
|
|
9182
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9183
|
+
</gov-accordion-item>
|
|
9184
|
+
</gov-accordion>
|
|
9185
|
+
<br>
|
|
9186
|
+
<gov-accordion size="xs">
|
|
9187
|
+
<gov-accordion-item trigger-tag="h1" label="Font Awesome Icon" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
|
|
9188
|
+
<gov-icon slot="icon" name="info"></gov-icon>
|
|
9189
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9190
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9191
|
+
</gov-accordion-item>
|
|
9192
|
+
<gov-accordion-item label="Kontaktní osoby">
|
|
9193
|
+
<gov-icon slot="icon" name="info"></gov-icon>
|
|
9194
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9195
|
+
</gov-accordion-item>
|
|
9196
|
+
<gov-accordion-item label="Působnost v agendách">
|
|
9197
|
+
<gov-icon slot="icon" name="info"></gov-icon>
|
|
9198
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9199
|
+
</gov-accordion-item>
|
|
9200
|
+
<gov-accordion-item label="Zřizované organizace">
|
|
9201
|
+
<gov-icon slot="icon" name="info"></gov-icon>
|
|
9202
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9203
|
+
</gov-accordion-item>
|
|
9204
|
+
</gov-accordion>
|
|
9166
9205
|
<h4>Accordion - small</h4>
|
|
9167
9206
|
<div class="container-view">
|
|
9168
9207
|
<gov-accordion size="s">
|
|
@@ -9200,6 +9239,27 @@ class AccordionPage extends HTMLElement {
|
|
|
9200
9239
|
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9201
9240
|
</gov-accordion-item>
|
|
9202
9241
|
</gov-accordion>
|
|
9242
|
+
<br>
|
|
9243
|
+
<h4>Without border</h4>
|
|
9244
|
+
<gov-accordion size="s" no-border>
|
|
9245
|
+
<gov-accordion-item trigger-tag="h1" label="Font Awesome Icon" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
|
|
9246
|
+
<gov-icon slot="icon" name="info"></gov-icon>
|
|
9247
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9248
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9249
|
+
</gov-accordion-item>
|
|
9250
|
+
<gov-accordion-item label="Kontaktní osoby">
|
|
9251
|
+
<gov-icon slot="icon" name="info"></gov-icon>
|
|
9252
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9253
|
+
</gov-accordion-item>
|
|
9254
|
+
<gov-accordion-item label="Působnost v agendách">
|
|
9255
|
+
<gov-icon slot="icon" name="info"></gov-icon>
|
|
9256
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9257
|
+
</gov-accordion-item>
|
|
9258
|
+
<gov-accordion-item label="Zřizované organizace">
|
|
9259
|
+
<gov-icon slot="icon" name="info"></gov-icon>
|
|
9260
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9261
|
+
</gov-accordion-item>
|
|
9262
|
+
</gov-accordion>
|
|
9203
9263
|
</div>
|
|
9204
9264
|
|
|
9205
9265
|
<h4>Accordion - medium (default)</h4>
|
|
@@ -9285,7 +9345,44 @@ class AccordionPage extends HTMLElement {
|
|
|
9285
9345
|
|
|
9286
9346
|
|
|
9287
9347
|
|
|
9288
|
-
|
|
9348
|
+
<h4>Accordion Secondary - extra small</h4>
|
|
9349
|
+
<div class="container-view">
|
|
9350
|
+
<gov-accordion size="xs" variant="secondary">
|
|
9351
|
+
<gov-accordion-item trigger-tag="h1" label="Font Awesome Icon" disabled>
|
|
9352
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9353
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9354
|
+
</gov-accordion-item>
|
|
9355
|
+
<gov-accordion-item label="Kontaktní osoby">
|
|
9356
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9357
|
+
</gov-accordion-item>
|
|
9358
|
+
<gov-accordion-item label="Působnost v agendách">
|
|
9359
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9360
|
+
</gov-accordion-item>
|
|
9361
|
+
<gov-accordion-item label="Zřizované organizace">
|
|
9362
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9363
|
+
</gov-accordion-item>
|
|
9364
|
+
</gov-accordion>
|
|
9365
|
+
<br>
|
|
9366
|
+
<gov-accordion size="xs" variant="secondary">
|
|
9367
|
+
<gov-accordion-item trigger-tag="h1" label="Font Awesome Icon">
|
|
9368
|
+
<gov-icon slot="icon" name="info"></gov-icon>
|
|
9369
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9370
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9371
|
+
</gov-accordion-item>
|
|
9372
|
+
<gov-accordion-item label="Kontaktní osoby">
|
|
9373
|
+
<gov-icon slot="icon" name="info"></gov-icon>
|
|
9374
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9375
|
+
</gov-accordion-item>
|
|
9376
|
+
<gov-accordion-item label="Působnost v agendách">
|
|
9377
|
+
<gov-icon slot="icon" name="info"></gov-icon>
|
|
9378
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9379
|
+
</gov-accordion-item>
|
|
9380
|
+
<gov-accordion-item label="Zřizované organizace">
|
|
9381
|
+
<gov-icon slot="icon" name="info"></gov-icon>
|
|
9382
|
+
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9383
|
+
</gov-accordion-item>
|
|
9384
|
+
</gov-accordion>
|
|
9385
|
+
</div>
|
|
9289
9386
|
<h4>Accordion Secondary - small</h4>
|
|
9290
9387
|
<div class="container-view">
|
|
9291
9388
|
<gov-accordion size="s" variant="secondary">
|
|
@@ -9346,7 +9443,7 @@ class AccordionPage extends HTMLElement {
|
|
|
9346
9443
|
<br>
|
|
9347
9444
|
<gov-accordion variant="secondary">
|
|
9348
9445
|
<gov-accordion-item trigger-tag="h1" label="Lorem ipsum dolor sit amet, consectetur adipiscing elit. In imperdiet dictum consectetur. Sed posuere tellus in lobortis aliquam. Pellentesque a porttitor purus." is-expanded>
|
|
9349
|
-
<gov-icon slot="icon"
|
|
9446
|
+
<gov-icon slot="icon" name="info"></gov-icon>
|
|
9350
9447
|
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
9351
9448
|
<gov-badge variant="primary" size="s" slot="suffix">super badge</gov-badge>
|
|
9352
9449
|
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
@@ -9500,6 +9597,33 @@ class BadgePage extends HTMLElement {
|
|
|
9500
9597
|
connectedCallback() {
|
|
9501
9598
|
this.innerHTML = `
|
|
9502
9599
|
<h1>Badges</h1>
|
|
9600
|
+
<h4>Badges close</h4>
|
|
9601
|
+
<div class="container-view">
|
|
9602
|
+
<gov-badge variant="primary" size="s">
|
|
9603
|
+
Not clickable S
|
|
9604
|
+
<gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="s">
|
|
9605
|
+
<gov-icon slot="right-icon" name="x-lg"></gov-icon>
|
|
9606
|
+
</gov-button>
|
|
9607
|
+
</gov-badge>
|
|
9608
|
+
<gov-badge variant="primary" size="m">
|
|
9609
|
+
Not clickable M
|
|
9610
|
+
<gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="m">
|
|
9611
|
+
<gov-icon slot="right-icon" name="x-lg"></gov-icon>
|
|
9612
|
+
</gov-button>
|
|
9613
|
+
</gov-badge>
|
|
9614
|
+
<gov-badge variant="primary" size="l">
|
|
9615
|
+
Not clickable L
|
|
9616
|
+
<gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="l">
|
|
9617
|
+
<gov-icon slot="right-icon" name="x-lg"></gov-icon>
|
|
9618
|
+
</gov-button>
|
|
9619
|
+
</gov-badge>
|
|
9620
|
+
<gov-badge variant="primary" size="xl">
|
|
9621
|
+
Not clickable XL
|
|
9622
|
+
<gov-button slot="right" variant="primary" type="solid" wcag-label="Zavřít vše" size="xl">
|
|
9623
|
+
<gov-icon slot="right-icon" name="x-lg"></gov-icon>
|
|
9624
|
+
</gov-button>
|
|
9625
|
+
</gov-badge>
|
|
9626
|
+
</div>
|
|
9503
9627
|
<h4>Badges - primary (default)</h4>
|
|
9504
9628
|
<div class="container-view">
|
|
9505
9629
|
<gov-badge variant="primary" size="xs">
|
|
@@ -9847,22 +9971,22 @@ class ButtonPage extends HTMLElement {
|
|
|
9847
9971
|
</gov-button>
|
|
9848
9972
|
<br>
|
|
9849
9973
|
<gov-button variant="primary" size="s">
|
|
9850
|
-
<gov-icon slot="left-icon" name="
|
|
9974
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9851
9975
|
</gov-button>
|
|
9852
9976
|
<gov-button variant="primary" disabled>
|
|
9853
|
-
<gov-icon slot="left-icon" name="
|
|
9977
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9854
9978
|
</gov-button>
|
|
9855
9979
|
<gov-button variant="primary" size="l">
|
|
9856
|
-
<gov-icon slot="left-icon" name="
|
|
9980
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9857
9981
|
</gov-button>
|
|
9858
9982
|
<gov-button variant="primary" size="xl" disabled>
|
|
9859
|
-
<gov-icon slot="left-icon" name="
|
|
9983
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9860
9984
|
</gov-button>
|
|
9861
9985
|
<gov-button variant="primary" loading="false">
|
|
9862
|
-
<gov-icon slot="left-icon" name="
|
|
9986
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9863
9987
|
</gov-button>
|
|
9864
9988
|
<gov-button variant="primary" loading="true" disabled>
|
|
9865
|
-
<gov-icon slot="left-icon" name="
|
|
9989
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9866
9990
|
</gov-button>
|
|
9867
9991
|
</div>
|
|
9868
9992
|
<h4>Buttons - primary (expanded)</h4>
|
|
@@ -9876,22 +10000,22 @@ class ButtonPage extends HTMLElement {
|
|
|
9876
10000
|
<h4>Buttons - primary (inversed)</h4>
|
|
9877
10001
|
<div class="container-view gov-bg--primary-600">
|
|
9878
10002
|
<gov-button inverse variant="primary" size="s">
|
|
9879
|
-
<gov-icon slot="left-icon" name="
|
|
10003
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9880
10004
|
</gov-button>
|
|
9881
10005
|
<gov-button inverse variant="primary" disabled>
|
|
9882
|
-
<gov-icon slot="left-icon" name="
|
|
10006
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9883
10007
|
</gov-button>
|
|
9884
10008
|
<gov-button inverse variant="primary" size="l">
|
|
9885
|
-
<gov-icon slot="left-icon" name="
|
|
10009
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9886
10010
|
</gov-button>
|
|
9887
10011
|
<gov-button inverse variant="primary" size="xl" disabled>
|
|
9888
|
-
<gov-icon slot="left-icon" name="
|
|
10012
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9889
10013
|
</gov-button>
|
|
9890
10014
|
<gov-button inverse variant="primary" loading="false">
|
|
9891
|
-
<gov-icon slot="left-icon" name="
|
|
10015
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9892
10016
|
</gov-button>
|
|
9893
10017
|
<gov-button inverse variant="primary" loading="true" disabled>
|
|
9894
|
-
<gov-icon slot="left-icon" name="
|
|
10018
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9895
10019
|
</gov-button>
|
|
9896
10020
|
</div>
|
|
9897
10021
|
<hr />
|
|
@@ -9931,22 +10055,22 @@ class ButtonPage extends HTMLElement {
|
|
|
9931
10055
|
<h4>Buttons - primary (outlined inversed)</h4>
|
|
9932
10056
|
<div class="container-view gov-bg--primary-600">
|
|
9933
10057
|
<gov-button inverse variant="primary" type="outlined" size="s">
|
|
9934
|
-
<gov-icon slot="left-icon" name="
|
|
10058
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9935
10059
|
</gov-button>
|
|
9936
10060
|
<gov-button inverse variant="primary" type="outlined" disabled>
|
|
9937
|
-
<gov-icon slot="left-icon" name="
|
|
10061
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9938
10062
|
</gov-button>
|
|
9939
10063
|
<gov-button inverse variant="primary" type="outlined" size="l">
|
|
9940
|
-
<gov-icon slot="left-icon" name="
|
|
10064
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9941
10065
|
</gov-button>
|
|
9942
10066
|
<gov-button inverse variant="primary" type="outlined" size="xl" disabled>
|
|
9943
|
-
<gov-icon slot="left-icon" name="
|
|
10067
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9944
10068
|
</gov-button>
|
|
9945
10069
|
<gov-button inverse variant="primary" type="outlined" loading="false">
|
|
9946
|
-
<gov-icon slot="left-icon" name="
|
|
10070
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9947
10071
|
</gov-button>
|
|
9948
10072
|
<gov-button inverse variant="primary" type="outlined" loading="true" disabled>
|
|
9949
|
-
<gov-icon slot="left-icon" name="
|
|
10073
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9950
10074
|
</gov-button>
|
|
9951
10075
|
</div>
|
|
9952
10076
|
|
|
@@ -9985,22 +10109,86 @@ class ButtonPage extends HTMLElement {
|
|
|
9985
10109
|
<h4>Buttons - primary (base inversed)</h4>
|
|
9986
10110
|
<div class="container-view gov-bg--primary-600">
|
|
9987
10111
|
<gov-button inverse variant="primary" type="base" size="s">
|
|
9988
|
-
<gov-icon slot="left-icon" name="
|
|
10112
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9989
10113
|
</gov-button>
|
|
9990
10114
|
<gov-button inverse variant="primary" type="base" disabled>
|
|
9991
|
-
<gov-icon slot="left-icon" name="
|
|
10115
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9992
10116
|
</gov-button>
|
|
9993
10117
|
<gov-button inverse variant="primary" type="base" size="l">
|
|
9994
|
-
<gov-icon slot="left-icon" name="
|
|
10118
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9995
10119
|
</gov-button>
|
|
9996
10120
|
<gov-button inverse variant="primary" type="base" size="xl" disabled>
|
|
9997
|
-
<gov-icon slot="left-icon" name="
|
|
10121
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
9998
10122
|
</gov-button>
|
|
9999
10123
|
<gov-button inverse variant="primary" type="base" loading="false">
|
|
10000
|
-
<gov-icon slot="left-icon" name="
|
|
10124
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10001
10125
|
</gov-button>
|
|
10002
10126
|
<gov-button inverse variant="primary" type="base" loading="true" disabled>
|
|
10003
|
-
<gov-icon slot="left-icon" name="
|
|
10127
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10128
|
+
</gov-button>
|
|
10129
|
+
</div>
|
|
10130
|
+
<hr />
|
|
10131
|
+
|
|
10132
|
+
<h4>Buttons - primary (link)</h4>
|
|
10133
|
+
<div class="container-view">
|
|
10134
|
+
<gov-button variant="primary" type="link" size="s">
|
|
10135
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10136
|
+
Small Primary
|
|
10137
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10138
|
+
</gov-button>
|
|
10139
|
+
<gov-button variant="primary" type="link" disabled>
|
|
10140
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10141
|
+
Normal Primary
|
|
10142
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10143
|
+
</gov-button>
|
|
10144
|
+
<gov-button variant="primary" type="link" size="l">
|
|
10145
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10146
|
+
Large Primary
|
|
10147
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10148
|
+
</gov-button>
|
|
10149
|
+
<gov-button variant="primary" type="link" disabled size="xl">
|
|
10150
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10151
|
+
X-Large Primary
|
|
10152
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10153
|
+
</gov-button>
|
|
10154
|
+
<br>
|
|
10155
|
+
<gov-button variant="primary" type="link" href="http://localhost:3333/button" loading="false">
|
|
10156
|
+
Odeslat
|
|
10157
|
+
</gov-button>
|
|
10158
|
+
<gov-button variant="primary" type="link" href="http://localhost:3333/button" loading="true" disabled>
|
|
10159
|
+
Odeslat
|
|
10160
|
+
</gov-button>
|
|
10161
|
+
</div>
|
|
10162
|
+
<hr />
|
|
10163
|
+
|
|
10164
|
+
<h4>Buttons - primary (link inversed)</h4>
|
|
10165
|
+
<div class="container-view gov-bg--primary-600">
|
|
10166
|
+
<gov-button inverse variant="primary" type="link" size="s">
|
|
10167
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10168
|
+
Small Primary
|
|
10169
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10170
|
+
</gov-button>
|
|
10171
|
+
<gov-button inverse variant="primary" type="link" disabled>
|
|
10172
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10173
|
+
Normal Primary
|
|
10174
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10175
|
+
</gov-button>
|
|
10176
|
+
<gov-button inverse variant="primary" type="link" size="l">
|
|
10177
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10178
|
+
Large Primary
|
|
10179
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10180
|
+
</gov-button>
|
|
10181
|
+
<gov-button inverse variant="primary" type="link" disabled size="xl">
|
|
10182
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10183
|
+
X-Large Primary
|
|
10184
|
+
<gov-icon inverse slot="right-icon" name="info"></gov-icon>
|
|
10185
|
+
</gov-button>
|
|
10186
|
+
<br>
|
|
10187
|
+
<gov-button inverse variant="primary" type="link" href="http://localhost:3333/button" loading="false">
|
|
10188
|
+
Odeslat
|
|
10189
|
+
</gov-button>
|
|
10190
|
+
<gov-button inverse variant="primary" type="link" href="http://localhost:3333/button" loading="true" disabled>
|
|
10191
|
+
Odeslat
|
|
10004
10192
|
</gov-button>
|
|
10005
10193
|
</div>
|
|
10006
10194
|
<hr />
|
|
@@ -10036,22 +10224,22 @@ class ButtonPage extends HTMLElement {
|
|
|
10036
10224
|
</gov-button>
|
|
10037
10225
|
<br>
|
|
10038
10226
|
<gov-button variant="secondary" size="s">
|
|
10039
|
-
<gov-icon slot="left-icon" name="
|
|
10227
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10040
10228
|
</gov-button>
|
|
10041
10229
|
<gov-button variant="secondary" disabled>
|
|
10042
|
-
<gov-icon slot="left-icon" name="
|
|
10230
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10043
10231
|
</gov-button>
|
|
10044
10232
|
<gov-button variant="secondary" size="l">
|
|
10045
|
-
<gov-icon slot="left-icon" name="
|
|
10233
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10046
10234
|
</gov-button>
|
|
10047
10235
|
<gov-button variant="secondary" size="xl" disabled>
|
|
10048
|
-
<gov-icon slot="left-icon" name="
|
|
10236
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10049
10237
|
</gov-button>
|
|
10050
10238
|
<gov-button variant="secondary" loading="false">
|
|
10051
|
-
<gov-icon slot="left-icon" name="
|
|
10239
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10052
10240
|
</gov-button>
|
|
10053
10241
|
<gov-button variant="secondary" loading="true" disabled>
|
|
10054
|
-
<gov-icon slot="left-icon" name="
|
|
10242
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10055
10243
|
</gov-button>
|
|
10056
10244
|
</div>
|
|
10057
10245
|
<hr />
|
|
@@ -10059,22 +10247,22 @@ class ButtonPage extends HTMLElement {
|
|
|
10059
10247
|
<h4>Buttons - secondary (inversed)</h4>
|
|
10060
10248
|
<div class="container-view gov-bg--secondary-800">
|
|
10061
10249
|
<gov-button inverse variant="secondary" size="s">
|
|
10062
|
-
<gov-icon slot="left-icon" name="
|
|
10250
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10063
10251
|
</gov-button>
|
|
10064
10252
|
<gov-button inverse variant="secondary" disabled>
|
|
10065
|
-
<gov-icon slot="left-icon" name="
|
|
10253
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10066
10254
|
</gov-button>
|
|
10067
10255
|
<gov-button inverse variant="secondary" size="l">
|
|
10068
|
-
<gov-icon slot="left-icon" name="
|
|
10256
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10069
10257
|
</gov-button>
|
|
10070
10258
|
<gov-button inverse variant="secondary" size="xl" disabled>
|
|
10071
|
-
<gov-icon slot="left-icon" name="
|
|
10259
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10072
10260
|
</gov-button>
|
|
10073
10261
|
<gov-button inverse variant="secondary" loading="false">
|
|
10074
|
-
<gov-icon slot="left-icon" name="
|
|
10262
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10075
10263
|
</gov-button>
|
|
10076
10264
|
<gov-button inverse variant="secondary" loading="true" disabled>
|
|
10077
|
-
<gov-icon slot="left-icon" name="
|
|
10265
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10078
10266
|
</gov-button>
|
|
10079
10267
|
</div>
|
|
10080
10268
|
<hr />
|
|
@@ -10114,22 +10302,22 @@ class ButtonPage extends HTMLElement {
|
|
|
10114
10302
|
<h4>Buttons - secondary (outlined inversed)</h4>
|
|
10115
10303
|
<div class="container-view gov-bg--secondary-800">
|
|
10116
10304
|
<gov-button inverse variant="secondary" type="outlined" size="s">
|
|
10117
|
-
<gov-icon slot="left-icon" name="
|
|
10305
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10118
10306
|
</gov-button>
|
|
10119
10307
|
<gov-button inverse variant="secondary" type="outlined" disabled>
|
|
10120
|
-
<gov-icon slot="left-icon" name="
|
|
10308
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10121
10309
|
</gov-button>
|
|
10122
10310
|
<gov-button inverse variant="secondary" type="outlined" size="l">
|
|
10123
|
-
<gov-icon slot="left-icon" name="
|
|
10311
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10124
10312
|
</gov-button>
|
|
10125
10313
|
<gov-button inverse variant="secondary" type="outlined" size="xl" disabled>
|
|
10126
|
-
<gov-icon slot="left-icon" name="
|
|
10314
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10127
10315
|
</gov-button>
|
|
10128
10316
|
<gov-button inverse variant="secondary" type="outlined" loading="false">
|
|
10129
|
-
<gov-icon slot="left-icon" name="
|
|
10317
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10130
10318
|
</gov-button>
|
|
10131
10319
|
<gov-button inverse variant="secondary" type="outlined" loading="true" disabled>
|
|
10132
|
-
<gov-icon slot="left-icon" name="
|
|
10320
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10133
10321
|
</gov-button>
|
|
10134
10322
|
</div>
|
|
10135
10323
|
<hr />
|
|
@@ -10169,22 +10357,86 @@ class ButtonPage extends HTMLElement {
|
|
|
10169
10357
|
<h4>Buttons - secondary (base inversed)</h4>
|
|
10170
10358
|
<div class="container-view gov-bg--secondary-800">
|
|
10171
10359
|
<gov-button inverse variant="secondary" type="base" size="s">
|
|
10172
|
-
<gov-icon slot="left-icon" name="
|
|
10360
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10173
10361
|
</gov-button>
|
|
10174
10362
|
<gov-button inverse variant="secondary" type="base" disabled>
|
|
10175
|
-
<gov-icon slot="left-icon" name="
|
|
10363
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10176
10364
|
</gov-button>
|
|
10177
10365
|
<gov-button inverse variant="secondary" type="base" size="l">
|
|
10178
|
-
<gov-icon slot="left-icon" name="
|
|
10366
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10179
10367
|
</gov-button>
|
|
10180
10368
|
<gov-button inverse variant="secondary" type="base" size="xl" disabled>
|
|
10181
|
-
<gov-icon slot="left-icon" name="
|
|
10369
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10182
10370
|
</gov-button>
|
|
10183
10371
|
<gov-button inverse variant="secondary" type="base" loading="false">
|
|
10184
|
-
<gov-icon slot="left-icon" name="
|
|
10372
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10185
10373
|
</gov-button>
|
|
10186
10374
|
<gov-button inverse variant="secondary" type="base" loading="true" disabled>
|
|
10187
|
-
<gov-icon slot="left-icon" name="
|
|
10375
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10376
|
+
</gov-button>
|
|
10377
|
+
</div>
|
|
10378
|
+
<hr />
|
|
10379
|
+
|
|
10380
|
+
<h4>Buttons - secondary (link)</h4>
|
|
10381
|
+
<div class="container-view">
|
|
10382
|
+
<gov-button variant="secondary" type="link" size="s">
|
|
10383
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10384
|
+
Small Secondary
|
|
10385
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10386
|
+
</gov-button>
|
|
10387
|
+
<gov-button variant="secondary" type="link" disabled>
|
|
10388
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10389
|
+
Normal Secondary
|
|
10390
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10391
|
+
</gov-button>
|
|
10392
|
+
<gov-button variant="secondary" type="link" size="l">
|
|
10393
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10394
|
+
Large Secondary
|
|
10395
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10396
|
+
</gov-button>
|
|
10397
|
+
<gov-button variant="secondary" type="link" disabled size="xl">
|
|
10398
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10399
|
+
X-Large Secondary
|
|
10400
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10401
|
+
</gov-button>
|
|
10402
|
+
<br>
|
|
10403
|
+
<gov-button variant="secondary" type="link" href="http://localhost:3333/button" loading="false">
|
|
10404
|
+
Odeslat
|
|
10405
|
+
</gov-button>
|
|
10406
|
+
<gov-button variant="secondary" type="link" href="http://localhost:3333/button" loading="true" disabled>
|
|
10407
|
+
Odeslat
|
|
10408
|
+
</gov-button>
|
|
10409
|
+
</div>
|
|
10410
|
+
<hr />
|
|
10411
|
+
|
|
10412
|
+
<h4>Buttons - secondary (link inversed)</h4>
|
|
10413
|
+
<div class="container-view gov-bg--secondary-800">
|
|
10414
|
+
<gov-button inverse variant="secondary" type="link" size="s">
|
|
10415
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10416
|
+
Small Secondary
|
|
10417
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10418
|
+
</gov-button>
|
|
10419
|
+
<gov-button inverse variant="secondary" type="link" disabled>
|
|
10420
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10421
|
+
Normal Secondary
|
|
10422
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10423
|
+
</gov-button>
|
|
10424
|
+
<gov-button inverse variant="secondary" type="link" size="l">
|
|
10425
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10426
|
+
Large Secondary
|
|
10427
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10428
|
+
</gov-button>
|
|
10429
|
+
<gov-button inverse variant="secondary" type="link" disabled size="xl">
|
|
10430
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10431
|
+
X-Large Secondary
|
|
10432
|
+
<gov-icon inverse slot="right-icon" name="info"></gov-icon>
|
|
10433
|
+
</gov-button>
|
|
10434
|
+
<br>
|
|
10435
|
+
<gov-button inverse variant="secondary" type="link" href="http://localhost:3333/button" loading="false">
|
|
10436
|
+
Odeslat
|
|
10437
|
+
</gov-button>
|
|
10438
|
+
<gov-button inverse variant="secondary" type="link" href="http://localhost:3333/button" loading="true" disabled>
|
|
10439
|
+
Odeslat
|
|
10188
10440
|
</gov-button>
|
|
10189
10441
|
</div>
|
|
10190
10442
|
<hr />
|
|
@@ -10220,22 +10472,22 @@ class ButtonPage extends HTMLElement {
|
|
|
10220
10472
|
</gov-button>
|
|
10221
10473
|
<br>
|
|
10222
10474
|
<gov-button variant="warning" size="s">
|
|
10223
|
-
<gov-icon slot="left-icon" name="
|
|
10475
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10224
10476
|
</gov-button>
|
|
10225
10477
|
<gov-button variant="warning" disabled>
|
|
10226
|
-
<gov-icon slot="left-icon" name="
|
|
10478
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10227
10479
|
</gov-button>
|
|
10228
10480
|
<gov-button variant="warning" size="l">
|
|
10229
|
-
<gov-icon slot="left-icon" name="
|
|
10481
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10230
10482
|
</gov-button>
|
|
10231
10483
|
<gov-button variant="warning" size="xl" disabled>
|
|
10232
|
-
<gov-icon slot="left-icon" name="
|
|
10484
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10233
10485
|
</gov-button>
|
|
10234
10486
|
<gov-button variant="warning" loading="false">
|
|
10235
|
-
<gov-icon slot="left-icon" name="
|
|
10487
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10236
10488
|
</gov-button>
|
|
10237
10489
|
<gov-button variant="warning" loading="true" disabled>
|
|
10238
|
-
<gov-icon slot="left-icon" name="
|
|
10490
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10239
10491
|
</gov-button>
|
|
10240
10492
|
</div>
|
|
10241
10493
|
<hr />
|
|
@@ -10243,22 +10495,22 @@ class ButtonPage extends HTMLElement {
|
|
|
10243
10495
|
<h4>Buttons - warning (inversed)</h4>
|
|
10244
10496
|
<div class="container-view gov-bg--warning-500">
|
|
10245
10497
|
<gov-button inverse variant="warning" size="s">
|
|
10246
|
-
<gov-icon slot="left-icon" name="
|
|
10498
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10247
10499
|
</gov-button>
|
|
10248
10500
|
<gov-button inverse variant="warning" disabled>
|
|
10249
|
-
<gov-icon slot="left-icon" name="
|
|
10501
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10250
10502
|
</gov-button>
|
|
10251
10503
|
<gov-button inverse variant="warning" size="l">
|
|
10252
|
-
<gov-icon slot="left-icon" name="
|
|
10504
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10253
10505
|
</gov-button>
|
|
10254
10506
|
<gov-button inverse variant="warning" size="xl" disabled>
|
|
10255
|
-
<gov-icon slot="left-icon" name="
|
|
10507
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10256
10508
|
</gov-button>
|
|
10257
10509
|
<gov-button inverse variant="warning" loading="false">
|
|
10258
|
-
<gov-icon slot="left-icon" name="
|
|
10510
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10259
10511
|
</gov-button>
|
|
10260
10512
|
<gov-button inverse variant="warning" loading="true" disabled>
|
|
10261
|
-
<gov-icon slot="left-icon" name="
|
|
10513
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10262
10514
|
</gov-button>
|
|
10263
10515
|
</div>
|
|
10264
10516
|
<hr />
|
|
@@ -10298,22 +10550,22 @@ class ButtonPage extends HTMLElement {
|
|
|
10298
10550
|
<h4>Buttons - warning (outlined inversed)</h4>
|
|
10299
10551
|
<div class="container-view gov-bg--warning-500">
|
|
10300
10552
|
<gov-button inverse variant="warning" type="outlined" size="s">
|
|
10301
|
-
<gov-icon slot="left-icon" name="
|
|
10553
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10302
10554
|
</gov-button>
|
|
10303
10555
|
<gov-button inverse variant="warning" type="outlined" disabled>
|
|
10304
|
-
<gov-icon slot="left-icon" name="
|
|
10556
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10305
10557
|
</gov-button>
|
|
10306
10558
|
<gov-button inverse variant="warning" type="outlined" size="l">
|
|
10307
|
-
<gov-icon slot="left-icon" name="
|
|
10559
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10308
10560
|
</gov-button>
|
|
10309
10561
|
<gov-button inverse variant="warning" type="outlined" size="xl" disabled>
|
|
10310
|
-
<gov-icon slot="left-icon" name="
|
|
10562
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10311
10563
|
</gov-button>
|
|
10312
10564
|
<gov-button inverse variant="warning" type="outlined" loading="false">
|
|
10313
|
-
<gov-icon slot="left-icon" name="
|
|
10565
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10314
10566
|
</gov-button>
|
|
10315
10567
|
<gov-button inverse variant="warning" type="outlined" loading="true" disabled>
|
|
10316
|
-
<gov-icon slot="left-icon" name="
|
|
10568
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10317
10569
|
</gov-button>
|
|
10318
10570
|
</div>
|
|
10319
10571
|
<hr />
|
|
@@ -10353,22 +10605,86 @@ class ButtonPage extends HTMLElement {
|
|
|
10353
10605
|
<h4>Buttons - warning (base inversed)</h4>
|
|
10354
10606
|
<div class="container-view gov-bg--warning-500">
|
|
10355
10607
|
<gov-button inverse variant="warning" type="base" size="s">
|
|
10356
|
-
<gov-icon slot="left-icon" name="
|
|
10608
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10357
10609
|
</gov-button>
|
|
10358
10610
|
<gov-button inverse variant="warning" type="base" disabled>
|
|
10359
|
-
<gov-icon slot="left-icon" name="
|
|
10611
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10360
10612
|
</gov-button>
|
|
10361
10613
|
<gov-button inverse variant="warning" type="base" size="l">
|
|
10362
|
-
<gov-icon slot="left-icon" name="
|
|
10614
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10363
10615
|
</gov-button>
|
|
10364
10616
|
<gov-button inverse variant="warning" type="base" size="xl" disabled>
|
|
10365
|
-
<gov-icon slot="left-icon" name="
|
|
10617
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10366
10618
|
</gov-button>
|
|
10367
10619
|
<gov-button inverse variant="warning" type="base" loading="false">
|
|
10368
|
-
<gov-icon slot="left-icon" name="
|
|
10620
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10369
10621
|
</gov-button>
|
|
10370
10622
|
<gov-button inverse variant="warning" type="base" loading="true" disabled>
|
|
10371
|
-
<gov-icon slot="left-icon" name="
|
|
10623
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10624
|
+
</gov-button>
|
|
10625
|
+
</div>
|
|
10626
|
+
<hr />
|
|
10627
|
+
|
|
10628
|
+
<h4>Buttons - warning (link)</h4>
|
|
10629
|
+
<div class="container-view">
|
|
10630
|
+
<gov-button variant="warning" type="link" size="s">
|
|
10631
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10632
|
+
Small warning
|
|
10633
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10634
|
+
</gov-button>
|
|
10635
|
+
<gov-button variant="warning" type="link" disabled>
|
|
10636
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10637
|
+
Normal warning
|
|
10638
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10639
|
+
</gov-button>
|
|
10640
|
+
<gov-button variant="warning" type="link" size="l">
|
|
10641
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10642
|
+
Large warning
|
|
10643
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10644
|
+
</gov-button>
|
|
10645
|
+
<gov-button variant="warning" type="link" disabled size="xl">
|
|
10646
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10647
|
+
X-Large warning
|
|
10648
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10649
|
+
</gov-button>
|
|
10650
|
+
<br>
|
|
10651
|
+
<gov-button variant="warning" type="link" href="http://localhost:3333/button" loading="false">
|
|
10652
|
+
Odeslat
|
|
10653
|
+
</gov-button>
|
|
10654
|
+
<gov-button variant="warning" type="link" href="http://localhost:3333/button" loading="true" disabled>
|
|
10655
|
+
Odeslat
|
|
10656
|
+
</gov-button>
|
|
10657
|
+
</div>
|
|
10658
|
+
<hr />
|
|
10659
|
+
|
|
10660
|
+
<h4>Buttons - warning (link inversed)</h4>
|
|
10661
|
+
<div class="container-view gov-bg--warning-500">
|
|
10662
|
+
<gov-button inverse variant="warning" type="link" size="s">
|
|
10663
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10664
|
+
Small warning
|
|
10665
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10666
|
+
</gov-button>
|
|
10667
|
+
<gov-button inverse variant="warning" type="link" disabled>
|
|
10668
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10669
|
+
Normal warning
|
|
10670
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10671
|
+
</gov-button>
|
|
10672
|
+
<gov-button inverse variant="warning" type="link" size="l">
|
|
10673
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10674
|
+
Large warning
|
|
10675
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10676
|
+
</gov-button>
|
|
10677
|
+
<gov-button inverse variant="warning" type="link" disabled size="xl">
|
|
10678
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10679
|
+
X-Large warning
|
|
10680
|
+
<gov-icon inverse slot="right-icon" name="info"></gov-icon>
|
|
10681
|
+
</gov-button>
|
|
10682
|
+
<br>
|
|
10683
|
+
<gov-button inverse variant="warning" type="link" href="http://localhost:3333/button" loading="false">
|
|
10684
|
+
Odeslat
|
|
10685
|
+
</gov-button>
|
|
10686
|
+
<gov-button inverse variant="warning" type="link" href="http://localhost:3333/button" loading="true" disabled>
|
|
10687
|
+
Odeslat
|
|
10372
10688
|
</gov-button>
|
|
10373
10689
|
</div>
|
|
10374
10690
|
<hr />
|
|
@@ -10404,22 +10720,22 @@ class ButtonPage extends HTMLElement {
|
|
|
10404
10720
|
</gov-button>
|
|
10405
10721
|
<br>
|
|
10406
10722
|
<gov-button variant="success" size="s">
|
|
10407
|
-
<gov-icon slot="left-icon" name="
|
|
10723
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10408
10724
|
</gov-button>
|
|
10409
10725
|
<gov-button variant="success" disabled>
|
|
10410
|
-
<gov-icon slot="left-icon" name="
|
|
10726
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10411
10727
|
</gov-button>
|
|
10412
10728
|
<gov-button variant="success" size="l">
|
|
10413
|
-
<gov-icon slot="left-icon" name="
|
|
10729
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10414
10730
|
</gov-button>
|
|
10415
10731
|
<gov-button variant="success" size="xl" disabled>
|
|
10416
|
-
<gov-icon slot="left-icon" name="
|
|
10732
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10417
10733
|
</gov-button>
|
|
10418
10734
|
<gov-button variant="success" loading="false">
|
|
10419
|
-
<gov-icon slot="left-icon" name="
|
|
10735
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10420
10736
|
</gov-button>
|
|
10421
10737
|
<gov-button variant="success" loading="true" disabled>
|
|
10422
|
-
<gov-icon slot="left-icon" name="
|
|
10738
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10423
10739
|
</gov-button>
|
|
10424
10740
|
</div>
|
|
10425
10741
|
<hr />
|
|
@@ -10427,22 +10743,22 @@ class ButtonPage extends HTMLElement {
|
|
|
10427
10743
|
<h4>Buttons - success (inversed)</h4>
|
|
10428
10744
|
<div class="container-view gov-bg--success-500">
|
|
10429
10745
|
<gov-button inverse variant="success" size="s">
|
|
10430
|
-
<gov-icon slot="left-icon" name="
|
|
10746
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10431
10747
|
</gov-button>
|
|
10432
10748
|
<gov-button inverse variant="success" disabled>
|
|
10433
|
-
<gov-icon slot="left-icon" name="
|
|
10749
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10434
10750
|
</gov-button>
|
|
10435
10751
|
<gov-button inverse variant="success" size="l">
|
|
10436
|
-
<gov-icon slot="left-icon" name="
|
|
10752
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10437
10753
|
</gov-button>
|
|
10438
10754
|
<gov-button inverse variant="success" size="xl" disabled>
|
|
10439
|
-
<gov-icon slot="left-icon" name="
|
|
10755
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10440
10756
|
</gov-button>
|
|
10441
10757
|
<gov-button inverse variant="success" loading="false">
|
|
10442
|
-
<gov-icon slot="left-icon" name="
|
|
10758
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10443
10759
|
</gov-button>
|
|
10444
10760
|
<gov-button inverse variant="success" loading="true" disabled>
|
|
10445
|
-
<gov-icon slot="left-icon" name="
|
|
10761
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10446
10762
|
</gov-button>
|
|
10447
10763
|
</div>
|
|
10448
10764
|
<hr />
|
|
@@ -10482,22 +10798,22 @@ class ButtonPage extends HTMLElement {
|
|
|
10482
10798
|
<h4>Buttons - success (outlined inversed)</h4>
|
|
10483
10799
|
<div class="container-view gov-bg--success-500">
|
|
10484
10800
|
<gov-button inverse variant="success" type="outlined" size="s">
|
|
10485
|
-
<gov-icon slot="left-icon" name="
|
|
10801
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10486
10802
|
</gov-button>
|
|
10487
10803
|
<gov-button inverse variant="success" type="outlined" disabled>
|
|
10488
|
-
<gov-icon slot="left-icon" name="
|
|
10804
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10489
10805
|
</gov-button>
|
|
10490
10806
|
<gov-button inverse variant="success" type="outlined" size="l">
|
|
10491
|
-
<gov-icon slot="left-icon" name="
|
|
10807
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10492
10808
|
</gov-button>
|
|
10493
10809
|
<gov-button inverse variant="success" type="outlined" size="xl" disabled>
|
|
10494
|
-
<gov-icon slot="left-icon" name="
|
|
10810
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10495
10811
|
</gov-button>
|
|
10496
10812
|
<gov-button inverse variant="success" type="outlined" loading="false">
|
|
10497
|
-
<gov-icon slot="left-icon" name="
|
|
10813
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10498
10814
|
</gov-button>
|
|
10499
10815
|
<gov-button inverse variant="success" type="outlined" loading="true" disabled>
|
|
10500
|
-
<gov-icon slot="left-icon" name="
|
|
10816
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10501
10817
|
</gov-button>
|
|
10502
10818
|
</div>
|
|
10503
10819
|
<hr />
|
|
@@ -10537,22 +10853,86 @@ class ButtonPage extends HTMLElement {
|
|
|
10537
10853
|
<h4>Buttons - success (base inversed)</h4>
|
|
10538
10854
|
<div class="container-view gov-bg--success-500">
|
|
10539
10855
|
<gov-button inverse variant="success" type="base" size="s">
|
|
10540
|
-
<gov-icon slot="left-icon" name="
|
|
10856
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10541
10857
|
</gov-button>
|
|
10542
10858
|
<gov-button inverse variant="success" type="base" disabled>
|
|
10543
|
-
<gov-icon slot="left-icon" name="
|
|
10859
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10544
10860
|
</gov-button>
|
|
10545
10861
|
<gov-button inverse variant="success" type="base" size="l">
|
|
10546
|
-
<gov-icon slot="left-icon" name="
|
|
10862
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10547
10863
|
</gov-button>
|
|
10548
10864
|
<gov-button inverse variant="success" type="base" size="xl" disabled>
|
|
10549
|
-
<gov-icon slot="left-icon" name="
|
|
10865
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10550
10866
|
</gov-button>
|
|
10551
10867
|
<gov-button inverse variant="success" type="base" loading="false">
|
|
10552
|
-
<gov-icon slot="left-icon" name="
|
|
10868
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10553
10869
|
</gov-button>
|
|
10554
10870
|
<gov-button inverse variant="success" type="base" loading="true" disabled>
|
|
10555
|
-
<gov-icon slot="left-icon" name="
|
|
10871
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10872
|
+
</gov-button>
|
|
10873
|
+
</div>
|
|
10874
|
+
<hr />
|
|
10875
|
+
|
|
10876
|
+
<h4>Buttons - success (link)</h4>
|
|
10877
|
+
<div class="container-view">
|
|
10878
|
+
<gov-button variant="success" type="link" size="s">
|
|
10879
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10880
|
+
Small success
|
|
10881
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10882
|
+
</gov-button>
|
|
10883
|
+
<gov-button variant="success" type="link" disabled>
|
|
10884
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10885
|
+
Normal success
|
|
10886
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10887
|
+
</gov-button>
|
|
10888
|
+
<gov-button variant="success" type="link" size="l">
|
|
10889
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10890
|
+
Large success
|
|
10891
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10892
|
+
</gov-button>
|
|
10893
|
+
<gov-button variant="success" type="link" disabled size="xl">
|
|
10894
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10895
|
+
X-Large success
|
|
10896
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10897
|
+
</gov-button>
|
|
10898
|
+
<br>
|
|
10899
|
+
<gov-button variant="success" type="link" href="http://localhost:3333/button" loading="false">
|
|
10900
|
+
Odeslat
|
|
10901
|
+
</gov-button>
|
|
10902
|
+
<gov-button variant="success" type="link" href="http://localhost:3333/button" loading="true" disabled>
|
|
10903
|
+
Odeslat
|
|
10904
|
+
</gov-button>
|
|
10905
|
+
</div>
|
|
10906
|
+
<hr />
|
|
10907
|
+
|
|
10908
|
+
<h4>Buttons - success (link inversed)</h4>
|
|
10909
|
+
<div class="container-view gov-bg--success-500">
|
|
10910
|
+
<gov-button inverse variant="success" type="link" size="s">
|
|
10911
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10912
|
+
Small success
|
|
10913
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10914
|
+
</gov-button>
|
|
10915
|
+
<gov-button inverse variant="success" type="link" disabled>
|
|
10916
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10917
|
+
Normal success
|
|
10918
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10919
|
+
</gov-button>
|
|
10920
|
+
<gov-button inverse variant="success" type="link" size="l">
|
|
10921
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10922
|
+
Large success
|
|
10923
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
10924
|
+
</gov-button>
|
|
10925
|
+
<gov-button inverse variant="success" type="link" disabled size="xl">
|
|
10926
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
10927
|
+
X-Large success
|
|
10928
|
+
<gov-icon inverse slot="right-icon" name="info"></gov-icon>
|
|
10929
|
+
</gov-button>
|
|
10930
|
+
<br>
|
|
10931
|
+
<gov-button inverse variant="success" type="link" href="http://localhost:3333/button" loading="false">
|
|
10932
|
+
Odeslat
|
|
10933
|
+
</gov-button>
|
|
10934
|
+
<gov-button inverse variant="success" type="link" href="http://localhost:3333/button" loading="true" disabled>
|
|
10935
|
+
Odeslat
|
|
10556
10936
|
</gov-button>
|
|
10557
10937
|
</div>
|
|
10558
10938
|
<hr />
|
|
@@ -10588,22 +10968,22 @@ class ButtonPage extends HTMLElement {
|
|
|
10588
10968
|
</gov-button>
|
|
10589
10969
|
<br>
|
|
10590
10970
|
<gov-button variant="error" size="s">
|
|
10591
|
-
<gov-icon slot="left-icon" name="
|
|
10971
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10592
10972
|
</gov-button>
|
|
10593
10973
|
<gov-button variant="error" disabled>
|
|
10594
|
-
<gov-icon slot="left-icon" name="
|
|
10974
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10595
10975
|
</gov-button>
|
|
10596
10976
|
<gov-button variant="error" size="l">
|
|
10597
|
-
<gov-icon slot="left-icon" name="
|
|
10977
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10598
10978
|
</gov-button>
|
|
10599
10979
|
<gov-button variant="error" size="xl" disabled>
|
|
10600
|
-
<gov-icon slot="left-icon" name="
|
|
10980
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10601
10981
|
</gov-button>
|
|
10602
10982
|
<gov-button variant="error" loading="false">
|
|
10603
|
-
<gov-icon slot="left-icon" name="
|
|
10983
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10604
10984
|
</gov-button>
|
|
10605
10985
|
<gov-button variant="error" loading="true" disabled>
|
|
10606
|
-
<gov-icon slot="left-icon" name="
|
|
10986
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10607
10987
|
</gov-button>
|
|
10608
10988
|
</div>
|
|
10609
10989
|
<hr />
|
|
@@ -10611,22 +10991,22 @@ class ButtonPage extends HTMLElement {
|
|
|
10611
10991
|
<h4>Buttons - error (inversed)</h4>
|
|
10612
10992
|
<div class="container-view gov-bg--error-400">
|
|
10613
10993
|
<gov-button inverse variant="error" size="s">
|
|
10614
|
-
<gov-icon slot="left-icon" name="
|
|
10994
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10615
10995
|
</gov-button>
|
|
10616
10996
|
<gov-button inverse variant="error" disabled>
|
|
10617
|
-
<gov-icon slot="left-icon" name="
|
|
10997
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10618
10998
|
</gov-button>
|
|
10619
10999
|
<gov-button inverse variant="error" size="l">
|
|
10620
|
-
<gov-icon slot="left-icon" name="
|
|
11000
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10621
11001
|
</gov-button>
|
|
10622
11002
|
<gov-button inverse variant="error" size="xl" disabled>
|
|
10623
|
-
<gov-icon slot="left-icon" name="
|
|
11003
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10624
11004
|
</gov-button>
|
|
10625
11005
|
<gov-button inverse variant="error" loading="false">
|
|
10626
|
-
<gov-icon slot="left-icon" name="
|
|
11006
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10627
11007
|
</gov-button>
|
|
10628
11008
|
<gov-button inverse variant="error" loading="true" disabled>
|
|
10629
|
-
<gov-icon slot="left-icon" name="
|
|
11009
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10630
11010
|
</gov-button>
|
|
10631
11011
|
</div>
|
|
10632
11012
|
<hr />
|
|
@@ -10666,22 +11046,22 @@ class ButtonPage extends HTMLElement {
|
|
|
10666
11046
|
<h4>Buttons - error (outlined inversed)</h4>
|
|
10667
11047
|
<div class="container-view gov-bg--error-400">
|
|
10668
11048
|
<gov-button inverse variant="error" type="outlined" size="s">
|
|
10669
|
-
<gov-icon slot="left-icon" name="
|
|
11049
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10670
11050
|
</gov-button>
|
|
10671
11051
|
<gov-button inverse variant="error" type="outlined" disabled>
|
|
10672
|
-
<gov-icon slot="left-icon" name="
|
|
11052
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10673
11053
|
</gov-button>
|
|
10674
11054
|
<gov-button inverse variant="error" type="outlined" size="l">
|
|
10675
|
-
<gov-icon slot="left-icon" name="
|
|
11055
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10676
11056
|
</gov-button>
|
|
10677
11057
|
<gov-button inverse variant="error" type="outlined" size="xl" disabled>
|
|
10678
|
-
<gov-icon slot="left-icon" name="
|
|
11058
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10679
11059
|
</gov-button>
|
|
10680
11060
|
<gov-button inverse variant="error" type="outlined" loading="false">
|
|
10681
|
-
<gov-icon slot="left-icon" name="
|
|
11061
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10682
11062
|
</gov-button>
|
|
10683
11063
|
<gov-button inverse variant="error" type="outlined" loading="true" disabled>
|
|
10684
|
-
<gov-icon slot="left-icon" name="
|
|
11064
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10685
11065
|
</gov-button>
|
|
10686
11066
|
</div>
|
|
10687
11067
|
<hr />
|
|
@@ -10721,22 +11101,86 @@ class ButtonPage extends HTMLElement {
|
|
|
10721
11101
|
<h4>Buttons - error (base inversed)</h4>
|
|
10722
11102
|
<div class="container-view gov-bg--error-400">
|
|
10723
11103
|
<gov-button inverse variant="error" type="base" size="s">
|
|
10724
|
-
<gov-icon slot="left-icon" name="
|
|
11104
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10725
11105
|
</gov-button>
|
|
10726
11106
|
<gov-button inverse variant="error" type="base" disabled>
|
|
10727
|
-
<gov-icon slot="left-icon" name="
|
|
11107
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10728
11108
|
</gov-button>
|
|
10729
11109
|
<gov-button inverse variant="error" type="base" size="l">
|
|
10730
|
-
<gov-icon slot="left-icon" name="
|
|
11110
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10731
11111
|
</gov-button>
|
|
10732
11112
|
<gov-button inverse variant="error" type="base" size="xl" disabled>
|
|
10733
|
-
<gov-icon slot="left-icon" name="
|
|
11113
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10734
11114
|
</gov-button>
|
|
10735
11115
|
<gov-button inverse variant="error" type="base" loading="false">
|
|
10736
|
-
<gov-icon slot="left-icon" name="
|
|
11116
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
10737
11117
|
</gov-button>
|
|
10738
11118
|
<gov-button inverse variant="error" type="base" loading="true" disabled>
|
|
10739
|
-
<gov-icon slot="left-icon" name="
|
|
11119
|
+
<gov-icon slot="left-icon" name="x-lg"></gov-icon>
|
|
11120
|
+
</gov-button>
|
|
11121
|
+
</div>
|
|
11122
|
+
<hr />
|
|
11123
|
+
|
|
11124
|
+
<h4>Buttons - error (link)</h4>
|
|
11125
|
+
<div class="container-view">
|
|
11126
|
+
<gov-button variant="error" type="link" size="s">
|
|
11127
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
11128
|
+
Small error
|
|
11129
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
11130
|
+
</gov-button>
|
|
11131
|
+
<gov-button variant="error" type="link" disabled>
|
|
11132
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
11133
|
+
Normal error
|
|
11134
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
11135
|
+
</gov-button>
|
|
11136
|
+
<gov-button variant="error" type="link" size="l">
|
|
11137
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
11138
|
+
Large error
|
|
11139
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
11140
|
+
</gov-button>
|
|
11141
|
+
<gov-button variant="error" type="link" disabled size="xl">
|
|
11142
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
11143
|
+
X-Large error
|
|
11144
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
11145
|
+
</gov-button>
|
|
11146
|
+
<br>
|
|
11147
|
+
<gov-button variant="error" type="link" href="http://localhost:3333/button" loading="false">
|
|
11148
|
+
Odeslat
|
|
11149
|
+
</gov-button>
|
|
11150
|
+
<gov-button variant="error" type="link" href="http://localhost:3333/button" loading="true" disabled>
|
|
11151
|
+
Odeslat
|
|
11152
|
+
</gov-button>
|
|
11153
|
+
</div>
|
|
11154
|
+
<hr />
|
|
11155
|
+
|
|
11156
|
+
<h4>Buttons - error (link inversed)</h4>
|
|
11157
|
+
<div class="container-view gov-bg--error-400">
|
|
11158
|
+
<gov-button inverse variant="error" type="link" size="s">
|
|
11159
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
11160
|
+
Small error
|
|
11161
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
11162
|
+
</gov-button>
|
|
11163
|
+
<gov-button inverse variant="error" type="link" disabled>
|
|
11164
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
11165
|
+
Normal error
|
|
11166
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
11167
|
+
</gov-button>
|
|
11168
|
+
<gov-button inverse variant="error" type="link" size="l">
|
|
11169
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
11170
|
+
Large error
|
|
11171
|
+
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
11172
|
+
</gov-button>
|
|
11173
|
+
<gov-button inverse variant="error" type="link" disabled size="xl">
|
|
11174
|
+
<gov-icon slot="left-icon" name="info"></gov-icon>
|
|
11175
|
+
X-Large error
|
|
11176
|
+
<gov-icon inverse slot="right-icon" name="info"></gov-icon>
|
|
11177
|
+
</gov-button>
|
|
11178
|
+
<br>
|
|
11179
|
+
<gov-button inverse variant="error" type="link" href="http://localhost:3333/button" loading="false">
|
|
11180
|
+
Odeslat
|
|
11181
|
+
</gov-button>
|
|
11182
|
+
<gov-button inverse variant="error" type="link" href="http://localhost:3333/button" loading="true" disabled>
|
|
11183
|
+
Odeslat
|
|
10740
11184
|
</gov-button>
|
|
10741
11185
|
</div>
|
|
10742
11186
|
<hr />
|
|
@@ -10957,7 +11401,7 @@ class ErrorPage extends HTMLElement {
|
|
|
10957
11401
|
this.innerHTML = `
|
|
10958
11402
|
<h2>Error</h2>
|
|
10959
11403
|
<gov-error-code>
|
|
10960
|
-
<gov-icon slot="icon" name="400" type="complex"></gov-icon>
|
|
11404
|
+
<gov-icon slot="icon" name="card-400" type="complex"></gov-icon>
|
|
10961
11405
|
<h2 class="gov-text--6xl">Page Not Found</h2>
|
|
10962
11406
|
<p class="gov-text--l">Sorry, the page you are looking for does not exist.</p>
|
|
10963
11407
|
</gov-error-code>
|
|
@@ -11159,7 +11603,7 @@ class FormsPage extends HTMLElement {
|
|
|
11159
11603
|
</gov-form-file>
|
|
11160
11604
|
</gov-form-group>
|
|
11161
11605
|
<gov-form-message slot="bottom" variant="error">
|
|
11162
|
-
<gov-icon slot="icon" name="
|
|
11606
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11163
11607
|
Required
|
|
11164
11608
|
</gov-form-message>
|
|
11165
11609
|
</gov-form-control>
|
|
@@ -11224,7 +11668,7 @@ class FormsPage extends HTMLElement {
|
|
|
11224
11668
|
</gov-form-file>
|
|
11225
11669
|
</gov-form-group>
|
|
11226
11670
|
<gov-form-message slot="bottom" variant="error">
|
|
11227
|
-
<gov-icon slot="icon" name="
|
|
11671
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11228
11672
|
Required
|
|
11229
11673
|
</gov-form-message>
|
|
11230
11674
|
</gov-form-control>
|
|
@@ -11248,7 +11692,7 @@ class FormsPage extends HTMLElement {
|
|
|
11248
11692
|
</gov-form-multi-select>
|
|
11249
11693
|
</gov-form-group>
|
|
11250
11694
|
<gov-form-message slot="bottom" variant="error">
|
|
11251
|
-
<gov-icon slot="icon" name="
|
|
11695
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11252
11696
|
Required
|
|
11253
11697
|
</gov-form-message>
|
|
11254
11698
|
</gov-form-control>
|
|
@@ -11260,7 +11704,7 @@ class FormsPage extends HTMLElement {
|
|
|
11260
11704
|
<gov-form-autocomplete placeholder="Placeholder autcomplete" id="bagr"></gov-form-autocomplete>
|
|
11261
11705
|
</gov-form-group>
|
|
11262
11706
|
<gov-form-message slot="bottom" variant="error">
|
|
11263
|
-
<gov-icon slot="icon" name="
|
|
11707
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11264
11708
|
Required
|
|
11265
11709
|
</gov-form-message>
|
|
11266
11710
|
</gov-form-control>
|
|
@@ -11284,7 +11728,7 @@ class FormsPage extends HTMLElement {
|
|
|
11284
11728
|
<gov-form-input multiline rows="3" name="test-me" value="Value of textarea"></gov-form-input>
|
|
11285
11729
|
</gov-form-group>
|
|
11286
11730
|
<gov-form-message slot="bottom" variant="error">
|
|
11287
|
-
<gov-icon slot="icon" name="
|
|
11731
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11288
11732
|
Required
|
|
11289
11733
|
</gov-form-message>
|
|
11290
11734
|
</gov-form-control>
|
|
@@ -11395,7 +11839,7 @@ class FormsPage extends HTMLElement {
|
|
|
11395
11839
|
</gov-form-checkbox>
|
|
11396
11840
|
</gov-form-group>
|
|
11397
11841
|
<gov-form-message slot="bottom" variant="error">
|
|
11398
|
-
<gov-icon slot="icon" name="
|
|
11842
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11399
11843
|
Required
|
|
11400
11844
|
</gov-form-message>
|
|
11401
11845
|
</gov-form-control>
|
|
@@ -11406,7 +11850,7 @@ class FormsPage extends HTMLElement {
|
|
|
11406
11850
|
</gov-form-checkbox>
|
|
11407
11851
|
</gov-form-group>
|
|
11408
11852
|
<gov-form-message slot="bottom" variant="error">
|
|
11409
|
-
<gov-icon slot="icon" name="
|
|
11853
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11410
11854
|
Required
|
|
11411
11855
|
</gov-form-message>
|
|
11412
11856
|
</gov-form-control>
|
|
@@ -11417,7 +11861,7 @@ class FormsPage extends HTMLElement {
|
|
|
11417
11861
|
</gov-form-checkbox>
|
|
11418
11862
|
</gov-form-group>
|
|
11419
11863
|
<gov-form-message slot="bottom" variant="error">
|
|
11420
|
-
<gov-icon slot="icon" name="
|
|
11864
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11421
11865
|
Required
|
|
11422
11866
|
</gov-form-message>
|
|
11423
11867
|
</gov-form-control>
|
|
@@ -11428,7 +11872,7 @@ class FormsPage extends HTMLElement {
|
|
|
11428
11872
|
</gov-form-checkbox>
|
|
11429
11873
|
</gov-form-group>
|
|
11430
11874
|
<gov-form-message slot="bottom" variant="error">
|
|
11431
|
-
<gov-icon slot="icon" name="
|
|
11875
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11432
11876
|
Required
|
|
11433
11877
|
</gov-form-message>
|
|
11434
11878
|
</gov-form-control>
|
|
@@ -11525,7 +11969,7 @@ class FormsPage extends HTMLElement {
|
|
|
11525
11969
|
</gov-form-radio>
|
|
11526
11970
|
</gov-form-group>
|
|
11527
11971
|
<gov-form-message slot="bottom" variant="error">
|
|
11528
|
-
<gov-icon slot="icon" name="
|
|
11972
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11529
11973
|
Required
|
|
11530
11974
|
</gov-form-message>
|
|
11531
11975
|
</gov-form-control>
|
|
@@ -11540,7 +11984,7 @@ class FormsPage extends HTMLElement {
|
|
|
11540
11984
|
</gov-form-radio>
|
|
11541
11985
|
</gov-form-group>
|
|
11542
11986
|
<gov-form-message slot="bottom" variant="error">
|
|
11543
|
-
<gov-icon slot="icon" name="
|
|
11987
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11544
11988
|
Required
|
|
11545
11989
|
</gov-form-message>
|
|
11546
11990
|
</gov-form-control>
|
|
@@ -11555,7 +11999,7 @@ class FormsPage extends HTMLElement {
|
|
|
11555
11999
|
</gov-form-radio>
|
|
11556
12000
|
</gov-form-group>
|
|
11557
12001
|
<gov-form-message slot="bottom" variant="error">
|
|
11558
|
-
<gov-icon slot="icon" name="
|
|
12002
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11559
12003
|
Required
|
|
11560
12004
|
</gov-form-message>
|
|
11561
12005
|
</gov-form-control>
|
|
@@ -11570,7 +12014,7 @@ class FormsPage extends HTMLElement {
|
|
|
11570
12014
|
</gov-form-radio>
|
|
11571
12015
|
</gov-form-group>
|
|
11572
12016
|
<gov-form-message slot="bottom" variant="error">
|
|
11573
|
-
<gov-icon slot="icon" name="
|
|
12017
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11574
12018
|
Required
|
|
11575
12019
|
</gov-form-message>
|
|
11576
12020
|
</gov-form-control>
|
|
@@ -11717,7 +12161,7 @@ class FormsPage extends HTMLElement {
|
|
|
11717
12161
|
</gov-form-select>
|
|
11718
12162
|
</gov-form-group>
|
|
11719
12163
|
<gov-form-message slot="bottom" variant="error">
|
|
11720
|
-
<gov-icon slot="icon" name="
|
|
12164
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11721
12165
|
Required
|
|
11722
12166
|
</gov-form-message>
|
|
11723
12167
|
</gov-form-control>
|
|
@@ -11732,7 +12176,7 @@ class FormsPage extends HTMLElement {
|
|
|
11732
12176
|
</gov-form-select>
|
|
11733
12177
|
</gov-form-group>
|
|
11734
12178
|
<gov-form-message slot="bottom" variant="error">
|
|
11735
|
-
<gov-icon slot="icon" name="
|
|
12179
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11736
12180
|
Required
|
|
11737
12181
|
</gov-form-message>
|
|
11738
12182
|
</gov-form-control>
|
|
@@ -11747,7 +12191,7 @@ class FormsPage extends HTMLElement {
|
|
|
11747
12191
|
</gov-form-select>
|
|
11748
12192
|
</gov-form-group>
|
|
11749
12193
|
<gov-form-message slot="bottom" variant="error">
|
|
11750
|
-
<gov-icon slot="icon" name="
|
|
12194
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11751
12195
|
Required
|
|
11752
12196
|
</gov-form-message>
|
|
11753
12197
|
</gov-form-control>
|
|
@@ -11928,7 +12372,7 @@ class FormsPage extends HTMLElement {
|
|
|
11928
12372
|
<gov-form-input id="kapr" name="test-me" placeholder="Placeholder"></gov-form-input>
|
|
11929
12373
|
</gov-form-group>
|
|
11930
12374
|
<gov-form-message slot="bottom" variant="error">
|
|
11931
|
-
<gov-icon slot="icon" name="
|
|
12375
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11932
12376
|
Required
|
|
11933
12377
|
</gov-form-message>
|
|
11934
12378
|
</gov-form-control>
|
|
@@ -11940,7 +12384,7 @@ class FormsPage extends HTMLElement {
|
|
|
11940
12384
|
</gov-form-input>
|
|
11941
12385
|
</gov-form-group>
|
|
11942
12386
|
<gov-form-message slot="bottom" variant="error">
|
|
11943
|
-
<gov-icon slot="icon" name="
|
|
12387
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11944
12388
|
Required
|
|
11945
12389
|
</gov-form-message>
|
|
11946
12390
|
</gov-form-control>
|
|
@@ -11952,7 +12396,7 @@ class FormsPage extends HTMLElement {
|
|
|
11952
12396
|
</gov-form-input>
|
|
11953
12397
|
</gov-form-group>
|
|
11954
12398
|
<gov-form-message slot="bottom" variant="error">
|
|
11955
|
-
<gov-icon slot="icon" name="
|
|
12399
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11956
12400
|
Required
|
|
11957
12401
|
</gov-form-message>
|
|
11958
12402
|
</gov-form-control>
|
|
@@ -11984,6 +12428,14 @@ class FormsPage extends HTMLElement {
|
|
|
11984
12428
|
</gov-form-group>
|
|
11985
12429
|
</gov-form-control>
|
|
11986
12430
|
|
|
12431
|
+
<h3>
|
|
12432
|
+
Password power
|
|
12433
|
+
</h3>
|
|
12434
|
+
<gov-form-password-power power="0"></gov-form-password-power>
|
|
12435
|
+
<gov-form-password-power power="1">slabé</gov-form-password-power>
|
|
12436
|
+
<gov-form-password-power power="2">střední</gov-form-password-power>
|
|
12437
|
+
<gov-form-password-power power="3">silné</gov-form-password-power>
|
|
12438
|
+
|
|
11987
12439
|
<h2>Switch</h2>
|
|
11988
12440
|
<h3>
|
|
11989
12441
|
Default
|
|
@@ -12027,7 +12479,7 @@ class FormsPage extends HTMLElement {
|
|
|
12027
12479
|
</gov-form-switch>
|
|
12028
12480
|
</gov-form-group>
|
|
12029
12481
|
<gov-form-message slot="bottom" variant="error">
|
|
12030
|
-
<gov-icon slot="icon" name="
|
|
12482
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
12031
12483
|
Required
|
|
12032
12484
|
</gov-form-message>
|
|
12033
12485
|
</gov-form-control>
|
|
@@ -12038,7 +12490,7 @@ class FormsPage extends HTMLElement {
|
|
|
12038
12490
|
</gov-form-switch>
|
|
12039
12491
|
</gov-form-group>
|
|
12040
12492
|
<gov-form-message slot="bottom" variant="error">
|
|
12041
|
-
<gov-icon slot="icon" name="
|
|
12493
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
12042
12494
|
Required
|
|
12043
12495
|
</gov-form-message>
|
|
12044
12496
|
</gov-form-control>
|
|
@@ -12049,7 +12501,7 @@ class FormsPage extends HTMLElement {
|
|
|
12049
12501
|
</gov-form-switch>
|
|
12050
12502
|
</gov-form-group>
|
|
12051
12503
|
<gov-form-message slot="bottom" variant="error">
|
|
12052
|
-
<gov-icon slot="icon" name="
|
|
12504
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
12053
12505
|
Required
|
|
12054
12506
|
</gov-form-message>
|
|
12055
12507
|
</gov-form-control>
|
|
@@ -12060,7 +12512,7 @@ class FormsPage extends HTMLElement {
|
|
|
12060
12512
|
</gov-form-switch>
|
|
12061
12513
|
</gov-form-group>
|
|
12062
12514
|
<gov-form-message slot="bottom" variant="error">
|
|
12063
|
-
<gov-icon slot="icon" name="
|
|
12515
|
+
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
12064
12516
|
Required
|
|
12065
12517
|
</gov-form-message>
|
|
12066
12518
|
</gov-form-control>
|
|
@@ -12694,8 +13146,9 @@ class PaginationPage extends HTMLElement {
|
|
|
12694
13146
|
setTimeout(() => {
|
|
12695
13147
|
const bagr = document.getElementById('bagr');
|
|
12696
13148
|
if (bagr) {
|
|
12697
|
-
bagr.addEventListener('gov-page',
|
|
12698
|
-
console.log(e)
|
|
13149
|
+
bagr.addEventListener('gov-page', () => {
|
|
13150
|
+
// console.log(e)
|
|
13151
|
+
// bagr.setAttribute('current', String(e))
|
|
12699
13152
|
});
|
|
12700
13153
|
}
|
|
12701
13154
|
}, 500);
|
|
@@ -12709,6 +13162,15 @@ class PaginationPage extends HTMLElement {
|
|
|
12709
13162
|
<gov-pagination type="select" total="212" wcag-label="Stránkování pro sekci dokumenty"></gov-pagination>
|
|
12710
13163
|
<br>
|
|
12711
13164
|
<gov-pagination type="select" size="s" total="212" wcag-label="Stránkování pro sekci dokumenty"></gov-pagination>
|
|
13165
|
+
<br>
|
|
13166
|
+
<br>
|
|
13167
|
+
<gov-pagination variant="secondary" total="212" current="2" wcag-label="Stránkování pro sekci dokumenty"></gov-pagination>
|
|
13168
|
+
<br>
|
|
13169
|
+
<gov-pagination size="s" variant="secondary" wcag-label="Stránkování pro sekci dokumenty"></gov-pagination>
|
|
13170
|
+
<br>
|
|
13171
|
+
<gov-pagination type="select" variant="secondary" total="212" wcag-label="Stránkování pro sekci dokumenty"></gov-pagination>
|
|
13172
|
+
<br>
|
|
13173
|
+
<gov-pagination type="select" variant="secondary" size="s" total="212" wcag-label="Stránkování pro sekci dokumenty"></gov-pagination>
|
|
12712
13174
|
|
|
12713
13175
|
`;
|
|
12714
13176
|
}
|
|
@@ -13112,13 +13574,13 @@ class StepperPage extends HTMLElement {
|
|
|
13112
13574
|
|
|
13113
13575
|
<gov-stepper>
|
|
13114
13576
|
<gov-stepper-item trigger-tag="h1" label="Hotový krok" variant="success" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
|
|
13115
|
-
<gov-icon slot="prefix" name="check"></gov-icon>
|
|
13577
|
+
<gov-icon slot="prefix" name="check-lg"></gov-icon>
|
|
13116
13578
|
<div slot="content">
|
|
13117
13579
|
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
13118
13580
|
</div>
|
|
13119
13581
|
</gov-stepper-item>
|
|
13120
13582
|
<gov-stepper-item label="Chybový krok" variant="error">
|
|
13121
|
-
<gov-icon slot="prefix" name="
|
|
13583
|
+
<gov-icon slot="prefix" name="x-lg"></gov-icon>
|
|
13122
13584
|
</gov-stepper-item>
|
|
13123
13585
|
<gov-stepper-item collapsible="true" label="Krok s textem, obrázkem, tlačítkem" variant="primary" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
|
|
13124
13586
|
<span slot="prefix">2</span>
|
|
@@ -13139,10 +13601,10 @@ class StepperPage extends HTMLElement {
|
|
|
13139
13601
|
|
|
13140
13602
|
<gov-stepper size="s">
|
|
13141
13603
|
<gov-stepper-item trigger-tag="h1" label="Hotový krok" variant="success" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
|
|
13142
|
-
<gov-icon slot="prefix" name="check"></gov-icon>
|
|
13604
|
+
<gov-icon slot="prefix" name="check-lg"></gov-icon>
|
|
13143
13605
|
</gov-stepper-item>
|
|
13144
13606
|
<gov-stepper-item label="Chybový krok" variant="error">
|
|
13145
|
-
<gov-icon slot="prefix" name="
|
|
13607
|
+
<gov-icon slot="prefix" name="x-lg"></gov-icon>
|
|
13146
13608
|
</gov-stepper-item>
|
|
13147
13609
|
<gov-stepper-item label="Krok s textem, obrázkem, tlačítkem" variant="primary">
|
|
13148
13610
|
<span slot="prefix">2</span>
|
|
@@ -13163,10 +13625,10 @@ class StepperPage extends HTMLElement {
|
|
|
13163
13625
|
|
|
13164
13626
|
<gov-stepper size="xs">
|
|
13165
13627
|
<gov-stepper-item trigger-tag="h1" label="Hotový krok" variant="success" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
|
|
13166
|
-
<gov-icon slot="prefix" name="check"></gov-icon>
|
|
13628
|
+
<gov-icon slot="prefix" name="check-lg"></gov-icon>
|
|
13167
13629
|
</gov-stepper-item>
|
|
13168
13630
|
<gov-stepper-item label="Chybový krok" variant="error">
|
|
13169
|
-
<gov-icon slot="prefix" name="
|
|
13631
|
+
<gov-icon slot="prefix" name="x-lg"></gov-icon>
|
|
13170
13632
|
</gov-stepper-item>
|
|
13171
13633
|
<gov-stepper-item label="Krok s textem, obrázkem, tlačítkem" variant="primary">
|
|
13172
13634
|
<span slot="prefix">2</span>
|
|
@@ -13582,6 +14044,45 @@ class TilesPage extends HTMLElement {
|
|
|
13582
14044
|
</p>
|
|
13583
14045
|
</gov-tile>
|
|
13584
14046
|
</gov-tiles>
|
|
14047
|
+
<br>
|
|
14048
|
+
<gov-tiles columns="3" no-border>
|
|
14049
|
+
<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
|
|
14050
|
+
<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
|
|
14051
|
+
<p>
|
|
14052
|
+
Secondary - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
|
|
14053
|
+
</p>
|
|
14054
|
+
</gov-tile>
|
|
14055
|
+
<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
|
|
14056
|
+
<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
|
|
14057
|
+
<p>
|
|
14058
|
+
Secondary - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
|
|
14059
|
+
</p>
|
|
14060
|
+
</gov-tile>
|
|
14061
|
+
<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
|
|
14062
|
+
<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
|
|
14063
|
+
<p>
|
|
14064
|
+
Secondary - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
|
|
14065
|
+
</p>
|
|
14066
|
+
</gov-tile>
|
|
14067
|
+
<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
|
|
14068
|
+
<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
|
|
14069
|
+
<p>
|
|
14070
|
+
Secondary - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
|
|
14071
|
+
</p>
|
|
14072
|
+
</gov-tile>
|
|
14073
|
+
<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
|
|
14074
|
+
<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
|
|
14075
|
+
<p>
|
|
14076
|
+
Secondary - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
|
|
14077
|
+
</p>
|
|
14078
|
+
</gov-tile>
|
|
14079
|
+
<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
|
|
14080
|
+
<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
|
|
14081
|
+
<p>
|
|
14082
|
+
Secondary - Od 20. 12. 2020 do 14:00 h do 20. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
|
|
14083
|
+
</p>
|
|
14084
|
+
</gov-tile>
|
|
14085
|
+
</gov-tiles>
|
|
13585
14086
|
|
|
13586
14087
|
</div>
|
|
13587
14088
|
`;
|
|
@@ -13810,7 +14311,7 @@ class ToastMessagePage extends HTMLElement {
|
|
|
13810
14311
|
Toast Message
|
|
13811
14312
|
</h2>
|
|
13812
14313
|
<gov-toast variant="success">
|
|
13813
|
-
<gov-icon name="check" slot="icon"></gov-icon>
|
|
14314
|
+
<gov-icon name="check-lg" slot="icon"></gov-icon>
|
|
13814
14315
|
<p>
|
|
13815
14316
|
Vaše dokumenty byly úspěšně staženy.
|
|
13816
14317
|
</p>
|
|
@@ -13857,7 +14358,7 @@ class ToastMessageCountdownPage extends HTMLElement {
|
|
|
13857
14358
|
Toast Message Countdown
|
|
13858
14359
|
</h2>
|
|
13859
14360
|
<gov-toast variant="success" type="solid">
|
|
13860
|
-
<gov-icon name="check" slot="icon"></gov-icon>
|
|
14361
|
+
<gov-icon name="check-lg" slot="icon"></gov-icon>
|
|
13861
14362
|
<p>
|
|
13862
14363
|
Vaše dokumenty byly úspěšně staženy.
|
|
13863
14364
|
</p>
|
|
@@ -13904,7 +14405,7 @@ class WizzardPage extends HTMLElement {
|
|
|
13904
14405
|
<div class="gov-bg--secondary-300" style="padding: 48px">
|
|
13905
14406
|
<gov-wizzard>
|
|
13906
14407
|
<gov-wizzard-item label-tag="h1" label="Font Awesome Icon" variant="success" collapsible>
|
|
13907
|
-
<gov-icon slot="prefix" name="check"></gov-icon>
|
|
14408
|
+
<gov-icon slot="prefix" name="check-lg"></gov-icon>
|
|
13908
14409
|
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
13909
14410
|
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
13910
14411
|
</gov-wizzard-item>
|
|
@@ -13931,7 +14432,7 @@ class WizzardPage extends HTMLElement {
|
|
|
13931
14432
|
|
|
13932
14433
|
<gov-wizzard size="s">
|
|
13933
14434
|
<gov-wizzard-item label-tag="h1" label="Font Awesome Icon" variant="success" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus." collapsible>
|
|
13934
|
-
<gov-icon slot="prefix" name="check"></gov-icon>
|
|
14435
|
+
<gov-icon slot="prefix" name="check-lg"></gov-icon>
|
|
13935
14436
|
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
13936
14437
|
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
13937
14438
|
</gov-wizzard-item>
|
|
@@ -13956,7 +14457,7 @@ class WizzardPage extends HTMLElement {
|
|
|
13956
14457
|
|
|
13957
14458
|
<gov-wizzard size="xs">
|
|
13958
14459
|
<gov-wizzard-item label-tag="h1" label="Font Awesome Icon" variant="success" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus." collapsible>
|
|
13959
|
-
<gov-icon slot="prefix" name="check"></gov-icon>
|
|
14460
|
+
<gov-icon slot="prefix" name="check-lg"></gov-icon>
|
|
13960
14461
|
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
13961
14462
|
<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
|
|
13962
14463
|
</gov-wizzard-item>
|
|
@@ -14116,7 +14617,7 @@ class GovAttachmentsItem {
|
|
|
14116
14617
|
}
|
|
14117
14618
|
}
|
|
14118
14619
|
render() {
|
|
14119
|
-
return (hAsync(Host, { class: this.h.classes(AttachmentsItemClass.root), role: "listitem" }, hAsync("div", { class: AttachmentsItemClass.file }, hAsync("p", { class: AttachmentsItemClass.name }, hAsync("slot", null), hAsync("slot", { name: "info" })), hAsync("gov-button", { variant: "primary", type: "base", size: "s", "wcag-label": this.wcagRemoveLabel, "wcag-labelled-by": this.wcagRemoveLabelledBy, "on-gov-click": this.govRemove.emit }, hAsync("gov-icon", { slot: "left-icon", name: "
|
|
14620
|
+
return (hAsync(Host, { class: this.h.classes(AttachmentsItemClass.root), role: "listitem" }, hAsync("div", { class: AttachmentsItemClass.file }, hAsync("p", { class: AttachmentsItemClass.name }, hAsync("slot", null), hAsync("slot", { name: "info" })), hAsync("gov-button", { variant: "primary", type: "base", size: "s", "wcag-label": this.wcagRemoveLabel, "wcag-labelled-by": this.wcagRemoveLabelledBy, "on-gov-click": this.govRemove.emit }, hAsync("gov-icon", { slot: "left-icon", name: "x-lg" }))), this.h.hasSlot('message') && (hAsync("div", { class: AttachmentsItemClass.messages }, hAsync("slot", { name: "message" })))));
|
|
14120
14621
|
}
|
|
14121
14622
|
/**
|
|
14122
14623
|
* Validate the WCAG attributes of the component
|
|
@@ -14164,9 +14665,10 @@ class GovBackdrop {
|
|
|
14164
14665
|
}
|
|
14165
14666
|
}
|
|
14166
14667
|
render() {
|
|
14167
|
-
if (
|
|
14168
|
-
return
|
|
14169
|
-
|
|
14668
|
+
if (this.visible === false) {
|
|
14669
|
+
return (hAsync(Host, { class: this.h.classes(BackdropClass.root) }));
|
|
14670
|
+
}
|
|
14671
|
+
return (hAsync(Host, { class: this.h.classes(BackdropClass.root) }, hAsync("div", { role: 'button', "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy, onClick: e => this.govClick.emit(e), class: BackdropClass.bg })));
|
|
14170
14672
|
}
|
|
14171
14673
|
/**
|
|
14172
14674
|
* Validate the WCAG attributes of the component
|
|
@@ -14194,21 +14696,25 @@ class GovBackdrop {
|
|
|
14194
14696
|
|
|
14195
14697
|
var NativeType$1;
|
|
14196
14698
|
(function (NativeType) {
|
|
14699
|
+
NativeType["A"] = "a";
|
|
14197
14700
|
NativeType["SPAN"] = "span";
|
|
14198
14701
|
NativeType["BUTTON"] = "button";
|
|
14199
14702
|
})(NativeType$1 || (NativeType$1 = {}));
|
|
14200
14703
|
const BadgeClass = {
|
|
14201
14704
|
root: 'gov-badge',
|
|
14202
14705
|
inner: 'gov-badge__inner',
|
|
14706
|
+
hasRight: 'gov-badge--has-right',
|
|
14707
|
+
hasLeft: 'gov-badge--has-left',
|
|
14203
14708
|
};
|
|
14204
14709
|
|
|
14205
|
-
const ButtonSizes = pick(Sizes, ['_S', '_M', '_L', '_XL']);
|
|
14710
|
+
const ButtonSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL']);
|
|
14206
14711
|
const ButtonVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'SUCCESS', 'ERROR', 'WARNING']);
|
|
14207
14712
|
var Type$1;
|
|
14208
14713
|
(function (Type) {
|
|
14209
14714
|
Type["SOLID"] = "solid";
|
|
14210
14715
|
Type["OUTLINED"] = "outlined";
|
|
14211
14716
|
Type["BASE"] = "base";
|
|
14717
|
+
Type["LINK"] = "link";
|
|
14212
14718
|
})(Type$1 || (Type$1 = {}));
|
|
14213
14719
|
var NativeType;
|
|
14214
14720
|
(function (NativeType) {
|
|
@@ -14227,14 +14733,8 @@ const ButtonClass = {
|
|
|
14227
14733
|
rootWithIcon: 'gov-button--w-icon',
|
|
14228
14734
|
};
|
|
14229
14735
|
|
|
14230
|
-
const govBadgeCss = ".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)}}.gov-badge{display:inline-flex}.gov-badge .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-badge .element:focus{outline:none}.gov-badge .element .gov-icon{flex:0 0 auto;color:inherit}.gov-badge .element>*{display:flex}[hoverable].gov-badge .element{cursor:pointer}[hoverable].gov-badge .element:focus{outline:none}[hoverable].gov-badge .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-badge .element:focus-visible,[hoverable][type=base].gov-badge .element:focus-visible{outline-offset:0}[hoverable][disabled=\"\"].gov-badge,[hoverable][disabled=true i].gov-badge,[hoverable][disabled=\"1\"].gov-badge{cursor:not-allowed}[hoverable][disabled=\"\"].gov-badge .element,[hoverable][disabled=true i].gov-badge .element,[hoverable][disabled=\"1\"].gov-badge .element{pointer-events:none}[expanded=\"\"].gov-badge,[expanded=true i].gov-badge,[expanded=\"1\"].gov-badge{display:block}[expanded=\"\"].gov-badge .element,[expanded=true i].gov-badge .element,[expanded=\"1\"].gov-badge .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-badge .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-badge .element,[type=solid][variant=primary][inverse=true i].gov-badge .element,[type=solid][variant=primary][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=primary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=true i].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"].gov-badge .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-badge .element,[type=solid][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-badge .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-badge .element,[type=outlined][variant=primary][inverse=true i].gov-badge .element,[type=outlined][variant=primary][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=primary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=true i].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"].gov-badge .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-badge .element,[type=outlined][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-badge .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary));border-width:0}[type=base][variant=primary][inverse=\"\"].gov-badge .element,[type=base][variant=primary][inverse=true i].gov-badge .element,[type=base][variant=primary][inverse=\"1\"].gov-badge .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-badge .element,[type=base][variant=primary][disabled=true i].gov-badge .element,[type=base][variant=primary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-badge .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=solid][variant=secondary].gov-badge .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-badge .element,[type=solid][variant=secondary][inverse=true i].gov-badge .element,[type=solid][variant=secondary][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=secondary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=true i].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"].gov-badge .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-badge .element,[type=solid][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-badge .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-badge .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-badge .element,[type=outlined][variant=secondary][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=secondary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"].gov-badge .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-badge .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-badge .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-badge .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary));border-width:0}[type=base][variant=secondary][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][inverse=true i].gov-badge .element,[type=base][variant=secondary][inverse=\"1\"].gov-badge .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-badge .element,[type=base][variant=secondary][disabled=true i].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-badge .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=solid][variant=error].gov-badge .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-badge .element,[type=solid][variant=error][inverse=true i].gov-badge .element,[type=solid][variant=error][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=error][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"].gov-badge .element,[type=solid][variant=error][disabled=true i].gov-badge .element,[type=solid][variant=error][disabled=\"1\"].gov-badge .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-badge .element,[type=solid][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-700));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-800))}}[type=outlined][variant=error].gov-badge .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-badge .element,[type=outlined][variant=error][inverse=true i].gov-badge .element,[type=outlined][variant=error][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=error][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=true i].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"].gov-badge .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-badge .element,[type=outlined][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-badge .element{color:var(--gov-button-error-base-color, var(--gov-color-error));border-width:0}[type=base][variant=error][inverse=\"\"].gov-badge .element,[type=base][variant=error][inverse=true i].gov-badge .element,[type=base][variant=error][inverse=\"1\"].gov-badge .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-badge .element,[type=base][variant=error][disabled=true i].gov-badge .element,[type=base][variant=error][disabled=\"1\"].gov-badge .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=error][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=error][hoverable][inverse=\"1\"].gov-badge .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=solid][variant=success].gov-badge .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-badge .element,[type=solid][variant=success][inverse=true i].gov-badge .element,[type=solid][variant=success][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=success][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"].gov-badge .element,[type=solid][variant=success][disabled=true i].gov-badge .element,[type=solid][variant=success][disabled=\"1\"].gov-badge .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-badge .element,[type=solid][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-badge .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-badge .element,[type=outlined][variant=success][inverse=true i].gov-badge .element,[type=outlined][variant=success][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=success][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=true i].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"].gov-badge .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-badge .element,[type=outlined][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-badge .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500));border-width:0}[type=base][variant=success][inverse=\"\"].gov-badge .element,[type=base][variant=success][inverse=true i].gov-badge .element,[type=base][variant=success][inverse=\"1\"].gov-badge .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-badge .element,[type=base][variant=success][disabled=true i].gov-badge .element,[type=base][variant=success][disabled=\"1\"].gov-badge .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=success][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=success][hoverable][inverse=\"1\"].gov-badge .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=solid][variant=warning].gov-badge .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-badge .element,[type=solid][variant=warning][inverse=true i].gov-badge .element,[type=solid][variant=warning][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=warning][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=true i].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"].gov-badge .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-badge .element,[type=solid][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-badge .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-badge .element,[type=outlined][variant=warning][inverse=true i].gov-badge .element,[type=outlined][variant=warning][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=warning][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=true i].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"].gov-badge .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-badge .element,[type=outlined][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-badge .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500));border-width:0}[type=base][variant=warning][inverse=\"\"].gov-badge .element,[type=base][variant=warning][inverse=true i].gov-badge .element,[type=base][variant=warning][inverse=\"1\"].gov-badge .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-badge .element,[type=base][variant=warning][disabled=true i].gov-badge .element,[type=base][variant=warning][disabled=\"1\"].gov-badge .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-badge .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))}}[size=xs].gov-badge .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-badge .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}@media (min-width: 48em){[size=xs].gov-badge .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-badge .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}}[size=s].gov-badge .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-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-badge .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}@media (min-width: 48em){[size=s].gov-badge .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-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-badge .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}}[size=m].gov-badge .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-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=m].gov-badge .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}@media (min-width: 48em){[size=m].gov-badge .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-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-badge .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}}[size=l].gov-badge .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-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=l].gov-badge .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}@media (min-width: 48em){[size=l].gov-badge .element{font-weight:var(--gov-button-text-l-font-weight, var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-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-badge .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}}[size=xl].gov-badge .element{font-weight:var(--gov-button-text-l-font-weight, var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-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=xl].gov-badge .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}@media (min-width: 48em){[size=xl].gov-badge .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-badge .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}}.gov-badge a .gov-icon{margin:0}.gov-badge .element{padding:0.25rem 0.625rem;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;letter-spacing:initial}.gov-badge[size=xs] .element{border-radius:calc(var(--gov-button-xs-min-height, 1.5rem) * 0.5)}.gov-badge[size=xs][hoverable] .element:focus{outline:none}.gov-badge[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-badge[size=s] .element{border-radius:calc(var(--gov-button-s-min-height, 2rem) * 0.5)}.gov-badge[size=s][hoverable] .element:focus{outline:none}.gov-badge[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-badge[size=m] .element{border-radius:calc(var(--gov-button-m-min-height, 2.5rem) * 0.5)}.gov-badge[size=m][hoverable] .element:focus{outline:none}.gov-badge[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-badge[size=l] .element{border-radius:calc(var(--gov-button-l-min-height, 3rem) * 0.5)}.gov-badge[size=l][hoverable] .element:focus{outline:none}.gov-badge[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-badge[size=xl] .element{border-radius:calc(var(--gov-button-xl-min-height, 3.5rem) * 0.5)}.gov-badge[size=xl][hoverable] .element:focus{outline:none}.gov-badge[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-badge[type=solid][variant=primary][inverse=\"\"] .element,.gov-badge[type=solid][variant=primary][inverse=true i] .element,.gov-badge[type=solid][variant=primary][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-primary-border-color, var(--gov-color-primary-200));background-color:var(--gov-badge-inverse-primary-bg, var(--gov-color-primary-100));color:var(--gov-badge-inverse-primary-color, var(--gov-color-primary))}.gov-badge[type=solid][variant=secondary][inverse=\"\"] .element,.gov-badge[type=solid][variant=secondary][inverse=true i] .element,.gov-badge[type=solid][variant=secondary][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-secondary-border-color, var(--gov-color-secondary-400));background-color:var(--gov-badge-inverse-secondary-bg, var(--gov-color-secondary-200));color:var(--gov-badge-inverse-secondary-color, var(--gov-color-secondary-900))}.gov-badge[type=solid][variant=success][inverse=\"\"] .element,.gov-badge[type=solid][variant=success][inverse=true i] .element,.gov-badge[type=solid][variant=success][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-success-border-color, var(--gov-color-success-200));background-color:var(--gov-badge-inverse-success-bg, var(--gov-color-success-100));color:var(--gov-badge-inverse-success-color, var(--gov-color-success-600))}.gov-badge[type=solid][variant=warning][inverse=\"\"] .element,.gov-badge[type=solid][variant=warning][inverse=true i] .element,.gov-badge[type=solid][variant=warning][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-warning-border-color, var(--gov-color-warning-200));background-color:var(--gov-badge-inverse-warning-bg, var(--gov-color-warning-100));color:var(--gov-badge-inverse-warning-color, var(--gov-color-warning-600))}.gov-badge[type=solid][variant=error][inverse=\"\"] .element,.gov-badge[type=solid][variant=error][inverse=true i] .element,.gov-badge[type=solid][variant=error][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-error-border-color, var(--gov-color-error-200));background-color:var(--gov-badge-inverse-error-bg, var(--gov-color-error-100));color:var(--gov-badge-inverse-error-color, var(--gov-color-error-500))}";
|
|
14736
|
+
const govBadgeCss = ".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)}}.gov-badge{display:inline-flex}.gov-badge .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-badge .element:focus{outline:none}.gov-badge .element .gov-icon{flex:0 0 auto;color:inherit}.gov-badge .element>*{display:flex}[hoverable].gov-badge .element{cursor:pointer}[hoverable].gov-badge .element:focus{outline:none}[hoverable].gov-badge .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-badge .element:focus-visible,[hoverable][type=base].gov-badge .element:focus-visible{outline-offset:0}[hoverable][disabled=\"\"].gov-badge,[hoverable][disabled=true i].gov-badge,[hoverable][disabled=\"1\"].gov-badge{cursor:not-allowed}[hoverable][disabled=\"\"].gov-badge .element,[hoverable][disabled=true i].gov-badge .element,[hoverable][disabled=\"1\"].gov-badge .element{pointer-events:none}[expanded=\"\"].gov-badge,[expanded=true i].gov-badge,[expanded=\"1\"].gov-badge{display:block}[expanded=\"\"].gov-badge .element,[expanded=true i].gov-badge .element,[expanded=\"1\"].gov-badge .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-badge .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-badge .element,[type=solid][variant=primary][inverse=true i].gov-badge .element,[type=solid][variant=primary][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=primary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=true i].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"].gov-badge .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-badge .element,[type=solid][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-badge .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-badge .element,[type=outlined][variant=primary][inverse=true i].gov-badge .element,[type=outlined][variant=primary][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=primary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=true i].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"].gov-badge .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-badge .element,[type=outlined][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-badge .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary));border-width:0}[type=base][variant=primary][inverse=\"\"].gov-badge .element,[type=base][variant=primary][inverse=true i].gov-badge .element,[type=base][variant=primary][inverse=\"1\"].gov-badge .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-badge .element,[type=base][variant=primary][disabled=true i].gov-badge .element,[type=base][variant=primary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-badge .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-badge .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary));border-width:0}[type=link][variant=primary][inverse=\"\"].gov-badge .element,[type=link][variant=primary][inverse=true i].gov-badge .element,[type=link][variant=primary][inverse=\"1\"].gov-badge .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-badge .element,[type=link][variant=primary][disabled=true i].gov-badge .element,[type=link][variant=primary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=primary][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=primary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=primary][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=primary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=primary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-badge .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-badge .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-badge .element,[type=solid][variant=secondary][inverse=true i].gov-badge .element,[type=solid][variant=secondary][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=secondary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=true i].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"].gov-badge .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-badge .element,[type=solid][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-badge .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-badge .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-badge .element,[type=outlined][variant=secondary][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=secondary][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"].gov-badge .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-badge .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-badge .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-badge .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary));border-width:0}[type=base][variant=secondary][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][inverse=true i].gov-badge .element,[type=base][variant=secondary][inverse=\"1\"].gov-badge .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-badge .element,[type=base][variant=secondary][disabled=true i].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-badge .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-badge .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary));border-width:0}[type=link][variant=secondary][inverse=\"\"].gov-badge .element,[type=link][variant=secondary][inverse=true i].gov-badge .element,[type=link][variant=secondary][inverse=\"1\"].gov-badge .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-badge .element,[type=link][variant=secondary][disabled=true i].gov-badge .element,[type=link][variant=secondary][disabled=\"1\"].gov-badge .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=secondary][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=secondary][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=secondary][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=secondary][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-badge .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-badge .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-badge .element,[type=solid][variant=error][inverse=true i].gov-badge .element,[type=solid][variant=error][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=error][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"].gov-badge .element,[type=solid][variant=error][disabled=true i].gov-badge .element,[type=solid][variant=error][disabled=\"1\"].gov-badge .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-badge .element,[type=solid][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-700));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=\"\"].gov-badge .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-800))}}[type=outlined][variant=error].gov-badge .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-badge .element,[type=outlined][variant=error][inverse=true i].gov-badge .element,[type=outlined][variant=error][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=error][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=true i].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"].gov-badge .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-badge .element,[type=outlined][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-badge .element{color:var(--gov-button-error-base-color, var(--gov-color-error));border-width:0}[type=base][variant=error][inverse=\"\"].gov-badge .element,[type=base][variant=error][inverse=true i].gov-badge .element,[type=base][variant=error][inverse=\"1\"].gov-badge .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-badge .element,[type=base][variant=error][disabled=true i].gov-badge .element,[type=base][variant=error][disabled=\"1\"].gov-badge .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=error][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=error][hoverable][inverse=\"1\"].gov-badge .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-badge .element{color:var(--gov-button-error-link-color, var(--gov-color-error));border-width:0}[type=link][variant=error][inverse=\"\"].gov-badge .element,[type=link][variant=error][inverse=true i].gov-badge .element,[type=link][variant=error][inverse=\"1\"].gov-badge .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-badge .element,[type=link][variant=error][disabled=true i].gov-badge .element,[type=link][variant=error][disabled=\"1\"].gov-badge .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=error][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=error][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=error][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=error][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=error][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=error][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=error][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=error][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=error][hoverable][inverse=\"1\"].gov-badge .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-badge .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-badge .element,[type=solid][variant=success][inverse=true i].gov-badge .element,[type=solid][variant=success][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=success][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"].gov-badge .element,[type=solid][variant=success][disabled=true i].gov-badge .element,[type=solid][variant=success][disabled=\"1\"].gov-badge .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-badge .element,[type=solid][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-badge .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-badge .element,[type=outlined][variant=success][inverse=true i].gov-badge .element,[type=outlined][variant=success][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=success][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=true i].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"].gov-badge .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-badge .element,[type=outlined][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-badge .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500));border-width:0}[type=base][variant=success][inverse=\"\"].gov-badge .element,[type=base][variant=success][inverse=true i].gov-badge .element,[type=base][variant=success][inverse=\"1\"].gov-badge .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-badge .element,[type=base][variant=success][disabled=true i].gov-badge .element,[type=base][variant=success][disabled=\"1\"].gov-badge .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=success][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=success][hoverable][inverse=\"1\"].gov-badge .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-badge .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500));border-width:0}[type=link][variant=success][inverse=\"\"].gov-badge .element,[type=link][variant=success][inverse=true i].gov-badge .element,[type=link][variant=success][inverse=\"1\"].gov-badge .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-badge .element,[type=link][variant=success][disabled=true i].gov-badge .element,[type=link][variant=success][disabled=\"1\"].gov-badge .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=success][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=success][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=success][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=success][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=success][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=success][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=success][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=success][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=success][hoverable][inverse=\"1\"].gov-badge .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-badge .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-badge .element,[type=solid][variant=warning][inverse=true i].gov-badge .element,[type=solid][variant=warning][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-badge .element:focus-visible,[type=solid][variant=warning][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=true i].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"].gov-badge .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-badge .element,[type=solid][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-badge .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-badge .element,[type=outlined][variant=warning][inverse=true i].gov-badge .element,[type=outlined][variant=warning][inverse=\"1\"].gov-badge .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-badge .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-badge .element:focus-visible,[type=outlined][variant=warning][inverse=\"1\"].gov-badge .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=true i].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"].gov-badge .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-badge .element,[type=outlined][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-badge .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-badge .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500));border-width:0}[type=base][variant=warning][inverse=\"\"].gov-badge .element,[type=base][variant=warning][inverse=true i].gov-badge .element,[type=base][variant=warning][inverse=\"1\"].gov-badge .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-badge .element,[type=base][variant=warning][disabled=true i].gov-badge .element,[type=base][variant=warning][disabled=\"1\"].gov-badge .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=base][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=base][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-badge .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-badge .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500));border-width:0}[type=link][variant=warning][inverse=\"\"].gov-badge .element,[type=link][variant=warning][inverse=true i].gov-badge .element,[type=link][variant=warning][inverse=\"1\"].gov-badge .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-badge .element,[type=link][variant=warning][disabled=true i].gov-badge .element,[type=link][variant=warning][disabled=\"1\"].gov-badge .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=\"\"][inverse=\"\"].gov-badge .element,[type=link][variant=warning][disabled=\"\"][inverse=true i].gov-badge .element,[type=link][variant=warning][disabled=\"\"][inverse=\"1\"].gov-badge .element,[type=link][variant=warning][disabled=true i][inverse=\"\"].gov-badge .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-badge .element,[type=link][variant=warning][disabled=true i][inverse=\"1\"].gov-badge .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"\"].gov-badge .element,[type=link][variant=warning][disabled=\"1\"][inverse=true i].gov-badge .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-badge .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-badge .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-badge .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-badge .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-badge .element:hover,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-badge .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-badge .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-badge .element:hover:active,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-badge .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-badge .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-badge .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-badge .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-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-badge .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-badge .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-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-badge .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-badge .element{font-weight:var(--gov-button-text-l-font-weight, var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-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-badge .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-badge .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-badge .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-badge a .gov-icon{margin:0}.gov-badge .element{padding:0.25rem 0.625rem;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;letter-spacing:initial}.gov-badge[size=xs] .element{border-radius:calc(var(--gov-button-xs-min-height, 1.5rem) * 0.5)}.gov-badge[size=xs][hoverable] .element:focus{outline:none}.gov-badge[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-badge[size=s] .element{border-radius:calc(var(--gov-button-s-min-height, 2rem) * 0.5)}.gov-badge[size=s][hoverable] .element:focus{outline:none}.gov-badge[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-badge[size=m] .element{border-radius:calc(var(--gov-button-m-min-height, 2.5rem) * 0.5)}.gov-badge[size=m][hoverable] .element:focus{outline:none}.gov-badge[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-badge[size=l] .element{border-radius:calc(var(--gov-button-l-min-height, 3rem) * 0.5)}.gov-badge[size=l][hoverable] .element:focus{outline:none}.gov-badge[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-badge[size=xl] .element{border-radius:calc(var(--gov-button-xl-min-height, 3.5rem) * 0.5)}.gov-badge[size=xl][hoverable] .element:focus{outline:none}.gov-badge[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-badge[type=solid][variant=primary][inverse=\"\"] .element,.gov-badge[type=solid][variant=primary][inverse=true i] .element,.gov-badge[type=solid][variant=primary][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-primary-border-color, var(--gov-color-primary-200));background-color:var(--gov-badge-inverse-primary-bg, var(--gov-color-primary-100));color:var(--gov-badge-inverse-primary-color, var(--gov-color-primary))}.gov-badge[type=solid][variant=secondary][inverse=\"\"] .element,.gov-badge[type=solid][variant=secondary][inverse=true i] .element,.gov-badge[type=solid][variant=secondary][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-secondary-border-color, var(--gov-color-secondary-400));background-color:var(--gov-badge-inverse-secondary-bg, var(--gov-color-secondary-200));color:var(--gov-badge-inverse-secondary-color, var(--gov-color-secondary-900))}.gov-badge[type=solid][variant=success][inverse=\"\"] .element,.gov-badge[type=solid][variant=success][inverse=true i] .element,.gov-badge[type=solid][variant=success][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-success-border-color, var(--gov-color-success-200));background-color:var(--gov-badge-inverse-success-bg, var(--gov-color-success-100));color:var(--gov-badge-inverse-success-color, var(--gov-color-success-600))}.gov-badge[type=solid][variant=warning][inverse=\"\"] .element,.gov-badge[type=solid][variant=warning][inverse=true i] .element,.gov-badge[type=solid][variant=warning][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-warning-border-color, var(--gov-color-warning-200));background-color:var(--gov-badge-inverse-warning-bg, var(--gov-color-warning-100));color:var(--gov-badge-inverse-warning-color, var(--gov-color-warning-600))}.gov-badge[type=solid][variant=error][inverse=\"\"] .element,.gov-badge[type=solid][variant=error][inverse=true i] .element,.gov-badge[type=solid][variant=error][inverse=\"1\"] .element{border-width:0.0625rem;border-color:var(--gov-badge-inverse-error-border-color, var(--gov-color-error-200));background-color:var(--gov-badge-inverse-error-bg, var(--gov-color-error-100));color:var(--gov-badge-inverse-error-color, var(--gov-color-error-500))}.gov-badge--has-right>.element{padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important}.gov-badge--has-left>.element{padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}";
|
|
14231
14737
|
|
|
14232
|
-
var Tags$3;
|
|
14233
|
-
(function (Tags) {
|
|
14234
|
-
Tags["A"] = "a";
|
|
14235
|
-
Tags["SPAN"] = "span";
|
|
14236
|
-
Tags["BUTTON"] = "button";
|
|
14237
|
-
})(Tags$3 || (Tags$3 = {}));
|
|
14238
14738
|
class GovBadge {
|
|
14239
14739
|
constructor(hostRef) {
|
|
14240
14740
|
registerInstance(this, hostRef);
|
|
@@ -14243,11 +14743,10 @@ class GovBadge {
|
|
|
14243
14743
|
this.disabled = false;
|
|
14244
14744
|
this.href = undefined;
|
|
14245
14745
|
this.target = undefined;
|
|
14246
|
-
this.size =
|
|
14247
|
-
this.type =
|
|
14248
|
-
this.tag =
|
|
14249
|
-
this.
|
|
14250
|
-
this.variant = 'primary';
|
|
14746
|
+
this.size = "m";
|
|
14747
|
+
this.type = "solid";
|
|
14748
|
+
this.tag = "span";
|
|
14749
|
+
this.variant = "primary";
|
|
14251
14750
|
this.wcagLabel = undefined;
|
|
14252
14751
|
this.h = govHost(this.host);
|
|
14253
14752
|
}
|
|
@@ -14266,13 +14765,17 @@ class GovBadge {
|
|
|
14266
14765
|
this.validateType(this.type);
|
|
14267
14766
|
}
|
|
14268
14767
|
render() {
|
|
14269
|
-
const Tag = this.href ?
|
|
14270
|
-
const nativeType = Tag ==
|
|
14271
|
-
return (hAsync(Host, { class: this.h.classes(
|
|
14768
|
+
const Tag = this.href ? NativeType$1.A : this.tag;
|
|
14769
|
+
const nativeType = Tag == NativeType$1.BUTTON ? NativeType$1.BUTTON : undefined;
|
|
14770
|
+
return (hAsync(Host, { class: this.h.classes([
|
|
14771
|
+
BadgeClass.root,
|
|
14772
|
+
this.h.hasSlot("right") ? BadgeClass.hasRight : undefined,
|
|
14773
|
+
this.h.hasSlot("left") ? BadgeClass.hasLeft : undefined,
|
|
14774
|
+
]), disabled: this.disabled, href: this.href, variant: this.variant, size: this.size, type: this.type, inverse: this.inverse, hoverable: Tag == NativeType$1.A || Tag == NativeType$1.BUTTON }, hAsync(Tag, { class: "element", href: this.href, target: this.target, "aria-label": this.wcagLabel, onClick: this.onClickHandler.bind(this), type: nativeType }, this.h.hasSlot("left") && hAsync("slot", { name: "left" }), this.h.hasSlot("left-icon") && hAsync("slot", { name: "left-icon" }), hAsync("slot", null), this.h.hasSlot("right-icon") && hAsync("slot", { name: "right-icon" }), this.h.hasSlot("right") && hAsync("slot", { name: "right" }))));
|
|
14272
14775
|
}
|
|
14273
14776
|
onClickHandler(e) {
|
|
14274
14777
|
e.stopPropagation();
|
|
14275
|
-
if (this.disabled === false) {
|
|
14778
|
+
if (this.disabled === false && this.tag === NativeType$1.BUTTON) {
|
|
14276
14779
|
this.govClick.emit(e);
|
|
14277
14780
|
}
|
|
14278
14781
|
}
|
|
@@ -14294,7 +14797,6 @@ class GovBadge {
|
|
|
14294
14797
|
"size": [1],
|
|
14295
14798
|
"type": [1],
|
|
14296
14799
|
"tag": [1],
|
|
14297
|
-
"nativeType": [1, "native-type"],
|
|
14298
14800
|
"variant": [1],
|
|
14299
14801
|
"wcagLabel": [1, "wcag-label"]
|
|
14300
14802
|
},
|
|
@@ -14336,7 +14838,7 @@ class GovBreadcrumbs {
|
|
|
14336
14838
|
}
|
|
14337
14839
|
render() {
|
|
14338
14840
|
const { isExpandedState } = this;
|
|
14339
|
-
return (hAsync(Host, { class: this.h.classes(BreadcrumbsClass.root), collapsible: this.collapsible }, hAsync("nav", { "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy }, hAsync("ul", { class: BreadcrumbsClass.list }, hAsync("li", { class: BreadcrumbsClass.item }, hAsync("a", { href: "#", class: "gov-link" }, "Dom\u016F"), hAsync("gov-icon", { class: BreadcrumbsClass.arrow, name: "
|
|
14841
|
+
return (hAsync(Host, { class: this.h.classes(BreadcrumbsClass.root), collapsible: this.collapsible }, hAsync("nav", { "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy }, hAsync("ul", { class: BreadcrumbsClass.list }, hAsync("li", { class: BreadcrumbsClass.item }, hAsync("a", { href: "#", class: "gov-link" }, "Dom\u016F"), hAsync("gov-icon", { class: BreadcrumbsClass.arrow, name: "chevron-right" })), hAsync("li", { class: BreadcrumbsClass.item }, hAsync("a", { href: "#", class: "gov-link" }, "Kam d\u00E1l"), hAsync("gov-icon", { class: BreadcrumbsClass.arrow, name: "chevron-right" })), hAsync("li", { class: BreadcrumbsClass.item }, hAsync("a", { href: "#", class: "gov-link" }, "\u010Cesk\u00FD eGovernment"), hAsync("gov-icon", { class: BreadcrumbsClass.arrow, name: "chevron-right" })), hAsync("li", { class: BreadcrumbsClass.item }, hAsync("strong", null, "Czech POINT")))), this.collapsible && (hAsync("gov-button", { "aria-expanded": booleanString(isExpandedState), class: BreadcrumbsClass.button, variant: "primary", size: "s", inverse: true }, hAsync("gov-icon", { slot: "left-icon", name: "chevron-down", onClick: () => this.toggle() })))));
|
|
14340
14842
|
}
|
|
14341
14843
|
/**
|
|
14342
14844
|
* Opening the Breadcrumbs
|
|
@@ -14402,7 +14904,7 @@ function toBool(value) {
|
|
|
14402
14904
|
}
|
|
14403
14905
|
}
|
|
14404
14906
|
|
|
14405
|
-
const govButtonCss = ".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)}}.gov-button{display:inline-flex}.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=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=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-700));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-800))}}[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=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=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))}}[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)}@media (min-width: 48em){[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-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-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)}@media (min-width: 48em){[size=s].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-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-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=m].gov-button .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}@media (min-width: 48em){[size=m].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-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-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=l].gov-button .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}@media (min-width: 48em){[size=l].gov-button .element{font-weight:var(--gov-button-text-l-font-weight, var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-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-l-font-weight, var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-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=xl].gov-button .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}@media (min-width: 48em){[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[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:not(.gov-button--w-icon)[loading=\"0\"][size=xs] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=xs] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=xs] .element{padding:var(--gov-button-xs-padding-y, 0.125rem) calc(var(--gov-button-xs-padding-x, 0.625rem) + var(--gov-button-xs-padding-x, 0.625rem) / 2 + var(--gov-button-xs-icon-size, 1rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=s] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=s] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=s] .element{padding:var(--gov-button-s-padding-y, 0.25rem) calc(var(--gov-button-s-padding-x, 0.75rem) + var(--gov-button-s-padding-x, 0.75rem) / 2 + var(--gov-button-s-icon-size, 1rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=m] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=m] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=m] .element{padding:var(--gov-button-m-padding-y, 0.375rem) calc(var(--gov-button-m-padding-x, 0.75rem) + var(--gov-button-m-padding-x, 0.75rem) / 2 + var(--gov-button-m-icon-size, 1.25rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=l] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=l] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=l] .element{padding:var(--gov-button-l-padding-y, 0.5rem) calc(var(--gov-button-l-padding-x, 1rem) + var(--gov-button-l-padding-x, 1rem) / 2 + var(--gov-button-l-icon-size, 1.5rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=xl] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=xl] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=xl] .element{padding:var(--gov-button-xl-padding-y, 0.75rem) calc(var(--gov-button-xl-padding-x, 1.25rem) + var(--gov-button-xl-padding-x, 1.25rem) / 2 + var(--gov-button-xl-icon-size, 1.75rem) / 2)}.gov-button[type=outlined][variant=primary] .gov-spin-animation,.gov-button[type=base][variant=primary] .gov-spin-animation{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary))}.gov-button[type=outlined][variant=primary][inverse=\"\"] .gov-spin-animation,.gov-button[type=outlined][variant=primary][inverse=true i] .gov-spin-animation,.gov-button[type=outlined][variant=primary][inverse=\"1\"] .gov-spin-animation,.gov-button[type=base][variant=primary][inverse=\"\"] .gov-spin-animation,.gov-button[type=base][variant=primary][inverse=true i] .gov-spin-animation,.gov-button[type=base][variant=primary][inverse=\"1\"] .gov-spin-animation{color:inherit}.gov-button[type=outlined][variant=secondary] .gov-spin-animation,.gov-button[type=base][variant=secondary] .gov-spin-animation{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary))}.gov-button[type=outlined][variant=secondary][inverse=\"\"] .gov-spin-animation,.gov-button[type=outlined][variant=secondary][inverse=true i] .gov-spin-animation,.gov-button[type=outlined][variant=secondary][inverse=\"1\"] .gov-spin-animation,.gov-button[type=base][variant=secondary][inverse=\"\"] .gov-spin-animation,.gov-button[type=base][variant=secondary][inverse=true i] .gov-spin-animation,.gov-button[type=base][variant=secondary][inverse=\"1\"] .gov-spin-animation{color:inherit}.gov-button[type=outlined][variant=error] .gov-spin-animation,.gov-button[type=base][variant=error] .gov-spin-animation{color:var(--gov-button-error-outlined-color, var(--gov-color-error))}.gov-button[type=outlined][variant=error][inverse=\"\"] .gov-spin-animation,.gov-button[type=outlined][variant=error][inverse=true i] .gov-spin-animation,.gov-button[type=outlined][variant=error][inverse=\"1\"] .gov-spin-animation,.gov-button[type=base][variant=error][inverse=\"\"] .gov-spin-animation,.gov-button[type=base][variant=error][inverse=true i] .gov-spin-animation,.gov-button[type=base][variant=error][inverse=\"1\"] .gov-spin-animation{color:inherit}.gov-button[type=outlined][variant=success] .gov-spin-animation,.gov-button[type=base][variant=success] .gov-spin-animation{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500))}.gov-button[type=outlined][variant=success][inverse=\"\"] .gov-spin-animation,.gov-button[type=outlined][variant=success][inverse=true i] .gov-spin-animation,.gov-button[type=outlined][variant=success][inverse=\"1\"] .gov-spin-animation,.gov-button[type=base][variant=success][inverse=\"\"] .gov-spin-animation,.gov-button[type=base][variant=success][inverse=true i] .gov-spin-animation,.gov-button[type=base][variant=success][inverse=\"1\"] .gov-spin-animation{color:inherit}.gov-button[type=outlined][variant=warning] .gov-spin-animation,.gov-button[type=base][variant=warning] .gov-spin-animation{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500))}.gov-button[type=outlined][variant=warning][inverse=\"\"] .gov-spin-animation,.gov-button[type=outlined][variant=warning][inverse=true i] .gov-spin-animation,.gov-button[type=outlined][variant=warning][inverse=\"1\"] .gov-spin-animation,.gov-button[type=base][variant=warning][inverse=\"\"] .gov-spin-animation,.gov-button[type=base][variant=warning][inverse=true i] .gov-spin-animation,.gov-button[type=base][variant=warning][inverse=\"1\"] .gov-spin-animation{color:inherit}";
|
|
14907
|
+
const govButtonCss = ".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)}}.gov-button{display:inline-flex}.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-700));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-800))}}[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-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-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-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-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-l-font-weight, var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-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{padding:0;text-decoration:underline;line-height:inherit;min-height:inherit}@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:not(.gov-button--w-icon)[loading=\"0\"][size=xs] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=xs] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=xs] .gov-button:not[type=link] .element{padding:var(--gov-button-xs-padding-y, 0.125rem) calc(var(--gov-button-xs-padding-x, 0.625rem) + var(--gov-button-xs-padding-x, 0.625rem) / 2 + var(--gov-button-xs-icon-size, 1rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=s] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=s] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=s] .gov-button:not[type=link] .element{padding:var(--gov-button-s-padding-y, 0.25rem) calc(var(--gov-button-s-padding-x, 0.75rem) + var(--gov-button-s-padding-x, 0.75rem) / 2 + var(--gov-button-s-icon-size, 1rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=m] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=m] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=m] .gov-button:not[type=link] .element{padding:var(--gov-button-m-padding-y, 0.375rem) calc(var(--gov-button-m-padding-x, 0.75rem) + var(--gov-button-m-padding-x, 0.75rem) / 2 + var(--gov-button-m-icon-size, 1.25rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=l] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=l] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=l] .gov-button:not[type=link] .element{padding:var(--gov-button-l-padding-y, 0.5rem) calc(var(--gov-button-l-padding-x, 1rem) + var(--gov-button-l-padding-x, 1rem) / 2 + var(--gov-button-l-icon-size, 1.5rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=xl] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=xl] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=xl] .gov-button:not[type=link] .element{padding:var(--gov-button-xl-padding-y, 0.75rem) calc(var(--gov-button-xl-padding-x, 1.25rem) + var(--gov-button-xl-padding-x, 1.25rem) / 2 + var(--gov-button-xl-icon-size, 1.75rem) / 2)}";
|
|
14406
14908
|
|
|
14407
14909
|
var Tags$2;
|
|
14408
14910
|
(function (Tags) {
|
|
@@ -14517,13 +15019,13 @@ class GovButton {
|
|
|
14517
15019
|
"$flags$": 4,
|
|
14518
15020
|
"$tagName$": "gov-button",
|
|
14519
15021
|
"$members$": {
|
|
14520
|
-
"variant": [
|
|
14521
|
-
"size": [
|
|
14522
|
-
"type": [
|
|
15022
|
+
"variant": [513],
|
|
15023
|
+
"size": [513],
|
|
15024
|
+
"type": [513],
|
|
14523
15025
|
"expanded": [4],
|
|
14524
15026
|
"inverse": [4],
|
|
14525
15027
|
"name": [1],
|
|
14526
|
-
"disabled": [
|
|
15028
|
+
"disabled": [516],
|
|
14527
15029
|
"nativeType": [1, "native-type"],
|
|
14528
15030
|
"href": [1],
|
|
14529
15031
|
"target": [1],
|
|
@@ -14552,7 +15054,7 @@ class GovButton {
|
|
|
14552
15054
|
},
|
|
14553
15055
|
"$listeners$": undefined,
|
|
14554
15056
|
"$lazyBundleId$": "-",
|
|
14555
|
-
"$attrsToReflect$": []
|
|
15057
|
+
"$attrsToReflect$": [["variant", "variant"], ["size", "size"], ["type", "type"], ["disabled", "disabled"]]
|
|
14556
15058
|
}; }
|
|
14557
15059
|
}
|
|
14558
15060
|
|
|
@@ -14611,7 +15113,7 @@ class GovCard {
|
|
|
14611
15113
|
}
|
|
14612
15114
|
render() {
|
|
14613
15115
|
const HeadlineTag = this.headlineTag;
|
|
14614
|
-
return (hAsync(Host, { class: this.h.classes(CardClass.root), "is-expanded": this.isExpanded, collapsible: booleanString(this.collapsible), promotion: this.promotion }, this.label && this.collapsible ? (hAsync("button", { id: this.headlineId, class: CardClass.header, "aria-label": this.wcagTriggerLabel, "aria-labelledby": this.wcagTriggerLabelledBy, "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, onClick: this.onClickHandler.bind(this) }, hAsync(HeadlineTag, { class: CardClass.title }, this.label), hAsync("gov-icon", { class: CardClass.arrow, name: "
|
|
15116
|
+
return (hAsync(Host, { class: this.h.classes(CardClass.root), "is-expanded": this.isExpanded, collapsible: booleanString(this.collapsible), promotion: this.promotion }, this.label && this.collapsible ? (hAsync("button", { id: this.headlineId, class: CardClass.header, "aria-label": this.wcagTriggerLabel, "aria-labelledby": this.wcagTriggerLabelledBy, "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, onClick: this.onClickHandler.bind(this) }, hAsync(HeadlineTag, { class: CardClass.title }, this.label), hAsync("gov-icon", { class: CardClass.arrow, name: "chevron-down" }))) : null, this.label && !this.collapsible ? (hAsync("div", { class: CardClass.header }, hAsync(HeadlineTag, { class: CardClass.title }, this.label))) : null, hAsync("div", { class: CardClass.inner, id: this.contentId, "aria-hidden": this.collapsible ? booleanString(!this.isExpanded) : undefined, hidden: this.collapsible ? !this.isExpanded : undefined, "aria-labelledby": this.collapsible ? this.headlineId : undefined }, this.h.hasSlot('img') && (hAsync("p", { class: CardClass.img }, hAsync("slot", { name: "img" }))), hAsync("div", { class: CardClass.main }, this.h.hasSlot('icon') && this.promotion && (hAsync("div", { class: CardClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: CardClass.content }, hAsync("slot", null)), this.h.hasSlot('btn') && this.promotion && (hAsync("div", { class: CardClass.btns }, hAsync("slot", { name: "btn" })))), this.h.hasSlot('footer') && (hAsync("div", { class: CardClass.footer }, hAsync("slot", { name: "footer" }))))));
|
|
14615
15117
|
}
|
|
14616
15118
|
onClickHandler(e) {
|
|
14617
15119
|
e.stopPropagation();
|
|
@@ -15176,7 +15678,7 @@ class GovFormCheckbox {
|
|
|
15176
15678
|
}
|
|
15177
15679
|
render() {
|
|
15178
15680
|
const { isChecked } = this;
|
|
15179
|
-
return (hAsync(Host, { class: FormCheckboxClass.root, "is-checked": isChecked, size: this.size, invalid: toBoolAttrIfDefined(this.invalid) }, hAsync("input", { id: this.identifier || this.checkboxId, type: "checkbox", value: this.value, name: this.name, checked: this.isChecked, onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, "aria-checked": toBoolAttr(this.isChecked), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-disabled": toBoolAttrIfDefined(this.disabled) }), hAsync("span", null, hAsync("slot", { name: "label" }), hAsync("gov-icon", { class: FormCheckboxClass.check, name: "check" }))));
|
|
15681
|
+
return (hAsync(Host, { class: FormCheckboxClass.root, "is-checked": isChecked, size: this.size, invalid: toBoolAttrIfDefined(this.invalid) }, hAsync("input", { id: this.identifier || this.checkboxId, type: "checkbox", value: this.value, name: this.name, checked: this.isChecked, onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, "aria-checked": toBoolAttr(this.isChecked), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-disabled": toBoolAttrIfDefined(this.disabled) }), hAsync("span", null, hAsync("slot", { name: "label" }), hAsync("gov-icon", { class: FormCheckboxClass.check, name: "check-lg" }))));
|
|
15180
15682
|
}
|
|
15181
15683
|
onFocusHandler(e) {
|
|
15182
15684
|
this.govFocus.emit(e);
|
|
@@ -15454,7 +15956,7 @@ class GovFormFile {
|
|
|
15454
15956
|
this.registerListeners();
|
|
15455
15957
|
}
|
|
15456
15958
|
render() {
|
|
15457
|
-
return (hAsync(Host, { class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, hAsync("div", { class: FormFileClass.area, ref: el => (this.areaRef = el) }, hAsync("slot", null), hAsync("input", { class: FormFileClass.input, ref: el => (this.inputRef = el), id: this.identifier || this.fileId, type: "file", name: this.name, accept: this.accept, onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-disabled": toBoolAttrIfDefined(this.disabled) })), this.h.hasSlot('attachments') ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("slot", { name: 'attachments' }))) : null, this.files.length && this.displayAttachments ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("gov-attachments", { label: this.wcagAttachmentsLabel, "wcag-label": this.wcagAttachmentsLabel }, this.files.map(item => (hAsync("gov-attachments-item", { "wcag-remove-labelled-by": item.id, "on-gov-remove": () => this.onRemoveFileHandler(item) }, hAsync("span", { class: 'sr-only', id: item.id }, this.wcagRemoveLabel.replace('{FILE_NAME}', item.file.name)), item.file.name, item.acceptValid === false ? (hAsync("gov-form-message", { slot: "message", variant: "error" }, hAsync("gov-icon", { slot: "icon", name: "
|
|
15959
|
+
return (hAsync(Host, { class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, hAsync("div", { class: FormFileClass.area, ref: el => (this.areaRef = el) }, hAsync("slot", null), hAsync("input", { class: FormFileClass.input, ref: el => (this.inputRef = el), id: this.identifier || this.fileId, type: "file", name: this.name, accept: this.accept, onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-disabled": toBoolAttrIfDefined(this.disabled) })), this.h.hasSlot('attachments') ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("slot", { name: 'attachments' }))) : null, this.files.length && this.displayAttachments ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("gov-attachments", { label: this.wcagAttachmentsLabel, "wcag-label": this.wcagAttachmentsLabel }, this.files.map(item => (hAsync("gov-attachments-item", { "wcag-remove-labelled-by": item.id, "on-gov-remove": () => this.onRemoveFileHandler(item) }, hAsync("span", { class: 'sr-only', id: item.id }, this.wcagRemoveLabel.replace('{FILE_NAME}', item.file.name)), item.file.name, item.acceptValid === false ? (hAsync("gov-form-message", { slot: "message", variant: "error" }, hAsync("gov-icon", { slot: "icon", name: "exclamation-triangle-fill" }), item.acceptValid === false ? this.errorAccept : null)) : null, item.sizeValid === false ? (hAsync("gov-form-message", { slot: "message", variant: "error" }, hAsync("gov-icon", { slot: "icon", name: "exclamation-triangle-fill" }), this.errorSize.replace('{FILE_SIZE}', formatBytes(this.maxFileSize * 1024)))) : null, hAsync("span", { slot: "info" }, "(", formatBytes(item.file.size), ")"))))))) : null));
|
|
15458
15960
|
}
|
|
15459
15961
|
onRemoveFileHandler(file) {
|
|
15460
15962
|
const index = this.files.findIndex(item => item.id === file.id);
|
|
@@ -15538,7 +16040,7 @@ class GovFormGroup {
|
|
|
15538
16040
|
}; }
|
|
15539
16041
|
}
|
|
15540
16042
|
|
|
15541
|
-
const govFormInputCss = ".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)}}.gov-form-input{position:relative;display:flex;width:100%;align-items:center}.gov-form-input .element{position:relative;flex:1 1 auto}.gov-form-input input,.gov-form-input select,.gov-form-input textarea{width:100%;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));color:var(--gov-form-input-color, var(--gov-color-secondary-700));font-family:var(--gov-font-family, \"Roboto\", sans-serif)}.gov-form-input input:focus,.gov-form-input select:focus,.gov-form-input textarea:focus{outline:none}.gov-form-input input:focus-visible,.gov-form-input select:focus-visible,.gov-form-input textarea: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}.gov-form-input input::-moz-placeholder,.gov-form-input select::-moz-placeholder,.gov-form-input textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-input input::placeholder,.gov-form-input select::placeholder,.gov-form-input textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-input textarea{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);padding:0.5rem 0.75rem;resize:none}.gov-form-input *[slot=left-icon],.gov-form-input *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;color:var(--gov-form-input-icon-color, var(--gov-color-primary));transform:translateY(-50%);pointer-events:none}.gov-form-input *[slot=left-icon]{left:0}.gov-form-input *[slot=right-icon]{right:0}[disabled=\"\"].gov-form-input,[disabled=true i].gov-form-input,[disabled=\"1\"].gov-form-input{pointer-events:none}[disabled=\"\"].gov-form-input input,[disabled=\"\"].gov-form-input select,[disabled=\"\"].gov-form-input textarea,[disabled=true i].gov-form-input input,[disabled=true i].gov-form-input select,[disabled=true i].gov-form-input textarea,[disabled=\"1\"].gov-form-input input,[disabled=\"1\"].gov-form-input select,[disabled=\"1\"].gov-form-input textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-input *[slot=left-icon],[disabled=\"\"].gov-form-input *[slot=right-icon],[disabled=true i].gov-form-input *[slot=left-icon],[disabled=true i].gov-form-input *[slot=right-icon],[disabled=\"1\"].gov-form-input *[slot=left-icon],[disabled=\"1\"].gov-form-input *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=\"\"].gov-form-input input,[invalid=\"\"].gov-form-input select,[invalid=\"\"].gov-form-input textarea,[invalid=true i].gov-form-input input,[invalid=true i].gov-form-input select,[invalid=true i].gov-form-input textarea,[invalid=\"1\"].gov-form-input input,[invalid=\"1\"].gov-form-input select,[invalid=\"1\"].gov-form-input textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-input input::-moz-placeholder,[invalid=\"\"].gov-form-input select::-moz-placeholder,[invalid=\"\"].gov-form-input textarea::-moz-placeholder,[invalid=true i].gov-form-input input::-moz-placeholder,[invalid=true i].gov-form-input select::-moz-placeholder,[invalid=true i].gov-form-input textarea::-moz-placeholder,[invalid=\"1\"].gov-form-input input::-moz-placeholder,[invalid=\"1\"].gov-form-input select::-moz-placeholder,[invalid=\"1\"].gov-form-input textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-input input::placeholder,[invalid=\"\"].gov-form-input select::placeholder,[invalid=\"\"].gov-form-input textarea::placeholder,[invalid=true i].gov-form-input input::placeholder,[invalid=true i].gov-form-input select::placeholder,[invalid=true i].gov-form-input textarea::placeholder,[invalid=\"1\"].gov-form-input input::placeholder,[invalid=\"1\"].gov-form-input select::placeholder,[invalid=\"1\"].gov-form-input textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-input *[slot=left-icon],[invalid=\"\"].gov-form-input *[slot=right-icon],[invalid=true i].gov-form-input *[slot=left-icon],[invalid=true i].gov-form-input *[slot=right-icon],[invalid=\"1\"].gov-form-input *[slot=left-icon],[invalid=\"1\"].gov-form-input *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid=true i].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid=\"1\"].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[success=\"\"].gov-form-input *[slot=right-icon],[success=true i].gov-form-input *[slot=right-icon],[success=\"1\"].gov-form-input *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=\"\"].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=\"1\"].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[size=m].gov-form-input{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);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-input input,[size=m].gov-form-input select{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);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-input *[slot=left-icon],[size=m].gov-form-input *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-input *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-input *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-input *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-input *[slot=right-icon]~input,[size=m].gov-form-input *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-input{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);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-input input,[size=l].gov-form-input select{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);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-input *[slot=left-icon],[size=l].gov-form-input *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-input *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-input *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-input *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-input *[slot=right-icon]~input,[size=l].gov-form-input *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-input{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-input input,[size=xl].gov-form-input select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-input *[slot=left-icon],[size=xl].gov-form-input *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-input *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-input *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-input *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-input *[slot=right-icon]~input,[size=xl].gov-form-input *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}.gov-form-input[type=reset] input{border-width:0}.gov-form-input[type=reset] input:focus{outline:none}";
|
|
16043
|
+
const govFormInputCss = ".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)}}.gov-form-input{position:relative;display:flex;width:100%;align-items:center}.gov-form-input .element{position:relative;flex:1 1 auto}.gov-form-input input,.gov-form-input select,.gov-form-input textarea{width:100%;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));color:var(--gov-form-input-color, var(--gov-color-secondary-700));font-family:var(--gov-font-family, \"Roboto\", sans-serif)}.gov-form-input input:focus,.gov-form-input select:focus,.gov-form-input textarea:focus{outline:none}.gov-form-input input:focus-visible,.gov-form-input select:focus-visible,.gov-form-input textarea: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}.gov-form-input input::-moz-placeholder,.gov-form-input select::-moz-placeholder,.gov-form-input textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-input input::placeholder,.gov-form-input select::placeholder,.gov-form-input textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-input textarea{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);padding:0.5rem 0.75rem;resize:none}.gov-form-input *[slot=left-icon],.gov-form-input *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;color:var(--gov-form-input-icon-color, var(--gov-color-primary));transform:translateY(-50%);pointer-events:none}.gov-form-input *[slot=left-icon]{left:0}.gov-form-input *[slot=right-icon]{right:0}[disabled=\"\"].gov-form-input,[disabled=true i].gov-form-input,[disabled=\"1\"].gov-form-input{pointer-events:none}[disabled=\"\"].gov-form-input input,[disabled=\"\"].gov-form-input select,[disabled=\"\"].gov-form-input textarea,[disabled=true i].gov-form-input input,[disabled=true i].gov-form-input select,[disabled=true i].gov-form-input textarea,[disabled=\"1\"].gov-form-input input,[disabled=\"1\"].gov-form-input select,[disabled=\"1\"].gov-form-input textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-input *[slot=left-icon],[disabled=\"\"].gov-form-input *[slot=right-icon],[disabled=true i].gov-form-input *[slot=left-icon],[disabled=true i].gov-form-input *[slot=right-icon],[disabled=\"1\"].gov-form-input *[slot=left-icon],[disabled=\"1\"].gov-form-input *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=\"\"].gov-form-input input,[invalid=\"\"].gov-form-input select,[invalid=\"\"].gov-form-input textarea,[invalid=true i].gov-form-input input,[invalid=true i].gov-form-input select,[invalid=true i].gov-form-input textarea,[invalid=\"1\"].gov-form-input input,[invalid=\"1\"].gov-form-input select,[invalid=\"1\"].gov-form-input textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-input input::-moz-placeholder,[invalid=\"\"].gov-form-input select::-moz-placeholder,[invalid=\"\"].gov-form-input textarea::-moz-placeholder,[invalid=true i].gov-form-input input::-moz-placeholder,[invalid=true i].gov-form-input select::-moz-placeholder,[invalid=true i].gov-form-input textarea::-moz-placeholder,[invalid=\"1\"].gov-form-input input::-moz-placeholder,[invalid=\"1\"].gov-form-input select::-moz-placeholder,[invalid=\"1\"].gov-form-input textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-input input::placeholder,[invalid=\"\"].gov-form-input select::placeholder,[invalid=\"\"].gov-form-input textarea::placeholder,[invalid=true i].gov-form-input input::placeholder,[invalid=true i].gov-form-input select::placeholder,[invalid=true i].gov-form-input textarea::placeholder,[invalid=\"1\"].gov-form-input input::placeholder,[invalid=\"1\"].gov-form-input select::placeholder,[invalid=\"1\"].gov-form-input textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-input *[slot=left-icon],[invalid=\"\"].gov-form-input *[slot=right-icon],[invalid=true i].gov-form-input *[slot=left-icon],[invalid=true i].gov-form-input *[slot=right-icon],[invalid=\"1\"].gov-form-input *[slot=left-icon],[invalid=\"1\"].gov-form-input *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[success=\"\"].gov-form-input *[slot=right-icon],[success=true i].gov-form-input *[slot=right-icon],[success=\"1\"].gov-form-input *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=\"\"].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=\"1\"].gov-form-input *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[size=m].gov-form-input{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);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-input input,[size=m].gov-form-input select{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);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-input *[slot=left-icon],[size=m].gov-form-input *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-input *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-input *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-input *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-input *[slot=right-icon]~input,[size=m].gov-form-input *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-input{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);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-input input,[size=l].gov-form-input select{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);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-input *[slot=left-icon],[size=l].gov-form-input *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-input *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-input *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-input *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-input *[slot=right-icon]~input,[size=l].gov-form-input *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-input{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-input input,[size=xl].gov-form-input select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-input *[slot=left-icon],[size=xl].gov-form-input *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-input *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-input *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-input *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-input *[slot=right-icon]~input,[size=xl].gov-form-input *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}.gov-form-input[invalid=\"\"] *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),.gov-form-input[invalid=true i] *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),.gov-form-input[invalid=\"1\"] *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}.gov-form-input[type=reset] input{border-width:0}.gov-form-input[type=reset] input:focus{outline:none}";
|
|
15542
16044
|
|
|
15543
16045
|
var Tags$1;
|
|
15544
16046
|
(function (Tags) {
|
|
@@ -15602,7 +16104,7 @@ class GovFormInput {
|
|
|
15602
16104
|
}
|
|
15603
16105
|
render() {
|
|
15604
16106
|
const Tag = this.multiline ? Tags$1.TEXTAREA : Tags$1.INPUT;
|
|
15605
|
-
return (hAsync(Host, { class: FormInputClass.root, size: this.size, variant: this.variant, type: this.type }, this.h.hasSlot('prefix') && hAsync("slot", { name: "prefix" }), hAsync("span", { class: "element" }, this.h.hasSlot('left-icon') && hAsync("slot", { name: "left-icon" }), this.h.hasSlot('right-icon') && !(this.success || this.invalid) && hAsync("slot", { name: "right-icon" }), this.success && !this.multiline && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "check" }), this.invalid && !this.multiline && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "exclamation" }), hAsync(Tag, { type: this.inputType, disabled: this.disabled, id: this.identifier || this.inputId, name: this.name, onFocus: this.onFocusHandler.bind(this), onInput: this.onInputHandler.bind(this), onBlur: this.onBlurHandler.bind(this), onKeyUp: this.onKeyUpHandler.bind(this), ref: el => (this.inputRef = el), placeholder: this.placeholder, value: this.value, readonly: toBoolAttrIfDefined(this.readonly), autocomplete: toOnOffAttrIfDefined(this.autocomplete), autocorrect: toOnOffAttrIfDefined(this.autocorrect), minlength: this.minlength, maxlength: this.maxlength, required: this.required, rows: this.rows, cols: this.cols, role: this.role, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns, "aria-expanded": toBoolAttrIfDefined(this.wcagExpanded), "aria-autocomplete": this.wcagAutocomplete })), this.h.hasSlot('sufix') && hAsync("slot", { name: "sufix" })));
|
|
16107
|
+
return (hAsync(Host, { class: FormInputClass.root, size: this.size, variant: this.variant, type: this.type }, this.h.hasSlot('prefix') && hAsync("slot", { name: "prefix" }), hAsync("span", { class: "element" }, this.h.hasSlot('left-icon') && hAsync("slot", { name: "left-icon" }), this.h.hasSlot('right-icon') && !(this.success || this.invalid) && hAsync("slot", { name: "right-icon" }), this.success && !this.multiline && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "check-lg" }), this.invalid && !this.multiline && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "exclamation-lg" }), hAsync(Tag, { type: this.inputType, disabled: this.disabled, id: this.identifier || this.inputId, name: this.name, onFocus: this.onFocusHandler.bind(this), onInput: this.onInputHandler.bind(this), onBlur: this.onBlurHandler.bind(this), onKeyUp: this.onKeyUpHandler.bind(this), ref: el => (this.inputRef = el), placeholder: this.placeholder, value: this.value, readonly: toBoolAttrIfDefined(this.readonly), autocomplete: toOnOffAttrIfDefined(this.autocomplete), autocorrect: toOnOffAttrIfDefined(this.autocorrect), minlength: this.minlength, maxlength: this.maxlength, required: this.required, rows: this.rows, cols: this.cols, role: this.role, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns, "aria-expanded": toBoolAttrIfDefined(this.wcagExpanded), "aria-autocomplete": this.wcagAutocomplete })), this.h.hasSlot('sufix') && hAsync("slot", { name: "sufix" })));
|
|
15606
16108
|
}
|
|
15607
16109
|
onFocusHandler(e) {
|
|
15608
16110
|
this.focused = true;
|
|
@@ -15773,7 +16275,7 @@ class GovFormMessage {
|
|
|
15773
16275
|
}; }
|
|
15774
16276
|
}
|
|
15775
16277
|
|
|
15776
|
-
const govFormMultiSelectCss = ".gov-form-multi-select__list{margin:0;padding:0}.gov-form-multi-select__list>.gov-form-multi-select__item{margin:0;padding:0;background:none}.gov-form-multi-select__list>.gov-form-multi-select__item::before{display:none}.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)}}.gov-form-multi-select{position:relative;display:flex;width:100%;align-items:center}.gov-form-multi-select .element{position:relative;flex:1 1 auto}.gov-form-multi-select input,.gov-form-multi-select select,.gov-form-multi-select textarea{width:100%;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));color:var(--gov-form-input-color, var(--gov-color-secondary-700));font-family:var(--gov-font-family, \"Roboto\", sans-serif)}.gov-form-multi-select input:focus,.gov-form-multi-select select:focus,.gov-form-multi-select textarea:focus{outline:none}.gov-form-multi-select input:focus-visible,.gov-form-multi-select select:focus-visible,.gov-form-multi-select textarea: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}.gov-form-multi-select input::-moz-placeholder,.gov-form-multi-select select::-moz-placeholder,.gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-select input::placeholder,.gov-form-multi-select select::placeholder,.gov-form-multi-select textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-select textarea{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);padding:0.5rem 0.75rem;resize:none}.gov-form-multi-select *[slot=left-icon],.gov-form-multi-select *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;color:var(--gov-form-input-icon-color, var(--gov-color-primary));transform:translateY(-50%);pointer-events:none}.gov-form-multi-select *[slot=left-icon]{left:0}.gov-form-multi-select *[slot=right-icon]{right:0}[disabled=\"\"].gov-form-multi-select,[disabled=true i].gov-form-multi-select,[disabled=\"1\"].gov-form-multi-select{pointer-events:none}[disabled=\"\"].gov-form-multi-select input,[disabled=\"\"].gov-form-multi-select select,[disabled=\"\"].gov-form-multi-select textarea,[disabled=true i].gov-form-multi-select input,[disabled=true i].gov-form-multi-select select,[disabled=true i].gov-form-multi-select textarea,[disabled=\"1\"].gov-form-multi-select input,[disabled=\"1\"].gov-form-multi-select select,[disabled=\"1\"].gov-form-multi-select textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-multi-select *[slot=left-icon],[disabled=\"\"].gov-form-multi-select *[slot=right-icon],[disabled=true i].gov-form-multi-select *[slot=left-icon],[disabled=true i].gov-form-multi-select *[slot=right-icon],[disabled=\"1\"].gov-form-multi-select *[slot=left-icon],[disabled=\"1\"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=\"\"].gov-form-multi-select input,[invalid=\"\"].gov-form-multi-select select,[invalid=\"\"].gov-form-multi-select textarea,[invalid=true i].gov-form-multi-select input,[invalid=true i].gov-form-multi-select select,[invalid=true i].gov-form-multi-select textarea,[invalid=\"1\"].gov-form-multi-select input,[invalid=\"1\"].gov-form-multi-select select,[invalid=\"1\"].gov-form-multi-select textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-multi-select input::-moz-placeholder,[invalid=\"\"].gov-form-multi-select select::-moz-placeholder,[invalid=\"\"].gov-form-multi-select textarea::-moz-placeholder,[invalid=true i].gov-form-multi-select input::-moz-placeholder,[invalid=true i].gov-form-multi-select select::-moz-placeholder,[invalid=true i].gov-form-multi-select textarea::-moz-placeholder,[invalid=\"1\"].gov-form-multi-select input::-moz-placeholder,[invalid=\"1\"].gov-form-multi-select select::-moz-placeholder,[invalid=\"1\"].gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-multi-select input::placeholder,[invalid=\"\"].gov-form-multi-select select::placeholder,[invalid=\"\"].gov-form-multi-select textarea::placeholder,[invalid=true i].gov-form-multi-select input::placeholder,[invalid=true i].gov-form-multi-select select::placeholder,[invalid=true i].gov-form-multi-select textarea::placeholder,[invalid=\"1\"].gov-form-multi-select input::placeholder,[invalid=\"1\"].gov-form-multi-select select::placeholder,[invalid=\"1\"].gov-form-multi-select textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-multi-select *[slot=left-icon],[invalid=\"\"].gov-form-multi-select *[slot=right-icon],[invalid=true i].gov-form-multi-select *[slot=left-icon],[invalid=true i].gov-form-multi-select *[slot=right-icon],[invalid=\"1\"].gov-form-multi-select *[slot=left-icon],[invalid=\"1\"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid=\"1\"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[success=\"\"].gov-form-multi-select *[slot=right-icon],[success=true i].gov-form-multi-select *[slot=right-icon],[success=\"1\"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=\"\"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=\"1\"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[size=m].gov-form-multi-select{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);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-multi-select input,[size=m].gov-form-multi-select select{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);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-multi-select *[slot=left-icon],[size=m].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-multi-select *[slot=right-icon]~input,[size=m].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-multi-select{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);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-multi-select input,[size=l].gov-form-multi-select select{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);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-multi-select *[slot=left-icon],[size=l].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-multi-select *[slot=right-icon]~input,[size=l].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-multi-select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-multi-select input,[size=xl].gov-form-multi-select select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-multi-select *[slot=left-icon],[size=xl].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-multi-select *[slot=right-icon]~input,[size=xl].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}.gov-form-multi-select{background:none}.gov-form-multi-select select{-webkit-appearance:none;-moz-appearance:none}.gov-form-multi-select select::-ms-expand{display:none}[size=m].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-m-arrow-right-position, 1rem);width:var(--gov-form-select-m-arrow-size, 0.5rem);height:var(--gov-form-select-m-arrow-size, 0.5rem)}[size=l].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-l-arrow-right-position, 1rem);width:var(--gov-form-select-l-arrow-size, 0.5rem);height:var(--gov-form-select-l-arrow-size, 0.5rem)}[size=xl].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-xl-arrow-right-position, 1.3125rem);width:var(--gov-form-select-xl-arrow-size, 0.625rem);height:var(--gov-form-select-xl-arrow-size, 0.625rem)}.gov-form-multi-select{flex-wrap:wrap}.gov-form-multi-select__wrap{display:flex;gap:0.5rem;width:100%}.gov-form-multi-select__list{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);display:flex;gap:0.5rem;flex-wrap:wrap}.gov-form-multi-select__list>.gov-form-multi-select__item{position:relative;display:flex;flex:0 0 auto;align-items:center;padding:0rem 0rem 0rem 0.5rem;background:var(--gov-form-multiselect-bg, var(--gov-color-primary-200));transition:150ms linear background-color}";
|
|
16278
|
+
const govFormMultiSelectCss = ".gov-form-multi-select__list{margin:0;padding:0}.gov-form-multi-select__list>.gov-form-multi-select__item{margin:0;padding:0;background:none}.gov-form-multi-select__list>.gov-form-multi-select__item::before{display:none}.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)}}.gov-form-multi-select{position:relative;display:flex;width:100%;align-items:center}.gov-form-multi-select .element{position:relative;flex:1 1 auto}.gov-form-multi-select input,.gov-form-multi-select select,.gov-form-multi-select textarea{width:100%;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));color:var(--gov-form-input-color, var(--gov-color-secondary-700));font-family:var(--gov-font-family, \"Roboto\", sans-serif)}.gov-form-multi-select input:focus,.gov-form-multi-select select:focus,.gov-form-multi-select textarea:focus{outline:none}.gov-form-multi-select input:focus-visible,.gov-form-multi-select select:focus-visible,.gov-form-multi-select textarea: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}.gov-form-multi-select input::-moz-placeholder,.gov-form-multi-select select::-moz-placeholder,.gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-select input::placeholder,.gov-form-multi-select select::placeholder,.gov-form-multi-select textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-select textarea{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);padding:0.5rem 0.75rem;resize:none}.gov-form-multi-select *[slot=left-icon],.gov-form-multi-select *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;color:var(--gov-form-input-icon-color, var(--gov-color-primary));transform:translateY(-50%);pointer-events:none}.gov-form-multi-select *[slot=left-icon]{left:0}.gov-form-multi-select *[slot=right-icon]{right:0}[disabled=\"\"].gov-form-multi-select,[disabled=true i].gov-form-multi-select,[disabled=\"1\"].gov-form-multi-select{pointer-events:none}[disabled=\"\"].gov-form-multi-select input,[disabled=\"\"].gov-form-multi-select select,[disabled=\"\"].gov-form-multi-select textarea,[disabled=true i].gov-form-multi-select input,[disabled=true i].gov-form-multi-select select,[disabled=true i].gov-form-multi-select textarea,[disabled=\"1\"].gov-form-multi-select input,[disabled=\"1\"].gov-form-multi-select select,[disabled=\"1\"].gov-form-multi-select textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-multi-select *[slot=left-icon],[disabled=\"\"].gov-form-multi-select *[slot=right-icon],[disabled=true i].gov-form-multi-select *[slot=left-icon],[disabled=true i].gov-form-multi-select *[slot=right-icon],[disabled=\"1\"].gov-form-multi-select *[slot=left-icon],[disabled=\"1\"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=\"\"].gov-form-multi-select input,[invalid=\"\"].gov-form-multi-select select,[invalid=\"\"].gov-form-multi-select textarea,[invalid=true i].gov-form-multi-select input,[invalid=true i].gov-form-multi-select select,[invalid=true i].gov-form-multi-select textarea,[invalid=\"1\"].gov-form-multi-select input,[invalid=\"1\"].gov-form-multi-select select,[invalid=\"1\"].gov-form-multi-select textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-multi-select input::-moz-placeholder,[invalid=\"\"].gov-form-multi-select select::-moz-placeholder,[invalid=\"\"].gov-form-multi-select textarea::-moz-placeholder,[invalid=true i].gov-form-multi-select input::-moz-placeholder,[invalid=true i].gov-form-multi-select select::-moz-placeholder,[invalid=true i].gov-form-multi-select textarea::-moz-placeholder,[invalid=\"1\"].gov-form-multi-select input::-moz-placeholder,[invalid=\"1\"].gov-form-multi-select select::-moz-placeholder,[invalid=\"1\"].gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-multi-select input::placeholder,[invalid=\"\"].gov-form-multi-select select::placeholder,[invalid=\"\"].gov-form-multi-select textarea::placeholder,[invalid=true i].gov-form-multi-select input::placeholder,[invalid=true i].gov-form-multi-select select::placeholder,[invalid=true i].gov-form-multi-select textarea::placeholder,[invalid=\"1\"].gov-form-multi-select input::placeholder,[invalid=\"1\"].gov-form-multi-select select::placeholder,[invalid=\"1\"].gov-form-multi-select textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-multi-select *[slot=left-icon],[invalid=\"\"].gov-form-multi-select *[slot=right-icon],[invalid=true i].gov-form-multi-select *[slot=left-icon],[invalid=true i].gov-form-multi-select *[slot=right-icon],[invalid=\"1\"].gov-form-multi-select *[slot=left-icon],[invalid=\"1\"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[success=\"\"].gov-form-multi-select *[slot=right-icon],[success=true i].gov-form-multi-select *[slot=right-icon],[success=\"1\"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=\"\"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=\"1\"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[size=m].gov-form-multi-select{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);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-multi-select input,[size=m].gov-form-multi-select select{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);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-multi-select *[slot=left-icon],[size=m].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-multi-select *[slot=right-icon]~input,[size=m].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-multi-select{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);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-multi-select input,[size=l].gov-form-multi-select select{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);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-multi-select *[slot=left-icon],[size=l].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-multi-select *[slot=right-icon]~input,[size=l].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-multi-select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-multi-select input,[size=xl].gov-form-multi-select select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-multi-select *[slot=left-icon],[size=xl].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-multi-select *[slot=right-icon]~input,[size=xl].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}.gov-form-multi-select{background:none}.gov-form-multi-select select{-webkit-appearance:none;-moz-appearance:none}.gov-form-multi-select select::-ms-expand{display:none}[size=m].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-m-arrow-right-position, 1rem);width:var(--gov-form-select-m-arrow-size, 0.5rem);height:var(--gov-form-select-m-arrow-size, 0.5rem)}[size=l].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-l-arrow-right-position, 1rem);width:var(--gov-form-select-l-arrow-size, 0.5rem);height:var(--gov-form-select-l-arrow-size, 0.5rem)}[size=xl].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-xl-arrow-right-position, 1.3125rem);width:var(--gov-form-select-xl-arrow-size, 0.625rem);height:var(--gov-form-select-xl-arrow-size, 0.625rem)}.gov-form-multi-select{flex-wrap:wrap}.gov-form-multi-select__wrap{display:flex;gap:0.5rem;width:100%}.gov-form-multi-select__list{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);display:flex;gap:0.5rem;flex-wrap:wrap}.gov-form-multi-select__list>.gov-form-multi-select__item{position:relative;display:flex;flex:0 0 auto;align-items:center;padding:0rem 0rem 0rem 0.5rem;background:var(--gov-form-multiselect-bg, var(--gov-color-primary-200));transition:150ms linear background-color}";
|
|
15777
16279
|
|
|
15778
16280
|
class GovFormMultiSelect {
|
|
15779
16281
|
constructor(hostRef) {
|
|
@@ -15881,8 +16383,8 @@ class GovFormMultiSelect {
|
|
|
15881
16383
|
}
|
|
15882
16384
|
}
|
|
15883
16385
|
render() {
|
|
15884
|
-
return (hAsync(Host, { class: FormMultiSelectClass.root, size: this.size, variant: this.variant }, hAsync("div", { class: FormMultiSelectClass.wrap }, hAsync("div", { class: "element" }, hAsync("gov-form-autocomplete", { value: this.value, disabled: this.disabled, identifier: this.identifier || this.selectId, required: false, size: this.size, variant: this.variant, invalid: this.invalid, placeholder: this.placeholder, ref: el => (this.autocompleteRef = el), minlength: 0, wcagDescribedBy: this.wcagDescribedBy, wcagLabelledBy: this.wcagLabelledBy, wcagOwns: this.listId }), hAsync("gov-icon", { slot: "right-icon", class: "icon-arrow", name: "
|
|
15885
|
-
return (hAsync("li", { class: FormMultiSelectClass.item, role: "option" }, option.name, hAsync("gov-button", { wcagLabel: 'Odebrat vybranou položku ' + option.name, variant: "primary", type: "base", size: "s", "on-gov-click": () => this.onTagRemove(option) }, hAsync("gov-icon", { name: "
|
|
16386
|
+
return (hAsync(Host, { class: FormMultiSelectClass.root, size: this.size, variant: this.variant }, hAsync("div", { class: FormMultiSelectClass.wrap }, hAsync("div", { class: "element" }, hAsync("gov-form-autocomplete", { value: this.value, disabled: this.disabled, identifier: this.identifier || this.selectId, required: false, size: this.size, variant: this.variant, invalid: this.invalid, placeholder: this.placeholder, ref: el => (this.autocompleteRef = el), minlength: 0, wcagDescribedBy: this.wcagDescribedBy, wcagLabelledBy: this.wcagLabelledBy, wcagOwns: this.listId }), hAsync("gov-icon", { slot: "right-icon", class: "icon-arrow", name: "chevron-down" }), hAsync("select", { hidden: true, "aria-hidden": true, multiple: true, required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns }, hAsync("slot", null)))), hAsync("ul", { role: "listbox", id: this.listId, class: FormMultiSelectClass.list }, this.selectedOptions.map(option => {
|
|
16387
|
+
return (hAsync("li", { class: FormMultiSelectClass.item, role: "option" }, option.name, hAsync("gov-button", { wcagLabel: 'Odebrat vybranou položku ' + option.name, variant: "primary", type: "base", size: "s", "on-gov-click": () => this.onTagRemove(option) }, hAsync("gov-icon", { name: "x-lg" }))));
|
|
15886
16388
|
}))));
|
|
15887
16389
|
}
|
|
15888
16390
|
onFocusHandler(e) {
|
|
@@ -15970,6 +16472,35 @@ class GovFormMultiSelect {
|
|
|
15970
16472
|
}; }
|
|
15971
16473
|
}
|
|
15972
16474
|
|
|
16475
|
+
const FormPasswordPowerClass = {
|
|
16476
|
+
root: 'gov-form-password-power',
|
|
16477
|
+
bar: 'gov-form-password-power__bar',
|
|
16478
|
+
text: 'gov-form-password-power__text',
|
|
16479
|
+
};
|
|
16480
|
+
|
|
16481
|
+
const govFormPasswordPowerCss = ".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)}}.gov-form-password-power{display:flex;align-items:center;gap:1.5rem;height:1.5rem}.gov-form-password-power__bar{display:flex;gap:0.25rem;width:100%}.gov-form-password-power__bar span{display:inline-block;width:100%;height:var(--gov-form-password-power-height, 0.25rem);border-radius:var(--gov-form-password-power-radius, 0.125rem);background-color:var(--gov-form-password-power-color, var(--gov-color-secondary-600))}.gov-form-password-power__text{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);text-align:right;flex-basis:3.5rem}.gov-form-password-power[power=\"1\"]{color:var(--gov-form-password-power-color-weak, var(--gov-color-error))}.gov-form-password-power[power=\"1\"] .gov-form-password-power__bar span:nth-child(1){background-color:var(--gov-form-password-power-color-weak, var(--gov-color-error))}.gov-form-password-power[power=\"2\"]{color:var(--gov-form-password-power-color-medium, var(--gov-color-warning-500))}.gov-form-password-power[power=\"2\"] .gov-form-password-power__bar span:nth-child(1),.gov-form-password-power[power=\"2\"] .gov-form-password-power__bar span:nth-child(2){background-color:var(--gov-form-password-power-color-medium, var(--gov-color-warning-500))}.gov-form-password-power[power=\"3\"]{color:var(--gov-form-password-power-color-strong, var(--gov-color-success))}.gov-form-password-power[power=\"3\"] .gov-form-password-power__bar span{background-color:var(--gov-form-password-power-color-strong, var(--gov-color-success))}";
|
|
16482
|
+
|
|
16483
|
+
class GovFormPasswordPower {
|
|
16484
|
+
constructor(hostRef) {
|
|
16485
|
+
registerInstance(this, hostRef);
|
|
16486
|
+
this.power = undefined;
|
|
16487
|
+
}
|
|
16488
|
+
render() {
|
|
16489
|
+
return (hAsync(Host, { class: FormPasswordPowerClass.root }, hAsync("span", { class: FormPasswordPowerClass.bar }, hAsync("span", null), hAsync("span", null), hAsync("span", null)), hAsync("span", { class: FormPasswordPowerClass.text }, hAsync("slot", null))));
|
|
16490
|
+
}
|
|
16491
|
+
static get style() { return govFormPasswordPowerCss; }
|
|
16492
|
+
static get cmpMeta() { return {
|
|
16493
|
+
"$flags$": 4,
|
|
16494
|
+
"$tagName$": "gov-form-password-power",
|
|
16495
|
+
"$members$": {
|
|
16496
|
+
"power": [2]
|
|
16497
|
+
},
|
|
16498
|
+
"$listeners$": undefined,
|
|
16499
|
+
"$lazyBundleId$": "-",
|
|
16500
|
+
"$attrsToReflect$": []
|
|
16501
|
+
}; }
|
|
16502
|
+
}
|
|
16503
|
+
|
|
15973
16504
|
const govFormRadioCss = ".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)}}.gov-form-radio{cursor:pointer}.gov-form-radio input{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-radio input+span{position:relative;display:block}.gov-form-radio input+span::before{content:\"\";position:absolute;display:block;top:0;left:0;border:var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));transition:150ms linear border-color, 150ms linear background-color, 150ms linear outline-color}.gov-form-radio .gov-form-label__label{position:relative;z-index:1;width:100%}.gov-form-radio input:focus-visible+span::before{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}[invalid=\"\"].gov-form-radio .gov-form-label__label,[invalid=true i].gov-form-radio .gov-form-label__label,[invalid=\"1\"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-radio input+span::before,[invalid=true i].gov-form-radio input+span::before,[invalid=\"1\"].gov-form-radio input+span::before{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}[disabled=\"\"].gov-form-radio,[disabled=true i].gov-form-radio,[disabled=\"1\"].gov-form-radio{pointer-events:none}[disabled=\"\"].gov-form-radio .gov-form-label__label,[disabled=true i].gov-form-radio .gov-form-label__label,[disabled=\"1\"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-radio input+span::before,[disabled=true i].gov-form-radio input+span::before,[disabled=\"1\"].gov-form-radio input+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}[size=xs].gov-form-radio{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);min-width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);min-height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=xs].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) + var(--gov-form-checkbox-core-xs-gap, 0.75rem))}[size=xs].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=s].gov-form-radio{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);min-width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);min-height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=s].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) + var(--gov-form-checkbox-core-s-gap, 0.75rem))}[size=s].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=m].gov-form-radio{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);min-width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);min-height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=m].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) + var(--gov-form-checkbox-core-m-gap, 1rem))}[size=m].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=l].gov-form-radio{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);min-width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);min-height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}[size=l].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-l-indicator-size, 2rem) + var(--gov-form-checkbox-core-l-gap, 1rem))}[size=l].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}.gov-form-radio input+span::before{border-radius:50%}.gov-form-radio input+span::after{content:\"\";position:absolute;display:block;border-radius:50%;background:var(--gov-form-radio-indicator-bg, var(--gov-color-primary));opacity:0;transition:150ms linear opacity}.gov-form-radio input:checked+span::after{opacity:1}.gov-form-radio[invalid=\"\"] input+span::after,.gov-form-radio[invalid=true i] input+span::after,.gov-form-radio[invalid=\"1\"] input+span::after{background:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-radio[disabled=\"\"] input:checked+span::after,.gov-form-radio[disabled=true i] input:checked+span::after,.gov-form-radio[disabled=\"1\"] input:checked+span::after{background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-radio[size=xs] input+span::after{top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);left:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);width:var(--gov-form-checkbox-core-xs-dot-size, 0.625rem);height:var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)}.gov-form-radio[size=s] input+span::after{top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);left:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);width:var(--gov-form-checkbox-core-s-dot-size, 0.6875rem);height:var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)}.gov-form-radio[size=m] input+span::after{top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);left:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);width:var(--gov-form-checkbox-core-m-dot-size, 0.75rem);height:var(--gov-form-checkbox-core-m-dot-size, 0.75rem)}.gov-form-radio[size=l] input+span::after{top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);left:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);width:var(--gov-form-checkbox-core-l-dot-size, 1rem);height:var(--gov-form-checkbox-core-l-dot-size, 1rem)}";
|
|
15974
16505
|
|
|
15975
16506
|
class GovFormRadio {
|
|
@@ -16096,7 +16627,7 @@ class GovFormSearch {
|
|
|
16096
16627
|
}; }
|
|
16097
16628
|
}
|
|
16098
16629
|
|
|
16099
|
-
const govFormSelectCss = ".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)}}.gov-form-select{position:relative;display:flex;width:100%;align-items:center}.gov-form-select .element{position:relative;flex:1 1 auto}.gov-form-select input,.gov-form-select select,.gov-form-select textarea{width:100%;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));color:var(--gov-form-input-color, var(--gov-color-secondary-700));font-family:var(--gov-font-family, \"Roboto\", sans-serif)}.gov-form-select input:focus,.gov-form-select select:focus,.gov-form-select textarea:focus{outline:none}.gov-form-select input:focus-visible,.gov-form-select select:focus-visible,.gov-form-select textarea: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}.gov-form-select input::-moz-placeholder,.gov-form-select select::-moz-placeholder,.gov-form-select textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-select input::placeholder,.gov-form-select select::placeholder,.gov-form-select textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-select textarea{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);padding:0.5rem 0.75rem;resize:none}.gov-form-select *[slot=left-icon],.gov-form-select *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;color:var(--gov-form-input-icon-color, var(--gov-color-primary));transform:translateY(-50%);pointer-events:none}.gov-form-select *[slot=left-icon]{left:0}.gov-form-select *[slot=right-icon]{right:0}[disabled=\"\"].gov-form-select,[disabled=true i].gov-form-select,[disabled=\"1\"].gov-form-select{pointer-events:none}[disabled=\"\"].gov-form-select input,[disabled=\"\"].gov-form-select select,[disabled=\"\"].gov-form-select textarea,[disabled=true i].gov-form-select input,[disabled=true i].gov-form-select select,[disabled=true i].gov-form-select textarea,[disabled=\"1\"].gov-form-select input,[disabled=\"1\"].gov-form-select select,[disabled=\"1\"].gov-form-select textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-select *[slot=left-icon],[disabled=\"\"].gov-form-select *[slot=right-icon],[disabled=true i].gov-form-select *[slot=left-icon],[disabled=true i].gov-form-select *[slot=right-icon],[disabled=\"1\"].gov-form-select *[slot=left-icon],[disabled=\"1\"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=\"\"].gov-form-select input,[invalid=\"\"].gov-form-select select,[invalid=\"\"].gov-form-select textarea,[invalid=true i].gov-form-select input,[invalid=true i].gov-form-select select,[invalid=true i].gov-form-select textarea,[invalid=\"1\"].gov-form-select input,[invalid=\"1\"].gov-form-select select,[invalid=\"1\"].gov-form-select textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-select input::-moz-placeholder,[invalid=\"\"].gov-form-select select::-moz-placeholder,[invalid=\"\"].gov-form-select textarea::-moz-placeholder,[invalid=true i].gov-form-select input::-moz-placeholder,[invalid=true i].gov-form-select select::-moz-placeholder,[invalid=true i].gov-form-select textarea::-moz-placeholder,[invalid=\"1\"].gov-form-select input::-moz-placeholder,[invalid=\"1\"].gov-form-select select::-moz-placeholder,[invalid=\"1\"].gov-form-select textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-select input::placeholder,[invalid=\"\"].gov-form-select select::placeholder,[invalid=\"\"].gov-form-select textarea::placeholder,[invalid=true i].gov-form-select input::placeholder,[invalid=true i].gov-form-select select::placeholder,[invalid=true i].gov-form-select textarea::placeholder,[invalid=\"1\"].gov-form-select input::placeholder,[invalid=\"1\"].gov-form-select select::placeholder,[invalid=\"1\"].gov-form-select textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-select *[slot=left-icon],[invalid=\"\"].gov-form-select *[slot=right-icon],[invalid=true i].gov-form-select *[slot=left-icon],[invalid=true i].gov-form-select *[slot=right-icon],[invalid=\"1\"].gov-form-select *[slot=left-icon],[invalid=\"1\"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid=true i].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[invalid=\"1\"].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[success=\"\"].gov-form-select *[slot=right-icon],[success=true i].gov-form-select *[slot=right-icon],[success=\"1\"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=\"\"].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=\"1\"].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[size=m].gov-form-select{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);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-select input,[size=m].gov-form-select select{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);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-select *[slot=left-icon],[size=m].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-select *[slot=right-icon]~input,[size=m].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-select{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);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-select input,[size=l].gov-form-select select{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);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-select *[slot=left-icon],[size=l].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-select *[slot=right-icon]~input,[size=l].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-select input,[size=xl].gov-form-select select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-select *[slot=left-icon],[size=xl].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-select *[slot=right-icon]~input,[size=xl].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}.gov-form-select{background:none}.gov-form-select select{-webkit-appearance:none;-moz-appearance:none}.gov-form-select select::-ms-expand{display:none}[size=m].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-m-arrow-right-position, 1rem);width:var(--gov-form-select-m-arrow-size, 0.5rem);height:var(--gov-form-select-m-arrow-size, 0.5rem)}[size=l].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-l-arrow-right-position, 1rem);width:var(--gov-form-select-l-arrow-size, 0.5rem);height:var(--gov-form-select-l-arrow-size, 0.5rem)}[size=xl].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-xl-arrow-right-position, 1.3125rem);width:var(--gov-form-select-xl-arrow-size, 0.625rem);height:var(--gov-form-select-xl-arrow-size, 0.625rem)}";
|
|
16630
|
+
const govFormSelectCss = ".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)}}.gov-form-select{position:relative;display:flex;width:100%;align-items:center}.gov-form-select .element{position:relative;flex:1 1 auto}.gov-form-select input,.gov-form-select select,.gov-form-select textarea{width:100%;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));color:var(--gov-form-input-color, var(--gov-color-secondary-700));font-family:var(--gov-font-family, \"Roboto\", sans-serif)}.gov-form-select input:focus,.gov-form-select select:focus,.gov-form-select textarea:focus{outline:none}.gov-form-select input:focus-visible,.gov-form-select select:focus-visible,.gov-form-select textarea: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}.gov-form-select input::-moz-placeholder,.gov-form-select select::-moz-placeholder,.gov-form-select textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-select input::placeholder,.gov-form-select select::placeholder,.gov-form-select textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-select textarea{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);padding:0.5rem 0.75rem;resize:none}.gov-form-select *[slot=left-icon],.gov-form-select *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;color:var(--gov-form-input-icon-color, var(--gov-color-primary));transform:translateY(-50%);pointer-events:none}.gov-form-select *[slot=left-icon]{left:0}.gov-form-select *[slot=right-icon]{right:0}[disabled=\"\"].gov-form-select,[disabled=true i].gov-form-select,[disabled=\"1\"].gov-form-select{pointer-events:none}[disabled=\"\"].gov-form-select input,[disabled=\"\"].gov-form-select select,[disabled=\"\"].gov-form-select textarea,[disabled=true i].gov-form-select input,[disabled=true i].gov-form-select select,[disabled=true i].gov-form-select textarea,[disabled=\"1\"].gov-form-select input,[disabled=\"1\"].gov-form-select select,[disabled=\"1\"].gov-form-select textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-select *[slot=left-icon],[disabled=\"\"].gov-form-select *[slot=right-icon],[disabled=true i].gov-form-select *[slot=left-icon],[disabled=true i].gov-form-select *[slot=right-icon],[disabled=\"1\"].gov-form-select *[slot=left-icon],[disabled=\"1\"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=\"\"].gov-form-select input,[invalid=\"\"].gov-form-select select,[invalid=\"\"].gov-form-select textarea,[invalid=true i].gov-form-select input,[invalid=true i].gov-form-select select,[invalid=true i].gov-form-select textarea,[invalid=\"1\"].gov-form-select input,[invalid=\"1\"].gov-form-select select,[invalid=\"1\"].gov-form-select textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-select input::-moz-placeholder,[invalid=\"\"].gov-form-select select::-moz-placeholder,[invalid=\"\"].gov-form-select textarea::-moz-placeholder,[invalid=true i].gov-form-select input::-moz-placeholder,[invalid=true i].gov-form-select select::-moz-placeholder,[invalid=true i].gov-form-select textarea::-moz-placeholder,[invalid=\"1\"].gov-form-select input::-moz-placeholder,[invalid=\"1\"].gov-form-select select::-moz-placeholder,[invalid=\"1\"].gov-form-select textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-select input::placeholder,[invalid=\"\"].gov-form-select select::placeholder,[invalid=\"\"].gov-form-select textarea::placeholder,[invalid=true i].gov-form-select input::placeholder,[invalid=true i].gov-form-select select::placeholder,[invalid=true i].gov-form-select textarea::placeholder,[invalid=\"1\"].gov-form-select input::placeholder,[invalid=\"1\"].gov-form-select select::placeholder,[invalid=\"1\"].gov-form-select textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=\"\"].gov-form-select *[slot=left-icon],[invalid=\"\"].gov-form-select *[slot=right-icon],[invalid=true i].gov-form-select *[slot=left-icon],[invalid=true i].gov-form-select *[slot=right-icon],[invalid=\"1\"].gov-form-select *[slot=left-icon],[invalid=\"1\"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[success=\"\"].gov-form-select *[slot=right-icon],[success=true i].gov-form-select *[slot=right-icon],[success=\"1\"].gov-form-select *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=\"\"].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=\"1\"].gov-form-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[size=m].gov-form-select{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);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-select input,[size=m].gov-form-select select{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);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-select *[slot=left-icon],[size=m].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-select *[slot=right-icon]~input,[size=m].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-select{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);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-select input,[size=l].gov-form-select select{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);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-select *[slot=left-icon],[size=l].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-select *[slot=right-icon]~input,[size=l].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-select input,[size=xl].gov-form-select select{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-select *[slot=left-icon],[size=xl].gov-form-select *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-select *[slot=right-icon]~input,[size=xl].gov-form-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}.gov-form-select{background:none}.gov-form-select select{-webkit-appearance:none;-moz-appearance:none}.gov-form-select select::-ms-expand{display:none}[size=m].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-m-arrow-right-position, 1rem);width:var(--gov-form-select-m-arrow-size, 0.5rem);height:var(--gov-form-select-m-arrow-size, 0.5rem)}[size=l].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-l-arrow-right-position, 1rem);width:var(--gov-form-select-l-arrow-size, 0.5rem);height:var(--gov-form-select-l-arrow-size, 0.5rem)}[size=xl].gov-form-select *[slot=right-icon]{right:var(--gov-form-select-xl-arrow-right-position, 1.3125rem);width:var(--gov-form-select-xl-arrow-size, 0.625rem);height:var(--gov-form-select-xl-arrow-size, 0.625rem)}";
|
|
16100
16631
|
|
|
16101
16632
|
class GovFormSelect {
|
|
16102
16633
|
constructor(hostRef) {
|
|
@@ -16145,7 +16676,7 @@ class GovFormSelect {
|
|
|
16145
16676
|
}
|
|
16146
16677
|
}
|
|
16147
16678
|
render() {
|
|
16148
|
-
return (hAsync(Host, { class: FormSelectClass.root, size: this.size, variant: this.variant }, this.h.hasSlot('prefix') && hAsync("slot", { name: "prefix" }), hAsync("span", { class: "element" }, hAsync("gov-icon", { slot: "right-icon", name: "
|
|
16679
|
+
return (hAsync(Host, { class: FormSelectClass.root, size: this.size, variant: this.variant }, this.h.hasSlot('prefix') && hAsync("slot", { name: "prefix" }), hAsync("span", { class: "element" }, hAsync("gov-icon", { slot: "right-icon", name: "chevron-down" }), hAsync("select", { id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-activedescendant": this.wcagActiveDescendant, "aria-controls": this.wcagControls, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns }, hAsync("slot", null))), this.h.hasSlot('sufix') && hAsync("slot", { name: "sufix" })));
|
|
16149
16680
|
}
|
|
16150
16681
|
onFocusHandler(e) {
|
|
16151
16682
|
this.focused = true;
|
|
@@ -16158,7 +16689,7 @@ class GovFormSelect {
|
|
|
16158
16689
|
onChangeHandler(e) {
|
|
16159
16690
|
this.value = e.target.value;
|
|
16160
16691
|
e.stopPropagation();
|
|
16161
|
-
this.govChange.emit(e);
|
|
16692
|
+
this.govChange.emit(e.target);
|
|
16162
16693
|
}
|
|
16163
16694
|
/**
|
|
16164
16695
|
* Returns the current state of the component
|
|
@@ -16627,7 +17158,7 @@ const ModalClass = {
|
|
|
16627
17158
|
bodyFix: 'body-fixed',
|
|
16628
17159
|
};
|
|
16629
17160
|
|
|
16630
|
-
const govModalCss = ".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)}}.gov-modal{display:none}.gov-modal__dialog{z-index:101;position:fixed;top:50%;left:50%;display:flex;justify-content:center;align-items:center;width:100%;max-width:var(--gov-modal-max-width, 52.5rem);height:100%;padding:0.5rem;border:none;background:transparent;transform:translate(-50%, -50%);pointer-events:none}.gov-modal__inner{position:relative;display:flex;flex-direction:column;width:100%;max-height:100%;border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-modal-bg, var(--gov-color-neutral-white));overflow:hidden;pointer-events:auto;box-shadow:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24)}.gov-modal__header{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem
|
|
17161
|
+
const govModalCss = ".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)}}.gov-modal{display:none}.gov-modal__dialog{z-index:101;position:fixed;top:50%;left:50%;display:flex;justify-content:center;align-items:center;width:100%;max-width:var(--gov-modal-max-width, 52.5rem);height:100%;padding:0.5rem;border:none;background:transparent;transform:translate(-50%, -50%);pointer-events:none}.gov-modal__inner{position:relative;display:flex;flex-direction:column;width:100%;max-height:100%;border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-modal-bg, var(--gov-color-neutral-white));overflow:hidden;pointer-events:auto;box-shadow:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24)}.gov-modal__header{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem 1rem;border-bottom:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__icon{flex:0 0 auto;padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 1.5rem) / 2)}.gov-modal__icon>*{width:1.5rem;height:1.5rem}.gov-modal__title{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);margin:0}.gov-modal__close{flex:0 0 auto;margin-left:auto;padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 2rem) / 2)}.gov-modal__content{height:100%;padding:1.5rem 1rem;color:var(--gov-modal-text-color, var(--gov-color-secondary-700));overflow:auto}.gov-modal__content>*:last-child{margin-bottom:0}.gov-modal__actions{display:flex;gap:0.5rem 1rem;flex-wrap:wrap;justify-content:flex-end;padding:1.5rem 1rem;border-top:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__dialog:focus .gov-modal__inner{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}.gov-modal[open=\"\"],.gov-modal[open=true i],.gov-modal[open=\"1\"]{display:block}@media (min-width: 30em){.gov-modal__dialog{max-width:calc(var(--gov-modal-max-width, 52.5rem) + 3rem);padding:1.5rem}.gov-modal__dialog:focus{outline-offset:-1.5rem}.gov-modal__inner{box-shadow:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}.gov-modal--prompt .gov-modal__dialog{max-width:calc(var(--gov-modal-prompt-max-width, 33.125rem) + 3rem)}}@media (min-width: 48em){.gov-modal__header{gap:1.25rem;padding:2rem 2.5rem 2rem 3rem}.gov-modal__close{padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 2.5rem) / 2)}.gov-modal__content{padding:2rem 3rem}.gov-modal--prompt .gov-modal__header,.gov-modal--prompt .gov-modal__content,.gov-modal--prompt .gov-modal__actions{padding:1.5rem}}";
|
|
16631
17162
|
|
|
16632
17163
|
class GovModal {
|
|
16633
17164
|
constructor(hostRef) {
|
|
@@ -16635,34 +17166,38 @@ class GovModal {
|
|
|
16635
17166
|
this.govClose = createEvent(this, "gov-close", 7);
|
|
16636
17167
|
this.open = false;
|
|
16637
17168
|
this.label = undefined;
|
|
16638
|
-
this.role =
|
|
16639
|
-
this.labelTag =
|
|
17169
|
+
this.role = "dialog";
|
|
17170
|
+
this.labelTag = "h2";
|
|
16640
17171
|
this.wcaglabelledBy = undefined;
|
|
16641
17172
|
this.wcagDescribedBy = undefined;
|
|
16642
17173
|
this.wcagCloseLabel = undefined;
|
|
16643
17174
|
this.wcagCloseLabelledBy = undefined;
|
|
17175
|
+
this.modalVisible = false;
|
|
16644
17176
|
this.h = govHost(this.host);
|
|
16645
|
-
this.labelId = createID(
|
|
16646
|
-
this.contentId = createID(
|
|
17177
|
+
this.labelId = createID("GovModalLabel");
|
|
17178
|
+
this.contentId = createID("GovModalContent");
|
|
16647
17179
|
}
|
|
16648
17180
|
validateLabelTag(newValue) {
|
|
16649
|
-
const validTags = [
|
|
17181
|
+
const validTags = ["h1", "h2", "h3", "h4", "h5", "h6"];
|
|
16650
17182
|
if (newValue) {
|
|
16651
17183
|
if (!validTags.includes(newValue)) {
|
|
16652
17184
|
govErrorLog(`[${ModalClass.root}]: Tag ${newValue} is not allowed.`);
|
|
16653
17185
|
}
|
|
16654
17186
|
}
|
|
16655
17187
|
}
|
|
17188
|
+
watchOpen(newValue) {
|
|
17189
|
+
this.modalVisible = newValue;
|
|
17190
|
+
}
|
|
16656
17191
|
showModal() {
|
|
16657
|
-
this.
|
|
17192
|
+
this.modalVisible = true;
|
|
16658
17193
|
document.body.classList.add(ModalClass.bodyFix);
|
|
16659
17194
|
}
|
|
16660
17195
|
hideModal() {
|
|
16661
|
-
this.
|
|
17196
|
+
this.modalVisible = false;
|
|
16662
17197
|
document.body.classList.remove(ModalClass.bodyFix);
|
|
16663
17198
|
}
|
|
16664
17199
|
async componentWillRender() {
|
|
16665
|
-
if (this.
|
|
17200
|
+
if (this.modalVisible) {
|
|
16666
17201
|
this.showModal();
|
|
16667
17202
|
}
|
|
16668
17203
|
else {
|
|
@@ -16670,6 +17205,7 @@ class GovModal {
|
|
|
16670
17205
|
}
|
|
16671
17206
|
}
|
|
16672
17207
|
async componentDidRender() {
|
|
17208
|
+
this.modalVisible = this.open;
|
|
16673
17209
|
if (canValidateWcagOnRender()) {
|
|
16674
17210
|
await delay(500);
|
|
16675
17211
|
await this.validateWcag();
|
|
@@ -16677,7 +17213,7 @@ class GovModal {
|
|
|
16677
17213
|
}
|
|
16678
17214
|
render() {
|
|
16679
17215
|
const LabelTag = this.labelTag;
|
|
16680
|
-
return (hAsync(Host, { class: this.h.classes(ModalClass.root), open: this.
|
|
17216
|
+
return (hAsync(Host, { class: this.h.classes(ModalClass.root), open: this.modalVisible }, hAsync("dialog", { class: ModalClass.dialog, hidden: !this.modalVisible, tabindex: "-1", open: this.modalVisible, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.modalVisible), "aria-labelledby": this.wcaglabelledBy || this.labelId, "aria-describedby": this.wcagDescribedBy || this.contentId, role: this.role }, hAsync("div", { class: ModalClass.inner }, hAsync("div", { class: ModalClass.header }, this.h.hasSlot("icon") && (hAsync("div", { class: ModalClass.icon }, hAsync("slot", { name: "icon" }))), this.label && (hAsync(LabelTag, { class: ModalClass.title, id: this.labelId }, this.label)), hAsync("gov-button", { class: ModalClass.close, variant: "primary", wcagLabel: this.wcagCloseLabel, wcagLabelledBy: this.wcagCloseLabelledBy, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { name: "x-lg" }))), hAsync("div", { class: ModalClass.content, id: this.contentId }, hAsync("slot", null)))), hAsync("gov-backdrop", { visible: this.modalVisible, "wcag-label": this.wcagCloseLabel, "wcag-labelled-by": this.wcagCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })));
|
|
16681
17217
|
}
|
|
16682
17218
|
onCloseHandler(e) {
|
|
16683
17219
|
e.stopPropagation();
|
|
@@ -16700,12 +17236,13 @@ class GovModal {
|
|
|
16700
17236
|
* Validate the WCAG attributes of the component
|
|
16701
17237
|
*/
|
|
16702
17238
|
async validateWcag() {
|
|
16703
|
-
validateWcagRef(this.wcaglabelledBy,
|
|
16704
|
-
validateWcagRef(this.wcagDescribedBy,
|
|
17239
|
+
validateWcagRef(this.wcaglabelledBy, "aria-labelledby", ModalClass.root);
|
|
17240
|
+
validateWcagRef(this.wcagDescribedBy, "aria-describedby", ModalClass.root);
|
|
16705
17241
|
}
|
|
16706
17242
|
get host() { return getElement(this); }
|
|
16707
17243
|
static get watchers() { return {
|
|
16708
|
-
"labelTag": ["validateLabelTag"]
|
|
17244
|
+
"labelTag": ["validateLabelTag"],
|
|
17245
|
+
"open": ["watchOpen"]
|
|
16709
17246
|
}; }
|
|
16710
17247
|
static get style() { return govModalCss; }
|
|
16711
17248
|
static get cmpMeta() { return {
|
|
@@ -16720,6 +17257,7 @@ class GovModal {
|
|
|
16720
17257
|
"wcagDescribedBy": [1, "wcag-described-by"],
|
|
16721
17258
|
"wcagCloseLabel": [1, "wcag-close-label"],
|
|
16722
17259
|
"wcagCloseLabelledBy": [1, "wcag-close-labelled-by"],
|
|
17260
|
+
"modalVisible": [32],
|
|
16723
17261
|
"show": [64],
|
|
16724
17262
|
"hide": [64],
|
|
16725
17263
|
"validateWcag": [64]
|
|
@@ -16890,28 +17428,30 @@ function paginate(totalItems, currentPage = 1, pageSize = 10, maxPages = 10) {
|
|
|
16890
17428
|
};
|
|
16891
17429
|
}
|
|
16892
17430
|
|
|
16893
|
-
const
|
|
17431
|
+
const createArrayRange = (from, to) => [...Array(to + 1).keys()].slice(from);
|
|
17432
|
+
|
|
17433
|
+
const govPaginationCss = ".gov-pagination__list{margin:0;padding:0}.gov-pagination__list .gov-pagination__item{margin:0;padding:0;background:none}.gov-pagination__list .gov-pagination__item::before{display:none}.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)}}.gov-pagination{position:relative;display:block;width:100%}.gov-pagination__list{display:flex;align-items:center;flex-wrap:wrap;font-weight:bold;text-align:center}.gov-pagination__list .gov-pagination__item{display:flex;justify-content:center;align-items:center;margin:0;border-radius:var(--gov-border-radius, 0.1875rem);overflow:hidden}.gov-pagination__list .gov-pagination__item--arrow{display:flex}.gov-pagination__list .gov-pagination__item--select{z-index:1;display:flex;overflow:visible;padding:0rem 1rem}.gov-pagination__arrow{margin:0}.gov-pagination__item--more .gov-form-select select{border:none;padding-right:0.75rem !important}.gov-pagination__item--more .gov-form-select .gov-icon{display:none}.gov-pagination__inner{display:flex;justify-content:center;align-items:center;align-self:stretch;width:100%;text-decoration:none}.gov-pagination__inner[wcag-current=true][type=solid][variant=primary] .element{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))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=primary] .element{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))}.gov-pagination__inner[wcag-current=true][type=base][variant=primary] .element{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))}.gov-pagination__inner[wcag-current=true][type=link][variant=primary] .element{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}.gov-pagination__inner[wcag-current=true][type=solid][variant=secondary] .element{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))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=secondary] .element{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))}.gov-pagination__inner[wcag-current=true][type=base][variant=secondary] .element{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))}.gov-pagination__inner[wcag-current=true][type=link][variant=secondary] .element{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}.gov-pagination__inner[wcag-current=true][type=solid][variant=error] .element{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))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=error] .element{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))}.gov-pagination__inner[wcag-current=true][type=base][variant=error] .element{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))}.gov-pagination__inner[wcag-current=true][type=link][variant=error] .element{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}.gov-pagination__inner[wcag-current=true][type=solid][variant=success] .element{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))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=success] .element{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))}.gov-pagination__inner[wcag-current=true][type=base][variant=success] .element{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))}.gov-pagination__inner[wcag-current=true][type=link][variant=success] .element{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}.gov-pagination__inner[wcag-current=true][type=solid][variant=warning] .element{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))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=warning] .element{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))}.gov-pagination__inner[wcag-current=true][type=base][variant=warning] .element{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))}.gov-pagination__inner[wcag-current=true][type=link][variant=warning] .element{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}.gov-pagination[size=s] .gov-pagination__inner{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);font-weight:inherit}.gov-pagination[size=s] .gov-pagination__inner .element{min-width:var(--gov-pagination-s-button-size, 2rem)}.gov-pagination[size=m] .gov-pagination__inner{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);font-weight:inherit}.gov-pagination[size=m] .gov-pagination__inner .element{min-width:var(--gov-pagination-m-button-size, 2.5rem)}";
|
|
16894
17434
|
|
|
16895
17435
|
class GovPagination {
|
|
16896
17436
|
constructor(hostRef) {
|
|
16897
17437
|
registerInstance(this, hostRef);
|
|
16898
17438
|
this.govPage = createEvent(this, "gov-page", 7);
|
|
16899
|
-
this.type =
|
|
17439
|
+
this.type = "button";
|
|
16900
17440
|
this.current = 1;
|
|
16901
17441
|
this.total = undefined;
|
|
16902
17442
|
this.inverse = undefined;
|
|
16903
|
-
this.size =
|
|
16904
|
-
this.variant =
|
|
17443
|
+
this.size = "m";
|
|
17444
|
+
this.variant = "primary";
|
|
16905
17445
|
this.pageSize = 10;
|
|
16906
17446
|
this.maxPages = 5;
|
|
16907
17447
|
this.link = undefined;
|
|
16908
17448
|
this.wcagLabel = undefined;
|
|
16909
17449
|
this.wcagLabelledBy = undefined;
|
|
16910
|
-
this.wcagSelectLabel =
|
|
16911
|
-
this.wcagPageLabel =
|
|
17450
|
+
this.wcagSelectLabel = "Vybrat stranu";
|
|
17451
|
+
this.wcagPageLabel = "Strana";
|
|
16912
17452
|
this.pagination = undefined;
|
|
16913
17453
|
this.h = govHost(this.host);
|
|
16914
|
-
this.pageSelectId = createID(
|
|
17454
|
+
this.pageSelectId = createID("GovPageSelect");
|
|
16915
17455
|
}
|
|
16916
17456
|
validateType(newValue) {
|
|
16917
17457
|
validateProp(PaginationTypes, newValue, PaginationClass.root);
|
|
@@ -16938,32 +17478,65 @@ class GovPagination {
|
|
|
16938
17478
|
}
|
|
16939
17479
|
isActivePageClass(originalClass, page) {
|
|
16940
17480
|
if (this.pagination.currentPage === page) {
|
|
16941
|
-
return originalClass +
|
|
17481
|
+
return originalClass + " is-active";
|
|
16942
17482
|
}
|
|
16943
17483
|
else {
|
|
16944
17484
|
return originalClass;
|
|
16945
17485
|
}
|
|
16946
17486
|
}
|
|
17487
|
+
prepareLinkUrl(page) {
|
|
17488
|
+
if (this.link) {
|
|
17489
|
+
return String(this.link).replace("{PAGE}", String(page));
|
|
17490
|
+
}
|
|
17491
|
+
return undefined;
|
|
17492
|
+
}
|
|
17493
|
+
resetSelectValue() {
|
|
17494
|
+
if (this.spreadSelectRef) {
|
|
17495
|
+
this.spreadSelectRef.getInstance()
|
|
17496
|
+
.then((el) => {
|
|
17497
|
+
el.value = '...';
|
|
17498
|
+
});
|
|
17499
|
+
}
|
|
17500
|
+
}
|
|
16947
17501
|
render() {
|
|
16948
17502
|
const pageResolver = (page, content) => {
|
|
16949
17503
|
const isDisabled = page === -1;
|
|
16950
17504
|
const ariaCurrent = toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined);
|
|
16951
|
-
|
|
16952
|
-
return (hAsync("gov-button", { variant: this.variant, size: this.size, type: buttonType, inverse: this.pagination.currentPage === page ? true : false, disabled: isDisabled, "gov-click": () => this.onClickHandler(page), "wcag-label": this.wcagPageLabel + ' ' + page, "wcag-current": ariaCurrent, class: PaginationClass.inner }, content));
|
|
17505
|
+
return (hAsync("gov-button", { href: this.prepareLinkUrl(page), variant: this.variant, size: this.size, type: "base", disabled: isDisabled, "on-gov-click": (e) => this.onClickHandler(e, page), "wcag-label": page > -1 ? this.wcagPageLabel + " " + page : undefined, "wcag-current": ariaCurrent, class: PaginationClass.inner }, content));
|
|
16953
17506
|
};
|
|
16954
|
-
return (hAsync(Host, { class: this.h.classes(PaginationClass.root), type: this.type, variant: this.variant, size: this.size }, hAsync("nav", { "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy }, hAsync("ul", { class: PaginationClass.list }, hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.
|
|
17507
|
+
return (hAsync(Host, { class: this.h.classes(PaginationClass.root), type: this.type, variant: this.variant, size: this.size }, hAsync("nav", { "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy }, hAsync("ul", { class: PaginationClass.list }, hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.currentPage > 1 ? 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-double-left" }))), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-left" }))), this.type == "select" ? (hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemSelect]) }, hAsync("span", { class: PaginationClass.inner }, hAsync("span", { id: this.pageSelectId, hidden: true }, this.wcagSelectLabel), hAsync("gov-form-select", { size: "m", "wcag-labelled-by": this.pageSelectId, "on-gov-change": this.onSelectHandler.bind(this) }, createArrayRange(1, this.pagination.totalPages).map(page => (hAsync("option", { value: page, selected: this.pagination.currentPage === page }, page))))))) : (hAsync(Fragment, null, this.pagination.pages.map(page => (hAsync("li", { class: this.isActivePageClass(PaginationClass.item, page) }, pageResolver(page, page)))), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemMore]) }, hAsync("span", { class: PaginationClass.inner }, hAsync("span", { id: this.pageSelectId, hidden: true }, this.wcagSelectLabel), hAsync("gov-form-select", { size: "m", "wcag-labelled-by": this.pageSelectId, ref: el => (this.spreadSelectRef = el), "on-gov-change": this.onSelectHandler.bind(this) }, hAsync("option", { selected: true, hidden: true }, "..."), createArrayRange(1, this.pagination.totalPages).map(page => (hAsync("option", { value: page, selected: false }, page)))))))), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-right" }))), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-double-right" })))))));
|
|
16955
17508
|
}
|
|
16956
|
-
onClickHandler(page) {
|
|
17509
|
+
onClickHandler(e, page) {
|
|
17510
|
+
e.stopPropagation();
|
|
17511
|
+
e.preventDefault();
|
|
16957
17512
|
this.recalculatePagination(page);
|
|
16958
17513
|
this.govPage.emit(Object.assign({}, this.pagination));
|
|
16959
17514
|
}
|
|
17515
|
+
onSelectHandler(e) {
|
|
17516
|
+
e.stopPropagation();
|
|
17517
|
+
e.preventDefault();
|
|
17518
|
+
const target = e.target;
|
|
17519
|
+
const page = parseInt(target.value);
|
|
17520
|
+
this.resetSelectValue();
|
|
17521
|
+
if (isNaN(page) === false) {
|
|
17522
|
+
this.recalculatePagination(page);
|
|
17523
|
+
if (this.link) {
|
|
17524
|
+
window.location.href = this.prepareLinkUrl(page);
|
|
17525
|
+
}
|
|
17526
|
+
else {
|
|
17527
|
+
this.govPage.emit(Object.assign({}, this.pagination));
|
|
17528
|
+
}
|
|
17529
|
+
}
|
|
17530
|
+
}
|
|
16960
17531
|
/**
|
|
16961
17532
|
* Validate the WCAG attributes of the component
|
|
16962
17533
|
*/
|
|
16963
17534
|
async validateWcag() {
|
|
16964
|
-
validateWcagProp(this.wcagPageLabel,
|
|
16965
|
-
validateWcagProp(this.wcagSelectLabel, 'wcag-select-label', PaginationClass.root);
|
|
17535
|
+
validateWcagProp(this.wcagPageLabel, "wcag-page-label", PaginationClass.root);
|
|
16966
17536
|
validateWcagLabel(this.wcagLabel, this.wcagLabelledBy, PaginationClass.root);
|
|
17537
|
+
if (this.type === "select") {
|
|
17538
|
+
validateWcagProp(this.wcagSelectLabel, "wcag-select-label", PaginationClass.root);
|
|
17539
|
+
}
|
|
16967
17540
|
}
|
|
16968
17541
|
get host() { return getElement(this); }
|
|
16969
17542
|
static get watchers() { return {
|
|
@@ -16998,7 +17571,7 @@ class GovPagination {
|
|
|
16998
17571
|
}; }
|
|
16999
17572
|
}
|
|
17000
17573
|
|
|
17001
|
-
const govPromptCss = ".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)}}.gov-modal{display:none}.gov-modal__dialog{z-index:101;position:fixed;top:50%;left:50%;display:flex;justify-content:center;align-items:center;width:100%;max-width:var(--gov-modal-max-width, 52.5rem);height:100%;padding:0.5rem;border:none;background:transparent;transform:translate(-50%, -50%);pointer-events:none}.gov-modal__inner{position:relative;display:flex;flex-direction:column;width:100%;max-height:100%;border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-modal-bg, var(--gov-color-neutral-white));overflow:hidden;pointer-events:auto;box-shadow:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24)}.gov-modal__header{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem
|
|
17574
|
+
const govPromptCss = ".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)}}.gov-modal{display:none}.gov-modal__dialog{z-index:101;position:fixed;top:50%;left:50%;display:flex;justify-content:center;align-items:center;width:100%;max-width:var(--gov-modal-max-width, 52.5rem);height:100%;padding:0.5rem;border:none;background:transparent;transform:translate(-50%, -50%);pointer-events:none}.gov-modal__inner{position:relative;display:flex;flex-direction:column;width:100%;max-height:100%;border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-modal-bg, var(--gov-color-neutral-white));overflow:hidden;pointer-events:auto;box-shadow:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24)}.gov-modal__header{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem 1rem;border-bottom:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__icon{flex:0 0 auto;padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 1.5rem) / 2)}.gov-modal__icon>*{width:1.5rem;height:1.5rem}.gov-modal__title{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);margin:0}.gov-modal__close{flex:0 0 auto;margin-left:auto;padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 2rem) / 2)}.gov-modal__content{height:100%;padding:1.5rem 1rem;color:var(--gov-modal-text-color, var(--gov-color-secondary-700));overflow:auto}.gov-modal__content>*:last-child{margin-bottom:0}.gov-modal__actions{display:flex;gap:0.5rem 1rem;flex-wrap:wrap;justify-content:flex-end;padding:1.5rem 1rem;border-top:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__dialog:focus .gov-modal__inner{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}.gov-modal[open=\"\"],.gov-modal[open=true i],.gov-modal[open=\"1\"]{display:block}@media (min-width: 30em){.gov-modal__dialog{max-width:calc(var(--gov-modal-max-width, 52.5rem) + 3rem);padding:1.5rem}.gov-modal__dialog:focus{outline-offset:-1.5rem}.gov-modal__inner{box-shadow:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}.gov-modal--prompt .gov-modal__dialog{max-width:calc(var(--gov-modal-prompt-max-width, 33.125rem) + 3rem)}}@media (min-width: 48em){.gov-modal__header{gap:1.25rem;padding:2rem 2.5rem 2rem 3rem}.gov-modal__close{padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 2.5rem) / 2)}.gov-modal__content{padding:2rem 3rem}.gov-modal--prompt .gov-modal__header,.gov-modal--prompt .gov-modal__content,.gov-modal--prompt .gov-modal__actions{padding:1.5rem}}";
|
|
17002
17575
|
|
|
17003
17576
|
class GovPrompt {
|
|
17004
17577
|
constructor(hostRef) {
|
|
@@ -17012,6 +17585,7 @@ class GovPrompt {
|
|
|
17012
17585
|
this.wcagDescribedBy = undefined;
|
|
17013
17586
|
this.wcagCloseLabel = undefined;
|
|
17014
17587
|
this.wcagCloseLabelledBy = undefined;
|
|
17588
|
+
this.modalVisible = false;
|
|
17015
17589
|
this.h = govHost(this.host);
|
|
17016
17590
|
this.labelId = createID('GovPromptLabel');
|
|
17017
17591
|
this.contentId = createID('GovPromptContent');
|
|
@@ -17024,16 +17598,19 @@ class GovPrompt {
|
|
|
17024
17598
|
}
|
|
17025
17599
|
}
|
|
17026
17600
|
}
|
|
17601
|
+
watchOpen(newValue) {
|
|
17602
|
+
this.modalVisible = newValue;
|
|
17603
|
+
}
|
|
17027
17604
|
showModal() {
|
|
17028
|
-
this.
|
|
17605
|
+
this.modalVisible = true;
|
|
17029
17606
|
document.body.classList.add(ModalClass.bodyFix);
|
|
17030
17607
|
}
|
|
17031
17608
|
hideModal() {
|
|
17032
|
-
this.
|
|
17609
|
+
this.modalVisible = false;
|
|
17033
17610
|
document.body.classList.remove(ModalClass.bodyFix);
|
|
17034
17611
|
}
|
|
17035
17612
|
async componentWillRender() {
|
|
17036
|
-
if (this.
|
|
17613
|
+
if (this.modalVisible) {
|
|
17037
17614
|
this.showModal();
|
|
17038
17615
|
}
|
|
17039
17616
|
else {
|
|
@@ -17041,6 +17618,7 @@ class GovPrompt {
|
|
|
17041
17618
|
}
|
|
17042
17619
|
}
|
|
17043
17620
|
async componentDidRender() {
|
|
17621
|
+
this.modalVisible = this.open;
|
|
17044
17622
|
if (canValidateWcagOnRender()) {
|
|
17045
17623
|
await delay(500);
|
|
17046
17624
|
await this.validateWcag();
|
|
@@ -17048,7 +17626,7 @@ class GovPrompt {
|
|
|
17048
17626
|
}
|
|
17049
17627
|
render() {
|
|
17050
17628
|
const LabelTag = this.labelTag;
|
|
17051
|
-
return (hAsync(Host, { class: this.h.classes(ModalClass.rootPrompt), open: this.
|
|
17629
|
+
return (hAsync(Host, { class: this.h.classes(ModalClass.rootPrompt), open: this.modalVisible }, hAsync("dialog", { class: ModalClass.dialog, hidden: !this.modalVisible, tabindex: "-1", open: this.modalVisible, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.modalVisible), "aria-labelledby": this.wcaglabelledBy || this.labelId, "aria-describedby": this.wcagDescribedBy || this.contentId, role: this.role }, hAsync("div", { class: ModalClass.inner }, hAsync("div", { class: ModalClass.header }, this.h.hasSlot('icon') && (hAsync("div", { class: ModalClass.icon }, hAsync("slot", { name: "icon" }))), this.label && (hAsync(LabelTag, { class: ModalClass.title, id: this.labelId }, this.label)), hAsync("gov-button", { class: ModalClass.close, variant: "primary", wcagLabel: this.wcagCloseLabel, wcagLabelledBy: this.wcagCloseLabelledBy, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { name: "x-lg" }))), hAsync("div", { class: ModalClass.content, id: this.contentId }, hAsync("slot", null)), hAsync("div", { class: ModalClass.actions }, hAsync("slot", { name: "actions" })))), hAsync("gov-backdrop", { visible: this.modalVisible, "wcag-label": this.wcagCloseLabel, "wcag-labelled-by": this.wcagCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })));
|
|
17052
17630
|
}
|
|
17053
17631
|
onCloseHandler(e) {
|
|
17054
17632
|
e.stopPropagation();
|
|
@@ -17076,7 +17654,8 @@ class GovPrompt {
|
|
|
17076
17654
|
}
|
|
17077
17655
|
get host() { return getElement(this); }
|
|
17078
17656
|
static get watchers() { return {
|
|
17079
|
-
"labelTag": ["validateLabelTag"]
|
|
17657
|
+
"labelTag": ["validateLabelTag"],
|
|
17658
|
+
"open": ["watchOpen"]
|
|
17080
17659
|
}; }
|
|
17081
17660
|
static get style() { return govPromptCss; }
|
|
17082
17661
|
static get cmpMeta() { return {
|
|
@@ -17091,6 +17670,7 @@ class GovPrompt {
|
|
|
17091
17670
|
"wcagDescribedBy": [1, "wcag-described-by"],
|
|
17092
17671
|
"wcagCloseLabel": [1, "wcag-close-label"],
|
|
17093
17672
|
"wcagCloseLabelledBy": [1, "wcag-close-labelled-by"],
|
|
17673
|
+
"modalVisible": [32],
|
|
17094
17674
|
"show": [64],
|
|
17095
17675
|
"hide": [64],
|
|
17096
17676
|
"validateWcag": [64]
|
|
@@ -17208,7 +17788,7 @@ class GovSideNavItem {
|
|
|
17208
17788
|
const { isExpandedState, label } = this;
|
|
17209
17789
|
// TODO: správný počet zanořených childů
|
|
17210
17790
|
const hasChilds = this.host.children.length > 1;
|
|
17211
|
-
return (hAsync(Host, { class: this.classNames, role: "listitem", inverse: this.inverse, "aria-expanded": booleanString(isExpandedState) }, this.href ? (hAsync("div", { class: SideNavItemClass.header }, hAsync("a", { class: SideNavItemClass.name, href: this.href }, this.h.hasSlot('icon') && (hAsync("span", { class: SideNavItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: SideNavItemClass.label }, label), this.count && (hAsync("span", { class: SideNavItemClass.badge }, hAsync("gov-badge", { variant: "secondary", size: "s", inverse: this.inverse }, "3")))), hasChilds && (hAsync("button", { type: "button", class: SideNavItemClass.arrow, onClick: () => this.toggle() }, hAsync("gov-icon", { name: "
|
|
17791
|
+
return (hAsync(Host, { class: this.classNames, role: "listitem", inverse: this.inverse, "aria-expanded": booleanString(isExpandedState) }, this.href ? (hAsync("div", { class: SideNavItemClass.header }, hAsync("a", { class: SideNavItemClass.name, href: this.href }, this.h.hasSlot('icon') && (hAsync("span", { class: SideNavItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: SideNavItemClass.label }, label), this.count && (hAsync("span", { class: SideNavItemClass.badge }, hAsync("gov-badge", { variant: "secondary", size: "s", inverse: this.inverse }, "3")))), hasChilds && (hAsync("button", { type: "button", class: SideNavItemClass.arrow, onClick: () => this.toggle() }, hAsync("gov-icon", { name: "chevron-down" }))))) : (hAsync("div", { class: SideNavItemClass.header }, hAsync("button", { class: SideNavItemClass.name, type: "button", onClick: () => this.toggle() }, this.h.hasSlot('icon') && (hAsync("span", { class: SideNavItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: SideNavItemClass.label }, label), hasChilds && (hAsync("span", { class: SideNavItemClass.arrow }, hAsync("gov-icon", { name: "chevron-down" })))))), hasChilds && (hAsync("div", { class: SideNavItemClass.content }, hAsync("slot", null)))));
|
|
17212
17792
|
}
|
|
17213
17793
|
/**
|
|
17214
17794
|
* Opening the sidenav
|
|
@@ -17285,7 +17865,7 @@ class GovSpacer {
|
|
|
17285
17865
|
constructor(hostRef) {
|
|
17286
17866
|
registerInstance(this, hostRef);
|
|
17287
17867
|
this.size = undefined;
|
|
17288
|
-
this.breakpoint =
|
|
17868
|
+
this.breakpoint = SpacerBreakpoints.NONE;
|
|
17289
17869
|
this.h = govHost(this.host);
|
|
17290
17870
|
}
|
|
17291
17871
|
validateSize(newValue) {
|
|
@@ -17324,7 +17904,7 @@ var StatsBarIconPosition;
|
|
|
17324
17904
|
(function (StatsBarIconPosition) {
|
|
17325
17905
|
StatsBarIconPosition["LEFT"] = "left";
|
|
17326
17906
|
})(StatsBarIconPosition || (StatsBarIconPosition = {}));
|
|
17327
|
-
const
|
|
17907
|
+
const StatsBarVariants = pick(Variants, ['PRIMARY', 'SECONDARY']);
|
|
17328
17908
|
const StatsBarClass = {
|
|
17329
17909
|
root: 'gov-statsbar',
|
|
17330
17910
|
section: 'gov-statsbar__section',
|
|
@@ -17349,7 +17929,7 @@ class GovStatsbar {
|
|
|
17349
17929
|
validateProp(StatsBarIconPosition, newValue, StatsBarClass.root);
|
|
17350
17930
|
}
|
|
17351
17931
|
validateVariant(newValue) {
|
|
17352
|
-
validateProp(
|
|
17932
|
+
validateProp(StatsBarVariants, newValue, StatsBarClass.root);
|
|
17353
17933
|
}
|
|
17354
17934
|
componentWillLoad() {
|
|
17355
17935
|
this.validateIconPosition(this.iconPosition);
|
|
@@ -17669,7 +18249,7 @@ class GovTabs {
|
|
|
17669
18249
|
resizeObserver.observe(this.tabsRef);
|
|
17670
18250
|
}
|
|
17671
18251
|
render() {
|
|
17672
|
-
return (hAsync(Host, { class: this.h.classes(TabsClass.root), variant: this.variant, type: this.type, role: "tablist", ref: el => (this.tabsRef = el), "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy, onKeyDown: this.onKeydownHandler.bind(this) }, hAsync("div", { class: TabsClass.tabs, "aria-hidden": toBoolAttr(this.compactControls) }, hAsync("ul", { class: TabsClass.list }, this.controller.map((control, index) => (hAsync("li", { class: TabsClass.item }, this.type == 'text' ? (hAsync("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", onClick: () => this.onSelectHandler(control, index), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active ? -1 : 0, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.label)) : (hAsync("gov-badge", { variant: this.variant, type: toBoolAttr(control.active) == 'true' ? 'solid' : 'outlined',
|
|
18252
|
+
return (hAsync(Host, { class: this.h.classes(TabsClass.root), variant: this.variant, type: this.type, role: "tablist", ref: el => (this.tabsRef = el), "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy, onKeyDown: this.onKeydownHandler.bind(this) }, hAsync("div", { class: TabsClass.tabs, "aria-hidden": toBoolAttr(this.compactControls) }, hAsync("ul", { class: TabsClass.list }, this.controller.map((control, index) => (hAsync("li", { class: TabsClass.item }, this.type == 'text' ? (hAsync("button", { class: TabsClass.btn, id: control.triggerIdentifier, role: "tab", onClick: () => this.onSelectHandler(control, index), "aria-selected": toBoolAttr(control.active), "aria-controls": control.contentIdentifier, tabindex: control.active ? -1 : 0, ref: el => (this.triggerRefs[control.triggerIdentifier] = el) }, control.label)) : (hAsync("gov-badge", { variant: this.variant, type: toBoolAttr(control.active) == 'true' ? 'solid' : 'outlined', "on-gov-click": () => this.onSelectHandler(control, index) }, control.label))))))), hAsync("span", { id: this.formSelectId, hidden: true }, this.wcagSelectLabel), this.compactControls ? (hAsync("gov-form-select", { "wcag-labelled-by": this.formSelectId, "onGov-change": this.onChangeHandler.bind(this) }, this.controller.map(control => (hAsync("option", { value: control.triggerIdentifier, selected: control.active }, control.label))))) : null, hAsync("slot", null)));
|
|
17673
18253
|
}
|
|
17674
18254
|
getCurrentTab() {
|
|
17675
18255
|
return this.controller.find(control => control.active) || null;
|
|
@@ -17838,7 +18418,7 @@ const TileClass = {
|
|
|
17838
18418
|
content: 'gov-tile__content',
|
|
17839
18419
|
};
|
|
17840
18420
|
|
|
17841
|
-
const govTileCss = ".gov-tile__link::before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.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)}}.gov-tile{position:relative;display:block;width:100%;padding:0.75rem;transition:background-color 150ms}.gov-tile__icon{display:flex;margin:0rem 0rem 0.75rem;color:var(--gov-tile-
|
|
18421
|
+
const govTileCss = ".gov-tile__link::before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.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)}}.gov-tile{position:relative;display:block;width:100%;padding:0.75rem;transition:background-color 150ms}.gov-tile__icon{display:flex;margin:0rem 0rem 0.75rem;color:var(--gov-tile-main-color, var(--gov-color-primary))}.gov-tile__icon .gov-icon{width:2.5rem;height:2.5rem}.gov-tile__title{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);margin:0 0 0.5rem}.gov-tile__link{display:flex;gap:0.5rem;justify-content:space-between;color:var(--gov-tile-main-color, var(--gov-color-primary));text-decoration:none}.gov-tile__arrow{flex:0 0 auto;width:0.75rem;height:2rem;margin:0.5rem;color:inherit}.gov-tile__content{color:var(--gov-tile-text-color, var(--gov-color-secondary-700))}.gov-tile__content>*:last-child{margin-bottom:0}.gov-tile__content a{position:relative;z-index:1}@media not all and (pointer: coarse){.gov-tile[href]:hover{background:var(--gov-tile-hover-bg, var(--gov-color-primary-200))}.gov-tile[href]:hover .gov-tile__link{color:var(--gov-tile-main-color, var(--gov-color-primary))}}@media (min-width: 30em){.gov-tile[promotion=\"\"],.gov-tile[promotion=true i],.gov-tile[promotion=\"1\"]{display:grid;grid-template-columns:auto 1fr;gap:0 0.875rem}.gov-tile[promotion=\"\"] .gov-tile__icon,.gov-tile[promotion=true i] .gov-tile__icon,.gov-tile[promotion=\"1\"] .gov-tile__icon{grid-area:1/1/3/1;margin:0}.gov-tile[promotion=\"\"] .gov-tile__title,.gov-tile[promotion=true i] .gov-tile__title,.gov-tile[promotion=\"1\"] .gov-tile__title{grid-area:1/2/1/2}.gov-tile[promotion=\"\"] .gov-tile__content,.gov-tile[promotion=true i] .gov-tile__content,.gov-tile[promotion=\"1\"] .gov-tile__content{grid-area:2/2/2/2}}@media (min-width: 48em){.gov-tile{padding:1.5rem}.gov-tile__icon{margin:0rem 0rem 1.5rem}.gov-tile__icon .gov-icon{width:3rem;height:3rem}}@media (min-width: 64em){.gov-tile[promotion=\"\"],.gov-tile[promotion=true i],.gov-tile[promotion=\"1\"]{gap:0 1.625rem}}";
|
|
17842
18422
|
|
|
17843
18423
|
class GovTile {
|
|
17844
18424
|
constructor(hostRef) {
|
|
@@ -17858,7 +18438,7 @@ class GovTile {
|
|
|
17858
18438
|
}
|
|
17859
18439
|
render() {
|
|
17860
18440
|
// tag type
|
|
17861
|
-
return (hAsync(Host, { class: this.h.classes(TileClass.root), promotion: this.promotion }, this.h.hasSlot('icon') && (hAsync("div", { class: TileClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("h3", { class: TileClass.title }, this.href ? (hAsync("a", { href: this.href, class: TileClass.link }, this.name, hAsync("gov-icon", { class: TileClass.arrow, name: "
|
|
18441
|
+
return (hAsync(Host, { class: this.h.classes(TileClass.root), promotion: this.promotion }, this.h.hasSlot('icon') && (hAsync("div", { class: TileClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("h3", { class: TileClass.title }, this.href ? (hAsync("a", { href: this.href, class: TileClass.link }, this.name, hAsync("gov-icon", { class: TileClass.arrow, name: "chevron-right" }))) : (hAsync("span", null, this.name))), hAsync("div", { class: TileClass.content }, hAsync("slot", null))));
|
|
17862
18442
|
}
|
|
17863
18443
|
get host() { return getElement(this); }
|
|
17864
18444
|
static get watchers() { return {
|
|
@@ -17883,12 +18463,13 @@ const TilesClass = {
|
|
|
17883
18463
|
root: 'gov-tiles',
|
|
17884
18464
|
};
|
|
17885
18465
|
|
|
17886
|
-
const govTilesCss = ".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)}}.gov-tiles{overflow:hidden}.gov-tiles>*{margin:0 -0.0625rem -0.0625rem 0;border:0.0625rem solid var(--gov-tiles-border-color, var(--gov-color-secondary-500));border-width:0 0 0.0625rem}.gov-tiles>*:last-child{border-bottom-width:0}@media (min-width: 48em){.gov-tiles{display:grid}.gov-tiles--x2{grid-template-columns:repeat(2, 1fr)}.gov-tiles--x2>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x2>*:nth-child(-n+3){border-top-width:0}.gov-tiles--x2>*:nth-child(2n+2){border-right-width:0}}@media (min-width: 48em) and (max-width: 63.99em){.gov-tiles--x3,.gov-tiles--x4{grid-template-columns:repeat(2, 1fr)}.gov-tiles--x3>*,.gov-tiles--x4>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x3>*:nth-child(-n+3),.gov-tiles--x4>*:nth-child(-n+3){border-top-width:0}.gov-tiles--x3>*:nth-child(2n+2),.gov-tiles--x4>*:nth-child(2n+2){border-right-width:0}}@media (min-width: 64em){.gov-tiles--x3{grid-template-columns:repeat(3, 1fr)}.gov-tiles--x3>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x3>*:nth-child(-n+4){border-top-width:0}.gov-tiles--x3>*:nth-child(3n+3){border-right-width:0}}@media (min-width: 64em) and (max-width: 74.99em){.gov-tiles--x4{grid-template-columns:repeat(3, 1fr)}.gov-tiles--x4>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x4>*:nth-child(-n+4){border-top-width:0}.gov-tiles--x4>*:nth-child(3n+3){border-right-width:0}}@media (min-width: 75em){.gov-tiles--x4{grid-template-columns:repeat(4, 1fr)}.gov-tiles--x4>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x4>*:nth-child(-n+5){border-top-width:0}.gov-tiles--x4>*:nth-child(4n+4){border-right-width:0}}";
|
|
18466
|
+
const govTilesCss = ".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)}}.gov-tiles{overflow:hidden}.gov-tiles>*{margin:0 -0.0625rem -0.0625rem 0;border:0.0625rem solid var(--gov-tiles-border-color, var(--gov-color-secondary-500));border-width:0 0 0.0625rem}.gov-tiles>*:last-child{border-bottom-width:0}.gov-tiles[no-border]>*{border:none}@media (min-width: 48em){.gov-tiles{display:grid}.gov-tiles--x2{grid-template-columns:repeat(2, 1fr)}.gov-tiles--x2>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x2>*:nth-child(-n+3){border-top-width:0}.gov-tiles--x2>*:nth-child(2n+2){border-right-width:0}}@media (min-width: 48em) and (max-width: 63.99em){.gov-tiles--x3,.gov-tiles--x4{grid-template-columns:repeat(2, 1fr)}.gov-tiles--x3>*,.gov-tiles--x4>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x3>*:nth-child(-n+3),.gov-tiles--x4>*:nth-child(-n+3){border-top-width:0}.gov-tiles--x3>*:nth-child(2n+2),.gov-tiles--x4>*:nth-child(2n+2){border-right-width:0}}@media (min-width: 64em){.gov-tiles--x3{grid-template-columns:repeat(3, 1fr)}.gov-tiles--x3>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x3>*:nth-child(-n+4){border-top-width:0}.gov-tiles--x3>*:nth-child(3n+3){border-right-width:0}}@media (min-width: 64em) and (max-width: 74.99em){.gov-tiles--x4{grid-template-columns:repeat(3, 1fr)}.gov-tiles--x4>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x4>*:nth-child(-n+4){border-top-width:0}.gov-tiles--x4>*:nth-child(3n+3){border-right-width:0}}@media (min-width: 75em){.gov-tiles--x4{grid-template-columns:repeat(4, 1fr)}.gov-tiles--x4>*{border-width:0.0625rem 0.0625rem 0.0625rem 0}.gov-tiles--x4>*:nth-child(-n+5){border-top-width:0}.gov-tiles--x4>*:nth-child(4n+4){border-right-width:0}}";
|
|
17887
18467
|
|
|
17888
18468
|
class GovTiles {
|
|
17889
18469
|
constructor(hostRef) {
|
|
17890
18470
|
registerInstance(this, hostRef);
|
|
17891
18471
|
this.columns = 3;
|
|
18472
|
+
this.noBorder = false;
|
|
17892
18473
|
this.h = govHost(this.host);
|
|
17893
18474
|
}
|
|
17894
18475
|
get classNames() {
|
|
@@ -17903,7 +18484,8 @@ class GovTiles {
|
|
|
17903
18484
|
"$flags$": 4,
|
|
17904
18485
|
"$tagName$": "gov-tiles",
|
|
17905
18486
|
"$members$": {
|
|
17906
|
-
"columns": [2]
|
|
18487
|
+
"columns": [2],
|
|
18488
|
+
"noBorder": [4, "no-border"]
|
|
17907
18489
|
},
|
|
17908
18490
|
"$listeners$": undefined,
|
|
17909
18491
|
"$lazyBundleId$": "-",
|
|
@@ -17966,7 +18548,7 @@ class GovToast {
|
|
|
17966
18548
|
}
|
|
17967
18549
|
}
|
|
17968
18550
|
render() {
|
|
17969
|
-
return (hAsync(Host, { class: this.h.classes([ToastClass.root, 'gov-box-shadow--m']), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, variant: this.variant, type: this.type, style: { '--toast-duration': this.time + 'ms' } }, this.h.hasSlot('icon') && (hAsync("span", { class: ToastClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: ToastClass.content, "aria-live": "polite", role: "status" }, hAsync("slot", null)), hAsync("div", { class: ToastClass.close }, hAsync("gov-button", { size: "s", "wcag-label": this.wcagCloseLabel, variant: this.isSolid ? this.variant : 'secondary', inverse: this.isSolid, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, this.closeLabel ? this.closeLabel : hAsync("gov-icon", { name: "
|
|
18551
|
+
return (hAsync(Host, { class: this.h.classes([ToastClass.root, 'gov-box-shadow--m']), "data-toast-id": this.toastId, gravity: this.gravity, position: this.position, variant: this.variant, type: this.type, style: { '--toast-duration': this.time + 'ms' } }, this.h.hasSlot('icon') && (hAsync("span", { class: ToastClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: ToastClass.content, "aria-live": "polite", role: "status" }, hAsync("slot", null)), hAsync("div", { class: ToastClass.close }, hAsync("gov-button", { size: "s", "wcag-label": this.wcagCloseLabel, variant: this.isSolid ? this.variant : 'secondary', inverse: this.isSolid, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, this.closeLabel ? this.closeLabel : hAsync("gov-icon", { name: "x-lg" }))), hAsync("div", { class: ToastClass.timer })));
|
|
17970
18552
|
}
|
|
17971
18553
|
onCloseHandler() {
|
|
17972
18554
|
this.destroy()
|
|
@@ -18360,7 +18942,7 @@ class GovWizzardItem {
|
|
|
18360
18942
|
const triggerId = this.identifier || this.triggerId;
|
|
18361
18943
|
const LabelTag = this.labelTag;
|
|
18362
18944
|
const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
|
|
18363
|
-
const label = (hAsync(LabelTag, { class: WizzardItemClass.title }, this.h.hasSlot('prefix') && (hAsync("span", { class: WizzardItemClass.prefix }, hAsync("slot", { name: "prefix" }))), hAsync("span", { class: WizzardItemClass.name }, hAsync("span", { class: WizzardItemClass.label }, hAsync("span", null, this.label), this.collapsible && hAsync("gov-icon", { class: WizzardItemClass.arrow, name: "
|
|
18945
|
+
const label = (hAsync(LabelTag, { class: WizzardItemClass.title }, this.h.hasSlot('prefix') && (hAsync("span", { class: WizzardItemClass.prefix }, hAsync("slot", { name: "prefix" }))), hAsync("span", { class: WizzardItemClass.name }, hAsync("span", { class: WizzardItemClass.label }, hAsync("span", null, this.label), this.collapsible && hAsync("gov-icon", { class: WizzardItemClass.arrow, name: "chevron-down" })), this.annotation && hAsync("span", { class: WizzardItemClass.annot }, this.annotation))));
|
|
18364
18946
|
return (hAsync(Host, { class: this.h.classes(WizzardItemClass.root), variant: this.variant, size: this.size, role: "listitem", collapsible: this.collapsible }, this.collapsible ? (hAsync(Tag, { id: triggerId, class: WizzardItemClass.header, "aria-expanded": booleanString(this.isExpandedState), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: () => (this.collapsible ? this.toggle() : false) }, label)) : (hAsync("div", { class: WizzardItemClass.header }, label)), this.collapsible ? (hAsync("div", { class: WizzardItemClass.content, id: this.contentId, "aria-hidden": booleanString(!this.isExpandedState), hidden: !this.isExpandedState, "aria-labelledby": triggerId }, hAsync("slot", null))) : (hAsync("div", { class: WizzardItemClass.content, "aria-hidden": booleanString(!this.isExpandedState), hidden: !this.isExpandedState }, hAsync("slot", null)))));
|
|
18365
18947
|
}
|
|
18366
18948
|
/**
|
|
@@ -18447,6 +19029,7 @@ registerComponents([
|
|
|
18447
19029
|
GovFormLabel,
|
|
18448
19030
|
GovFormMessage,
|
|
18449
19031
|
GovFormMultiSelect,
|
|
19032
|
+
GovFormPasswordPower,
|
|
18450
19033
|
GovFormRadio,
|
|
18451
19034
|
GovFormSearch,
|
|
18452
19035
|
GovFormSelect,
|