@gov-design-system-ce/components 4.2.0 → 4.2.1
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/{array.utils-96eadde3.js → array.utils-211fffc0.js} +2 -2
- package/dist/cjs/{array.utils-96eadde3.js.map → array.utils-211fffc0.js.map} +1 -1
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/gov-attachments_3.cjs.entry.js +3 -3
- package/dist/cjs/gov-backdrop.cjs.entry.js +2 -2
- package/dist/cjs/gov-banner.cjs.entry.js +21 -20
- package/dist/cjs/gov-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-blockquote.cjs.entry.js +1 -1
- package/dist/cjs/gov-blockquote.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-breadcrumbs.cjs.entry.js +3 -3
- package/dist/cjs/gov-button.cjs.entry.js +5 -5
- package/dist/cjs/gov-card.cjs.entry.js +11 -3
- package/dist/cjs/gov-card.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-chip.cjs.entry.js +2 -2
- package/dist/cjs/gov-container.cjs.entry.js +1 -1
- package/dist/cjs/gov-control-group.cjs.entry.js +1 -1
- package/dist/cjs/gov-cookiebar.cjs.entry.js +1 -1
- package/dist/cjs/gov-dialog.cjs.entry.js +3 -3
- package/dist/cjs/gov-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gov-empty.cjs.entry.js +1 -1
- package/dist/cjs/gov-error-code.cjs.entry.js +1 -1
- package/dist/cjs/gov-flex_3.cjs.entry.js +3 -3
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js +3 -3
- package/dist/cjs/gov-form-checkbox-group.cjs.entry.js +3 -3
- package/dist/cjs/gov-form-control.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-file.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-group.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-input_2.cjs.entry.js +6 -6
- package/dist/cjs/gov-form-label.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-multi-select.cjs.entry.js +4 -4
- package/dist/cjs/gov-form-password-power.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-range.cjs.entry.js +207 -0
- package/dist/cjs/gov-form-range.cjs.entry.js.map +1 -0
- package/dist/cjs/gov-form-search.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-select.cjs.entry.js +4 -4
- package/dist/cjs/gov-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-grid.cjs.entry.js +1 -1
- package/dist/cjs/gov-infobar.cjs.entry.js +2 -2
- package/dist/cjs/gov-layout-column.cjs.entry.js +1 -1
- package/dist/cjs/gov-layout.cjs.entry.js +1 -1
- package/dist/cjs/gov-lifecycle.cjs.entry.js +1 -1
- package/dist/cjs/gov-link.cjs.entry.js +2 -1
- package/dist/cjs/gov-link.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-loading.cjs.entry.js +1 -1
- package/dist/cjs/gov-message.cjs.entry.js +1 -1
- package/dist/cjs/gov-pagination.cjs.entry.js +2 -2
- package/dist/cjs/gov-spacer.cjs.entry.js +1 -1
- package/dist/cjs/gov-stepper-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-stepper.cjs.entry.js +1 -1
- package/dist/cjs/gov-tabs-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-tabs.cjs.entry.js +2 -2
- package/dist/cjs/gov-tag.cjs.entry.js +1 -1
- package/dist/cjs/gov-tile.cjs.entry.js +1 -1
- package/dist/cjs/gov-toast.cjs.entry.js +1 -1
- package/dist/cjs/gov-tooltip-content.cjs.entry.js +1 -1
- package/dist/cjs/gov-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/gov-wizard-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-wizard.cjs.entry.js +3 -3
- package/dist/cjs/{helpers.types-ff60c9bd.js → helpers.types-9066e4a4.js} +3 -1
- package/dist/cjs/helpers.types-9066e4a4.js.map +1 -0
- package/dist/cjs/index-0e4f24f9.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{wcag-2927ff73.js → wcag-f8da82da.js} +2 -2
- package/dist/cjs/{wcag-2927ff73.js.map → wcag-f8da82da.js.map} +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/gov-banner/gov-banner.js +26 -73
- package/dist/collection/components/gov-banner/gov-banner.js.map +1 -1
- package/dist/collection/components/gov-blockquote/constants.js.map +1 -0
- package/dist/collection/components/{gov-blocquote → gov-blockquote}/gov-blockquote.js +2 -2
- package/dist/collection/components/gov-blockquote/gov-blockquote.js.map +1 -0
- package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.js +1 -1
- package/dist/collection/components/gov-button/button/gov-button.js +3 -3
- package/dist/collection/components/gov-button/dropdown/gov-dropdown.js +1 -1
- package/dist/collection/components/gov-card/gov-card.js +52 -1
- package/dist/collection/components/gov-card/gov-card.js.map +1 -1
- package/dist/collection/components/gov-chip/gov-chip.js +2 -2
- package/dist/collection/components/gov-container/gov-container.js +1 -1
- package/dist/collection/components/gov-control-group/gov-control-group.js +1 -1
- package/dist/collection/components/gov-cookiebar/gov-cookiebar.js +1 -1
- package/dist/collection/components/gov-dialog/gov-dialog.js +1 -1
- package/dist/collection/components/gov-empty/gov-empty.js +1 -1
- package/dist/collection/components/gov-error-code/gov-error-code.js +1 -1
- package/dist/collection/components/gov-flex/gov-flex.js +1 -1
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.js +1 -1
- package/dist/collection/components/gov-form/control/gov-form-control.js +1 -1
- package/dist/collection/components/gov-form/file/gov-form-file.js +1 -1
- package/dist/collection/components/gov-form/group/gov-form-checkbox-group.js +1 -1
- package/dist/collection/components/gov-form/group/gov-form-group.js +1 -1
- package/dist/collection/components/gov-form/group/gov-form-radio-group.js +1 -1
- package/dist/collection/components/gov-form/input/gov-form-input.js +5 -5
- package/dist/collection/components/gov-form/label/gov-form-label.js +1 -1
- package/dist/collection/components/gov-form/message/gov-form-message.js +1 -1
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js +2 -2
- package/dist/collection/components/gov-form/password-power/gov-form-password-power.js +1 -1
- package/dist/collection/components/gov-form/range/constants.js +9 -0
- package/dist/collection/components/gov-form/range/constants.js.map +1 -0
- package/dist/collection/components/gov-form/range/gov-form-range.js +610 -0
- package/dist/collection/components/gov-form/range/gov-form-range.js.map +1 -0
- package/dist/collection/components/gov-form/search/gov-form-search.js +1 -1
- package/dist/collection/components/gov-form/select/gov-form-select.js +2 -2
- package/dist/collection/components/gov-grid/gov-grid-item.js +1 -1
- package/dist/collection/components/gov-grid/gov-grid.js +1 -1
- package/dist/collection/components/gov-infobar/gov-infobar.js +2 -2
- package/dist/collection/components/gov-layout/gov-layout-column.js +1 -1
- package/dist/collection/components/gov-layout/gov-layout.js +1 -1
- package/dist/collection/components/gov-lifecycle-tester/gov-lifecycle-tester.js +1 -1
- package/dist/collection/components/gov-link/gov-link.js +20 -1
- package/dist/collection/components/gov-link/gov-link.js.map +1 -1
- package/dist/collection/components/gov-loading/loading/gov-loading.js +1 -1
- package/dist/collection/components/gov-loading/skeleton/gov-skeleton.js +1 -1
- package/dist/collection/components/gov-message/gov-message.js +1 -1
- package/dist/collection/components/gov-spacer/gov-spacer.js +1 -1
- package/dist/collection/components/gov-stepper/gov-stepper-item.js +1 -1
- package/dist/collection/components/gov-stepper/gov-stepper.js +1 -1
- package/dist/collection/components/gov-tabs/gov-tabs-item.js +1 -1
- package/dist/collection/components/gov-tabs/gov-tabs.js +1 -1
- package/dist/collection/components/gov-tag/gov-tag.js +1 -1
- package/dist/collection/components/gov-theme-switch/gov-theme-switch.js +1 -1
- package/dist/collection/components/gov-tile/gov-tile.js +1 -1
- package/dist/collection/components/gov-toast/gov-toast.js +1 -1
- package/dist/collection/components/gov-tooltip/gov-tooltip-content.js +1 -1
- package/dist/collection/components/gov-tooltip/gov-tooltip.js +2 -2
- package/dist/collection/components/gov-wizard/gov-wizard-item.js +2 -2
- package/dist/collection/components/gov-wizard/gov-wizard.js +1 -1
- package/dist/collection/data/color-definitions.js +13 -13
- package/dist/collection/data/font-definitions.js +86 -48
- package/dist/collection/pages/Banner.js +112 -112
- package/dist/collection/pages/Banner.js.map +1 -1
- package/dist/collection/pages/Blockquote.js +3 -3
- package/dist/collection/pages/Blockquote.js.map +1 -1
- package/dist/collection/pages/Card.js +27 -17
- package/dist/collection/pages/Card.js.map +1 -1
- package/dist/collection/pages/Forms.js +209 -4
- package/dist/collection/pages/Forms.js.map +1 -1
- package/dist/collection/pages/Message.js +10 -10
- package/dist/collection/pages/Message.js.map +1 -1
- package/dist/collection/pages/Typography.js +7 -0
- package/dist/collection/pages/Typography.js.map +1 -1
- package/dist/components/gov-accordion-item.js +1 -1
- package/dist/components/gov-attachments-item.js +1 -1
- package/dist/components/gov-attachments.js +1 -1
- package/dist/components/gov-backdrop.js +1 -1
- package/dist/components/gov-banner.js +1 -1
- package/dist/components/gov-banner.js.map +1 -1
- package/dist/components/gov-blockquote.js +1 -1
- package/dist/components/gov-blockquote.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-button.js +1 -1
- package/dist/components/gov-card.js +1 -1
- package/dist/components/gov-card.js.map +1 -1
- package/dist/components/gov-chip.js +1 -1
- package/dist/components/gov-container.js +1 -1
- package/dist/components/gov-control-group.js +1 -1
- package/dist/components/gov-cookiebar.js +1 -1
- package/dist/components/gov-dialog.js +1 -1
- package/dist/components/gov-dropdown.js +1 -1
- package/dist/components/gov-empty.js +1 -1
- package/dist/components/gov-error-code.js +1 -1
- package/dist/components/gov-flex.js +1 -1
- package/dist/components/gov-form-autocomplete.js +1 -1
- package/dist/components/gov-form-checkbox-group.js +1 -1
- package/dist/components/gov-form-checkbox.js +1 -1
- package/dist/components/gov-form-control.js +1 -1
- package/dist/components/gov-form-file.js +1 -1
- package/dist/components/gov-form-group.js +1 -1
- package/dist/components/gov-form-input.js +1 -1
- package/dist/components/gov-form-label.js +1 -1
- package/dist/components/gov-form-message.js +1 -1
- package/dist/components/gov-form-multi-select.js +1 -1
- package/dist/components/gov-form-password-power.js +1 -1
- package/dist/components/gov-form-radio-group.js +1 -1
- package/dist/components/gov-form-range.d.ts +11 -0
- package/dist/components/gov-form-range.js +2 -0
- package/dist/components/gov-form-range.js.map +1 -0
- package/dist/components/gov-form-search.js +1 -1
- package/dist/components/gov-form-select.js +1 -1
- package/dist/components/gov-form-switch.js +1 -1
- package/dist/components/gov-grid-item.js +1 -1
- package/dist/components/gov-grid.js +1 -1
- package/dist/components/gov-icon.js +1 -1
- package/dist/components/gov-infobar.js +1 -1
- package/dist/components/gov-infobar.js.map +1 -1
- package/dist/components/gov-layout-column.js +1 -1
- package/dist/components/gov-layout-column.js.map +1 -1
- package/dist/components/gov-layout.js +1 -1
- package/dist/components/gov-lifecycle.js +1 -1
- package/dist/components/gov-link.js +1 -1
- package/dist/components/gov-link.js.map +1 -1
- package/dist/components/gov-loading.js +1 -1
- package/dist/components/gov-loading.js.map +1 -1
- package/dist/components/gov-message.js +1 -1
- package/dist/components/gov-pagination.js +1 -1
- package/dist/components/gov-skeleton.js +1 -1
- package/dist/components/gov-spacer.js +1 -1
- package/dist/components/gov-stepper-item.js +1 -1
- package/dist/components/gov-stepper.js +1 -1
- package/dist/components/gov-tabs-item.js +1 -1
- package/dist/components/gov-tabs.js +1 -1
- package/dist/components/gov-tag.js +1 -1
- package/dist/components/gov-theme-switch.js +1 -1
- package/dist/components/gov-tile.js +1 -1
- package/dist/components/gov-toast.js +1 -1
- package/dist/components/gov-tooltip-content.js +1 -1
- package/dist/components/gov-tooltip.js +1 -1
- package/dist/components/gov-tooltip.js.map +1 -1
- package/dist/components/gov-wizard-item.js +1 -1
- package/dist/components/gov-wizard.js +1 -1
- package/dist/components/{p-73938936.js → p-022e49cf.js} +2 -2
- package/dist/components/p-10cad7f1.js +2 -0
- package/dist/components/p-2fe7d728.js +2 -0
- package/dist/components/p-2fe7d728.js.map +1 -0
- package/dist/components/{p-b533871a.js → p-313b4611.js} +2 -2
- package/dist/components/{p-3fead64a.js → p-5a861cd2.js} +2 -2
- package/dist/components/{p-0327a469.js → p-5b0934a8.js} +2 -2
- package/dist/components/{p-3c90521b.js → p-5d60b866.js} +2 -2
- package/dist/components/{p-69a31c96.js → p-6ce6e14f.js} +2 -2
- package/dist/components/{p-2fc08a71.js → p-7fb16042.js} +2 -2
- package/dist/components/p-be086357.js +2 -0
- package/dist/components/{p-4fba9df0.js → p-d3435179.js} +2 -2
- package/dist/components/p-de989dfe.js +2 -0
- package/dist/components/{p-7be2301a.js → p-e0c3b1a7.js} +2 -2
- package/dist/components/{p-b5dc6bae.js → p-f9b1a12b.js} +2 -2
- package/dist/core/core.css +708 -733
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-07590d84.entry.js +2 -0
- package/dist/core/p-07590d84.entry.js.map +1 -0
- package/dist/core/p-08552a0e.entry.js +2 -0
- package/dist/core/{p-16f44a0b.entry.js.map → p-08552a0e.entry.js.map} +1 -1
- package/dist/core/p-0abc38e8.entry.js +2 -0
- package/dist/core/{p-28d1bc01.entry.js.map → p-0abc38e8.entry.js.map} +1 -1
- package/dist/core/p-0c393d2f.entry.js +2 -0
- package/dist/core/p-16ece889.entry.js +2 -0
- package/dist/core/p-171e2a2f.entry.js +2 -0
- package/dist/core/p-25615325.entry.js +2 -0
- package/dist/core/{p-132c9a87.entry.js → p-2a7bcce0.entry.js} +2 -2
- package/dist/core/{p-f120ba66.entry.js → p-2f966102.entry.js} +2 -2
- package/dist/core/p-2fe7d728.js +2 -0
- package/dist/core/p-2fe7d728.js.map +1 -0
- package/dist/core/{p-9ae280b2.entry.js → p-3583dcf7.entry.js} +2 -2
- package/dist/core/p-3b2267a1.entry.js +2 -0
- package/dist/core/p-4216d8f3.entry.js +2 -0
- package/dist/core/p-44c912e2.entry.js +2 -0
- package/dist/core/p-4d5f768f.entry.js +2 -0
- package/dist/core/p-52bb8e4f.entry.js +2 -0
- package/dist/core/{p-f7e47c0a.entry.js.map → p-52bb8e4f.entry.js.map} +1 -1
- package/dist/core/p-52c74fc5.entry.js +2 -0
- package/dist/core/p-548806cb.entry.js +2 -0
- package/dist/core/{p-ab868410.entry.js → p-5fa4965e.entry.js} +2 -2
- package/dist/core/p-6d54ce5f.js +2 -0
- package/dist/core/p-6f74eb08.entry.js +2 -0
- package/dist/core/{p-5108eb37.entry.js → p-75dae924.entry.js} +2 -2
- package/dist/core/p-774ea182.entry.js +2 -0
- package/dist/core/p-843f980a.entry.js +2 -0
- package/dist/core/p-8a72ebcd.entry.js +2 -0
- package/dist/core/{p-94119ad4.entry.js → p-8cd7a120.entry.js} +2 -2
- package/dist/core/{p-99f192c1.entry.js → p-8f469270.entry.js} +2 -2
- package/dist/core/{p-564555e6.entry.js → p-947804a8.entry.js} +2 -2
- package/dist/core/p-979ff58c.entry.js +2 -0
- package/dist/core/p-979ff58c.entry.js.map +1 -0
- package/dist/core/{p-5242b51b.entry.js → p-981f217e.entry.js} +2 -2
- package/dist/core/p-9c1f3e9e.entry.js +2 -0
- package/dist/core/p-9c1f3e9e.entry.js.map +1 -0
- package/dist/core/{p-ab11081d.entry.js → p-a1c825f3.entry.js} +2 -2
- package/dist/core/p-a440365f.entry.js +2 -0
- package/dist/core/p-a440365f.entry.js.map +1 -0
- package/dist/core/p-a70c7959.entry.js +2 -0
- package/dist/core/{p-1cf1dd10.entry.js.map → p-a70c7959.entry.js.map} +1 -1
- package/dist/core/{p-59fe6cbc.entry.js → p-a8a7ae96.entry.js} +2 -2
- package/dist/core/p-aacafa40.entry.js +2 -0
- package/dist/core/{p-e89471ef.entry.js.map → p-aacafa40.entry.js.map} +1 -1
- package/dist/core/{p-a02f2547.entry.js → p-aeaba3ef.entry.js} +2 -2
- package/dist/core/p-b87e5429.entry.js +2 -0
- package/dist/core/p-b87e5429.entry.js.map +1 -0
- package/dist/core/p-b9f1c2ef.entry.js +2 -0
- package/dist/core/{p-3d7fb8f8.entry.js.map → p-b9f1c2ef.entry.js.map} +1 -1
- package/dist/core/p-bca478fd.entry.js +2 -0
- package/dist/core/{p-f98f19f6.entry.js.map → p-bca478fd.entry.js.map} +1 -1
- package/dist/core/p-be086357.js +2 -0
- package/dist/core/p-bea685cb.entry.js +2 -0
- package/dist/core/{p-49cd4d0d.entry.js.map → p-bea685cb.entry.js.map} +1 -1
- package/dist/core/{p-c07f6bb4.entry.js → p-c1584cfe.entry.js} +2 -2
- package/dist/core/p-c5a49469.entry.js +2 -0
- package/dist/core/{p-650fe9e8.entry.js.map → p-c5a49469.entry.js.map} +1 -1
- package/dist/core/{p-eb8a9705.entry.js → p-c88d8659.entry.js} +2 -2
- package/dist/core/p-cba1ebca.entry.js +2 -0
- package/dist/core/{p-16d3a79a.entry.js.map → p-cba1ebca.entry.js.map} +1 -1
- package/dist/core/p-ccb64e4e.entry.js +2 -0
- package/dist/core/p-d383f977.entry.js +2 -0
- package/dist/core/p-d990aae8.entry.js +2 -0
- package/dist/core/p-ddb3772f.entry.js +2 -0
- package/dist/core/{p-46ecf09e.entry.js.map → p-ddb3772f.entry.js.map} +1 -1
- package/dist/core/{p-ae88fe6b.entry.js → p-e2655cb7.entry.js} +2 -2
- package/dist/core/{p-3acaa012.entry.js → p-e29c9924.entry.js} +2 -2
- package/dist/core/p-ead1f58d.entry.js +2 -0
- package/dist/core/{p-f0e001c7.entry.js.map → p-ead1f58d.entry.js.map} +1 -1
- package/dist/core/{p-ee950038.entry.js → p-f83b3b08.entry.js} +2 -2
- package/dist/esm/{array.utils-85696abd.js → array.utils-3b213795.js} +2 -2
- package/dist/esm/{array.utils-85696abd.js.map → array.utils-3b213795.js.map} +1 -1
- package/dist/esm/core.js +1 -1
- package/dist/esm/gov-attachments_3.entry.js +3 -3
- package/dist/esm/gov-backdrop.entry.js +2 -2
- package/dist/esm/gov-banner.entry.js +21 -20
- package/dist/esm/gov-banner.entry.js.map +1 -1
- package/dist/esm/gov-blockquote.entry.js +1 -1
- package/dist/esm/gov-blockquote.entry.js.map +1 -1
- package/dist/esm/gov-breadcrumbs.entry.js +3 -3
- package/dist/esm/gov-button.entry.js +5 -5
- package/dist/esm/gov-card.entry.js +11 -3
- package/dist/esm/gov-card.entry.js.map +1 -1
- package/dist/esm/gov-chip.entry.js +2 -2
- package/dist/esm/gov-container.entry.js +1 -1
- package/dist/esm/gov-control-group.entry.js +1 -1
- package/dist/esm/gov-cookiebar.entry.js +1 -1
- package/dist/esm/gov-dialog.entry.js +3 -3
- package/dist/esm/gov-dropdown.entry.js +1 -1
- package/dist/esm/gov-empty.entry.js +1 -1
- package/dist/esm/gov-error-code.entry.js +1 -1
- package/dist/esm/gov-flex_3.entry.js +3 -3
- package/dist/esm/gov-form-autocomplete.entry.js +3 -3
- package/dist/esm/gov-form-checkbox-group.entry.js +3 -3
- package/dist/esm/gov-form-control.entry.js +1 -1
- package/dist/esm/gov-form-file.entry.js +1 -1
- package/dist/esm/gov-form-group.entry.js +1 -1
- package/dist/esm/gov-form-input_2.entry.js +6 -6
- package/dist/esm/gov-form-label.entry.js +1 -1
- package/dist/esm/gov-form-multi-select.entry.js +4 -4
- package/dist/esm/gov-form-password-power.entry.js +1 -1
- package/dist/esm/gov-form-radio-group.entry.js +1 -1
- package/dist/esm/gov-form-range.entry.js +203 -0
- package/dist/esm/gov-form-range.entry.js.map +1 -0
- package/dist/esm/gov-form-search.entry.js +1 -1
- package/dist/esm/gov-form-select.entry.js +4 -4
- package/dist/esm/gov-grid-item.entry.js +1 -1
- package/dist/esm/gov-grid.entry.js +1 -1
- package/dist/esm/gov-infobar.entry.js +2 -2
- package/dist/esm/gov-layout-column.entry.js +1 -1
- package/dist/esm/gov-layout.entry.js +1 -1
- package/dist/esm/gov-lifecycle.entry.js +1 -1
- package/dist/esm/gov-link.entry.js +2 -1
- package/dist/esm/gov-link.entry.js.map +1 -1
- package/dist/esm/gov-loading.entry.js +1 -1
- package/dist/esm/gov-message.entry.js +1 -1
- package/dist/esm/gov-pagination.entry.js +2 -2
- package/dist/esm/gov-spacer.entry.js +1 -1
- package/dist/esm/gov-stepper-item.entry.js +1 -1
- package/dist/esm/gov-stepper.entry.js +1 -1
- package/dist/esm/gov-tabs-item.entry.js +1 -1
- package/dist/esm/gov-tabs.entry.js +2 -2
- package/dist/esm/gov-tag.entry.js +1 -1
- package/dist/esm/gov-tile.entry.js +1 -1
- package/dist/esm/gov-toast.entry.js +1 -1
- package/dist/esm/gov-tooltip-content.entry.js +1 -1
- package/dist/esm/gov-tooltip.entry.js +2 -2
- package/dist/esm/gov-wizard-item.entry.js +2 -2
- package/dist/esm/gov-wizard.entry.js +3 -3
- package/dist/esm/{helpers.types-43ddbdb8.js → helpers.types-fe2f0447.js} +3 -2
- package/dist/esm/helpers.types-fe2f0447.js.map +1 -0
- package/dist/esm/index-bf8a6f64.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{wcag-253a4421.js → wcag-bd11d341.js} +2 -2
- package/dist/esm/{wcag-253a4421.js.map → wcag-bd11d341.js.map} +1 -1
- package/dist/hydrate/index.js +313 -86
- package/dist/hydrate/index.mjs +313 -86
- package/dist/stencil.config.js +1 -1
- package/dist/stencil.config.js.map +1 -1
- package/dist/types/components/gov-banner/gov-banner.d.ts +4 -14
- package/dist/types/components/gov-card/gov-card.d.ts +10 -0
- package/dist/types/components/gov-form/range/constants.d.ts +9 -0
- package/dist/types/components/gov-form/range/gov-form-range.d.ts +116 -0
- package/dist/types/components/gov-link/gov-link.d.ts +4 -0
- package/dist/types/components.d.ts +200 -22
- package/package.json +1 -1
- package/dist/cjs/helpers.types-ff60c9bd.js.map +0 -1
- package/dist/collection/components/gov-blocquote/constants.js.map +0 -1
- package/dist/collection/components/gov-blocquote/gov-blockquote.js.map +0 -1
- package/dist/components/p-2aedc81e.js +0 -2
- package/dist/components/p-2aedc81e.js.map +0 -1
- package/dist/components/p-80dad64b.js +0 -2
- package/dist/components/p-ded281e6.js +0 -2
- package/dist/components/p-f9a1ff6e.js +0 -2
- package/dist/core/p-005214d1.entry.js +0 -2
- package/dist/core/p-0fc9ea97.entry.js +0 -2
- package/dist/core/p-16d3a79a.entry.js +0 -2
- package/dist/core/p-16f44a0b.entry.js +0 -2
- package/dist/core/p-1c7c9144.entry.js +0 -2
- package/dist/core/p-1cf1dd10.entry.js +0 -2
- package/dist/core/p-23b4dcd3.entry.js +0 -2
- package/dist/core/p-28d1bc01.entry.js +0 -2
- package/dist/core/p-29ac15d2.js +0 -2
- package/dist/core/p-2aedc81e.js +0 -2
- package/dist/core/p-2aedc81e.js.map +0 -1
- package/dist/core/p-3d7fb8f8.entry.js +0 -2
- package/dist/core/p-46ecf09e.entry.js +0 -2
- package/dist/core/p-49cd4d0d.entry.js +0 -2
- package/dist/core/p-650fe9e8.entry.js +0 -2
- package/dist/core/p-6e41cf69.entry.js +0 -2
- package/dist/core/p-7399ad59.entry.js +0 -2
- package/dist/core/p-79ec86da.entry.js +0 -2
- package/dist/core/p-80bebb7f.entry.js +0 -2
- package/dist/core/p-8cbe8add.entry.js +0 -2
- package/dist/core/p-8f73f8e0.entry.js +0 -2
- package/dist/core/p-952ab9e5.entry.js +0 -2
- package/dist/core/p-9c1601b3.entry.js +0 -2
- package/dist/core/p-c2abc031.entry.js +0 -2
- package/dist/core/p-c688349d.entry.js +0 -2
- package/dist/core/p-c6fdc0a9.entry.js +0 -2
- package/dist/core/p-c6fdc0a9.entry.js.map +0 -1
- package/dist/core/p-c91512dd.entry.js +0 -2
- package/dist/core/p-cf9d5c2f.entry.js +0 -2
- package/dist/core/p-cf9d5c2f.entry.js.map +0 -1
- package/dist/core/p-d1270d72.entry.js +0 -2
- package/dist/core/p-d1270d72.entry.js.map +0 -1
- package/dist/core/p-d141e9ca.entry.js +0 -2
- package/dist/core/p-d141e9ca.entry.js.map +0 -1
- package/dist/core/p-de852480.entry.js +0 -2
- package/dist/core/p-ded281e6.js +0 -2
- package/dist/core/p-e89471ef.entry.js +0 -2
- package/dist/core/p-f0e001c7.entry.js +0 -2
- package/dist/core/p-f333c673.entry.js +0 -2
- package/dist/core/p-f7e47c0a.entry.js +0 -2
- package/dist/core/p-f98f19f6.entry.js +0 -2
- package/dist/esm/helpers.types-43ddbdb8.js.map +0 -1
- /package/dist/collection/components/{gov-blocquote → gov-blockquote}/constants.js +0 -0
- /package/dist/components/{p-73938936.js.map → p-022e49cf.js.map} +0 -0
- /package/dist/components/{p-80dad64b.js.map → p-10cad7f1.js.map} +0 -0
- /package/dist/components/{p-b533871a.js.map → p-313b4611.js.map} +0 -0
- /package/dist/components/{p-3fead64a.js.map → p-5a861cd2.js.map} +0 -0
- /package/dist/components/{p-0327a469.js.map → p-5b0934a8.js.map} +0 -0
- /package/dist/components/{p-3c90521b.js.map → p-5d60b866.js.map} +0 -0
- /package/dist/components/{p-69a31c96.js.map → p-6ce6e14f.js.map} +0 -0
- /package/dist/components/{p-2fc08a71.js.map → p-7fb16042.js.map} +0 -0
- /package/dist/components/{p-ded281e6.js.map → p-be086357.js.map} +0 -0
- /package/dist/components/{p-4fba9df0.js.map → p-d3435179.js.map} +0 -0
- /package/dist/components/{p-f9a1ff6e.js.map → p-de989dfe.js.map} +0 -0
- /package/dist/components/{p-7be2301a.js.map → p-e0c3b1a7.js.map} +0 -0
- /package/dist/components/{p-b5dc6bae.js.map → p-f9b1a12b.js.map} +0 -0
- /package/dist/core/{p-7399ad59.entry.js.map → p-0c393d2f.entry.js.map} +0 -0
- /package/dist/core/{p-9c1601b3.entry.js.map → p-16ece889.entry.js.map} +0 -0
- /package/dist/core/{p-1c7c9144.entry.js.map → p-171e2a2f.entry.js.map} +0 -0
- /package/dist/core/{p-23b4dcd3.entry.js.map → p-25615325.entry.js.map} +0 -0
- /package/dist/core/{p-132c9a87.entry.js.map → p-2a7bcce0.entry.js.map} +0 -0
- /package/dist/core/{p-f120ba66.entry.js.map → p-2f966102.entry.js.map} +0 -0
- /package/dist/core/{p-9ae280b2.entry.js.map → p-3583dcf7.entry.js.map} +0 -0
- /package/dist/core/{p-8cbe8add.entry.js.map → p-3b2267a1.entry.js.map} +0 -0
- /package/dist/core/{p-de852480.entry.js.map → p-4216d8f3.entry.js.map} +0 -0
- /package/dist/core/{p-80bebb7f.entry.js.map → p-44c912e2.entry.js.map} +0 -0
- /package/dist/core/{p-952ab9e5.entry.js.map → p-4d5f768f.entry.js.map} +0 -0
- /package/dist/core/{p-f333c673.entry.js.map → p-52c74fc5.entry.js.map} +0 -0
- /package/dist/core/{p-0fc9ea97.entry.js.map → p-548806cb.entry.js.map} +0 -0
- /package/dist/core/{p-ab868410.entry.js.map → p-5fa4965e.entry.js.map} +0 -0
- /package/dist/core/{p-29ac15d2.js.map → p-6d54ce5f.js.map} +0 -0
- /package/dist/core/{p-c688349d.entry.js.map → p-6f74eb08.entry.js.map} +0 -0
- /package/dist/core/{p-5108eb37.entry.js.map → p-75dae924.entry.js.map} +0 -0
- /package/dist/core/{p-005214d1.entry.js.map → p-774ea182.entry.js.map} +0 -0
- /package/dist/core/{p-79ec86da.entry.js.map → p-843f980a.entry.js.map} +0 -0
- /package/dist/core/{p-c91512dd.entry.js.map → p-8a72ebcd.entry.js.map} +0 -0
- /package/dist/core/{p-94119ad4.entry.js.map → p-8cd7a120.entry.js.map} +0 -0
- /package/dist/core/{p-99f192c1.entry.js.map → p-8f469270.entry.js.map} +0 -0
- /package/dist/core/{p-564555e6.entry.js.map → p-947804a8.entry.js.map} +0 -0
- /package/dist/core/{p-5242b51b.entry.js.map → p-981f217e.entry.js.map} +0 -0
- /package/dist/core/{p-ab11081d.entry.js.map → p-a1c825f3.entry.js.map} +0 -0
- /package/dist/core/{p-59fe6cbc.entry.js.map → p-a8a7ae96.entry.js.map} +0 -0
- /package/dist/core/{p-a02f2547.entry.js.map → p-aeaba3ef.entry.js.map} +0 -0
- /package/dist/core/{p-ded281e6.js.map → p-be086357.js.map} +0 -0
- /package/dist/core/{p-c07f6bb4.entry.js.map → p-c1584cfe.entry.js.map} +0 -0
- /package/dist/core/{p-eb8a9705.entry.js.map → p-c88d8659.entry.js.map} +0 -0
- /package/dist/core/{p-6e41cf69.entry.js.map → p-ccb64e4e.entry.js.map} +0 -0
- /package/dist/core/{p-c2abc031.entry.js.map → p-d383f977.entry.js.map} +0 -0
- /package/dist/core/{p-8f73f8e0.entry.js.map → p-d990aae8.entry.js.map} +0 -0
- /package/dist/core/{p-ae88fe6b.entry.js.map → p-e2655cb7.entry.js.map} +0 -0
- /package/dist/core/{p-3acaa012.entry.js.map → p-e29c9924.entry.js.map} +0 -0
- /package/dist/core/{p-ee950038.entry.js.map → p-f83b3b08.entry.js.map} +0 -0
- /package/dist/types/components/{gov-blocquote → gov-blockquote}/constants.d.ts +0 -0
- /package/dist/types/components/{gov-blocquote → gov-blockquote}/gov-blockquote.d.ts +0 -0
package/dist/core/core.css
CHANGED
|
@@ -13,17 +13,17 @@
|
|
|
13
13
|
/* stylelint-enable order/order */
|
|
14
14
|
/* Variables - breakpoints */ /* Variables - Colors */ /* Variables - Sizes */ /* Variables - General */ /* Variables - Typography */ /* Variables - Forms */ /* Variables - shadows */ /* Variables - z-index */ /* stylelint-disable order/order */
|
|
15
15
|
/* stylelint-enable order/order */
|
|
16
|
-
gov-tabs__list, .gov-tabs__list, gov-pagination__list, .gov-pagination__list, gov-form-multi-select__list, .gov-form-multi-select__list, gov-
|
|
16
|
+
gov-tabs__list, .gov-tabs__list, gov-pagination__list, .gov-pagination__list, gov-form-multi-select__list, .gov-form-multi-select__list, gov-breadcrumbs ul, .gov-breadcrumbs ul {
|
|
17
17
|
margin: 0;
|
|
18
18
|
padding: 0;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
gov-tabs__list > gov-tabs__item, gov-tabs__list > .gov-tabs__item, .gov-tabs__list > gov-tabs__item, .gov-tabs__list > .gov-tabs__item, gov-pagination__list gov-pagination__item, gov-pagination__list .gov-pagination__item, .gov-pagination__list gov-pagination__item, .gov-pagination__list .gov-pagination__item, gov-form-multi-select__list > gov-form-multi-select__item, gov-form-multi-select__list > .gov-form-multi-select__item, .gov-form-multi-select__list > gov-form-multi-select__item, .gov-form-multi-select__list > .gov-form-multi-select__item, gov-
|
|
21
|
+
gov-tabs__list > gov-tabs__item, gov-tabs__list > .gov-tabs__item, .gov-tabs__list > gov-tabs__item, .gov-tabs__list > .gov-tabs__item, gov-pagination__list gov-pagination__item, gov-pagination__list .gov-pagination__item, .gov-pagination__list gov-pagination__item, .gov-pagination__list .gov-pagination__item, gov-form-multi-select__list > gov-form-multi-select__item, gov-form-multi-select__list > .gov-form-multi-select__item, .gov-form-multi-select__list > gov-form-multi-select__item, .gov-form-multi-select__list > .gov-form-multi-select__item, gov-breadcrumbs li, .gov-breadcrumbs li {
|
|
22
22
|
margin: 0;
|
|
23
23
|
padding: 0;
|
|
24
24
|
background: none;
|
|
25
25
|
}
|
|
26
|
-
gov-tabs__list > gov-tabs__item::before, gov-tabs__list > .gov-tabs__item::before, .gov-tabs__list > gov-tabs__item::before, .gov-tabs__list > .gov-tabs__item::before, gov-pagination__list gov-pagination__item::before, gov-pagination__list .gov-pagination__item::before, .gov-pagination__list gov-pagination__item::before, .gov-pagination__list .gov-pagination__item::before, gov-form-multi-select__list > gov-form-multi-select__item::before, gov-form-multi-select__list > .gov-form-multi-select__item::before, .gov-form-multi-select__list > gov-form-multi-select__item::before, .gov-form-multi-select__list > .gov-form-multi-select__item::before, gov-
|
|
26
|
+
gov-tabs__list > gov-tabs__item::before, gov-tabs__list > .gov-tabs__item::before, .gov-tabs__list > gov-tabs__item::before, .gov-tabs__list > .gov-tabs__item::before, gov-pagination__list gov-pagination__item::before, gov-pagination__list .gov-pagination__item::before, .gov-pagination__list gov-pagination__item::before, .gov-pagination__list .gov-pagination__item::before, gov-form-multi-select__list > gov-form-multi-select__item::before, gov-form-multi-select__list > .gov-form-multi-select__item::before, .gov-form-multi-select__list > gov-form-multi-select__item::before, .gov-form-multi-select__list > .gov-form-multi-select__item::before, gov-breadcrumbs li::before, .gov-breadcrumbs li::before {
|
|
27
27
|
display: none;
|
|
28
28
|
}
|
|
29
29
|
|
|
@@ -236,17 +236,17 @@ body {
|
|
|
236
236
|
/* stylelint-enable order/order */
|
|
237
237
|
/* Variables - breakpoints */ /* Variables - Colors */ /* Variables - Sizes */ /* Variables - General */ /* Variables - Typography */ /* Variables - Forms */ /* Variables - shadows */ /* Variables - z-index */ /* stylelint-disable order/order */
|
|
238
238
|
/* stylelint-enable order/order */
|
|
239
|
-
gov-tabs__list, .gov-tabs__list, gov-pagination__list, .gov-pagination__list, gov-form-multi-select__list, .gov-form-multi-select__list, gov-
|
|
239
|
+
gov-tabs__list, .gov-tabs__list, gov-pagination__list, .gov-pagination__list, gov-form-multi-select__list, .gov-form-multi-select__list, gov-breadcrumbs ul, .gov-breadcrumbs ul {
|
|
240
240
|
margin: 0;
|
|
241
241
|
padding: 0;
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
-
gov-tabs__list > gov-tabs__item, gov-tabs__list > .gov-tabs__item, .gov-tabs__list > gov-tabs__item, .gov-tabs__list > .gov-tabs__item, gov-pagination__list gov-pagination__item, gov-pagination__list .gov-pagination__item, .gov-pagination__list gov-pagination__item, .gov-pagination__list .gov-pagination__item, gov-form-multi-select__list > gov-form-multi-select__item, gov-form-multi-select__list > .gov-form-multi-select__item, .gov-form-multi-select__list > gov-form-multi-select__item, .gov-form-multi-select__list > .gov-form-multi-select__item, gov-
|
|
244
|
+
gov-tabs__list > gov-tabs__item, gov-tabs__list > .gov-tabs__item, .gov-tabs__list > gov-tabs__item, .gov-tabs__list > .gov-tabs__item, gov-pagination__list gov-pagination__item, gov-pagination__list .gov-pagination__item, .gov-pagination__list gov-pagination__item, .gov-pagination__list .gov-pagination__item, gov-form-multi-select__list > gov-form-multi-select__item, gov-form-multi-select__list > .gov-form-multi-select__item, .gov-form-multi-select__list > gov-form-multi-select__item, .gov-form-multi-select__list > .gov-form-multi-select__item, gov-breadcrumbs li, .gov-breadcrumbs li {
|
|
245
245
|
margin: 0;
|
|
246
246
|
padding: 0;
|
|
247
247
|
background: none;
|
|
248
248
|
}
|
|
249
|
-
gov-tabs__list > gov-tabs__item::before, gov-tabs__list > .gov-tabs__item::before, .gov-tabs__list > gov-tabs__item::before, .gov-tabs__list > .gov-tabs__item::before, gov-pagination__list gov-pagination__item::before, gov-pagination__list .gov-pagination__item::before, .gov-pagination__list gov-pagination__item::before, .gov-pagination__list .gov-pagination__item::before, gov-form-multi-select__list > gov-form-multi-select__item::before, gov-form-multi-select__list > .gov-form-multi-select__item::before, .gov-form-multi-select__list > gov-form-multi-select__item::before, .gov-form-multi-select__list > .gov-form-multi-select__item::before, gov-
|
|
249
|
+
gov-tabs__list > gov-tabs__item::before, gov-tabs__list > .gov-tabs__item::before, .gov-tabs__list > gov-tabs__item::before, .gov-tabs__list > .gov-tabs__item::before, gov-pagination__list gov-pagination__item::before, gov-pagination__list .gov-pagination__item::before, .gov-pagination__list gov-pagination__item::before, .gov-pagination__list .gov-pagination__item::before, gov-form-multi-select__list > gov-form-multi-select__item::before, gov-form-multi-select__list > .gov-form-multi-select__item::before, .gov-form-multi-select__list > gov-form-multi-select__item::before, .gov-form-multi-select__list > .gov-form-multi-select__item::before, gov-breadcrumbs li::before, .gov-breadcrumbs li::before {
|
|
250
250
|
display: none;
|
|
251
251
|
}
|
|
252
252
|
|
|
@@ -265,7 +265,9 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
265
265
|
--background-white: var(--color-neutral-0);
|
|
266
266
|
--background-block-primary: var(--color-neutral-0);
|
|
267
267
|
--background-block-secondary: var(--color-neutral-50);
|
|
268
|
-
--background-overlay:
|
|
268
|
+
--background-overlay-image: rgb(0,0,0,0.55);
|
|
269
|
+
--background-overlay-page: rgb(0,0,0,0.6);
|
|
270
|
+
--background-overlay-transparent: rgb(246,246,246,0);
|
|
269
271
|
--background-page: var(--color-neutral-50);
|
|
270
272
|
--background-neutral-disabled: var(--color-neutral-200);
|
|
271
273
|
--background-neutral-primary: var(--color-neutral-1000);
|
|
@@ -317,22 +319,22 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
317
319
|
--button-outlined-warning-hover: var(--color-warning-200);
|
|
318
320
|
--button-solid-disabled: var(--color-neutral-200);
|
|
319
321
|
--button-solid-error: var(--color-error-600);
|
|
320
|
-
--button-solid-error-active: var(--color-error-
|
|
322
|
+
--button-solid-error-active: var(--color-error-800);
|
|
321
323
|
--button-solid-error-hover: var(--color-error-700);
|
|
322
|
-
--button-solid-neutral: var(--color-neutral-
|
|
323
|
-
--button-solid-neutral-active: var(--color-neutral-
|
|
324
|
+
--button-solid-neutral: var(--color-neutral-600);
|
|
325
|
+
--button-solid-neutral-active: var(--color-neutral-800);
|
|
324
326
|
--button-solid-neutral-hover: var(--color-neutral-700);
|
|
325
327
|
--button-solid-primary: var(--color-primary-600);
|
|
326
|
-
--button-solid-primary-active: var(--color-primary-
|
|
328
|
+
--button-solid-primary-active: var(--color-primary-800);
|
|
327
329
|
--button-solid-primary-hover: var(--color-primary-700);
|
|
328
330
|
--button-solid-secondary: var(--color-secondary-600);
|
|
329
|
-
--button-solid-secondary-active: var(--color-secondary-
|
|
331
|
+
--button-solid-secondary-active: var(--color-secondary-300);
|
|
330
332
|
--button-solid-secondary-hover: var(--color-secondary-400);
|
|
331
333
|
--button-solid-success: var(--color-success-600);
|
|
332
|
-
--button-solid-success-active: var(--color-success-
|
|
334
|
+
--button-solid-success-active: var(--color-success-800);
|
|
333
335
|
--button-solid-success-hover: var(--color-success-700);
|
|
334
336
|
--button-solid-warning: var(--color-warning-500);
|
|
335
|
-
--button-solid-warning-active: var(--color-warning-
|
|
337
|
+
--button-solid-warning-active: var(--color-warning-300);
|
|
336
338
|
--button-solid-warning-hover: var(--color-warning-400);
|
|
337
339
|
--icon-default: var(--color-neutral-900);
|
|
338
340
|
--icon-disabled: var(--color-neutral-300);
|
|
@@ -347,7 +349,7 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
347
349
|
--interactive-active: var(--color-primary-600);
|
|
348
350
|
--interactive-disabled: var(--color-neutral-200);
|
|
349
351
|
--interactive-error: var(--color-error-600);
|
|
350
|
-
--interactive-inactive: var(--color-neutral-
|
|
352
|
+
--interactive-inactive: var(--color-neutral-300);
|
|
351
353
|
--interactive-timer-error-solid: var(--color-error-800);
|
|
352
354
|
--interactive-timer-error-subtle: var(--color-error-200);
|
|
353
355
|
--interactive-timer-neutral-solid: var(--color-neutral-800);
|
|
@@ -370,7 +372,7 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
370
372
|
--text-placeholder: var(--color-neutral-500);
|
|
371
373
|
--text-primary: var(--color-neutral-950);
|
|
372
374
|
--text-secondary: var(--color-neutral-700);
|
|
373
|
-
--text-
|
|
375
|
+
--text-tertiary: var(--color-neutral-500);
|
|
374
376
|
--text-white: var(--color-neutral-0);
|
|
375
377
|
--text-white-fixed: var(--color-neutral-0);
|
|
376
378
|
--text-status-error: var(--color-error-700);
|
|
@@ -384,7 +386,9 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
384
386
|
--background-white: var(--color-neutral-0);
|
|
385
387
|
--background-block-primary: var(--color-neutral-0);
|
|
386
388
|
--background-block-secondary: var(--color-neutral-50);
|
|
387
|
-
--background-overlay:
|
|
389
|
+
--background-overlay-image: rgb(0,0,0,0.55);
|
|
390
|
+
--background-overlay-page: rgb(0,0,0,0.6);
|
|
391
|
+
--background-overlay-transparent: rgb(246,246,246,0);
|
|
388
392
|
--background-page: var(--color-neutral-50);
|
|
389
393
|
--background-neutral-disabled: var(--color-neutral-200);
|
|
390
394
|
--background-neutral-primary: var(--color-neutral-1000);
|
|
@@ -436,22 +440,22 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
436
440
|
--button-outlined-warning-hover: var(--color-warning-200);
|
|
437
441
|
--button-solid-disabled: var(--color-neutral-200);
|
|
438
442
|
--button-solid-error: var(--color-error-600);
|
|
439
|
-
--button-solid-error-active: var(--color-error-
|
|
443
|
+
--button-solid-error-active: var(--color-error-800);
|
|
440
444
|
--button-solid-error-hover: var(--color-error-700);
|
|
441
|
-
--button-solid-neutral: var(--color-neutral-
|
|
442
|
-
--button-solid-neutral-active: var(--color-neutral-
|
|
445
|
+
--button-solid-neutral: var(--color-neutral-600);
|
|
446
|
+
--button-solid-neutral-active: var(--color-neutral-800);
|
|
443
447
|
--button-solid-neutral-hover: var(--color-neutral-700);
|
|
444
448
|
--button-solid-primary: var(--color-primary-600);
|
|
445
|
-
--button-solid-primary-active: var(--color-primary-
|
|
449
|
+
--button-solid-primary-active: var(--color-primary-800);
|
|
446
450
|
--button-solid-primary-hover: var(--color-primary-700);
|
|
447
451
|
--button-solid-secondary: var(--color-secondary-600);
|
|
448
|
-
--button-solid-secondary-active: var(--color-secondary-
|
|
452
|
+
--button-solid-secondary-active: var(--color-secondary-300);
|
|
449
453
|
--button-solid-secondary-hover: var(--color-secondary-400);
|
|
450
454
|
--button-solid-success: var(--color-success-600);
|
|
451
|
-
--button-solid-success-active: var(--color-success-
|
|
455
|
+
--button-solid-success-active: var(--color-success-800);
|
|
452
456
|
--button-solid-success-hover: var(--color-success-700);
|
|
453
457
|
--button-solid-warning: var(--color-warning-500);
|
|
454
|
-
--button-solid-warning-active: var(--color-warning-
|
|
458
|
+
--button-solid-warning-active: var(--color-warning-300);
|
|
455
459
|
--button-solid-warning-hover: var(--color-warning-400);
|
|
456
460
|
--icon-default: var(--color-neutral-900);
|
|
457
461
|
--icon-disabled: var(--color-neutral-300);
|
|
@@ -466,7 +470,7 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
466
470
|
--interactive-active: var(--color-primary-600);
|
|
467
471
|
--interactive-disabled: var(--color-neutral-200);
|
|
468
472
|
--interactive-error: var(--color-error-600);
|
|
469
|
-
--interactive-inactive: var(--color-neutral-
|
|
473
|
+
--interactive-inactive: var(--color-neutral-300);
|
|
470
474
|
--interactive-timer-error-solid: var(--color-error-800);
|
|
471
475
|
--interactive-timer-error-subtle: var(--color-error-200);
|
|
472
476
|
--interactive-timer-neutral-solid: var(--color-neutral-800);
|
|
@@ -489,7 +493,7 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
489
493
|
--text-placeholder: var(--color-neutral-500);
|
|
490
494
|
--text-primary: var(--color-neutral-950);
|
|
491
495
|
--text-secondary: var(--color-neutral-700);
|
|
492
|
-
--text-
|
|
496
|
+
--text-tertiary: var(--color-neutral-500);
|
|
493
497
|
--text-white: var(--color-neutral-0);
|
|
494
498
|
--text-white-fixed: var(--color-neutral-0);
|
|
495
499
|
--text-status-error: var(--color-error-700);
|
|
@@ -503,12 +507,14 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
503
507
|
--background-white: var(--color-neutral-1000);
|
|
504
508
|
--background-block-primary: var(--color-neutral-950);
|
|
505
509
|
--background-block-secondary: var(--color-neutral-800);
|
|
506
|
-
--background-overlay:
|
|
507
|
-
--background-page:
|
|
510
|
+
--background-overlay-image: rgb(5,5,5,0.7);
|
|
511
|
+
--background-overlay-page: rgb(0,0,0,0.8);
|
|
512
|
+
--background-overlay-transparent: rgb(1,4,9,0);
|
|
513
|
+
--background-page: var(--color-primary-1050);
|
|
508
514
|
--background-neutral-disabled: var(--color-neutral-900);
|
|
509
515
|
--background-neutral-primary: var(--color-neutral-900);
|
|
510
516
|
--background-neutral-secondary: var(--color-neutral-1000);
|
|
511
|
-
--background-neutral-subtle: var(--color-neutral-
|
|
517
|
+
--background-neutral-subtle: var(--color-neutral-900);
|
|
512
518
|
--background-neutral-subtlest: var(--color-neutral-950);
|
|
513
519
|
--background-neutral-white: var(--color-neutral-1000);
|
|
514
520
|
--background-primary: var(--color-primary-600);
|
|
@@ -535,57 +541,57 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
535
541
|
--border-success: var(--color-success-600);
|
|
536
542
|
--border-warning: var(--color-warning-600);
|
|
537
543
|
--border-disabled: var(--color-neutral-900);
|
|
538
|
-
--button-outlined-error: var(--color-error-
|
|
539
|
-
--button-outlined-error-active: var(--color-error-
|
|
540
|
-
--button-outlined-error-hover: var(--color-error-
|
|
541
|
-
--button-outlined-neutral: var(--color-neutral-
|
|
544
|
+
--button-outlined-error: var(--color-error-800);
|
|
545
|
+
--button-outlined-error-active: var(--color-error-900);
|
|
546
|
+
--button-outlined-error-hover: var(--color-error-950);
|
|
547
|
+
--button-outlined-neutral: var(--color-neutral-800);
|
|
542
548
|
--button-outlined-neutral-active: var(--color-neutral-900);
|
|
543
549
|
--button-outlined-neutral-hover: var(--color-neutral-950);
|
|
544
|
-
--button-outlined-primary: var(--color-primary-
|
|
550
|
+
--button-outlined-primary: var(--color-primary-800);
|
|
545
551
|
--button-outlined-primary-active: var(--color-primary-900);
|
|
546
552
|
--button-outlined-primary-hover: var(--color-primary-950);
|
|
547
|
-
--button-outlined-secondary: var(--color-secondary-
|
|
553
|
+
--button-outlined-secondary: var(--color-secondary-800);
|
|
548
554
|
--button-outlined-secondary-active: var(--color-secondary-900);
|
|
549
555
|
--button-outlined-secondary-hover: var(--color-secondary-950);
|
|
550
|
-
--button-outlined-success: var(--color-success-
|
|
551
|
-
--button-outlined-success-active: var(--color-success-
|
|
552
|
-
--button-outlined-success-hover: var(--color-success-
|
|
553
|
-
--button-outlined-warning: var(--color-warning-
|
|
554
|
-
--button-outlined-warning-active: var(--color-warning-
|
|
555
|
-
--button-outlined-warning-hover: var(--color-warning-
|
|
556
|
+
--button-outlined-success: var(--color-success-800);
|
|
557
|
+
--button-outlined-success-active: var(--color-success-900);
|
|
558
|
+
--button-outlined-success-hover: var(--color-success-950);
|
|
559
|
+
--button-outlined-warning: var(--color-warning-800);
|
|
560
|
+
--button-outlined-warning-active: var(--color-warning-900);
|
|
561
|
+
--button-outlined-warning-hover: var(--color-warning-950);
|
|
556
562
|
--button-solid-disabled: var(--color-neutral-950);
|
|
557
563
|
--button-solid-error: var(--color-error-600);
|
|
558
|
-
--button-solid-error-active: var(--color-error-
|
|
564
|
+
--button-solid-error-active: var(--color-error-700);
|
|
559
565
|
--button-solid-error-hover: var(--color-error-500);
|
|
560
|
-
--button-solid-neutral: var(--color-neutral-
|
|
561
|
-
--button-solid-neutral-active: var(--color-neutral-
|
|
562
|
-
--button-solid-neutral-hover: var(--color-neutral-
|
|
566
|
+
--button-solid-neutral: var(--color-neutral-600);
|
|
567
|
+
--button-solid-neutral-active: var(--color-neutral-700);
|
|
568
|
+
--button-solid-neutral-hover: var(--color-neutral-500);
|
|
563
569
|
--button-solid-primary: var(--color-primary-600);
|
|
564
|
-
--button-solid-primary-active: var(--color-primary-
|
|
570
|
+
--button-solid-primary-active: var(--color-primary-700);
|
|
565
571
|
--button-solid-primary-hover: var(--color-primary-500);
|
|
566
572
|
--button-solid-secondary: var(--color-secondary-600);
|
|
567
573
|
--button-solid-secondary-active: var(--color-secondary-700);
|
|
568
574
|
--button-solid-secondary-hover: var(--color-secondary-500);
|
|
569
|
-
--button-solid-success: var(--color-success-
|
|
570
|
-
--button-solid-success-active: var(--color-success-
|
|
571
|
-
--button-solid-success-hover: var(--color-success-
|
|
575
|
+
--button-solid-success: var(--color-success-600);
|
|
576
|
+
--button-solid-success-active: var(--color-success-700);
|
|
577
|
+
--button-solid-success-hover: var(--color-success-500);
|
|
572
578
|
--button-solid-warning: var(--color-warning-600);
|
|
573
579
|
--button-solid-warning-active: var(--color-warning-700);
|
|
574
580
|
--button-solid-warning-hover: var(--color-warning-500);
|
|
575
581
|
--icon-default: var(--color-neutral-0);
|
|
576
582
|
--icon-disabled: var(--color-neutral-900);
|
|
577
|
-
--icon-error: var(--color-error-
|
|
583
|
+
--icon-error: var(--color-error-400);
|
|
578
584
|
--icon-neutral: var(--color-neutral-200);
|
|
579
585
|
--icon-secondary: var(--color-secondary-400);
|
|
580
586
|
--icon-success: var(--color-success-400);
|
|
581
587
|
--icon-warning: var(--color-warning-400);
|
|
582
588
|
--icon-on-bold-black: var(--color-neutral-1000);
|
|
583
589
|
--icon-on-bold-white: var(--color-neutral-0);
|
|
584
|
-
--icon-on-subtle: var(--color-primary-
|
|
590
|
+
--icon-on-subtle: var(--color-primary-100);
|
|
585
591
|
--interactive-active: var(--color-primary-600);
|
|
586
592
|
--interactive-disabled: var(--color-neutral-800);
|
|
587
593
|
--interactive-error: var(--color-error-600);
|
|
588
|
-
--interactive-inactive: var(--color-neutral-
|
|
594
|
+
--interactive-inactive: var(--color-neutral-600);
|
|
589
595
|
--interactive-timer-error-solid: var(--color-error-800);
|
|
590
596
|
--interactive-timer-error-subtle: var(--color-error-900);
|
|
591
597
|
--interactive-timer-neutral-solid: var(--color-neutral-600);
|
|
@@ -601,20 +607,20 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
601
607
|
--status-success: var(--color-success-600);
|
|
602
608
|
--status-visited: var(--color-visited-300);
|
|
603
609
|
--status-warning: var(--color-warning-300);
|
|
604
|
-
--text-primary-color: var(--color-primary-
|
|
610
|
+
--text-primary-color: var(--color-primary-100);
|
|
605
611
|
--text-secondary-color: var(--color-secondary-600);
|
|
606
612
|
--text-black-fixed: var(--color-neutral-1000);
|
|
607
613
|
--text-disabled: var(--color-neutral-500);
|
|
608
614
|
--text-placeholder: var(--color-neutral-300);
|
|
609
615
|
--text-primary: var(--color-neutral-0);
|
|
610
616
|
--text-secondary: var(--color-neutral-100);
|
|
611
|
-
--text-
|
|
617
|
+
--text-tertiary: var(--color-neutral-300);
|
|
612
618
|
--text-white: var(--color-neutral-1000);
|
|
613
619
|
--text-white-fixed: var(--color-neutral-0);
|
|
614
620
|
--text-status-error: var(--color-error-400);
|
|
615
621
|
--text-status-info: var(--color-primary-400);
|
|
616
622
|
--text-status-success: var(--color-success-400);
|
|
617
|
-
--text-status-warning: var(--color-warning-
|
|
623
|
+
--text-status-warning: var(--color-warning-400);
|
|
618
624
|
}
|
|
619
625
|
|
|
620
626
|
@media (prefers-color-scheme: dark) {
|
|
@@ -622,12 +628,14 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
622
628
|
--background-white: var(--color-neutral-1000);
|
|
623
629
|
--background-block-primary: var(--color-neutral-950);
|
|
624
630
|
--background-block-secondary: var(--color-neutral-800);
|
|
625
|
-
--background-overlay:
|
|
626
|
-
--background-page:
|
|
631
|
+
--background-overlay-image: rgb(5,5,5,0.7);
|
|
632
|
+
--background-overlay-page: rgb(0,0,0,0.8);
|
|
633
|
+
--background-overlay-transparent: rgb(1,4,9,0);
|
|
634
|
+
--background-page: var(--color-primary-1050);
|
|
627
635
|
--background-neutral-disabled: var(--color-neutral-900);
|
|
628
636
|
--background-neutral-primary: var(--color-neutral-900);
|
|
629
637
|
--background-neutral-secondary: var(--color-neutral-1000);
|
|
630
|
-
--background-neutral-subtle: var(--color-neutral-
|
|
638
|
+
--background-neutral-subtle: var(--color-neutral-900);
|
|
631
639
|
--background-neutral-subtlest: var(--color-neutral-950);
|
|
632
640
|
--background-neutral-white: var(--color-neutral-1000);
|
|
633
641
|
--background-primary: var(--color-primary-600);
|
|
@@ -654,57 +662,57 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
654
662
|
--border-success: var(--color-success-600);
|
|
655
663
|
--border-warning: var(--color-warning-600);
|
|
656
664
|
--border-disabled: var(--color-neutral-900);
|
|
657
|
-
--button-outlined-error: var(--color-error-
|
|
658
|
-
--button-outlined-error-active: var(--color-error-
|
|
659
|
-
--button-outlined-error-hover: var(--color-error-
|
|
660
|
-
--button-outlined-neutral: var(--color-neutral-
|
|
665
|
+
--button-outlined-error: var(--color-error-800);
|
|
666
|
+
--button-outlined-error-active: var(--color-error-900);
|
|
667
|
+
--button-outlined-error-hover: var(--color-error-950);
|
|
668
|
+
--button-outlined-neutral: var(--color-neutral-800);
|
|
661
669
|
--button-outlined-neutral-active: var(--color-neutral-900);
|
|
662
670
|
--button-outlined-neutral-hover: var(--color-neutral-950);
|
|
663
|
-
--button-outlined-primary: var(--color-primary-
|
|
671
|
+
--button-outlined-primary: var(--color-primary-800);
|
|
664
672
|
--button-outlined-primary-active: var(--color-primary-900);
|
|
665
673
|
--button-outlined-primary-hover: var(--color-primary-950);
|
|
666
|
-
--button-outlined-secondary: var(--color-secondary-
|
|
674
|
+
--button-outlined-secondary: var(--color-secondary-800);
|
|
667
675
|
--button-outlined-secondary-active: var(--color-secondary-900);
|
|
668
676
|
--button-outlined-secondary-hover: var(--color-secondary-950);
|
|
669
|
-
--button-outlined-success: var(--color-success-
|
|
670
|
-
--button-outlined-success-active: var(--color-success-
|
|
671
|
-
--button-outlined-success-hover: var(--color-success-
|
|
672
|
-
--button-outlined-warning: var(--color-warning-
|
|
673
|
-
--button-outlined-warning-active: var(--color-warning-
|
|
674
|
-
--button-outlined-warning-hover: var(--color-warning-
|
|
677
|
+
--button-outlined-success: var(--color-success-800);
|
|
678
|
+
--button-outlined-success-active: var(--color-success-900);
|
|
679
|
+
--button-outlined-success-hover: var(--color-success-950);
|
|
680
|
+
--button-outlined-warning: var(--color-warning-800);
|
|
681
|
+
--button-outlined-warning-active: var(--color-warning-900);
|
|
682
|
+
--button-outlined-warning-hover: var(--color-warning-950);
|
|
675
683
|
--button-solid-disabled: var(--color-neutral-950);
|
|
676
684
|
--button-solid-error: var(--color-error-600);
|
|
677
|
-
--button-solid-error-active: var(--color-error-
|
|
685
|
+
--button-solid-error-active: var(--color-error-700);
|
|
678
686
|
--button-solid-error-hover: var(--color-error-500);
|
|
679
|
-
--button-solid-neutral: var(--color-neutral-
|
|
680
|
-
--button-solid-neutral-active: var(--color-neutral-
|
|
681
|
-
--button-solid-neutral-hover: var(--color-neutral-
|
|
687
|
+
--button-solid-neutral: var(--color-neutral-600);
|
|
688
|
+
--button-solid-neutral-active: var(--color-neutral-700);
|
|
689
|
+
--button-solid-neutral-hover: var(--color-neutral-500);
|
|
682
690
|
--button-solid-primary: var(--color-primary-600);
|
|
683
|
-
--button-solid-primary-active: var(--color-primary-
|
|
691
|
+
--button-solid-primary-active: var(--color-primary-700);
|
|
684
692
|
--button-solid-primary-hover: var(--color-primary-500);
|
|
685
693
|
--button-solid-secondary: var(--color-secondary-600);
|
|
686
694
|
--button-solid-secondary-active: var(--color-secondary-700);
|
|
687
695
|
--button-solid-secondary-hover: var(--color-secondary-500);
|
|
688
|
-
--button-solid-success: var(--color-success-
|
|
689
|
-
--button-solid-success-active: var(--color-success-
|
|
690
|
-
--button-solid-success-hover: var(--color-success-
|
|
696
|
+
--button-solid-success: var(--color-success-600);
|
|
697
|
+
--button-solid-success-active: var(--color-success-700);
|
|
698
|
+
--button-solid-success-hover: var(--color-success-500);
|
|
691
699
|
--button-solid-warning: var(--color-warning-600);
|
|
692
700
|
--button-solid-warning-active: var(--color-warning-700);
|
|
693
701
|
--button-solid-warning-hover: var(--color-warning-500);
|
|
694
702
|
--icon-default: var(--color-neutral-0);
|
|
695
703
|
--icon-disabled: var(--color-neutral-900);
|
|
696
|
-
--icon-error: var(--color-error-
|
|
704
|
+
--icon-error: var(--color-error-400);
|
|
697
705
|
--icon-neutral: var(--color-neutral-200);
|
|
698
706
|
--icon-secondary: var(--color-secondary-400);
|
|
699
707
|
--icon-success: var(--color-success-400);
|
|
700
708
|
--icon-warning: var(--color-warning-400);
|
|
701
709
|
--icon-on-bold-black: var(--color-neutral-1000);
|
|
702
710
|
--icon-on-bold-white: var(--color-neutral-0);
|
|
703
|
-
--icon-on-subtle: var(--color-primary-
|
|
711
|
+
--icon-on-subtle: var(--color-primary-100);
|
|
704
712
|
--interactive-active: var(--color-primary-600);
|
|
705
713
|
--interactive-disabled: var(--color-neutral-800);
|
|
706
714
|
--interactive-error: var(--color-error-600);
|
|
707
|
-
--interactive-inactive: var(--color-neutral-
|
|
715
|
+
--interactive-inactive: var(--color-neutral-600);
|
|
708
716
|
--interactive-timer-error-solid: var(--color-error-800);
|
|
709
717
|
--interactive-timer-error-subtle: var(--color-error-900);
|
|
710
718
|
--interactive-timer-neutral-solid: var(--color-neutral-600);
|
|
@@ -720,20 +728,20 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
720
728
|
--status-success: var(--color-success-600);
|
|
721
729
|
--status-visited: var(--color-visited-300);
|
|
722
730
|
--status-warning: var(--color-warning-300);
|
|
723
|
-
--text-primary-color: var(--color-primary-
|
|
731
|
+
--text-primary-color: var(--color-primary-100);
|
|
724
732
|
--text-secondary-color: var(--color-secondary-600);
|
|
725
733
|
--text-black-fixed: var(--color-neutral-1000);
|
|
726
734
|
--text-disabled: var(--color-neutral-500);
|
|
727
735
|
--text-placeholder: var(--color-neutral-300);
|
|
728
736
|
--text-primary: var(--color-neutral-0);
|
|
729
737
|
--text-secondary: var(--color-neutral-100);
|
|
730
|
-
--text-
|
|
738
|
+
--text-tertiary: var(--color-neutral-300);
|
|
731
739
|
--text-white: var(--color-neutral-1000);
|
|
732
740
|
--text-white-fixed: var(--color-neutral-0);
|
|
733
741
|
--text-status-error: var(--color-error-400);
|
|
734
742
|
--text-status-info: var(--color-primary-400);
|
|
735
743
|
--text-status-success: var(--color-success-400);
|
|
736
|
-
--text-status-warning: var(--color-warning-
|
|
744
|
+
--text-status-warning: var(--color-warning-400);
|
|
737
745
|
}
|
|
738
746
|
}
|
|
739
747
|
/* Primitive tokens - colors and sizes */
|
|
@@ -755,7 +763,7 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
755
763
|
--font-size-body-xs: 0.75rem;
|
|
756
764
|
--font-size-body-s: 0.875rem;
|
|
757
765
|
--font-size-body-m: 1rem;
|
|
758
|
-
--font-size-
|
|
766
|
+
--font-size-headline-xs: 1rem;
|
|
759
767
|
--font-size-body-l: 1.125rem;
|
|
760
768
|
--font-size-headline-s: 1.125rem;
|
|
761
769
|
--font-size-body-xl: 1.25rem;
|
|
@@ -843,7 +851,7 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
843
851
|
--font-size-body-s: 0.875rem;
|
|
844
852
|
--font-size-body-m: 1rem;
|
|
845
853
|
--font-size-body-l: 1.125rem;
|
|
846
|
-
--font-size-
|
|
854
|
+
--font-size-headline-xs: 1.125rem;
|
|
847
855
|
--font-size-body-xl: 1.25rem;
|
|
848
856
|
--font-size-headline-s: 1.25rem;
|
|
849
857
|
--font-size-headline-m: 1.5rem;
|
|
@@ -930,7 +938,7 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
930
938
|
--font-size-body-s: 0.875rem;
|
|
931
939
|
--font-size-body-m: 1rem;
|
|
932
940
|
--font-size-body-l: 1.125rem;
|
|
933
|
-
--font-size-
|
|
941
|
+
--font-size-headline-xs: 1.125rem;
|
|
934
942
|
--font-size-body-xl: 1.25rem;
|
|
935
943
|
--font-size-headline-s: 1.25rem;
|
|
936
944
|
--font-size-headline-m: 1.5rem;
|
|
@@ -1027,7 +1035,7 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
1027
1035
|
--color-secondary-800: rgb(175, 122, 0);
|
|
1028
1036
|
--color-secondary-900: rgb(74, 52, 3);
|
|
1029
1037
|
--color-secondary-950: rgb(61, 43, 0);
|
|
1030
|
-
--color-secondary-1000: rgb(
|
|
1038
|
+
--color-secondary-1000: rgb(36, 27, 4);
|
|
1031
1039
|
--color-neutral-0: rgb(255, 255, 255);
|
|
1032
1040
|
--color-neutral-50: rgb(246, 246, 246);
|
|
1033
1041
|
--color-neutral-100: rgb(231, 231, 231);
|
|
@@ -1050,9 +1058,10 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
1050
1058
|
--color-error-500: rgb(232, 75, 75);
|
|
1051
1059
|
--color-error-600: rgb(198, 40, 40);
|
|
1052
1060
|
--color-error-700: rgb(179, 34, 34);
|
|
1053
|
-
--color-error-800: rgb(
|
|
1054
|
-
--color-error-900: rgb(
|
|
1055
|
-
--color-error-950: rgb(
|
|
1061
|
+
--color-error-800: rgb(126, 20, 20);
|
|
1062
|
+
--color-error-900: rgb(73, 12, 12);
|
|
1063
|
+
--color-error-950: rgb(48, 6, 6);
|
|
1064
|
+
--color-error-1000: rgb(36, 3, 3);
|
|
1056
1065
|
--color-success-50: rgb(243, 250, 243);
|
|
1057
1066
|
--color-success-100: rgb(226, 246, 227);
|
|
1058
1067
|
--color-success-200: rgb(199, 235, 201);
|
|
@@ -1064,6 +1073,7 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
1064
1073
|
--color-success-800: rgb(38, 85, 41);
|
|
1065
1074
|
--color-success-900: rgb(32, 71, 36);
|
|
1066
1075
|
--color-success-950: rgb(13, 38, 15);
|
|
1076
|
+
--color-success-1000: rgb(6, 27, 8);
|
|
1067
1077
|
--color-warning-50: rgb(254, 251, 232);
|
|
1068
1078
|
--color-warning-100: rgb(254, 247, 195);
|
|
1069
1079
|
--color-warning-200: rgb(254, 237, 138);
|
|
@@ -1117,6 +1127,8 @@ gov-tile__link::before, .gov-tile__link::before {
|
|
|
1117
1127
|
opacity: 1;
|
|
1118
1128
|
}
|
|
1119
1129
|
}
|
|
1130
|
+
/* Primitive tokens - colors and sizes */
|
|
1131
|
+
/* Primitives - colors */
|
|
1120
1132
|
html {
|
|
1121
1133
|
font-size: 16px;
|
|
1122
1134
|
box-sizing: border-box;
|
|
@@ -1135,7 +1147,7 @@ body {
|
|
|
1135
1147
|
min-width: var(--layout-min-width, 20rem);
|
|
1136
1148
|
margin: 0;
|
|
1137
1149
|
padding: 0;
|
|
1138
|
-
color: var(--text-
|
|
1150
|
+
color: var(--text-primary);
|
|
1139
1151
|
font-family: var(--font-family-primary, var(--font-family));
|
|
1140
1152
|
background-color: var(--background-page);
|
|
1141
1153
|
}
|
|
@@ -1147,6 +1159,11 @@ body.body-fixed {
|
|
|
1147
1159
|
margin-top: 0;
|
|
1148
1160
|
}
|
|
1149
1161
|
|
|
1162
|
+
img {
|
|
1163
|
+
max-width: 100%;
|
|
1164
|
+
height: auto;
|
|
1165
|
+
}
|
|
1166
|
+
|
|
1150
1167
|
/* General typography */
|
|
1151
1168
|
* {
|
|
1152
1169
|
margin: 0;
|
|
@@ -1171,19 +1188,19 @@ h3, .h3 {
|
|
|
1171
1188
|
}
|
|
1172
1189
|
|
|
1173
1190
|
h4, .h4 {
|
|
1174
|
-
font-size: var(--font-size-
|
|
1191
|
+
font-size: var(--font-size-headline-s);
|
|
1175
1192
|
line-height: 150%;
|
|
1176
1193
|
font-weight: 500;
|
|
1177
1194
|
}
|
|
1178
1195
|
|
|
1179
1196
|
h5, .h5 {
|
|
1180
|
-
font-size: var(--font-size-
|
|
1197
|
+
font-size: var(--font-size-headline-xs);
|
|
1181
1198
|
line-height: 150%;
|
|
1182
1199
|
font-weight: 500;
|
|
1183
1200
|
}
|
|
1184
1201
|
|
|
1185
1202
|
h6, .h6 {
|
|
1186
|
-
font-size: var(--font-size-
|
|
1203
|
+
font-size: var(--font-size-headline-xs);
|
|
1187
1204
|
line-height: 150%;
|
|
1188
1205
|
font-weight: 500;
|
|
1189
1206
|
}
|
|
@@ -1236,7 +1253,6 @@ ol .gov-list__item, .gov-ordered-list li, .gov-ordered-list .gov-list__item {
|
|
|
1236
1253
|
font-size: var(--font-size-body-m);
|
|
1237
1254
|
line-height: 150%;
|
|
1238
1255
|
font-weight: 400;
|
|
1239
|
-
color: var(--text-primary);
|
|
1240
1256
|
}
|
|
1241
1257
|
ul li:last-child, ul .gov-list__item:last-child, .gov-list li:last-child, .gov-list .gov-list__item:last-child,
|
|
1242
1258
|
ol li:last-child,
|
|
@@ -1264,6 +1280,14 @@ ol--plain, .gov-ordered-list--plain {
|
|
|
1264
1280
|
list-style: none;
|
|
1265
1281
|
padding-left: 0;
|
|
1266
1282
|
}
|
|
1283
|
+
ul--plain > li,
|
|
1284
|
+
ul--plain > .gov-list__item, .gov-list--plain > li,
|
|
1285
|
+
.gov-list--plain > .gov-list__item,
|
|
1286
|
+
ol--plain > li,
|
|
1287
|
+
ol--plain > .gov-list__item, .gov-ordered-list--plain > li,
|
|
1288
|
+
.gov-ordered-list--plain > .gov-list__item {
|
|
1289
|
+
margin-bottom: 0;
|
|
1290
|
+
}
|
|
1267
1291
|
ul--plain > li::before,
|
|
1268
1292
|
ul--plain > .gov-list__item::before, .gov-list--plain > li::before,
|
|
1269
1293
|
.gov-list--plain > .gov-list__item::before,
|
|
@@ -1310,628 +1334,172 @@ ul ul > li:before ul > li:before, .gov-list ul > li:before ul > li:before {
|
|
|
1310
1334
|
content: "■";
|
|
1311
1335
|
}
|
|
1312
1336
|
|
|
1313
|
-
.gov-bg--
|
|
1314
|
-
background-color: var(--
|
|
1315
|
-
}
|
|
1316
|
-
|
|
1317
|
-
.gov-bg--primary-100 {
|
|
1318
|
-
background-color: var(--color-primary-100);
|
|
1319
|
-
}
|
|
1320
|
-
|
|
1321
|
-
.gov-bg--primary-200 {
|
|
1322
|
-
background-color: var(--color-primary-200);
|
|
1323
|
-
}
|
|
1324
|
-
|
|
1325
|
-
.gov-bg--primary-300 {
|
|
1326
|
-
background-color: var(--color-primary-300);
|
|
1327
|
-
}
|
|
1328
|
-
|
|
1329
|
-
.gov-bg--primary-400 {
|
|
1330
|
-
background-color: var(--color-primary-400);
|
|
1331
|
-
}
|
|
1332
|
-
|
|
1333
|
-
.gov-bg--primary-500 {
|
|
1334
|
-
background-color: var(--color-primary-500);
|
|
1335
|
-
}
|
|
1336
|
-
|
|
1337
|
-
.gov-bg--primary-600 {
|
|
1338
|
-
background-color: var(--color-primary-600);
|
|
1339
|
-
}
|
|
1340
|
-
|
|
1341
|
-
.gov-bg--primary-700 {
|
|
1342
|
-
background-color: var(--color-primary-700);
|
|
1343
|
-
}
|
|
1344
|
-
|
|
1345
|
-
.gov-bg--primary-800 {
|
|
1346
|
-
background-color: var(--color-primary-800);
|
|
1347
|
-
}
|
|
1348
|
-
|
|
1349
|
-
.gov-bg--primary-900 {
|
|
1350
|
-
background-color: var(--color-primary-900);
|
|
1351
|
-
}
|
|
1352
|
-
|
|
1353
|
-
.gov-bg--primary-950 {
|
|
1354
|
-
background-color: var(--color-primary-950);
|
|
1355
|
-
}
|
|
1356
|
-
|
|
1357
|
-
.gov-bg--primary-1000 {
|
|
1358
|
-
background-color: var(--color-primary-1000);
|
|
1359
|
-
}
|
|
1360
|
-
|
|
1361
|
-
.gov-bg--primary-1050 {
|
|
1362
|
-
background-color: var(--color-primary-1050);
|
|
1363
|
-
}
|
|
1364
|
-
|
|
1365
|
-
.gov-bg--secondary-50 {
|
|
1366
|
-
background-color: var(--color-secondary-50);
|
|
1367
|
-
}
|
|
1368
|
-
|
|
1369
|
-
.gov-bg--secondary-100 {
|
|
1370
|
-
background-color: var(--color-secondary-100);
|
|
1371
|
-
}
|
|
1372
|
-
|
|
1373
|
-
.gov-bg--secondary-200 {
|
|
1374
|
-
background-color: var(--color-secondary-200);
|
|
1375
|
-
}
|
|
1376
|
-
|
|
1377
|
-
.gov-bg--secondary-300 {
|
|
1378
|
-
background-color: var(--color-secondary-300);
|
|
1379
|
-
}
|
|
1380
|
-
|
|
1381
|
-
.gov-bg--secondary-400 {
|
|
1382
|
-
background-color: var(--color-secondary-400);
|
|
1383
|
-
}
|
|
1384
|
-
|
|
1385
|
-
.gov-bg--secondary-500 {
|
|
1386
|
-
background-color: var(--color-secondary-500);
|
|
1387
|
-
}
|
|
1388
|
-
|
|
1389
|
-
.gov-bg--secondary-600 {
|
|
1390
|
-
background-color: var(--color-secondary-600);
|
|
1391
|
-
}
|
|
1392
|
-
|
|
1393
|
-
.gov-bg--secondary-700 {
|
|
1394
|
-
background-color: var(--color-secondary-700);
|
|
1395
|
-
}
|
|
1396
|
-
|
|
1397
|
-
.gov-bg--secondary-800 {
|
|
1398
|
-
background-color: var(--color-secondary-800);
|
|
1399
|
-
}
|
|
1400
|
-
|
|
1401
|
-
.gov-bg--secondary-900 {
|
|
1402
|
-
background-color: var(--color-secondary-900);
|
|
1403
|
-
}
|
|
1404
|
-
|
|
1405
|
-
.gov-bg--secondary-950 {
|
|
1406
|
-
background-color: var(--color-secondary-950);
|
|
1407
|
-
}
|
|
1408
|
-
|
|
1409
|
-
.gov-bg--secondary-1000 {
|
|
1410
|
-
background-color: var(--color-secondary-1000);
|
|
1411
|
-
}
|
|
1412
|
-
|
|
1413
|
-
.gov-bg--neutral-0 {
|
|
1414
|
-
background-color: var(--color-neutral-0);
|
|
1415
|
-
}
|
|
1416
|
-
|
|
1417
|
-
.gov-bg--neutral-50 {
|
|
1418
|
-
background-color: var(--color-neutral-50);
|
|
1419
|
-
}
|
|
1420
|
-
|
|
1421
|
-
.gov-bg--neutral-100 {
|
|
1422
|
-
background-color: var(--color-neutral-100);
|
|
1423
|
-
}
|
|
1424
|
-
|
|
1425
|
-
.gov-bg--neutral-200 {
|
|
1426
|
-
background-color: var(--color-neutral-200);
|
|
1337
|
+
.gov-bg--background-white {
|
|
1338
|
+
background-color: var(--background-white);
|
|
1427
1339
|
}
|
|
1428
1340
|
|
|
1429
|
-
.gov-bg--
|
|
1430
|
-
background-color: var(--
|
|
1431
|
-
}
|
|
1432
|
-
|
|
1433
|
-
.gov-bg--neutral-400 {
|
|
1434
|
-
background-color: var(--color-neutral-400);
|
|
1435
|
-
}
|
|
1436
|
-
|
|
1437
|
-
.gov-bg--neutral-500 {
|
|
1438
|
-
background-color: var(--color-neutral-500);
|
|
1439
|
-
}
|
|
1440
|
-
|
|
1441
|
-
.gov-bg--neutral-600 {
|
|
1442
|
-
background-color: var(--color-neutral-600);
|
|
1443
|
-
}
|
|
1444
|
-
|
|
1445
|
-
.gov-bg--neutral-700 {
|
|
1446
|
-
background-color: var(--color-neutral-700);
|
|
1447
|
-
}
|
|
1448
|
-
|
|
1449
|
-
.gov-bg--neutral-800 {
|
|
1450
|
-
background-color: var(--color-neutral-800);
|
|
1451
|
-
}
|
|
1452
|
-
|
|
1453
|
-
.gov-bg--neutral-900 {
|
|
1454
|
-
background-color: var(--color-neutral-900);
|
|
1455
|
-
}
|
|
1456
|
-
|
|
1457
|
-
.gov-bg--neutral-950 {
|
|
1458
|
-
background-color: var(--color-neutral-950);
|
|
1459
|
-
}
|
|
1460
|
-
|
|
1461
|
-
.gov-bg--neutral-1000 {
|
|
1462
|
-
background-color: var(--color-neutral-1000);
|
|
1463
|
-
}
|
|
1464
|
-
|
|
1465
|
-
.gov-bg--neutral-transparent {
|
|
1466
|
-
background-color: var(--color-neutral-transparent);
|
|
1467
|
-
}
|
|
1468
|
-
|
|
1469
|
-
.gov-bg--error-50 {
|
|
1470
|
-
background-color: var(--color-error-50);
|
|
1471
|
-
}
|
|
1472
|
-
|
|
1473
|
-
.gov-bg--error-100 {
|
|
1474
|
-
background-color: var(--color-error-100);
|
|
1475
|
-
}
|
|
1476
|
-
|
|
1477
|
-
.gov-bg--error-200 {
|
|
1478
|
-
background-color: var(--color-error-200);
|
|
1479
|
-
}
|
|
1480
|
-
|
|
1481
|
-
.gov-bg--error-300 {
|
|
1482
|
-
background-color: var(--color-error-300);
|
|
1483
|
-
}
|
|
1484
|
-
|
|
1485
|
-
.gov-bg--error-400 {
|
|
1486
|
-
background-color: var(--color-error-400);
|
|
1487
|
-
}
|
|
1488
|
-
|
|
1489
|
-
.gov-bg--error-500 {
|
|
1490
|
-
background-color: var(--color-error-500);
|
|
1491
|
-
}
|
|
1492
|
-
|
|
1493
|
-
.gov-bg--error-600 {
|
|
1494
|
-
background-color: var(--color-error-600);
|
|
1495
|
-
}
|
|
1496
|
-
|
|
1497
|
-
.gov-bg--error-700 {
|
|
1498
|
-
background-color: var(--color-error-700);
|
|
1499
|
-
}
|
|
1500
|
-
|
|
1501
|
-
.gov-bg--error-800 {
|
|
1502
|
-
background-color: var(--color-error-800);
|
|
1503
|
-
}
|
|
1504
|
-
|
|
1505
|
-
.gov-bg--error-900 {
|
|
1506
|
-
background-color: var(--color-error-900);
|
|
1507
|
-
}
|
|
1508
|
-
|
|
1509
|
-
.gov-bg--error-950 {
|
|
1510
|
-
background-color: var(--color-error-950);
|
|
1511
|
-
}
|
|
1512
|
-
|
|
1513
|
-
.gov-bg--success-50 {
|
|
1514
|
-
background-color: var(--color-success-50);
|
|
1515
|
-
}
|
|
1516
|
-
|
|
1517
|
-
.gov-bg--success-100 {
|
|
1518
|
-
background-color: var(--color-success-100);
|
|
1519
|
-
}
|
|
1520
|
-
|
|
1521
|
-
.gov-bg--success-200 {
|
|
1522
|
-
background-color: var(--color-success-200);
|
|
1523
|
-
}
|
|
1524
|
-
|
|
1525
|
-
.gov-bg--success-300 {
|
|
1526
|
-
background-color: var(--color-success-300);
|
|
1527
|
-
}
|
|
1528
|
-
|
|
1529
|
-
.gov-bg--success-400 {
|
|
1530
|
-
background-color: var(--color-success-400);
|
|
1531
|
-
}
|
|
1532
|
-
|
|
1533
|
-
.gov-bg--success-500 {
|
|
1534
|
-
background-color: var(--color-success-500);
|
|
1535
|
-
}
|
|
1536
|
-
|
|
1537
|
-
.gov-bg--success-600 {
|
|
1538
|
-
background-color: var(--color-success-600);
|
|
1539
|
-
}
|
|
1540
|
-
|
|
1541
|
-
.gov-bg--success-700 {
|
|
1542
|
-
background-color: var(--color-success-700);
|
|
1543
|
-
}
|
|
1544
|
-
|
|
1545
|
-
.gov-bg--success-800 {
|
|
1546
|
-
background-color: var(--color-success-800);
|
|
1547
|
-
}
|
|
1548
|
-
|
|
1549
|
-
.gov-bg--success-900 {
|
|
1550
|
-
background-color: var(--color-success-900);
|
|
1551
|
-
}
|
|
1552
|
-
|
|
1553
|
-
.gov-bg--success-950 {
|
|
1554
|
-
background-color: var(--color-success-950);
|
|
1555
|
-
}
|
|
1556
|
-
|
|
1557
|
-
.gov-bg--warning-50 {
|
|
1558
|
-
background-color: var(--color-warning-50);
|
|
1559
|
-
}
|
|
1560
|
-
|
|
1561
|
-
.gov-bg--warning-100 {
|
|
1562
|
-
background-color: var(--color-warning-100);
|
|
1563
|
-
}
|
|
1564
|
-
|
|
1565
|
-
.gov-bg--warning-200 {
|
|
1566
|
-
background-color: var(--color-warning-200);
|
|
1567
|
-
}
|
|
1568
|
-
|
|
1569
|
-
.gov-bg--warning-300 {
|
|
1570
|
-
background-color: var(--color-warning-300);
|
|
1571
|
-
}
|
|
1572
|
-
|
|
1573
|
-
.gov-bg--warning-400 {
|
|
1574
|
-
background-color: var(--color-warning-400);
|
|
1575
|
-
}
|
|
1576
|
-
|
|
1577
|
-
.gov-bg--warning-500 {
|
|
1578
|
-
background-color: var(--color-warning-500);
|
|
1579
|
-
}
|
|
1580
|
-
|
|
1581
|
-
.gov-bg--warning-600 {
|
|
1582
|
-
background-color: var(--color-warning-600);
|
|
1583
|
-
}
|
|
1584
|
-
|
|
1585
|
-
.gov-bg--warning-700 {
|
|
1586
|
-
background-color: var(--color-warning-700);
|
|
1587
|
-
}
|
|
1588
|
-
|
|
1589
|
-
.gov-bg--warning-800 {
|
|
1590
|
-
background-color: var(--color-warning-800);
|
|
1591
|
-
}
|
|
1592
|
-
|
|
1593
|
-
.gov-bg--warning-900 {
|
|
1594
|
-
background-color: var(--color-warning-900);
|
|
1595
|
-
}
|
|
1596
|
-
|
|
1597
|
-
.gov-bg--warning-950 {
|
|
1598
|
-
background-color: var(--color-warning-950);
|
|
1599
|
-
}
|
|
1600
|
-
|
|
1601
|
-
.gov-bg--warning-1000 {
|
|
1602
|
-
background-color: var(--color-warning-1000);
|
|
1603
|
-
}
|
|
1604
|
-
|
|
1605
|
-
.gov-bg--focus-300 {
|
|
1606
|
-
background-color: var(--color-focus-300);
|
|
1607
|
-
}
|
|
1608
|
-
|
|
1609
|
-
.gov-bg--focus-600 {
|
|
1610
|
-
background-color: var(--color-focus-600);
|
|
1611
|
-
}
|
|
1612
|
-
|
|
1613
|
-
.gov-bg--visited-300 {
|
|
1614
|
-
background-color: var(--color-visited-300);
|
|
1615
|
-
}
|
|
1616
|
-
|
|
1617
|
-
.gov-bg--visited-600 {
|
|
1618
|
-
background-color: var(--color-visited-600);
|
|
1619
|
-
}
|
|
1620
|
-
|
|
1621
|
-
.gov-bg--visited-700 {
|
|
1622
|
-
background-color: var(--color-visited-700);
|
|
1623
|
-
}
|
|
1624
|
-
|
|
1625
|
-
.gov-color--primary-50 {
|
|
1626
|
-
color: var(--color-primary-50);
|
|
1627
|
-
}
|
|
1628
|
-
|
|
1629
|
-
.gov-color--primary-100 {
|
|
1630
|
-
color: var(--color-primary-100);
|
|
1631
|
-
}
|
|
1632
|
-
|
|
1633
|
-
.gov-color--primary-200 {
|
|
1634
|
-
color: var(--color-primary-200);
|
|
1635
|
-
}
|
|
1636
|
-
|
|
1637
|
-
.gov-color--primary-300 {
|
|
1638
|
-
color: var(--color-primary-300);
|
|
1639
|
-
}
|
|
1640
|
-
|
|
1641
|
-
.gov-color--primary-400 {
|
|
1642
|
-
color: var(--color-primary-400);
|
|
1643
|
-
}
|
|
1644
|
-
|
|
1645
|
-
.gov-color--primary-500 {
|
|
1646
|
-
color: var(--color-primary-500);
|
|
1647
|
-
}
|
|
1648
|
-
|
|
1649
|
-
.gov-color--primary-600 {
|
|
1650
|
-
color: var(--color-primary-600);
|
|
1651
|
-
}
|
|
1652
|
-
|
|
1653
|
-
.gov-color--primary-700 {
|
|
1654
|
-
color: var(--color-primary-700);
|
|
1655
|
-
}
|
|
1656
|
-
|
|
1657
|
-
.gov-color--primary-800 {
|
|
1658
|
-
color: var(--color-primary-800);
|
|
1659
|
-
}
|
|
1660
|
-
|
|
1661
|
-
.gov-color--primary-900 {
|
|
1662
|
-
color: var(--color-primary-900);
|
|
1663
|
-
}
|
|
1664
|
-
|
|
1665
|
-
.gov-color--primary-950 {
|
|
1666
|
-
color: var(--color-primary-950);
|
|
1667
|
-
}
|
|
1668
|
-
|
|
1669
|
-
.gov-color--primary-1000 {
|
|
1670
|
-
color: var(--color-primary-1000);
|
|
1671
|
-
}
|
|
1672
|
-
|
|
1673
|
-
.gov-color--primary-1050 {
|
|
1674
|
-
color: var(--color-primary-1050);
|
|
1675
|
-
}
|
|
1676
|
-
|
|
1677
|
-
.gov-color--secondary-50 {
|
|
1678
|
-
color: var(--color-secondary-50);
|
|
1679
|
-
}
|
|
1680
|
-
|
|
1681
|
-
.gov-color--secondary-100 {
|
|
1682
|
-
color: var(--color-secondary-100);
|
|
1683
|
-
}
|
|
1684
|
-
|
|
1685
|
-
.gov-color--secondary-200 {
|
|
1686
|
-
color: var(--color-secondary-200);
|
|
1687
|
-
}
|
|
1688
|
-
|
|
1689
|
-
.gov-color--secondary-300 {
|
|
1690
|
-
color: var(--color-secondary-300);
|
|
1691
|
-
}
|
|
1692
|
-
|
|
1693
|
-
.gov-color--secondary-400 {
|
|
1694
|
-
color: var(--color-secondary-400);
|
|
1695
|
-
}
|
|
1696
|
-
|
|
1697
|
-
.gov-color--secondary-500 {
|
|
1698
|
-
color: var(--color-secondary-500);
|
|
1699
|
-
}
|
|
1700
|
-
|
|
1701
|
-
.gov-color--secondary-600 {
|
|
1702
|
-
color: var(--color-secondary-600);
|
|
1703
|
-
}
|
|
1704
|
-
|
|
1705
|
-
.gov-color--secondary-700 {
|
|
1706
|
-
color: var(--color-secondary-700);
|
|
1707
|
-
}
|
|
1708
|
-
|
|
1709
|
-
.gov-color--secondary-800 {
|
|
1710
|
-
color: var(--color-secondary-800);
|
|
1711
|
-
}
|
|
1712
|
-
|
|
1713
|
-
.gov-color--secondary-900 {
|
|
1714
|
-
color: var(--color-secondary-900);
|
|
1715
|
-
}
|
|
1716
|
-
|
|
1717
|
-
.gov-color--secondary-950 {
|
|
1718
|
-
color: var(--color-secondary-950);
|
|
1719
|
-
}
|
|
1720
|
-
|
|
1721
|
-
.gov-color--secondary-1000 {
|
|
1722
|
-
color: var(--color-secondary-1000);
|
|
1723
|
-
}
|
|
1724
|
-
|
|
1725
|
-
.gov-color--neutral-0 {
|
|
1726
|
-
color: var(--color-neutral-0);
|
|
1727
|
-
}
|
|
1728
|
-
|
|
1729
|
-
.gov-color--neutral-50 {
|
|
1730
|
-
color: var(--color-neutral-50);
|
|
1731
|
-
}
|
|
1732
|
-
|
|
1733
|
-
.gov-color--neutral-100 {
|
|
1734
|
-
color: var(--color-neutral-100);
|
|
1735
|
-
}
|
|
1736
|
-
|
|
1737
|
-
.gov-color--neutral-200 {
|
|
1738
|
-
color: var(--color-neutral-200);
|
|
1739
|
-
}
|
|
1740
|
-
|
|
1741
|
-
.gov-color--neutral-300 {
|
|
1742
|
-
color: var(--color-neutral-300);
|
|
1743
|
-
}
|
|
1744
|
-
|
|
1745
|
-
.gov-color--neutral-400 {
|
|
1746
|
-
color: var(--color-neutral-400);
|
|
1747
|
-
}
|
|
1748
|
-
|
|
1749
|
-
.gov-color--neutral-500 {
|
|
1750
|
-
color: var(--color-neutral-500);
|
|
1751
|
-
}
|
|
1752
|
-
|
|
1753
|
-
.gov-color--neutral-600 {
|
|
1754
|
-
color: var(--color-neutral-600);
|
|
1755
|
-
}
|
|
1756
|
-
|
|
1757
|
-
.gov-color--neutral-700 {
|
|
1758
|
-
color: var(--color-neutral-700);
|
|
1759
|
-
}
|
|
1760
|
-
|
|
1761
|
-
.gov-color--neutral-800 {
|
|
1762
|
-
color: var(--color-neutral-800);
|
|
1763
|
-
}
|
|
1764
|
-
|
|
1765
|
-
.gov-color--neutral-900 {
|
|
1766
|
-
color: var(--color-neutral-900);
|
|
1767
|
-
}
|
|
1768
|
-
|
|
1769
|
-
.gov-color--neutral-950 {
|
|
1770
|
-
color: var(--color-neutral-950);
|
|
1771
|
-
}
|
|
1772
|
-
|
|
1773
|
-
.gov-color--neutral-1000 {
|
|
1774
|
-
color: var(--color-neutral-1000);
|
|
1341
|
+
.gov-bg--background-block-primary {
|
|
1342
|
+
background-color: var(--background-block-primary);
|
|
1775
1343
|
}
|
|
1776
1344
|
|
|
1777
|
-
.gov-
|
|
1778
|
-
color: var(--
|
|
1345
|
+
.gov-bg--background-block-secondary {
|
|
1346
|
+
background-color: var(--background-block-secondary);
|
|
1779
1347
|
}
|
|
1780
1348
|
|
|
1781
|
-
.gov-
|
|
1782
|
-
color: var(--
|
|
1349
|
+
.gov-bg--background-overlay-image {
|
|
1350
|
+
background-color: var(--background-overlay-image);
|
|
1783
1351
|
}
|
|
1784
1352
|
|
|
1785
|
-
.gov-
|
|
1786
|
-
color: var(--
|
|
1353
|
+
.gov-bg--background-overlay-page {
|
|
1354
|
+
background-color: var(--background-overlay-page);
|
|
1787
1355
|
}
|
|
1788
1356
|
|
|
1789
|
-
.gov-
|
|
1790
|
-
color: var(--
|
|
1357
|
+
.gov-bg--background-overlay-transparent {
|
|
1358
|
+
background-color: var(--background-overlay-transparent);
|
|
1791
1359
|
}
|
|
1792
1360
|
|
|
1793
|
-
.gov-
|
|
1794
|
-
color: var(--
|
|
1361
|
+
.gov-bg--background-page {
|
|
1362
|
+
background-color: var(--background-page);
|
|
1795
1363
|
}
|
|
1796
1364
|
|
|
1797
|
-
.gov-
|
|
1798
|
-
color: var(--
|
|
1365
|
+
.gov-bg--background-neutral-disabled {
|
|
1366
|
+
background-color: var(--background-neutral-disabled);
|
|
1799
1367
|
}
|
|
1800
1368
|
|
|
1801
|
-
.gov-
|
|
1802
|
-
color: var(--
|
|
1369
|
+
.gov-bg--background-neutral-primary {
|
|
1370
|
+
background-color: var(--background-neutral-primary);
|
|
1803
1371
|
}
|
|
1804
1372
|
|
|
1805
|
-
.gov-
|
|
1806
|
-
color: var(--
|
|
1373
|
+
.gov-bg--background-neutral-secondary {
|
|
1374
|
+
background-color: var(--background-neutral-secondary);
|
|
1807
1375
|
}
|
|
1808
1376
|
|
|
1809
|
-
.gov-
|
|
1810
|
-
color: var(--
|
|
1377
|
+
.gov-bg--background-neutral-subtle {
|
|
1378
|
+
background-color: var(--background-neutral-subtle);
|
|
1811
1379
|
}
|
|
1812
1380
|
|
|
1813
|
-
.gov-
|
|
1814
|
-
color: var(--
|
|
1381
|
+
.gov-bg--background-neutral-subtlest {
|
|
1382
|
+
background-color: var(--background-neutral-subtlest);
|
|
1815
1383
|
}
|
|
1816
1384
|
|
|
1817
|
-
.gov-
|
|
1818
|
-
color: var(--
|
|
1385
|
+
.gov-bg--background-neutral-white {
|
|
1386
|
+
background-color: var(--background-neutral-white);
|
|
1819
1387
|
}
|
|
1820
1388
|
|
|
1821
|
-
.gov-
|
|
1822
|
-
color: var(--
|
|
1389
|
+
.gov-bg--background-primary {
|
|
1390
|
+
background-color: var(--background-primary);
|
|
1823
1391
|
}
|
|
1824
1392
|
|
|
1825
|
-
.gov-
|
|
1826
|
-
color: var(--
|
|
1393
|
+
.gov-bg--background-primary-subtle {
|
|
1394
|
+
background-color: var(--background-primary-subtle);
|
|
1827
1395
|
}
|
|
1828
1396
|
|
|
1829
|
-
.gov-
|
|
1830
|
-
color: var(--
|
|
1397
|
+
.gov-bg--background-primary-subtlest {
|
|
1398
|
+
background-color: var(--background-primary-subtlest);
|
|
1831
1399
|
}
|
|
1832
1400
|
|
|
1833
|
-
.gov-
|
|
1834
|
-
color: var(--
|
|
1401
|
+
.gov-bg--background-secondary {
|
|
1402
|
+
background-color: var(--background-secondary);
|
|
1835
1403
|
}
|
|
1836
1404
|
|
|
1837
|
-
.gov-
|
|
1838
|
-
color: var(--
|
|
1405
|
+
.gov-bg--background-secondary-subtle {
|
|
1406
|
+
background-color: var(--background-secondary-subtle);
|
|
1839
1407
|
}
|
|
1840
1408
|
|
|
1841
|
-
.gov-
|
|
1842
|
-
color: var(--
|
|
1409
|
+
.gov-bg--background-secondary-subtlest {
|
|
1410
|
+
background-color: var(--background-secondary-subtlest);
|
|
1843
1411
|
}
|
|
1844
1412
|
|
|
1845
|
-
.gov-
|
|
1846
|
-
color: var(--
|
|
1413
|
+
.gov-bg--background-status-error {
|
|
1414
|
+
background-color: var(--background-status-error);
|
|
1847
1415
|
}
|
|
1848
1416
|
|
|
1849
|
-
.gov-
|
|
1850
|
-
color: var(--
|
|
1417
|
+
.gov-bg--background-status-error-subtle {
|
|
1418
|
+
background-color: var(--background-status-error-subtle);
|
|
1851
1419
|
}
|
|
1852
1420
|
|
|
1853
|
-
.gov-
|
|
1854
|
-
color: var(--
|
|
1421
|
+
.gov-bg--background-status-error-subtlest {
|
|
1422
|
+
background-color: var(--background-status-error-subtlest);
|
|
1855
1423
|
}
|
|
1856
1424
|
|
|
1857
|
-
.gov-
|
|
1858
|
-
color: var(--
|
|
1425
|
+
.gov-bg--background-status-success {
|
|
1426
|
+
background-color: var(--background-status-success);
|
|
1859
1427
|
}
|
|
1860
1428
|
|
|
1861
|
-
.gov-
|
|
1862
|
-
color: var(--
|
|
1429
|
+
.gov-bg--background-status-success-subtle {
|
|
1430
|
+
background-color: var(--background-status-success-subtle);
|
|
1863
1431
|
}
|
|
1864
1432
|
|
|
1865
|
-
.gov-
|
|
1866
|
-
color: var(--
|
|
1433
|
+
.gov-bg--background-status-success-subtlest {
|
|
1434
|
+
background-color: var(--background-status-success-subtlest);
|
|
1867
1435
|
}
|
|
1868
1436
|
|
|
1869
|
-
.gov-
|
|
1870
|
-
color: var(--
|
|
1437
|
+
.gov-bg--background-status-warning {
|
|
1438
|
+
background-color: var(--background-status-warning);
|
|
1871
1439
|
}
|
|
1872
1440
|
|
|
1873
|
-
.gov-
|
|
1874
|
-
color: var(--
|
|
1441
|
+
.gov-bg--background-status-warning-subtle {
|
|
1442
|
+
background-color: var(--background-status-warning-subtle);
|
|
1875
1443
|
}
|
|
1876
1444
|
|
|
1877
|
-
.gov-
|
|
1878
|
-
color: var(--
|
|
1445
|
+
.gov-bg--background-status-warning-subtlest {
|
|
1446
|
+
background-color: var(--background-status-warning-subtlest);
|
|
1879
1447
|
}
|
|
1880
1448
|
|
|
1881
|
-
.gov-color--
|
|
1882
|
-
color: var(--
|
|
1449
|
+
.gov-color--text-primary-color {
|
|
1450
|
+
color: var(--text-primary-color);
|
|
1883
1451
|
}
|
|
1884
1452
|
|
|
1885
|
-
.gov-color--
|
|
1886
|
-
color: var(--
|
|
1453
|
+
.gov-color--text-secondary-color {
|
|
1454
|
+
color: var(--text-secondary-color);
|
|
1887
1455
|
}
|
|
1888
1456
|
|
|
1889
|
-
.gov-color--
|
|
1890
|
-
color: var(--
|
|
1457
|
+
.gov-color--text-black-fixed {
|
|
1458
|
+
color: var(--text-black-fixed);
|
|
1891
1459
|
}
|
|
1892
1460
|
|
|
1893
|
-
.gov-color--
|
|
1894
|
-
color: var(--
|
|
1461
|
+
.gov-color--text-disabled {
|
|
1462
|
+
color: var(--text-disabled);
|
|
1895
1463
|
}
|
|
1896
1464
|
|
|
1897
|
-
.gov-color--
|
|
1898
|
-
color: var(--
|
|
1465
|
+
.gov-color--text-placeholder {
|
|
1466
|
+
color: var(--text-placeholder);
|
|
1899
1467
|
}
|
|
1900
1468
|
|
|
1901
|
-
.gov-color--
|
|
1902
|
-
color: var(--
|
|
1469
|
+
.gov-color--text-primary {
|
|
1470
|
+
color: var(--text-primary);
|
|
1903
1471
|
}
|
|
1904
1472
|
|
|
1905
|
-
.gov-color--
|
|
1906
|
-
color: var(--
|
|
1473
|
+
.gov-color--text-secondary {
|
|
1474
|
+
color: var(--text-secondary);
|
|
1907
1475
|
}
|
|
1908
1476
|
|
|
1909
|
-
.gov-color--
|
|
1910
|
-
color: var(--
|
|
1477
|
+
.gov-color--text-tertiary {
|
|
1478
|
+
color: var(--text-tertiary);
|
|
1911
1479
|
}
|
|
1912
1480
|
|
|
1913
|
-
.gov-color--
|
|
1914
|
-
color: var(--
|
|
1481
|
+
.gov-color--text-white {
|
|
1482
|
+
color: var(--text-white);
|
|
1915
1483
|
}
|
|
1916
1484
|
|
|
1917
|
-
.gov-color--
|
|
1918
|
-
color: var(--
|
|
1485
|
+
.gov-color--text-white-fixed {
|
|
1486
|
+
color: var(--text-white-fixed);
|
|
1919
1487
|
}
|
|
1920
1488
|
|
|
1921
|
-
.gov-color--
|
|
1922
|
-
color: var(--
|
|
1489
|
+
.gov-color--text-status-error {
|
|
1490
|
+
color: var(--text-status-error);
|
|
1923
1491
|
}
|
|
1924
1492
|
|
|
1925
|
-
.gov-color--
|
|
1926
|
-
color: var(--
|
|
1493
|
+
.gov-color--text-status-info {
|
|
1494
|
+
color: var(--text-status-info);
|
|
1927
1495
|
}
|
|
1928
1496
|
|
|
1929
|
-
.gov-color--
|
|
1930
|
-
color: var(--
|
|
1497
|
+
.gov-color--text-status-success {
|
|
1498
|
+
color: var(--text-status-success);
|
|
1931
1499
|
}
|
|
1932
1500
|
|
|
1933
|
-
.gov-color--
|
|
1934
|
-
color: var(--
|
|
1501
|
+
.gov-color--text-status-warning {
|
|
1502
|
+
color: var(--text-status-warning);
|
|
1935
1503
|
}
|
|
1936
1504
|
|
|
1937
1505
|
.gov-text--body-xs {
|
|
@@ -1995,13 +1563,13 @@ ul ul > li:before ul > li:before, .gov-list ul > li:before ul > li:before {
|
|
|
1995
1563
|
}
|
|
1996
1564
|
|
|
1997
1565
|
.gov-text--headline-xs {
|
|
1998
|
-
font-size: var(--font-size-
|
|
1566
|
+
font-size: var(--font-size-headline-xs);
|
|
1999
1567
|
line-height: 150%;
|
|
2000
1568
|
font-weight: 500;
|
|
2001
1569
|
}
|
|
2002
1570
|
|
|
2003
1571
|
.gov-text--headline-s {
|
|
2004
|
-
font-size: var(--font-size-
|
|
1572
|
+
font-size: var(--font-size-headline-s);
|
|
2005
1573
|
line-height: 150%;
|
|
2006
1574
|
font-weight: 500;
|
|
2007
1575
|
}
|
|
@@ -2025,7 +1593,7 @@ ul ul > li:before ul > li:before, .gov-list ul > li:before ul > li:before {
|
|
|
2025
1593
|
}
|
|
2026
1594
|
|
|
2027
1595
|
.gov-text--display-s {
|
|
2028
|
-
font-size: var(--font-size-
|
|
1596
|
+
font-size: var(--font-size-display-s);
|
|
2029
1597
|
line-height: 130%;
|
|
2030
1598
|
font-weight: 500;
|
|
2031
1599
|
}
|
|
@@ -2074,20 +1642,6 @@ ul ul > li:before ul > li:before, .gov-list ul > li:before ul > li:before {
|
|
|
2074
1642
|
}
|
|
2075
1643
|
}
|
|
2076
1644
|
|
|
2077
|
-
.gov-flex-row {
|
|
2078
|
-
position: relative;
|
|
2079
|
-
display: flex;
|
|
2080
|
-
width: 100%;
|
|
2081
|
-
flex-direction: row;
|
|
2082
|
-
}
|
|
2083
|
-
|
|
2084
|
-
.gov-flex-col {
|
|
2085
|
-
position: relative;
|
|
2086
|
-
display: flex;
|
|
2087
|
-
width: 100%;
|
|
2088
|
-
flex-direction: column;
|
|
2089
|
-
}
|
|
2090
|
-
|
|
2091
1645
|
/* Accordion */
|
|
2092
1646
|
gov-accordion, .gov-accordion {
|
|
2093
1647
|
/* Variables - Accordion */
|
|
@@ -2580,7 +2134,7 @@ gov-blockquote > gov-icon, gov-blockquote > .gov-icon, .gov-blockquote > gov-ico
|
|
|
2580
2134
|
width: var(--icon-size-3xl);
|
|
2581
2135
|
height: var(--icon-size-3xl);
|
|
2582
2136
|
}
|
|
2583
|
-
gov-blockquote p, .gov-blockquote p {
|
|
2137
|
+
gov-blockquote blockquote, gov-blockquote p, .gov-blockquote blockquote, .gov-blockquote p {
|
|
2584
2138
|
font-size: var(--font-size-body-l);
|
|
2585
2139
|
line-height: 150%;
|
|
2586
2140
|
font-weight: 400;
|
|
@@ -2609,7 +2163,7 @@ gov-blockquote *[slot=image] ~ *[slot=author], .gov-blockquote *[slot=image] ~ *
|
|
|
2609
2163
|
gov-blockquote[type=primary], .gov-blockquote[type=primary] {
|
|
2610
2164
|
background-color: var(--background, var(--background-primary));
|
|
2611
2165
|
}
|
|
2612
|
-
gov-blockquote[type=primary] p, .gov-blockquote[type=primary] p {
|
|
2166
|
+
gov-blockquote[type=primary] blockquote, gov-blockquote[type=primary] p, .gov-blockquote[type=primary] blockquote, .gov-blockquote[type=primary] p {
|
|
2613
2167
|
color: var(--color, var(--text-white-fixed));
|
|
2614
2168
|
}
|
|
2615
2169
|
gov-blockquote[type=primary] > gov-icon, gov-blockquote[type=primary] > .gov-icon, .gov-blockquote[type=primary] > gov-icon, .gov-blockquote[type=primary] > .gov-icon {
|
|
@@ -2621,7 +2175,7 @@ gov-blockquote[type=primary] *[slot=author], .gov-blockquote[type=primary] *[slo
|
|
|
2621
2175
|
gov-blockquote[type=subtle], .gov-blockquote[type=subtle] {
|
|
2622
2176
|
background-color: var(--background, var(--background-primary-subtle));
|
|
2623
2177
|
}
|
|
2624
|
-
gov-blockquote[type=subtle] p, .gov-blockquote[type=subtle] p {
|
|
2178
|
+
gov-blockquote[type=subtle] blockquote, gov-blockquote[type=subtle] p, .gov-blockquote[type=subtle] blockquote, .gov-blockquote[type=subtle] p {
|
|
2625
2179
|
color: var(--color, var(--text-primary));
|
|
2626
2180
|
}
|
|
2627
2181
|
gov-blockquote[type=subtle] > gov-icon, gov-blockquote[type=subtle] > .gov-icon, .gov-blockquote[type=subtle] > gov-icon, .gov-blockquote[type=subtle] > .gov-icon {
|
|
@@ -2633,7 +2187,7 @@ gov-blockquote[type=subtle] *[slot=author], .gov-blockquote[type=subtle] *[slot=
|
|
|
2633
2187
|
gov-blockquote[type=neutral], .gov-blockquote[type=neutral] {
|
|
2634
2188
|
background-color: var(--background, var(--background-neutral-subtle));
|
|
2635
2189
|
}
|
|
2636
|
-
gov-blockquote[type=neutral] p, .gov-blockquote[type=neutral] p {
|
|
2190
|
+
gov-blockquote[type=neutral] blockquote, gov-blockquote[type=neutral] p, .gov-blockquote[type=neutral] blockquote, .gov-blockquote[type=neutral] p {
|
|
2637
2191
|
color: var(--color, var(--text-primary));
|
|
2638
2192
|
}
|
|
2639
2193
|
gov-blockquote[type=neutral] > gov-icon, gov-blockquote[type=neutral] > .gov-icon, .gov-blockquote[type=neutral] > gov-icon, .gov-blockquote[type=neutral] > .gov-icon {
|
|
@@ -2642,6 +2196,9 @@ gov-blockquote[type=neutral] > gov-icon, gov-blockquote[type=neutral] > .gov-ico
|
|
|
2642
2196
|
gov-blockquote[type=neutral] *[slot=author], .gov-blockquote[type=neutral] *[slot=author] {
|
|
2643
2197
|
color: var(--color-author, var(--text-secondary));
|
|
2644
2198
|
}
|
|
2199
|
+
gov-blockquote[type=primary] blockquote a, .gov-blockquote[type=primary] blockquote a {
|
|
2200
|
+
color: var(--color, var(--text-white-fixed));
|
|
2201
|
+
}
|
|
2645
2202
|
|
|
2646
2203
|
/* Banner */
|
|
2647
2204
|
gov-banner, .gov-banner {
|
|
@@ -2672,10 +2229,16 @@ gov-banner > div, .gov-banner > div {
|
|
|
2672
2229
|
gov-banner .gov-banner__content, .gov-banner .gov-banner__content {
|
|
2673
2230
|
display: flex;
|
|
2674
2231
|
flex-direction: column;
|
|
2232
|
+
}
|
|
2233
|
+
gov-banner .gov-banner__content, gov-banner .gov-banner__content > *, .gov-banner .gov-banner__content, .gov-banner .gov-banner__content > * {
|
|
2675
2234
|
font-size: var(--font-size-body-l);
|
|
2676
2235
|
line-height: 150%;
|
|
2677
2236
|
font-weight: 400;
|
|
2678
2237
|
}
|
|
2238
|
+
gov-banner gov-button, gov-banner .gov-button, .gov-banner gov-button, .gov-banner .gov-button {
|
|
2239
|
+
position: relative;
|
|
2240
|
+
z-index: 1;
|
|
2241
|
+
}
|
|
2679
2242
|
gov-banner:not([size=xl]), .gov-banner:not([size=xl]) {
|
|
2680
2243
|
padding: var(--spacing-l);
|
|
2681
2244
|
background: linear-gradient(45deg, var(--color-primary-500) 0%, var(--color-primary-900) 100%);
|
|
@@ -2712,7 +2275,7 @@ gov-banner[size=s] .gov-banner__content, .gov-banner[size=s] .gov-banner__conten
|
|
|
2712
2275
|
gap: var(--content-gap-mobile, var(--spacing-s));
|
|
2713
2276
|
}
|
|
2714
2277
|
gov-banner[size=s] *[slot=headline], .gov-banner[size=s] *[slot=headline] {
|
|
2715
|
-
font-size: var(--font-size-
|
|
2278
|
+
font-size: var(--font-size-headline-s);
|
|
2716
2279
|
line-height: 150%;
|
|
2717
2280
|
font-weight: 500;
|
|
2718
2281
|
}
|
|
@@ -2725,10 +2288,10 @@ gov-banner[size=s] *[slot=headline], .gov-banner[size=s] *[slot=headline] {
|
|
|
2725
2288
|
gap: var(--gap, var(--spacing-l));
|
|
2726
2289
|
}
|
|
2727
2290
|
gov-banner[size=s] .gov-banner__content, .gov-banner[size=s] .gov-banner__content {
|
|
2728
|
-
gap: var(--content-gap, var(--spacing-
|
|
2291
|
+
gap: var(--content-gap, var(--spacing-xs));
|
|
2729
2292
|
}
|
|
2730
2293
|
gov-banner[size=s] *[slot=headline], .gov-banner[size=s] *[slot=headline] {
|
|
2731
|
-
font-size: var(--font-size-
|
|
2294
|
+
font-size: var(--font-size-headline-s);
|
|
2732
2295
|
line-height: 150%;
|
|
2733
2296
|
font-weight: 500;
|
|
2734
2297
|
}
|
|
@@ -2894,9 +2457,6 @@ gov-banner[background=lines]:after, .gov-banner[background=lines]:after {
|
|
|
2894
2457
|
left: initial;
|
|
2895
2458
|
}
|
|
2896
2459
|
}
|
|
2897
|
-
gov-banner[background=simple]:after, .gov-banner[background=simple]:after {
|
|
2898
|
-
background-image: url("transparent");
|
|
2899
|
-
}
|
|
2900
2460
|
@media (min-width: 64em) {
|
|
2901
2461
|
gov-banner[background=simple][foreground=image]:before, .gov-banner[background=simple][foreground=image]:before {
|
|
2902
2462
|
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQxIiBoZWlnaHQ9IjM0OCIgdmlld0JveD0iMCAwIDU0MSAzNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04MC40MDEgMTk2Ljg2M0M3OS4zMTE0IDE5NS4yMjIgNzguMjM5NCAxOTMuNTY5IDc3LjE4NTQgMTkxLjkwNEM1OS4zNzI4IDE5Ni4zNjIgNDAuMTU5OSAxODcuODcyIDMyLjM0OTEgMTcwLjY3NUM3Ljg5MDQzIDExNi44MjIgMC4yMTMyNzQgNTcuNTAxMiA5LjY5NzA0IDBIMy44NjYwNUMtNS41NjggNTguMjkwNyAyLjI5ODU3IDExOC4zNzkgMjcuMDg1MiAxNzIuOTUzQzM2LjMyNyAxOTMuMzAyIDU5LjQ0OSAyMDMuMDMzIDgwLjQwMSAxOTYuODYzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTkzLjE4NjggMTgzLjY0N0M5NC4yMTQ5IDE4NS4yNTQgOTUuMjYwNyAxODYuODUgOTYuMzI0MiAxODguNDMzQzExMS4wOTQgMTc2LjIzNCAxMTYuMjYzIDE1NS42MTggMTA4LjE4IDEzNy44MTNDODguNDUwNiA5NC4zNTY2IDgzLjY0NDcgNDYuMDM3NSA5NC4xMzQ1IDBIODguMjM5MkM3Ny44NDM3IDQ2LjgzODkgODIuODU5NyA5NS45MTUxIDEwMi45MTYgMTQwLjA5MUMxMDkuODQ1IDE1NS4zNTQgMTA1LjU4NCAxNzIuOTc4IDkzLjE4NjggMTgzLjY0N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yODIuNzE3IDMxOS43NjlDMjg2LjAxOSAzMzUuNzg5IDMwMC41NSAzNDcuOTkyIDMxOC4xNjQgMzQ3Ljg0NkMzODcuMzIgMzQ3LjI3NCA0NTQuMjgzIDMyMy45MjQgNTA4LjE4MSAyODEuNTM5QzUxOS43NSAyNzIuNDQyIDUzMC41NyAyNjIuNTgzIDU0MC41OCAyNTIuMDU4VjExNS4zNDFDNTI2Ljg0NSAxNTkuMTQxIDQ5OS45NTMgMTk4LjA4NiA0NjMuMTgzIDIyNy4wMDJDNDIxLjg4NSAyNTkuNDc4IDM3MC41NzggMjc3LjM3MiAzMTcuNTkgMjc3LjgxOEMzMDEuODYyIDI3Ny45NTEgMjg4LjM0MiAyODguMDI5IDI4My43MTQgMzAyLjEzM0MzMTMuMTcxIDMwNS42NTMgMzQzLjI1NCAzMDQuMjkyIDM3Mi42NzEgMjk3Ljg4MkMzNzcuNDcyIDI5Ni44MzYgMzgyLjMyMSAyOTkuNzM0IDM4My40NTQgMzA0LjQ5NUMzODQuNTggMzA5LjIyNyAzODEuNTYyIDMxNC4wMDQgMzc2LjY0NCAzMTUuMDc3QzM0NS41ODYgMzIxLjg0OSAzMTMuODMzIDMyMy4zNTUgMjgyLjcxNyAzMTkuNzY5WiIgZmlsbD0iIzFENDU2RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI4Mi43MTcgMzE5Ljc2OUMyNDcuODE1IDMxNS43NDggMjEzLjcxMyAzMDUuMzIxIDE4Mi4yOSAyODguNzM1QzE0MC42ODYgMjY2Ljc3NiAxMDUuNzY0IDIzNS4wNyA4MC40MDEgMTk2Ljg2M0M4Mi4yNzEgMTk2LjMxMyA4NC4xMjM3IDE5NS42MzUgODUuOTQ3NyAxOTQuODI4Qzg5Ljc5NjUgMTkzLjEyMyA5My4yNjYyIDE5MC45NTkgOTYuMzI0MiAxODguNDMzQzExOS45ODcgMjIzLjY2MSAxNTIuMzc0IDI1Mi45MDcgMTkwLjg3NiAyNzMuMjNDMjE5LjkzOSAyODguNTcgMjUxLjQ1MSAyOTguMjc4IDI4My43MTQgMzAyLjEzM0MzMTMuMTcxIDMwNS42NTMgMzQzLjI1NCAzMDQuMjkyIDM3Mi42NzEgMjk3Ljg4MkMzNzcuNDcyIDI5Ni44MzYgMzgyLjMyMSAyOTkuNzM0IDM4My40NTQgMzA0LjQ5NUMzODQuNTggMzA5LjIyNyAzODEuNTYyIDMxNC4wMDQgMzc2LjY0NCAzMTUuMDc3QzM0NS41ODYgMzIxLjg0OSAzMTMuODMzIDMyMy4zNTUgMjgyLjcxNyAzMTkuNzY5Wk05My4xODY4IDE4My42NDdDODQuMDU4OSAxNjkuMzc3IDc2LjMzODcgMTU0LjE3NSA3MC4xOTE5IDEzOC4yMjlDNjguNDU5MSAxMzMuNzMzIDYzLjMyMDEgMTMxLjM1OSA1OC42MTk0IDEzMy4wNDFDNTMuOTQ2NyAxMzQuNzEzIDUxLjUwNTMgMTM5Ljc5NSA1My4yNzk0IDE0NC4zOTlDNTkuNjk3MiAxNjEuMDU2IDY3LjcyMDkgMTc2Ljk1MyA3Ny4xODU0IDE5MS45MDRDNzkuMzQxNCAxOTEuMzY0IDgxLjQ3NjkgMTkwLjYzNSA4My41NjkyIDE4OS43MDhDODcuMTY3MiAxODguMTE1IDkwLjM4NDggMTg2LjA1OSA5My4xODY4IDE4My42NDdaIiBmaWxsPSIjMzM3RkM0Ii8+CjxwYXRoIGQ9Ik03Ny4xODU0IDE5MS45MDRDNzguMjM5NCAxOTMuNTY5IDc5LjMxMTQgMTk1LjIyMiA4MC40MDEgMTk2Ljg2M0M4Mi4yNzEgMTk2LjMxMyA4NC4xMjM3IDE5NS42MzUgODUuOTQ3NyAxOTQuODI4Qzg5Ljc5NjUgMTkzLjEyMyA5My4yNjYyIDE5MC45NTkgOTYuMzI0MiAxODguNDMzQzk1LjI2MDcgMTg2Ljg1IDk0LjIxNDkgMTg1LjI1NCA5My4xODY4IDE4My42NDdDOTAuMzg0OCAxODYuMDU5IDg3LjE2NzIgMTg4LjExNSA4My41NjkyIDE4OS43MDhDODEuNDc2OSAxOTAuNjM1IDc5LjM0MTQgMTkxLjM2NCA3Ny4xODU0IDE5MS45MDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
|
|
@@ -2984,8 +2544,8 @@ gov-banner[size=m] *[slot=headline], .gov-banner[size=m] *[slot=headline] {
|
|
|
2984
2544
|
gap: var(--content-gap, var(--spacing-m));
|
|
2985
2545
|
}
|
|
2986
2546
|
gov-banner[size=m] *[slot=headline], .gov-banner[size=m] *[slot=headline] {
|
|
2987
|
-
font-size: var(--font-size-
|
|
2988
|
-
line-height:
|
|
2547
|
+
font-size: var(--font-size-display-s);
|
|
2548
|
+
line-height: 130%;
|
|
2989
2549
|
font-weight: 500;
|
|
2990
2550
|
}
|
|
2991
2551
|
gov-banner[size=m]:before, .gov-banner[size=m]:before {
|
|
@@ -3149,9 +2709,6 @@ gov-banner[background=lines]:after, .gov-banner[background=lines]:after {
|
|
|
3149
2709
|
left: initial;
|
|
3150
2710
|
}
|
|
3151
2711
|
}
|
|
3152
|
-
gov-banner[background=simple]:after, .gov-banner[background=simple]:after {
|
|
3153
|
-
background-image: url("transparent");
|
|
3154
|
-
}
|
|
3155
2712
|
@media (min-width: 64em) {
|
|
3156
2713
|
gov-banner[background=simple][foreground=image]:before, .gov-banner[background=simple][foreground=image]:before {
|
|
3157
2714
|
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQxIiBoZWlnaHQ9IjM0OCIgdmlld0JveD0iMCAwIDU0MSAzNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04MC40MDEgMTk2Ljg2M0M3OS4zMTE0IDE5NS4yMjIgNzguMjM5NCAxOTMuNTY5IDc3LjE4NTQgMTkxLjkwNEM1OS4zNzI4IDE5Ni4zNjIgNDAuMTU5OSAxODcuODcyIDMyLjM0OTEgMTcwLjY3NUM3Ljg5MDQzIDExNi44MjIgMC4yMTMyNzQgNTcuNTAxMiA5LjY5NzA0IDBIMy44NjYwNUMtNS41NjggNTguMjkwNyAyLjI5ODU3IDExOC4zNzkgMjcuMDg1MiAxNzIuOTUzQzM2LjMyNyAxOTMuMzAyIDU5LjQ0OSAyMDMuMDMzIDgwLjQwMSAxOTYuODYzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTkzLjE4NjggMTgzLjY0N0M5NC4yMTQ5IDE4NS4yNTQgOTUuMjYwNyAxODYuODUgOTYuMzI0MiAxODguNDMzQzExMS4wOTQgMTc2LjIzNCAxMTYuMjYzIDE1NS42MTggMTA4LjE4IDEzNy44MTNDODguNDUwNiA5NC4zNTY2IDgzLjY0NDcgNDYuMDM3NSA5NC4xMzQ1IDBIODguMjM5MkM3Ny44NDM3IDQ2LjgzODkgODIuODU5NyA5NS45MTUxIDEwMi45MTYgMTQwLjA5MUMxMDkuODQ1IDE1NS4zNTQgMTA1LjU4NCAxNzIuOTc4IDkzLjE4NjggMTgzLjY0N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yODIuNzE3IDMxOS43NjlDMjg2LjAxOSAzMzUuNzg5IDMwMC41NSAzNDcuOTkyIDMxOC4xNjQgMzQ3Ljg0NkMzODcuMzIgMzQ3LjI3NCA0NTQuMjgzIDMyMy45MjQgNTA4LjE4MSAyODEuNTM5QzUxOS43NSAyNzIuNDQyIDUzMC41NyAyNjIuNTgzIDU0MC41OCAyNTIuMDU4VjExNS4zNDFDNTI2Ljg0NSAxNTkuMTQxIDQ5OS45NTMgMTk4LjA4NiA0NjMuMTgzIDIyNy4wMDJDNDIxLjg4NSAyNTkuNDc4IDM3MC41NzggMjc3LjM3MiAzMTcuNTkgMjc3LjgxOEMzMDEuODYyIDI3Ny45NTEgMjg4LjM0MiAyODguMDI5IDI4My43MTQgMzAyLjEzM0MzMTMuMTcxIDMwNS42NTMgMzQzLjI1NCAzMDQuMjkyIDM3Mi42NzEgMjk3Ljg4MkMzNzcuNDcyIDI5Ni44MzYgMzgyLjMyMSAyOTkuNzM0IDM4My40NTQgMzA0LjQ5NUMzODQuNTggMzA5LjIyNyAzODEuNTYyIDMxNC4wMDQgMzc2LjY0NCAzMTUuMDc3QzM0NS41ODYgMzIxLjg0OSAzMTMuODMzIDMyMy4zNTUgMjgyLjcxNyAzMTkuNzY5WiIgZmlsbD0iIzFENDU2RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI4Mi43MTcgMzE5Ljc2OUMyNDcuODE1IDMxNS43NDggMjEzLjcxMyAzMDUuMzIxIDE4Mi4yOSAyODguNzM1QzE0MC42ODYgMjY2Ljc3NiAxMDUuNzY0IDIzNS4wNyA4MC40MDEgMTk2Ljg2M0M4Mi4yNzEgMTk2LjMxMyA4NC4xMjM3IDE5NS42MzUgODUuOTQ3NyAxOTQuODI4Qzg5Ljc5NjUgMTkzLjEyMyA5My4yNjYyIDE5MC45NTkgOTYuMzI0MiAxODguNDMzQzExOS45ODcgMjIzLjY2MSAxNTIuMzc0IDI1Mi45MDcgMTkwLjg3NiAyNzMuMjNDMjE5LjkzOSAyODguNTcgMjUxLjQ1MSAyOTguMjc4IDI4My43MTQgMzAyLjEzM0MzMTMuMTcxIDMwNS42NTMgMzQzLjI1NCAzMDQuMjkyIDM3Mi42NzEgMjk3Ljg4MkMzNzcuNDcyIDI5Ni44MzYgMzgyLjMyMSAyOTkuNzM0IDM4My40NTQgMzA0LjQ5NUMzODQuNTggMzA5LjIyNyAzODEuNTYyIDMxNC4wMDQgMzc2LjY0NCAzMTUuMDc3QzM0NS41ODYgMzIxLjg0OSAzMTMuODMzIDMyMy4zNTUgMjgyLjcxNyAzMTkuNzY5Wk05My4xODY4IDE4My42NDdDODQuMDU4OSAxNjkuMzc3IDc2LjMzODcgMTU0LjE3NSA3MC4xOTE5IDEzOC4yMjlDNjguNDU5MSAxMzMuNzMzIDYzLjMyMDEgMTMxLjM1OSA1OC42MTk0IDEzMy4wNDFDNTMuOTQ2NyAxMzQuNzEzIDUxLjUwNTMgMTM5Ljc5NSA1My4yNzk0IDE0NC4zOTlDNTkuNjk3MiAxNjEuMDU2IDY3LjcyMDkgMTc2Ljk1MyA3Ny4xODU0IDE5MS45MDRDNzkuMzQxNCAxOTEuMzY0IDgxLjQ3NjkgMTkwLjYzNSA4My41NjkyIDE4OS43MDhDODcuMTY3MiAxODguMTE1IDkwLjM4NDggMTg2LjA1OSA5My4xODY4IDE4My42NDdaIiBmaWxsPSIjMzM3RkM0Ii8+CjxwYXRoIGQ9Ik03Ny4xODU0IDE5MS45MDRDNzguMjM5NCAxOTMuNTY5IDc5LjMxMTQgMTk1LjIyMiA4MC40MDEgMTk2Ljg2M0M4Mi4yNzEgMTk2LjMxMyA4NC4xMjM3IDE5NS42MzUgODUuOTQ3NyAxOTQuODI4Qzg5Ljc5NjUgMTkzLjEyMyA5My4yNjYyIDE5MC45NTkgOTYuMzI0MiAxODguNDMzQzk1LjI2MDcgMTg2Ljg1IDk0LjIxNDkgMTg1LjI1NCA5My4xODY4IDE4My42NDdDOTAuMzg0OCAxODYuMDU5IDg3LjE2NzIgMTg4LjExNSA4My41NjkyIDE4OS43MDhDODEuNDc2OSAxOTAuNjM1IDc5LjM0MTQgMTkxLjM2NCA3Ny4xODU0IDE5MS45MDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
|
|
@@ -3223,7 +2780,7 @@ gov-banner[size=l] .gov-banner__content, .gov-banner[size=l] .gov-banner__conten
|
|
|
3223
2780
|
gap: var(--content-gap-mobile, var(--spacing-m));
|
|
3224
2781
|
}
|
|
3225
2782
|
gov-banner[size=l] *[slot=headline], .gov-banner[size=l] *[slot=headline] {
|
|
3226
|
-
font-size: var(--font-size-
|
|
2783
|
+
font-size: var(--font-size-display-s);
|
|
3227
2784
|
line-height: 130%;
|
|
3228
2785
|
font-weight: 500;
|
|
3229
2786
|
}
|
|
@@ -3239,7 +2796,7 @@ gov-banner[size=l] *[slot=headline], .gov-banner[size=l] *[slot=headline] {
|
|
|
3239
2796
|
gap: var(--content-gap, var(--spacing-m));
|
|
3240
2797
|
}
|
|
3241
2798
|
gov-banner[size=l] *[slot=headline], .gov-banner[size=l] *[slot=headline] {
|
|
3242
|
-
font-size: var(--font-size-
|
|
2799
|
+
font-size: var(--font-size-display-s);
|
|
3243
2800
|
line-height: 130%;
|
|
3244
2801
|
font-weight: 500;
|
|
3245
2802
|
}
|
|
@@ -3404,9 +2961,6 @@ gov-banner[background=lines]:after, .gov-banner[background=lines]:after {
|
|
|
3404
2961
|
left: initial;
|
|
3405
2962
|
}
|
|
3406
2963
|
}
|
|
3407
|
-
gov-banner[background=simple]:after, .gov-banner[background=simple]:after {
|
|
3408
|
-
background-image: url("transparent");
|
|
3409
|
-
}
|
|
3410
2964
|
@media (min-width: 64em) {
|
|
3411
2965
|
gov-banner[background=simple][foreground=image]:before, .gov-banner[background=simple][foreground=image]:before {
|
|
3412
2966
|
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQxIiBoZWlnaHQ9IjM0OCIgdmlld0JveD0iMCAwIDU0MSAzNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04MC40MDEgMTk2Ljg2M0M3OS4zMTE0IDE5NS4yMjIgNzguMjM5NCAxOTMuNTY5IDc3LjE4NTQgMTkxLjkwNEM1OS4zNzI4IDE5Ni4zNjIgNDAuMTU5OSAxODcuODcyIDMyLjM0OTEgMTcwLjY3NUM3Ljg5MDQzIDExNi44MjIgMC4yMTMyNzQgNTcuNTAxMiA5LjY5NzA0IDBIMy44NjYwNUMtNS41NjggNTguMjkwNyAyLjI5ODU3IDExOC4zNzkgMjcuMDg1MiAxNzIuOTUzQzM2LjMyNyAxOTMuMzAyIDU5LjQ0OSAyMDMuMDMzIDgwLjQwMSAxOTYuODYzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTkzLjE4NjggMTgzLjY0N0M5NC4yMTQ5IDE4NS4yNTQgOTUuMjYwNyAxODYuODUgOTYuMzI0MiAxODguNDMzQzExMS4wOTQgMTc2LjIzNCAxMTYuMjYzIDE1NS42MTggMTA4LjE4IDEzNy44MTNDODguNDUwNiA5NC4zNTY2IDgzLjY0NDcgNDYuMDM3NSA5NC4xMzQ1IDBIODguMjM5MkM3Ny44NDM3IDQ2LjgzODkgODIuODU5NyA5NS45MTUxIDEwMi45MTYgMTQwLjA5MUMxMDkuODQ1IDE1NS4zNTQgMTA1LjU4NCAxNzIuOTc4IDkzLjE4NjggMTgzLjY0N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yODIuNzE3IDMxOS43NjlDMjg2LjAxOSAzMzUuNzg5IDMwMC41NSAzNDcuOTkyIDMxOC4xNjQgMzQ3Ljg0NkMzODcuMzIgMzQ3LjI3NCA0NTQuMjgzIDMyMy45MjQgNTA4LjE4MSAyODEuNTM5QzUxOS43NSAyNzIuNDQyIDUzMC41NyAyNjIuNTgzIDU0MC41OCAyNTIuMDU4VjExNS4zNDFDNTI2Ljg0NSAxNTkuMTQxIDQ5OS45NTMgMTk4LjA4NiA0NjMuMTgzIDIyNy4wMDJDNDIxLjg4NSAyNTkuNDc4IDM3MC41NzggMjc3LjM3MiAzMTcuNTkgMjc3LjgxOEMzMDEuODYyIDI3Ny45NTEgMjg4LjM0MiAyODguMDI5IDI4My43MTQgMzAyLjEzM0MzMTMuMTcxIDMwNS42NTMgMzQzLjI1NCAzMDQuMjkyIDM3Mi42NzEgMjk3Ljg4MkMzNzcuNDcyIDI5Ni44MzYgMzgyLjMyMSAyOTkuNzM0IDM4My40NTQgMzA0LjQ5NUMzODQuNTggMzA5LjIyNyAzODEuNTYyIDMxNC4wMDQgMzc2LjY0NCAzMTUuMDc3QzM0NS41ODYgMzIxLjg0OSAzMTMuODMzIDMyMy4zNTUgMjgyLjcxNyAzMTkuNzY5WiIgZmlsbD0iIzFENDU2RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI4Mi43MTcgMzE5Ljc2OUMyNDcuODE1IDMxNS43NDggMjEzLjcxMyAzMDUuMzIxIDE4Mi4yOSAyODguNzM1QzE0MC42ODYgMjY2Ljc3NiAxMDUuNzY0IDIzNS4wNyA4MC40MDEgMTk2Ljg2M0M4Mi4yNzEgMTk2LjMxMyA4NC4xMjM3IDE5NS42MzUgODUuOTQ3NyAxOTQuODI4Qzg5Ljc5NjUgMTkzLjEyMyA5My4yNjYyIDE5MC45NTkgOTYuMzI0MiAxODguNDMzQzExOS45ODcgMjIzLjY2MSAxNTIuMzc0IDI1Mi45MDcgMTkwLjg3NiAyNzMuMjNDMjE5LjkzOSAyODguNTcgMjUxLjQ1MSAyOTguMjc4IDI4My43MTQgMzAyLjEzM0MzMTMuMTcxIDMwNS42NTMgMzQzLjI1NCAzMDQuMjkyIDM3Mi42NzEgMjk3Ljg4MkMzNzcuNDcyIDI5Ni44MzYgMzgyLjMyMSAyOTkuNzM0IDM4My40NTQgMzA0LjQ5NUMzODQuNTggMzA5LjIyNyAzODEuNTYyIDMxNC4wMDQgMzc2LjY0NCAzMTUuMDc3QzM0NS41ODYgMzIxLjg0OSAzMTMuODMzIDMyMy4zNTUgMjgyLjcxNyAzMTkuNzY5Wk05My4xODY4IDE4My42NDdDODQuMDU4OSAxNjkuMzc3IDc2LjMzODcgMTU0LjE3NSA3MC4xOTE5IDEzOC4yMjlDNjguNDU5MSAxMzMuNzMzIDYzLjMyMDEgMTMxLjM1OSA1OC42MTk0IDEzMy4wNDFDNTMuOTQ2NyAxMzQuNzEzIDUxLjUwNTMgMTM5Ljc5NSA1My4yNzk0IDE0NC4zOTlDNTkuNjk3MiAxNjEuMDU2IDY3LjcyMDkgMTc2Ljk1MyA3Ny4xODU0IDE5MS45MDRDNzkuMzQxNCAxOTEuMzY0IDgxLjQ3NjkgMTkwLjYzNSA4My41NjkyIDE4OS43MDhDODcuMTY3MiAxODguMTE1IDkwLjM4NDggMTg2LjA1OSA5My4xODY4IDE4My42NDdaIiBmaWxsPSIjMzM3RkM0Ii8+CjxwYXRoIGQ9Ik03Ny4xODU0IDE5MS45MDRDNzguMjM5NCAxOTMuNTY5IDc5LjMxMTQgMTk1LjIyMiA4MC40MDEgMTk2Ljg2M0M4Mi4yNzEgMTk2LjMxMyA4NC4xMjM3IDE5NS42MzUgODUuOTQ3NyAxOTQuODI4Qzg5Ljc5NjUgMTkzLjEyMyA5My4yNjYyIDE5MC45NTkgOTYuMzI0MiAxODguNDMzQzk1LjI2MDcgMTg2Ljg1IDk0LjIxNDkgMTg1LjI1NCA5My4xODY4IDE4My42NDdDOTAuMzg0OCAxODYuMDU5IDg3LjE2NzIgMTg4LjExNSA4My41NjkyIDE4OS43MDhDODEuNDc2OSAxOTAuNjM1IDc5LjM0MTQgMTkxLjM2NCA3Ny4xODU0IDE5MS45MDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
|
|
@@ -3498,6 +3052,8 @@ gov-banner[size=xl]:before, .gov-banner[size=xl]:before {
|
|
|
3498
3052
|
background-color: rgba(0, 0, 0, 0.55);
|
|
3499
3053
|
}
|
|
3500
3054
|
gov-banner[size=xl] > div, .gov-banner[size=xl] > div {
|
|
3055
|
+
max-width: var(--container-width, 75rem);
|
|
3056
|
+
margin: 0 auto;
|
|
3501
3057
|
gap: var(--spacing-2xl);
|
|
3502
3058
|
}
|
|
3503
3059
|
gov-banner[size=xl] .gov-banner__content, .gov-banner[size=xl] .gov-banner__content {
|
|
@@ -3505,9 +3061,10 @@ gov-banner[size=xl] .gov-banner__content, .gov-banner[size=xl] .gov-banner__cont
|
|
|
3505
3061
|
gap: var(--spacing-s-nudge);
|
|
3506
3062
|
}
|
|
3507
3063
|
gov-banner[size=xl] *[slot=headline], .gov-banner[size=xl] *[slot=headline] {
|
|
3508
|
-
font-size: var(--font-size-
|
|
3064
|
+
font-size: var(--font-size-display-s);
|
|
3509
3065
|
line-height: 130%;
|
|
3510
3066
|
font-weight: 500;
|
|
3067
|
+
color: var(--text-white-fixed);
|
|
3511
3068
|
}
|
|
3512
3069
|
@media (min-width: 48em) {
|
|
3513
3070
|
gov-banner[size=xl], .gov-banner[size=xl] {
|
|
@@ -3520,6 +3077,9 @@ gov-banner[size=xl] *[slot=headline], .gov-banner[size=xl] *[slot=headline] {
|
|
|
3520
3077
|
gov-banner[size=xl][text-color=dark], .gov-banner[size=xl][text-color=dark] {
|
|
3521
3078
|
color: var(--text-black-fixed);
|
|
3522
3079
|
}
|
|
3080
|
+
gov-banner[size=xl][text-color=dark] *[slot=headline], .gov-banner[size=xl][text-color=dark] *[slot=headline] {
|
|
3081
|
+
color: var(--text-black-fixed);
|
|
3082
|
+
}
|
|
3523
3083
|
gov-banner[size=xl] .gov-banner__content p, .gov-banner[size=xl] .gov-banner__content p {
|
|
3524
3084
|
font-size: var(--font-size-body-xl);
|
|
3525
3085
|
line-height: 150%;
|
|
@@ -4821,7 +4381,7 @@ gov-dropdown ul, .gov-dropdown ul {
|
|
|
4821
4381
|
border-radius: var(--border-radius, var(--corner-radius-s));
|
|
4822
4382
|
background-color: var(--background-block-primary);
|
|
4823
4383
|
overflow: hidden;
|
|
4824
|
-
box-shadow: 0 0.25rem
|
|
4384
|
+
box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.2);
|
|
4825
4385
|
}
|
|
4826
4386
|
gov-dropdown li, .gov-dropdown li {
|
|
4827
4387
|
margin: 0;
|
|
@@ -4881,13 +4441,13 @@ gov-card *[slot=headline], .gov-card *[slot=headline] {
|
|
|
4881
4441
|
font-family: var(--font-family-primary, var(--font-family));
|
|
4882
4442
|
font-weight: 400;
|
|
4883
4443
|
box-sizing: border-box;
|
|
4884
|
-
font-size: var(--font-size-
|
|
4444
|
+
font-size: var(--font-size-headline-s);
|
|
4885
4445
|
line-height: 150%;
|
|
4886
4446
|
font-weight: 500;
|
|
4887
4447
|
color: var(--title-color, var(--text-primary));
|
|
4888
4448
|
}
|
|
4889
4449
|
gov-card *[slot=headline] > *, .gov-card *[slot=headline] > * {
|
|
4890
|
-
font-size: var(--font-size-
|
|
4450
|
+
font-size: var(--font-size-headline-s);
|
|
4891
4451
|
line-height: 150%;
|
|
4892
4452
|
font-weight: 500;
|
|
4893
4453
|
}
|
|
@@ -4895,10 +4455,14 @@ gov-card__inner, .gov-card__inner {
|
|
|
4895
4455
|
display: flex;
|
|
4896
4456
|
flex: 1 1 auto;
|
|
4897
4457
|
flex-direction: column;
|
|
4458
|
+
text-decoration: none;
|
|
4898
4459
|
}
|
|
4899
4460
|
gov-card__inner[aria-hidden=""], gov-card__inner[aria-hidden=true i], gov-card__inner[aria-hidden="1"], .gov-card__inner[aria-hidden=""], .gov-card__inner[aria-hidden=true i], .gov-card__inner[aria-hidden="1"] {
|
|
4900
4461
|
display: none;
|
|
4901
4462
|
}
|
|
4463
|
+
gov-card__inner *:not(a), .gov-card__inner *:not(a) {
|
|
4464
|
+
text-decoration: none;
|
|
4465
|
+
}
|
|
4902
4466
|
gov-card__img, .gov-card__img {
|
|
4903
4467
|
width: 100%;
|
|
4904
4468
|
margin: 0;
|
|
@@ -4920,12 +4484,15 @@ gov-card__icon, .gov-card__icon {
|
|
|
4920
4484
|
}
|
|
4921
4485
|
gov-card__content, .gov-card__content {
|
|
4922
4486
|
flex: 1 1 auto;
|
|
4923
|
-
padding: var(--spacing-m)
|
|
4487
|
+
padding: var(--spacing-m);
|
|
4924
4488
|
margin-bottom: 0;
|
|
4925
4489
|
}
|
|
4926
4490
|
gov-card__content > *:last-child, .gov-card__content > *:last-child {
|
|
4927
4491
|
margin-bottom: 0;
|
|
4928
4492
|
}
|
|
4493
|
+
gov-card__content p, .gov-card__content p {
|
|
4494
|
+
color: var(--text-color, var(--text-primary));
|
|
4495
|
+
}
|
|
4929
4496
|
gov-card__footer, .gov-card__footer {
|
|
4930
4497
|
padding: var(--spacing-l);
|
|
4931
4498
|
background: var(--footer-background, var(--background-primary-subtlest));
|
|
@@ -4940,15 +4507,12 @@ gov-card:not([hydrated]), .gov-card:not([hydrated]) {
|
|
|
4940
4507
|
padding: var(--spacing-l);
|
|
4941
4508
|
}
|
|
4942
4509
|
@media not all and (pointer: coarse) {
|
|
4943
|
-
gov-card:hover, .gov-card:hover {
|
|
4944
|
-
box-shadow: 0 0.25rem
|
|
4945
|
-
transform: translateY(-
|
|
4510
|
+
gov-card:has(> a):hover, .gov-card:has(> a):hover {
|
|
4511
|
+
box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.2);
|
|
4512
|
+
transform: translateY(-2px);
|
|
4946
4513
|
transition: all 150ms ease-in-out;
|
|
4947
4514
|
}
|
|
4948
4515
|
}
|
|
4949
|
-
gov-card:active, .gov-card:active {
|
|
4950
|
-
background-color: var(--background-primary-subtlest);
|
|
4951
|
-
}
|
|
4952
4516
|
gov-card[direction=horizontal] .gov-card__inner, gov-card[direction=horizontal]:not([hydrated]), .gov-card[direction=horizontal] .gov-card__inner, .gov-card[direction=horizontal]:not([hydrated]) {
|
|
4953
4517
|
display: flex;
|
|
4954
4518
|
}
|
|
@@ -6444,7 +6008,7 @@ gov-dialog__dialog, .gov-dialog__dialog {
|
|
|
6444
6008
|
max-width: var(--max-width, 52.5rem);
|
|
6445
6009
|
height: 100%;
|
|
6446
6010
|
padding: var(--spacing-s);
|
|
6447
|
-
color:
|
|
6011
|
+
color: inherit;
|
|
6448
6012
|
border: none;
|
|
6449
6013
|
background: transparent;
|
|
6450
6014
|
transform: translate(-50%, -50%);
|
|
@@ -6487,13 +6051,13 @@ gov-dialog *[slot=icon], .gov-dialog *[slot=icon] {
|
|
|
6487
6051
|
height: var(--icon-size-xl);
|
|
6488
6052
|
}
|
|
6489
6053
|
gov-dialog__title *[slot=title], .gov-dialog__title *[slot=title] {
|
|
6490
|
-
font-size: var(--font-size-
|
|
6054
|
+
font-size: var(--font-size-body-l);
|
|
6491
6055
|
line-height: 150%;
|
|
6492
|
-
font-weight:
|
|
6056
|
+
font-weight: 400;
|
|
6493
6057
|
}
|
|
6494
6058
|
gov-dialog__close, .gov-dialog__close {
|
|
6495
6059
|
position: absolute;
|
|
6496
|
-
top: var(--spacing-s
|
|
6060
|
+
top: var(--spacing-multiline-vertical-padding-s);
|
|
6497
6061
|
right: 0;
|
|
6498
6062
|
}
|
|
6499
6063
|
gov-dialog__content, .gov-dialog__content {
|
|
@@ -6510,6 +6074,7 @@ gov-dialog__footer, .gov-dialog__footer {
|
|
|
6510
6074
|
display: flex;
|
|
6511
6075
|
gap: var(--spacing-s-nudge);
|
|
6512
6076
|
justify-content: flex-end;
|
|
6077
|
+
flex-wrap: wrap;
|
|
6513
6078
|
padding: var(--spacing-s-nudge);
|
|
6514
6079
|
border-top: var(--border-width, 0.0625rem) solid var(--border-color, var(--border-subtlest));
|
|
6515
6080
|
}
|
|
@@ -6526,11 +6091,16 @@ gov-dialog[open=""], gov-dialog[open=true i], gov-dialog[open="1"], .gov-dialog[
|
|
|
6526
6091
|
padding-right: calc(var(--icon-size-m) + var(--spacing-m) * 3 + var(--spacing-s) + var(--border-width, 0.0625rem) * 2);
|
|
6527
6092
|
line-height: var(--height-line-2xl);
|
|
6528
6093
|
}
|
|
6094
|
+
gov-dialog__title *[slot=title], .gov-dialog__title *[slot=title] {
|
|
6095
|
+
font-size: var(--font-size-headline-m);
|
|
6096
|
+
line-height: 150%;
|
|
6097
|
+
font-weight: 500;
|
|
6098
|
+
}
|
|
6529
6099
|
gov-dialog span:has([slot=icon]), .gov-dialog span:has([slot=icon]) {
|
|
6530
6100
|
height: var(--height-line-2xl);
|
|
6531
6101
|
}
|
|
6532
6102
|
gov-dialog__close, .gov-dialog__close {
|
|
6533
|
-
top: var(--
|
|
6103
|
+
top: var(--icon-size-s);
|
|
6534
6104
|
right: var(--spacing-s);
|
|
6535
6105
|
}
|
|
6536
6106
|
gov-dialog__content, .gov-dialog__content {
|
|
@@ -6610,7 +6180,7 @@ gov-empty[size=s] .gov-empty__content, .gov-empty[size=s] .gov-empty__content {
|
|
|
6610
6180
|
font-weight: 400;
|
|
6611
6181
|
}
|
|
6612
6182
|
gov-empty[size=s] *[slot=headline], .gov-empty[size=s] *[slot=headline] {
|
|
6613
|
-
font-size: var(--font-size-
|
|
6183
|
+
font-size: var(--font-size-headline-xs);
|
|
6614
6184
|
line-height: 150%;
|
|
6615
6185
|
font-weight: 500;
|
|
6616
6186
|
}
|
|
@@ -6633,7 +6203,7 @@ gov-empty[size=m] .gov-empty__content, .gov-empty[size=m] .gov-empty__content {
|
|
|
6633
6203
|
font-weight: 400;
|
|
6634
6204
|
}
|
|
6635
6205
|
gov-empty[size=m] *[slot=headline], .gov-empty[size=m] *[slot=headline] {
|
|
6636
|
-
font-size: var(--font-size-
|
|
6206
|
+
font-size: var(--font-size-headline-s);
|
|
6637
6207
|
line-height: 150%;
|
|
6638
6208
|
font-weight: 500;
|
|
6639
6209
|
}
|
|
@@ -7056,6 +6626,8 @@ gov-form-autocomplete__list, .gov-form-autocomplete__list {
|
|
|
7056
6626
|
right: 0;
|
|
7057
6627
|
left: 0;
|
|
7058
6628
|
z-index: 5;
|
|
6629
|
+
margin: 0;
|
|
6630
|
+
padding: 0;
|
|
7059
6631
|
border: var(--border-width, 0.0625rem) solid var(--border, var(--border-subtle));
|
|
7060
6632
|
border-radius: var(--border-radius, var(--corner-radius-s));
|
|
7061
6633
|
background: var(--background, var(--background-neutral-white));
|
|
@@ -7066,8 +6638,13 @@ gov-form-autocomplete__list, .gov-form-autocomplete__list {
|
|
|
7066
6638
|
gov-form-autocomplete__list > gov-form-autocomplete__item, gov-form-autocomplete__list > gov-form-autocomplete__item--empty, gov-form-autocomplete__list > gov-form-autocomplete__item--loading, gov-form-autocomplete__list > .gov-form-autocomplete__item, gov-form-autocomplete__list > .gov-form-autocomplete__item--empty, gov-form-autocomplete__list > .gov-form-autocomplete__item--loading, .gov-form-autocomplete__list > gov-form-autocomplete__item, .gov-form-autocomplete__list > gov-form-autocomplete__item--empty, .gov-form-autocomplete__list > gov-form-autocomplete__item--loading, .gov-form-autocomplete__list > .gov-form-autocomplete__item, .gov-form-autocomplete__list > .gov-form-autocomplete__item--empty, .gov-form-autocomplete__list > .gov-form-autocomplete__item--loading {
|
|
7067
6639
|
display: flex;
|
|
7068
6640
|
flex-direction: row;
|
|
6641
|
+
margin: 0;
|
|
6642
|
+
padding: 0;
|
|
7069
6643
|
color: var(--color, var(--text-primary));
|
|
7070
6644
|
}
|
|
6645
|
+
gov-form-autocomplete__list > gov-form-autocomplete__item:before, gov-form-autocomplete__list > gov-form-autocomplete__item--empty:before, gov-form-autocomplete__list > gov-form-autocomplete__item--loading:before, gov-form-autocomplete__list > .gov-form-autocomplete__item:before, gov-form-autocomplete__list > .gov-form-autocomplete__item--empty:before, gov-form-autocomplete__list > .gov-form-autocomplete__item--loading:before, .gov-form-autocomplete__list > gov-form-autocomplete__item:before, .gov-form-autocomplete__list > gov-form-autocomplete__item--empty:before, .gov-form-autocomplete__list > gov-form-autocomplete__item--loading:before, .gov-form-autocomplete__list > .gov-form-autocomplete__item:before, .gov-form-autocomplete__list > .gov-form-autocomplete__item--empty:before, .gov-form-autocomplete__list > .gov-form-autocomplete__item--loading:before {
|
|
6646
|
+
display: none;
|
|
6647
|
+
}
|
|
7071
6648
|
gov-form-autocomplete__list > gov-form-autocomplete__item, gov-form-autocomplete__list > .gov-form-autocomplete__item, .gov-form-autocomplete__list > gov-form-autocomplete__item, .gov-form-autocomplete__list > .gov-form-autocomplete__item {
|
|
7072
6649
|
cursor: pointer;
|
|
7073
6650
|
}
|
|
@@ -7077,16 +6654,16 @@ gov-form-autocomplete__list > gov-form-autocomplete__item--empty, gov-form-autoc
|
|
|
7077
6654
|
gov-form-autocomplete:not(.hydrated), .gov-form-autocomplete:not(.hydrated) {
|
|
7078
6655
|
border-radius: var(--border-radius, var(--corner-radius-s));
|
|
7079
6656
|
background-color: var(--form-bg-color, var(--background-block-primary));
|
|
7080
|
-
border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-
|
|
6657
|
+
border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-subtle));
|
|
7081
6658
|
}
|
|
7082
6659
|
gov-form-autocomplete__list:empty, .gov-form-autocomplete__list:empty {
|
|
7083
6660
|
display: none;
|
|
7084
6661
|
}
|
|
7085
|
-
gov-form-autocomplete__item[aria-selected=""], gov-form-autocomplete__item[aria-selected=true i], gov-form-autocomplete__item[aria-selected="1"], .gov-form-autocomplete__item[aria-selected=""], .gov-form-autocomplete__item[aria-selected=true i], .gov-form-autocomplete__item[aria-selected="1"] {
|
|
6662
|
+
gov-form-autocomplete__list > gov-form-autocomplete__item[aria-selected=""], gov-form-autocomplete__list > gov-form-autocomplete__item[aria-selected=true i], gov-form-autocomplete__list > gov-form-autocomplete__item[aria-selected="1"], gov-form-autocomplete__list > .gov-form-autocomplete__item[aria-selected=""], gov-form-autocomplete__list > .gov-form-autocomplete__item[aria-selected=true i], gov-form-autocomplete__list > .gov-form-autocomplete__item[aria-selected="1"], .gov-form-autocomplete__list > gov-form-autocomplete__item[aria-selected=""], .gov-form-autocomplete__list > gov-form-autocomplete__item[aria-selected=true i], .gov-form-autocomplete__list > gov-form-autocomplete__item[aria-selected="1"], .gov-form-autocomplete__list > .gov-form-autocomplete__item[aria-selected=""], .gov-form-autocomplete__list > .gov-form-autocomplete__item[aria-selected=true i], .gov-form-autocomplete__list > .gov-form-autocomplete__item[aria-selected="1"] {
|
|
7086
6663
|
background: var(--item-select, var(--button-outlined-neutral-active));
|
|
7087
6664
|
}
|
|
7088
6665
|
@media not all and (pointer: coarse) {
|
|
7089
|
-
gov-form-autocomplete__item:hover, .gov-form-autocomplete__item:hover {
|
|
6666
|
+
gov-form-autocomplete__list > gov-form-autocomplete__item:hover, gov-form-autocomplete__list > .gov-form-autocomplete__item:hover, .gov-form-autocomplete__list > gov-form-autocomplete__item:hover, .gov-form-autocomplete__list > .gov-form-autocomplete__item:hover {
|
|
7090
6667
|
background: var(--item-hover, var(--button-outlined-neutral-hover));
|
|
7091
6668
|
}
|
|
7092
6669
|
}
|
|
@@ -8037,7 +7614,7 @@ gov-form-file[expanded="1"] .gov-form-file__area, .gov-form-file[expanded=""]:no
|
|
|
8037
7614
|
position: relative;
|
|
8038
7615
|
width: 100%;
|
|
8039
7616
|
padding: var(--spacing-xl);
|
|
8040
|
-
border: var(--border-width, 0.0625rem) dashed var(--form-border-color, var(--border-
|
|
7617
|
+
border: var(--border-width, 0.0625rem) dashed var(--form-border-color, var(--border-subtle));
|
|
8041
7618
|
border-radius: var(--border-radius, var(--corner-radius-s));
|
|
8042
7619
|
background-color: var(--background-block-primary);
|
|
8043
7620
|
text-align: center;
|
|
@@ -8151,7 +7728,7 @@ gov-form-input > .element, .gov-form-input > .element {
|
|
|
8151
7728
|
align-items: center;
|
|
8152
7729
|
border-radius: var(--border-radius, var(--corner-radius-s));
|
|
8153
7730
|
background-color: var(--form-bg-color, var(--background-block-primary));
|
|
8154
|
-
border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-
|
|
7731
|
+
border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-subtle));
|
|
8155
7732
|
}
|
|
8156
7733
|
gov-form-input > .element:focus, .gov-form-input > .element:focus {
|
|
8157
7734
|
outline: none;
|
|
@@ -8202,7 +7779,7 @@ gov-form-input gov-icon, gov-form-input .gov-icon, .gov-form-input gov-icon, .go
|
|
|
8202
7779
|
gov-form-input:not(.hydrated), .gov-form-input:not(.hydrated) {
|
|
8203
7780
|
border-radius: var(--border-radius, var(--corner-radius-s));
|
|
8204
7781
|
background-color: var(--form-bg-color, var(--background-block-primary));
|
|
8205
|
-
border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-
|
|
7782
|
+
border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-subtle));
|
|
8206
7783
|
}
|
|
8207
7784
|
@media not all and (pointer: coarse) {
|
|
8208
7785
|
gov-form-input:hover > .element, .gov-form-input:hover > .element {
|
|
@@ -8718,7 +8295,7 @@ gov-form-multi-select:not(.hydrated):before, .gov-form-multi-select:not(.hydrate
|
|
|
8718
8295
|
width: 100%;
|
|
8719
8296
|
border-radius: var(--border-radius, var(--corner-radius-s));
|
|
8720
8297
|
background-color: var(--form-bg-color, var(--background-block-primary));
|
|
8721
|
-
border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-
|
|
8298
|
+
border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-subtle));
|
|
8722
8299
|
}
|
|
8723
8300
|
gov-form-multi-select[size=xs] .gov-form-multi-select__list > .gov-form-multi-select__item, .gov-form-multi-select[size=xs] .gov-form-multi-select__list > .gov-form-multi-select__item {
|
|
8724
8301
|
padding-left: var(--padding-left, var(--spacing-s));
|
|
@@ -9017,34 +8594,37 @@ gov-form-radio *, .gov-form-radio * {
|
|
|
9017
8594
|
margin-top: 0;
|
|
9018
8595
|
margin-bottom: 0;
|
|
9019
8596
|
}
|
|
9020
|
-
gov-form-radio:focus, .gov-form-radio:focus {
|
|
9021
|
-
outline: none;
|
|
9022
|
-
}
|
|
9023
|
-
gov-form-radio:focus-visible, .gov-form-radio:focus-visible {
|
|
9024
|
-
border-radius: var(--border-radius, var(--corner-radius-s));
|
|
9025
|
-
outline: var(--outline-width, 0.125rem) solid var(--status-focus);
|
|
9026
|
-
outline-offset: 0;
|
|
9027
|
-
}
|
|
9028
|
-
gov-form-radio:focus-within, .gov-form-radio:focus-within {
|
|
9029
|
-
border-radius: var(--border-radius, var(--corner-radius-s));
|
|
9030
|
-
outline: var(--outline-width, 0.125rem) solid var(--status-focus);
|
|
9031
|
-
outline-offset: 0;
|
|
9032
|
-
}
|
|
9033
8597
|
gov-form-radio input, .gov-form-radio input {
|
|
9034
|
-
position:
|
|
8598
|
+
position: absolute;
|
|
8599
|
+
top: 0;
|
|
8600
|
+
left: 0;
|
|
8601
|
+
z-index: 1;
|
|
9035
8602
|
flex: 0 0 auto;
|
|
9036
8603
|
-webkit-appearance: none;
|
|
9037
8604
|
-moz-appearance: none;
|
|
9038
8605
|
appearance: none;
|
|
8606
|
+
cursor: pointer;
|
|
9039
8607
|
border-radius: 50%;
|
|
9040
|
-
background: var(--
|
|
9041
|
-
border: 3px solid var(--
|
|
9042
|
-
box-shadow: 0 0 0 2px var(--
|
|
8608
|
+
background: var(--background-neutral-white);
|
|
8609
|
+
border: 3px solid var(--background-neutral-white);
|
|
8610
|
+
box-shadow: 0 0 0 2px var(--interactive-inactive);
|
|
9043
8611
|
}
|
|
9044
8612
|
gov-form-radio input:checked, .gov-form-radio input:checked {
|
|
9045
8613
|
background: var(--interactive-active);
|
|
9046
8614
|
box-shadow: 0 0 0 2px var(--interactive-active);
|
|
9047
8615
|
}
|
|
8616
|
+
gov-form-radio input + span, .gov-form-radio input + span {
|
|
8617
|
+
position: relative;
|
|
8618
|
+
display: block;
|
|
8619
|
+
}
|
|
8620
|
+
gov-form-radio input:focus-visible, .gov-form-radio input:focus-visible {
|
|
8621
|
+
outline: none;
|
|
8622
|
+
}
|
|
8623
|
+
gov-form-radio input:focus-visible + span, .gov-form-radio input:focus-visible + span {
|
|
8624
|
+
border-radius: var(--outline-border-radius, var(--corner-radius-xs-nudge));
|
|
8625
|
+
outline: var(--outline-width, 0.125rem) solid var(--status-focus);
|
|
8626
|
+
outline-offset: var(--outline-offset, 0.125rem);
|
|
8627
|
+
}
|
|
9048
8628
|
gov-form-radio[invalid=""] input, gov-form-radio[invalid=true i] input, gov-form-radio[invalid="1"] input, .gov-form-radio[invalid=""] input, .gov-form-radio[invalid=true i] input, .gov-form-radio[invalid="1"] input {
|
|
9049
8629
|
box-shadow: 0 0 0 2px var(--interactive-error);
|
|
9050
8630
|
}
|
|
@@ -9074,6 +8654,9 @@ gov-form-radio[size=xs], .gov-form-radio[size=xs] {
|
|
|
9074
8654
|
gap: var(--gap, var(--spacing-xs-nudge));
|
|
9075
8655
|
padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-xs)) 0;
|
|
9076
8656
|
}
|
|
8657
|
+
gov-form-radio[size=xs] *[slot=label], .gov-form-radio[size=xs] *[slot=label] {
|
|
8658
|
+
padding-left: calc(var(--indicator-size, var(--height-s-nudge)) + var(--gap, var(--spacing-xs-nudge)));
|
|
8659
|
+
}
|
|
9077
8660
|
gov-form-radio[size=xs] *[slot=label] label, .gov-form-radio[size=xs] *[slot=label] label {
|
|
9078
8661
|
font-size: var(--font-size-body-xs);
|
|
9079
8662
|
line-height: 150%;
|
|
@@ -9081,10 +8664,14 @@ gov-form-radio[size=xs] *[slot=label] label, .gov-form-radio[size=xs] *[slot=lab
|
|
|
9081
8664
|
}
|
|
9082
8665
|
gov-form-radio[size=xs] input, .gov-form-radio[size=xs] input {
|
|
9083
8666
|
border-width: var(--radio-space, var(--spacing-2xs));
|
|
9084
|
-
top: calc((var(--height, var(--height-component-xs)) - var(--indicator-size, var(--height-s-nudge)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-xs)) * 2) / 2);
|
|
8667
|
+
top: calc(var(--padding-ver, var(--spacing-multiline-vertical-padding-xs)) + (var(--height, var(--height-component-xs)) - var(--indicator-size, var(--height-s-nudge)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-xs)) * 2) / 2);
|
|
9085
8668
|
width: var(--indicator-size, var(--height-s-nudge));
|
|
9086
8669
|
height: var(--indicator-size, var(--height-s-nudge));
|
|
9087
8670
|
}
|
|
8671
|
+
gov-form-radio[size=xs] input + span, .gov-form-radio[size=xs] input + span {
|
|
8672
|
+
min-width: calc(var(--indicator-size, var(--height-s-nudge)) + var(--gap, var(--spacing-xs-nudge)));
|
|
8673
|
+
min-height: var(--indicator-size, var(--height-s-nudge));
|
|
8674
|
+
}
|
|
9088
8675
|
gov-form-radio[size=xs][no-label=""], gov-form-radio[size=xs][no-label=true i], gov-form-radio[size=xs][no-label="1"], .gov-form-radio[size=xs][no-label=""], .gov-form-radio[size=xs][no-label=true i], .gov-form-radio[size=xs][no-label="1"] {
|
|
9089
8676
|
width: var(--indicator-size, var(--height-s-nudge));
|
|
9090
8677
|
}
|
|
@@ -9096,6 +8683,9 @@ gov-form-radio[size=s], .gov-form-radio[size=s] {
|
|
|
9096
8683
|
gap: var(--gap, var(--spacing-s));
|
|
9097
8684
|
padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-s)) 0;
|
|
9098
8685
|
}
|
|
8686
|
+
gov-form-radio[size=s] *[slot=label], .gov-form-radio[size=s] *[slot=label] {
|
|
8687
|
+
padding-left: calc(var(--indicator-size, var(--height-m)) + var(--gap, var(--spacing-s)));
|
|
8688
|
+
}
|
|
9099
8689
|
gov-form-radio[size=s] *[slot=label] label, .gov-form-radio[size=s] *[slot=label] label {
|
|
9100
8690
|
font-size: var(--font-size-body-s);
|
|
9101
8691
|
line-height: 150%;
|
|
@@ -9103,10 +8693,14 @@ gov-form-radio[size=s] *[slot=label] label, .gov-form-radio[size=s] *[slot=label
|
|
|
9103
8693
|
}
|
|
9104
8694
|
gov-form-radio[size=s] input, .gov-form-radio[size=s] input {
|
|
9105
8695
|
border-width: var(--radio-space, var(--spacing-multiline-vertical-padding-xs));
|
|
9106
|
-
top: calc((var(--height, var(--height-component-s)) - var(--indicator-size, var(--height-m)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-s)) * 2) / 2);
|
|
8696
|
+
top: calc(var(--padding-ver, var(--spacing-multiline-vertical-padding-s)) + (var(--height, var(--height-component-s)) - var(--indicator-size, var(--height-m)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-s)) * 2) / 2);
|
|
9107
8697
|
width: var(--indicator-size, var(--height-m));
|
|
9108
8698
|
height: var(--indicator-size, var(--height-m));
|
|
9109
8699
|
}
|
|
8700
|
+
gov-form-radio[size=s] input + span, .gov-form-radio[size=s] input + span {
|
|
8701
|
+
min-width: calc(var(--indicator-size, var(--height-m)) + var(--gap, var(--spacing-s)));
|
|
8702
|
+
min-height: var(--indicator-size, var(--height-m));
|
|
8703
|
+
}
|
|
9110
8704
|
gov-form-radio[size=s][no-label=""], gov-form-radio[size=s][no-label=true i], gov-form-radio[size=s][no-label="1"], .gov-form-radio[size=s][no-label=""], .gov-form-radio[size=s][no-label=true i], .gov-form-radio[size=s][no-label="1"] {
|
|
9111
8705
|
width: var(--indicator-size, var(--height-m));
|
|
9112
8706
|
}
|
|
@@ -9118,6 +8712,9 @@ gov-form-radio[size=m], .gov-form-radio[size=m] {
|
|
|
9118
8712
|
gap: var(--gap, var(--spacing-s-nudge));
|
|
9119
8713
|
padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-m)) 0;
|
|
9120
8714
|
}
|
|
8715
|
+
gov-form-radio[size=m] *[slot=label], .gov-form-radio[size=m] *[slot=label] {
|
|
8716
|
+
padding-left: calc(var(--indicator-size, var(--height-m-nudge)) + var(--gap, var(--spacing-s-nudge)));
|
|
8717
|
+
}
|
|
9121
8718
|
gov-form-radio[size=m] *[slot=label] label, .gov-form-radio[size=m] *[slot=label] label {
|
|
9122
8719
|
font-size: var(--font-size-body-m);
|
|
9123
8720
|
line-height: 150%;
|
|
@@ -9125,10 +8722,14 @@ gov-form-radio[size=m] *[slot=label] label, .gov-form-radio[size=m] *[slot=label
|
|
|
9125
8722
|
}
|
|
9126
8723
|
gov-form-radio[size=m] input, .gov-form-radio[size=m] input {
|
|
9127
8724
|
border-width: var(--radio-space, var(--spacing-xs));
|
|
9128
|
-
top: calc((var(--height, var(--height-component-m)) - var(--indicator-size, var(--height-m-nudge)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-m)) * 2) / 2);
|
|
8725
|
+
top: calc(var(--padding-ver, var(--spacing-multiline-vertical-padding-m)) + (var(--height, var(--height-component-m)) - var(--indicator-size, var(--height-m-nudge)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-m)) * 2) / 2);
|
|
9129
8726
|
width: var(--indicator-size, var(--height-m-nudge));
|
|
9130
8727
|
height: var(--indicator-size, var(--height-m-nudge));
|
|
9131
8728
|
}
|
|
8729
|
+
gov-form-radio[size=m] input + span, .gov-form-radio[size=m] input + span {
|
|
8730
|
+
min-width: calc(var(--indicator-size, var(--height-m-nudge)) + var(--gap, var(--spacing-s-nudge)));
|
|
8731
|
+
min-height: var(--indicator-size, var(--height-m-nudge));
|
|
8732
|
+
}
|
|
9132
8733
|
gov-form-radio[size=m][no-label=""], gov-form-radio[size=m][no-label=true i], gov-form-radio[size=m][no-label="1"], .gov-form-radio[size=m][no-label=""], .gov-form-radio[size=m][no-label=true i], .gov-form-radio[size=m][no-label="1"] {
|
|
9133
8734
|
width: var(--indicator-size, var(--height-m-nudge));
|
|
9134
8735
|
}
|
|
@@ -9140,6 +8741,9 @@ gov-form-radio[size=l], .gov-form-radio[size=l] {
|
|
|
9140
8741
|
gap: var(--gap, var(--spacing-m));
|
|
9141
8742
|
padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-l)) 0;
|
|
9142
8743
|
}
|
|
8744
|
+
gov-form-radio[size=l] *[slot=label], .gov-form-radio[size=l] *[slot=label] {
|
|
8745
|
+
padding-left: calc(var(--indicator-size, var(--height-l)) + var(--gap, var(--spacing-m)));
|
|
8746
|
+
}
|
|
9143
8747
|
gov-form-radio[size=l] *[slot=label] label, .gov-form-radio[size=l] *[slot=label] label {
|
|
9144
8748
|
font-size: var(--font-size-body-l);
|
|
9145
8749
|
line-height: 150%;
|
|
@@ -9147,10 +8751,14 @@ gov-form-radio[size=l] *[slot=label] label, .gov-form-radio[size=l] *[slot=label
|
|
|
9147
8751
|
}
|
|
9148
8752
|
gov-form-radio[size=l] input, .gov-form-radio[size=l] input {
|
|
9149
8753
|
border-width: var(--radio-space, var(--spacing-multiline-vertical-padding-s));
|
|
9150
|
-
top: calc((var(--height, var(--height-component-l)) - var(--indicator-size, var(--height-l)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-l)) * 2) / 2);
|
|
8754
|
+
top: calc(var(--padding-ver, var(--spacing-multiline-vertical-padding-l)) + (var(--height, var(--height-component-l)) - var(--indicator-size, var(--height-l)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-l)) * 2) / 2);
|
|
9151
8755
|
width: var(--indicator-size, var(--height-l));
|
|
9152
8756
|
height: var(--indicator-size, var(--height-l));
|
|
9153
8757
|
}
|
|
8758
|
+
gov-form-radio[size=l] input + span, .gov-form-radio[size=l] input + span {
|
|
8759
|
+
min-width: calc(var(--indicator-size, var(--height-l)) + var(--gap, var(--spacing-m)));
|
|
8760
|
+
min-height: var(--indicator-size, var(--height-l));
|
|
8761
|
+
}
|
|
9154
8762
|
gov-form-radio[size=l][no-label=""], gov-form-radio[size=l][no-label=true i], gov-form-radio[size=l][no-label="1"], .gov-form-radio[size=l][no-label=""], .gov-form-radio[size=l][no-label=true i], .gov-form-radio[size=l][no-label="1"] {
|
|
9155
8763
|
width: var(--indicator-size, var(--height-l));
|
|
9156
8764
|
}
|
|
@@ -9162,6 +8770,9 @@ gov-form-radio[size=xl], .gov-form-radio[size=xl] {
|
|
|
9162
8770
|
gap: var(--gap, var(--spacing-m-nudge));
|
|
9163
8771
|
padding: var(--padding-ver, var(--spacing-multiline-vertical-padding-xl)) 0;
|
|
9164
8772
|
}
|
|
8773
|
+
gov-form-radio[size=xl] *[slot=label], .gov-form-radio[size=xl] *[slot=label] {
|
|
8774
|
+
padding-left: calc(var(--indicator-size, var(--height-xl)) + var(--gap, var(--spacing-m-nudge)));
|
|
8775
|
+
}
|
|
9165
8776
|
gov-form-radio[size=xl] *[slot=label] label, .gov-form-radio[size=xl] *[slot=label] label {
|
|
9166
8777
|
font-size: var(--font-size-body-xl);
|
|
9167
8778
|
line-height: 150%;
|
|
@@ -9169,14 +8780,371 @@ gov-form-radio[size=xl] *[slot=label] label, .gov-form-radio[size=xl] *[slot=lab
|
|
|
9169
8780
|
}
|
|
9170
8781
|
gov-form-radio[size=xl] input, .gov-form-radio[size=xl] input {
|
|
9171
8782
|
border-width: var(--radio-space, var(--spacing-xs-nudge));
|
|
9172
|
-
top: calc((var(--height, var(--height-component-xl)) - var(--indicator-size, var(--height-xl)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-xl)) * 2) / 2);
|
|
8783
|
+
top: calc(var(--padding-ver, var(--spacing-multiline-vertical-padding-xl)) + (var(--height, var(--height-component-xl)) - var(--indicator-size, var(--height-xl)) - var(--padding-ver, var(--spacing-multiline-vertical-padding-xl)) * 2) / 2);
|
|
9173
8784
|
width: var(--indicator-size, var(--height-xl));
|
|
9174
8785
|
height: var(--indicator-size, var(--height-xl));
|
|
9175
8786
|
}
|
|
8787
|
+
gov-form-radio[size=xl] input + span, .gov-form-radio[size=xl] input + span {
|
|
8788
|
+
min-width: calc(var(--indicator-size, var(--height-xl)) + var(--gap, var(--spacing-m-nudge)));
|
|
8789
|
+
min-height: var(--indicator-size, var(--height-xl));
|
|
8790
|
+
}
|
|
9176
8791
|
gov-form-radio[size=xl][no-label=""], gov-form-radio[size=xl][no-label=true i], gov-form-radio[size=xl][no-label="1"], .gov-form-radio[size=xl][no-label=""], .gov-form-radio[size=xl][no-label=true i], .gov-form-radio[size=xl][no-label="1"] {
|
|
9177
8792
|
width: var(--indicator-size, var(--height-xl));
|
|
9178
8793
|
}
|
|
9179
8794
|
|
|
8795
|
+
/* Range */
|
|
8796
|
+
gov-form-range, .gov-form-range {
|
|
8797
|
+
/* Variables - Form range */
|
|
8798
|
+
position: relative;
|
|
8799
|
+
display: flex;
|
|
8800
|
+
align-items: flex-end;
|
|
8801
|
+
gap: var(--spacing-xs-nudge);
|
|
8802
|
+
width: 100%;
|
|
8803
|
+
}
|
|
8804
|
+
gov-form-range[size=m] input[type=range], .gov-form-range[size=m] input[type=range] {
|
|
8805
|
+
height: calc(var(--thumb-size) + var(--focus-space, 0.25rem));
|
|
8806
|
+
}
|
|
8807
|
+
gov-form-range[size=m] input[type=range]::-webkit-slider-runnable-track, .gov-form-range[size=m] input[type=range]::-webkit-slider-runnable-track {
|
|
8808
|
+
height: var(--height, var(--height-s));
|
|
8809
|
+
}
|
|
8810
|
+
gov-form-range[size=m] input[type=range]::-webkit-slider-thumb, .gov-form-range[size=m] input[type=range]::-webkit-slider-thumb {
|
|
8811
|
+
width: var(--thumb-size);
|
|
8812
|
+
height: var(--thumb-size);
|
|
8813
|
+
margin-top: calc(var(--thumb-size) / -2 + var(--height, var(--height-s)) / 2);
|
|
8814
|
+
}
|
|
8815
|
+
gov-form-range[size=m] input[type=range]::-moz-range-track, .gov-form-range[size=m] input[type=range]::-moz-range-track {
|
|
8816
|
+
height: var(--height, var(--height-s));
|
|
8817
|
+
}
|
|
8818
|
+
gov-form-range[size=m] input[type=range]::-moz-range-thumb, .gov-form-range[size=m] input[type=range]::-moz-range-thumb {
|
|
8819
|
+
width: var(--thumb-size);
|
|
8820
|
+
height: var(--thumb-size);
|
|
8821
|
+
margin-top: calc(var(--thumb-size) / -2 + var(--height, var(--height-s)) / 2);
|
|
8822
|
+
}
|
|
8823
|
+
gov-form-range[size=m] .gov-form-range--fill, .gov-form-range[size=m] .gov-form-range--fill {
|
|
8824
|
+
top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s)) / -2 + var(--focus-space, 0.25rem) / 2);
|
|
8825
|
+
block-size: var(--height, var(--height-s));
|
|
8826
|
+
}
|
|
8827
|
+
gov-form-range[size=m][tooltip] .gov-form-range--fill, .gov-form-range[size=m][tooltip] .gov-form-range--fill {
|
|
8828
|
+
top: calc(var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem) + var(--thumb-size) / 2 + var(--height, var(--height-s)) / -2 + var(--focus-space, 0.25rem) / 2);
|
|
8829
|
+
}
|
|
8830
|
+
gov-form-range[size=m] .gov-form-range--input, .gov-form-range[size=m] .gov-form-range--input {
|
|
8831
|
+
width: var(--input-width, 4.125rem);
|
|
8832
|
+
margin-top: calc(var(--height, var(--height-s)) * -1);
|
|
8833
|
+
}
|
|
8834
|
+
gov-form-range[size=m]:not(.hydrated):before, .gov-form-range[size=m]:not(.hydrated):before {
|
|
8835
|
+
height: calc(var(--thumb-size) + var(--focus-space, 0.25rem));
|
|
8836
|
+
}
|
|
8837
|
+
gov-form-range[size=m]:not(.hydrated):after, .gov-form-range[size=m]:not(.hydrated):after {
|
|
8838
|
+
top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s)) / -2 + var(--focus-space, 0.25rem) / 2);
|
|
8839
|
+
height: var(--height, var(--height-s));
|
|
8840
|
+
}
|
|
8841
|
+
gov-form-range[size=m]:not(.hydrated)[tooltip]:before, .gov-form-range[size=m]:not(.hydrated)[tooltip]:before {
|
|
8842
|
+
height: calc(var(--thumb-size) + var(--focus-space, 0.25rem) + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
|
|
8843
|
+
}
|
|
8844
|
+
gov-form-range[size=m]:not(.hydrated)[tooltip]:after, .gov-form-range[size=m]:not(.hydrated)[tooltip]:after {
|
|
8845
|
+
top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s)) / -2 + var(--focus-space, 0.25rem) / 2 + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
|
|
8846
|
+
}
|
|
8847
|
+
gov-form-range:has(.gov-form-range--input), .gov-form-range:has(.gov-form-range--input) {
|
|
8848
|
+
align-items: flex-start;
|
|
8849
|
+
}
|
|
8850
|
+
gov-form-range > .element, .gov-form-range > .element {
|
|
8851
|
+
position: relative;
|
|
8852
|
+
display: flex;
|
|
8853
|
+
flex-direction: column;
|
|
8854
|
+
width: 100%;
|
|
8855
|
+
}
|
|
8856
|
+
gov-form-range input[type=range], .gov-form-range input[type=range] {
|
|
8857
|
+
width: 100%;
|
|
8858
|
+
-webkit-appearance: none;
|
|
8859
|
+
-moz-appearance: none;
|
|
8860
|
+
appearance: none;
|
|
8861
|
+
background: transparent;
|
|
8862
|
+
cursor: pointer;
|
|
8863
|
+
}
|
|
8864
|
+
gov-form-range input[type=range]:focus, .gov-form-range input[type=range]:focus {
|
|
8865
|
+
outline: none;
|
|
8866
|
+
}
|
|
8867
|
+
gov-form-range input[type=range]:focus-visible, .gov-form-range input[type=range]:focus-visible {
|
|
8868
|
+
border-radius: var(--border-radius, var(--corner-radius-s));
|
|
8869
|
+
outline: var(--outline-width, 0.125rem) solid var(--status-focus);
|
|
8870
|
+
outline-offset: 0;
|
|
8871
|
+
}
|
|
8872
|
+
gov-form-range input[type=range]::-webkit-slider-runnable-track, .gov-form-range input[type=range]::-webkit-slider-runnable-track {
|
|
8873
|
+
-webkit-appearance: none;
|
|
8874
|
+
appearance: none;
|
|
8875
|
+
width: 100%;
|
|
8876
|
+
border-radius: var(--border-radius-doubled, var(--corner-radius-m));
|
|
8877
|
+
background-color: var(--background-neutral-subtle);
|
|
8878
|
+
}
|
|
8879
|
+
gov-form-range input[type=range]::-webkit-slider-thumb, .gov-form-range input[type=range]::-webkit-slider-thumb {
|
|
8880
|
+
-webkit-appearance: none;
|
|
8881
|
+
appearance: none;
|
|
8882
|
+
border-radius: 50%;
|
|
8883
|
+
background-color: var(--button-solid-primary);
|
|
8884
|
+
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
|
|
8885
|
+
}
|
|
8886
|
+
gov-form-range input[type=range]::-moz-range-track, .gov-form-range input[type=range]::-moz-range-track {
|
|
8887
|
+
-webkit-appearance: none;
|
|
8888
|
+
-moz-appearance: none;
|
|
8889
|
+
appearance: none;
|
|
8890
|
+
position: relative;
|
|
8891
|
+
z-index: 1;
|
|
8892
|
+
width: 100%;
|
|
8893
|
+
border-radius: var(--border-radius-doubled, var(--corner-radius-m));
|
|
8894
|
+
background-color: var(--background-neutral-subtle);
|
|
8895
|
+
}
|
|
8896
|
+
gov-form-range input[type=range]::-moz-range-thumb, .gov-form-range input[type=range]::-moz-range-thumb {
|
|
8897
|
+
-webkit-appearance: none;
|
|
8898
|
+
-moz-appearance: none;
|
|
8899
|
+
appearance: none;
|
|
8900
|
+
position: relative;
|
|
8901
|
+
z-index: 2;
|
|
8902
|
+
border: none;
|
|
8903
|
+
border-radius: 50%;
|
|
8904
|
+
background-color: var(--button-solid-primary);
|
|
8905
|
+
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
|
|
8906
|
+
}
|
|
8907
|
+
gov-form-range output, .gov-form-range output {
|
|
8908
|
+
position: absolute;
|
|
8909
|
+
top: 0;
|
|
8910
|
+
left: 0;
|
|
8911
|
+
padding: var(--spacing-s);
|
|
8912
|
+
border-radius: var(--border-radius, var(--corner-radius-s));
|
|
8913
|
+
background-color: var(--background-neutral-subtle);
|
|
8914
|
+
font-size: var(--font-size-body-s);
|
|
8915
|
+
line-height: 150%;
|
|
8916
|
+
font-weight: 400;
|
|
8917
|
+
}
|
|
8918
|
+
gov-form-range output:before, .gov-form-range output:before {
|
|
8919
|
+
content: "";
|
|
8920
|
+
position: absolute;
|
|
8921
|
+
display: block;
|
|
8922
|
+
top: 100%;
|
|
8923
|
+
left: 50%;
|
|
8924
|
+
width: 0;
|
|
8925
|
+
height: 0;
|
|
8926
|
+
transform: translateX(-50%);
|
|
8927
|
+
border: 0.4375rem solid transparent;
|
|
8928
|
+
border-top-color: var(--background-neutral-subtle);
|
|
8929
|
+
}
|
|
8930
|
+
gov-form-range *[slot=datalist], .gov-form-range *[slot=datalist] {
|
|
8931
|
+
display: flex;
|
|
8932
|
+
flex-direction: row;
|
|
8933
|
+
justify-content: space-between;
|
|
8934
|
+
width: 100%;
|
|
8935
|
+
}
|
|
8936
|
+
gov-form-range *[slot=datalist] > *, .gov-form-range *[slot=datalist] > * {
|
|
8937
|
+
position: relative;
|
|
8938
|
+
padding: var(--datalist-horizontal-padding-top, 0.375rem) 0 0 0;
|
|
8939
|
+
color: var(--text-secondary);
|
|
8940
|
+
font-size: var(--font-size-body-xs);
|
|
8941
|
+
line-height: 150%;
|
|
8942
|
+
font-weight: 400;
|
|
8943
|
+
}
|
|
8944
|
+
gov-form-range *[slot=datalist] > *:before, .gov-form-range *[slot=datalist] > *:before {
|
|
8945
|
+
content: "";
|
|
8946
|
+
position: absolute;
|
|
8947
|
+
background-color: var(--border-neutral);
|
|
8948
|
+
border-radius: var(--datalist-border-radius, var(--border-radius-fixed, var(--corner-radius-xs)));
|
|
8949
|
+
inline-size: var(--datalist-horizontal-inline-size, 0.0625rem);
|
|
8950
|
+
block-size: var(--datalist-horizontal-block-size, 0.375rem);
|
|
8951
|
+
inset-block-start: 0;
|
|
8952
|
+
inset-inline-start: 50%;
|
|
8953
|
+
}
|
|
8954
|
+
gov-form-range *[slot=datalist][data-vertical=""], gov-form-range *[slot=datalist][data-vertical=true i], gov-form-range *[slot=datalist][data-vertical="1"], .gov-form-range *[slot=datalist][data-vertical=""], .gov-form-range *[slot=datalist][data-vertical=true i], .gov-form-range *[slot=datalist][data-vertical="1"] {
|
|
8955
|
+
flex-direction: column;
|
|
8956
|
+
writing-mode: vertical-lr;
|
|
8957
|
+
}
|
|
8958
|
+
gov-form-range *[slot=datalist][data-vertical=""] > *, gov-form-range *[slot=datalist][data-vertical=true i] > *, gov-form-range *[slot=datalist][data-vertical="1"] > *, .gov-form-range *[slot=datalist][data-vertical=""] > *, .gov-form-range *[slot=datalist][data-vertical=true i] > *, .gov-form-range *[slot=datalist][data-vertical="1"] > * {
|
|
8959
|
+
padding-top: var(--datalist-vertical-padding-top, 0.5625rem);
|
|
8960
|
+
}
|
|
8961
|
+
gov-form-range *[slot=datalist][data-vertical=""] > *:before, gov-form-range *[slot=datalist][data-vertical=true i] > *:before, gov-form-range *[slot=datalist][data-vertical="1"] > *:before, .gov-form-range *[slot=datalist][data-vertical=""] > *:before, .gov-form-range *[slot=datalist][data-vertical=true i] > *:before, .gov-form-range *[slot=datalist][data-vertical="1"] > *:before {
|
|
8962
|
+
inline-size: var(--datalist-vertical-inline-size, 0.375rem);
|
|
8963
|
+
block-size: var(--datalist-vertical-block-size, 0.0625rem);
|
|
8964
|
+
inset-block-start: 50%;
|
|
8965
|
+
inset-inline-start: 0;
|
|
8966
|
+
}
|
|
8967
|
+
gov-form-range--fill, .gov-form-range--fill {
|
|
8968
|
+
position: absolute;
|
|
8969
|
+
z-index: 2;
|
|
8970
|
+
overflow: hidden;
|
|
8971
|
+
inset-inline-start: 0;
|
|
8972
|
+
inset-block-start: 0;
|
|
8973
|
+
inline-size: 100%;
|
|
8974
|
+
pointer-events: none;
|
|
8975
|
+
border-radius: var(--border-radius-doubled, var(--corner-radius-m));
|
|
8976
|
+
background-color: var(--button-solid-primary);
|
|
8977
|
+
}
|
|
8978
|
+
gov-form-range[tooltip] > .element, .gov-form-range[tooltip] > .element {
|
|
8979
|
+
padding-top: calc(var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
|
|
8980
|
+
}
|
|
8981
|
+
gov-form-range[tooltip] gov-form-input > .element, gov-form-range[tooltip] .gov-form-input > .element, .gov-form-range[tooltip] gov-form-input > .element, .gov-form-range[tooltip] .gov-form-input > .element {
|
|
8982
|
+
margin-top: calc(var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
|
|
8983
|
+
}
|
|
8984
|
+
gov-form-range--input, .gov-form-range--input {
|
|
8985
|
+
padding-left: var(--spacing-xs);
|
|
8986
|
+
}
|
|
8987
|
+
gov-form-range--input .validation-icon, .gov-form-range--input .validation-icon {
|
|
8988
|
+
display: none;
|
|
8989
|
+
}
|
|
8990
|
+
gov-form-range *[slot=prefix],
|
|
8991
|
+
gov-form-range *[slot=sufix], .gov-form-range *[slot=prefix],
|
|
8992
|
+
.gov-form-range *[slot=sufix] {
|
|
8993
|
+
padding-bottom: var(--spacing-xs-nudge);
|
|
8994
|
+
font-size: var(--font-size-body-s);
|
|
8995
|
+
line-height: 150%;
|
|
8996
|
+
font-weight: 400;
|
|
8997
|
+
}
|
|
8998
|
+
gov-form-range:not(.hydrated), .gov-form-range:not(.hydrated) {
|
|
8999
|
+
flex-direction: column;
|
|
9000
|
+
gap: 0;
|
|
9001
|
+
}
|
|
9002
|
+
gov-form-range:not(.hydrated):before, .gov-form-range:not(.hydrated):before {
|
|
9003
|
+
content: "";
|
|
9004
|
+
position: relative;
|
|
9005
|
+
width: 100%;
|
|
9006
|
+
}
|
|
9007
|
+
gov-form-range:not(.hydrated):after, .gov-form-range:not(.hydrated):after {
|
|
9008
|
+
content: "";
|
|
9009
|
+
position: absolute;
|
|
9010
|
+
width: 100%;
|
|
9011
|
+
border-radius: var(--border-radius-doubled, var(--corner-radius-m));
|
|
9012
|
+
background-color: var(--background-neutral-subtle);
|
|
9013
|
+
}
|
|
9014
|
+
@media not all and (pointer: coarse) {
|
|
9015
|
+
gov-form-range:hover input[type=range]::-webkit-slider-thumb, .gov-form-range:hover input[type=range]::-webkit-slider-thumb {
|
|
9016
|
+
background-color: var(--button-solid-primary-hover);
|
|
9017
|
+
}
|
|
9018
|
+
gov-form-range:hover input[type=range]::-moz-range-thumb, .gov-form-range:hover input[type=range]::-moz-range-thumb {
|
|
9019
|
+
background-color: var(--button-solid-primary-hover);
|
|
9020
|
+
}
|
|
9021
|
+
gov-form-range:hover .gov-form-range--fill, .gov-form-range:hover .gov-form-range--fill {
|
|
9022
|
+
background-color: var(--button-solid-primary-hover);
|
|
9023
|
+
}
|
|
9024
|
+
}
|
|
9025
|
+
gov-form-range:active input[type=range]::-webkit-slider-thumb, .gov-form-range:active input[type=range]::-webkit-slider-thumb {
|
|
9026
|
+
background-color: var(--button-solid-primary-active);
|
|
9027
|
+
}
|
|
9028
|
+
gov-form-range:active input[type=range]::-moz-range-thumb, .gov-form-range:active input[type=range]::-moz-range-thumb {
|
|
9029
|
+
background-color: var(--button-solid-primary-active);
|
|
9030
|
+
}
|
|
9031
|
+
gov-form-range:active .gov-form-range--fill, .gov-form-range:active .gov-form-range--fill {
|
|
9032
|
+
background-color: var(--button-solid-primary-active);
|
|
9033
|
+
}
|
|
9034
|
+
gov-form-range[invalid=""] input[type=range]::-webkit-slider-thumb, gov-form-range[invalid=true i] input[type=range]::-webkit-slider-thumb, gov-form-range[invalid="1"] input[type=range]::-webkit-slider-thumb, .gov-form-range[invalid=""] input[type=range]::-webkit-slider-thumb, .gov-form-range[invalid=true i] input[type=range]::-webkit-slider-thumb, .gov-form-range[invalid="1"] input[type=range]::-webkit-slider-thumb {
|
|
9035
|
+
background-color: var(--background-status-error);
|
|
9036
|
+
}
|
|
9037
|
+
gov-form-range[invalid=""] input[type=range]::-moz-range-thumb, gov-form-range[invalid=true i] input[type=range]::-moz-range-thumb, gov-form-range[invalid="1"] input[type=range]::-moz-range-thumb, .gov-form-range[invalid=""] input[type=range]::-moz-range-thumb, .gov-form-range[invalid=true i] input[type=range]::-moz-range-thumb, .gov-form-range[invalid="1"] input[type=range]::-moz-range-thumb {
|
|
9038
|
+
background-color: var(--background-status-error);
|
|
9039
|
+
}
|
|
9040
|
+
gov-form-range[invalid=""] .gov-form-range--fill, gov-form-range[invalid=true i] .gov-form-range--fill, gov-form-range[invalid="1"] .gov-form-range--fill, .gov-form-range[invalid=""] .gov-form-range--fill, .gov-form-range[invalid=true i] .gov-form-range--fill, .gov-form-range[invalid="1"] .gov-form-range--fill {
|
|
9041
|
+
background-color: var(--background-status-error);
|
|
9042
|
+
}
|
|
9043
|
+
gov-form-range[disabled=""] input[type=range]::-webkit-slider-thumb, gov-form-range[disabled=true i] input[type=range]::-webkit-slider-thumb, gov-form-range[disabled="1"] input[type=range]::-webkit-slider-thumb, .gov-form-range[disabled=""] input[type=range]::-webkit-slider-thumb, .gov-form-range[disabled=true i] input[type=range]::-webkit-slider-thumb, .gov-form-range[disabled="1"] input[type=range]::-webkit-slider-thumb {
|
|
9044
|
+
background-color: var(--button-solid-disabled);
|
|
9045
|
+
}
|
|
9046
|
+
gov-form-range[disabled=""] input[type=range]::-moz-range-thumb, gov-form-range[disabled=true i] input[type=range]::-moz-range-thumb, gov-form-range[disabled="1"] input[type=range]::-moz-range-thumb, .gov-form-range[disabled=""] input[type=range]::-moz-range-thumb, .gov-form-range[disabled=true i] input[type=range]::-moz-range-thumb, .gov-form-range[disabled="1"] input[type=range]::-moz-range-thumb {
|
|
9047
|
+
background-color: var(--button-solid-disabled);
|
|
9048
|
+
}
|
|
9049
|
+
gov-form-range[disabled=""] .gov-form-range--fill, gov-form-range[disabled=true i] .gov-form-range--fill, gov-form-range[disabled="1"] .gov-form-range--fill, .gov-form-range[disabled=""] .gov-form-range--fill, .gov-form-range[disabled=true i] .gov-form-range--fill, .gov-form-range[disabled="1"] .gov-form-range--fill {
|
|
9050
|
+
background-color: var(--button-solid-disabled);
|
|
9051
|
+
}
|
|
9052
|
+
gov-form-range[size=s], .gov-form-range[size=s] {
|
|
9053
|
+
--thumb-size: 1.125rem;
|
|
9054
|
+
}
|
|
9055
|
+
gov-form-range[size=s][size=s] input[type=range], .gov-form-range[size=s][size=s] input[type=range] {
|
|
9056
|
+
height: calc(var(--thumb-size) + var(--focus-space, 0.25rem));
|
|
9057
|
+
}
|
|
9058
|
+
gov-form-range[size=s][size=s] input[type=range]::-webkit-slider-runnable-track, .gov-form-range[size=s][size=s] input[type=range]::-webkit-slider-runnable-track {
|
|
9059
|
+
height: var(--height, var(--height-xs-nudge));
|
|
9060
|
+
}
|
|
9061
|
+
gov-form-range[size=s][size=s] input[type=range]::-webkit-slider-thumb, .gov-form-range[size=s][size=s] input[type=range]::-webkit-slider-thumb {
|
|
9062
|
+
width: var(--thumb-size);
|
|
9063
|
+
height: var(--thumb-size);
|
|
9064
|
+
margin-top: calc(var(--thumb-size) / -2 + var(--height, var(--height-xs-nudge)) / 2);
|
|
9065
|
+
}
|
|
9066
|
+
gov-form-range[size=s][size=s] input[type=range]::-moz-range-track, .gov-form-range[size=s][size=s] input[type=range]::-moz-range-track {
|
|
9067
|
+
height: var(--height, var(--height-xs-nudge));
|
|
9068
|
+
}
|
|
9069
|
+
gov-form-range[size=s][size=s] input[type=range]::-moz-range-thumb, .gov-form-range[size=s][size=s] input[type=range]::-moz-range-thumb {
|
|
9070
|
+
width: var(--thumb-size);
|
|
9071
|
+
height: var(--thumb-size);
|
|
9072
|
+
margin-top: calc(var(--thumb-size) / -2 + var(--height, var(--height-xs-nudge)) / 2);
|
|
9073
|
+
}
|
|
9074
|
+
gov-form-range[size=s][size=s] .gov-form-range--fill, .gov-form-range[size=s][size=s] .gov-form-range--fill {
|
|
9075
|
+
top: calc(var(--thumb-size) / 2 + var(--height, var(--height-xs-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
|
|
9076
|
+
block-size: var(--height, var(--height-xs-nudge));
|
|
9077
|
+
}
|
|
9078
|
+
gov-form-range[size=s][size=s][tooltip] .gov-form-range--fill, .gov-form-range[size=s][size=s][tooltip] .gov-form-range--fill {
|
|
9079
|
+
top: calc(var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem) + var(--thumb-size) / 2 + var(--height, var(--height-xs-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
|
|
9080
|
+
}
|
|
9081
|
+
gov-form-range[size=s][size=s] .gov-form-range--input, .gov-form-range[size=s][size=s] .gov-form-range--input {
|
|
9082
|
+
width: var(--input-width, 3.25rem);
|
|
9083
|
+
margin-top: calc(var(--height, var(--height-xs-nudge)) * -1);
|
|
9084
|
+
}
|
|
9085
|
+
gov-form-range[size=s][size=s]:not(.hydrated):before, .gov-form-range[size=s][size=s]:not(.hydrated):before {
|
|
9086
|
+
height: calc(var(--thumb-size) + var(--focus-space, 0.25rem));
|
|
9087
|
+
}
|
|
9088
|
+
gov-form-range[size=s][size=s]:not(.hydrated):after, .gov-form-range[size=s][size=s]:not(.hydrated):after {
|
|
9089
|
+
top: calc(var(--thumb-size) / 2 + var(--height, var(--height-xs-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
|
|
9090
|
+
height: var(--height, var(--height-xs-nudge));
|
|
9091
|
+
}
|
|
9092
|
+
gov-form-range[size=s][size=s]:not(.hydrated)[tooltip]:before, .gov-form-range[size=s][size=s]:not(.hydrated)[tooltip]:before {
|
|
9093
|
+
height: calc(var(--thumb-size) + var(--focus-space, 0.25rem) + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
|
|
9094
|
+
}
|
|
9095
|
+
gov-form-range[size=s][size=s]:not(.hydrated)[tooltip]:after, .gov-form-range[size=s][size=s]:not(.hydrated)[tooltip]:after {
|
|
9096
|
+
top: calc(var(--thumb-size) / 2 + var(--height, var(--height-xs-nudge)) / -2 + var(--focus-space, 0.25rem) / 2 + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
|
|
9097
|
+
}
|
|
9098
|
+
gov-form-range[size=m], .gov-form-range[size=m] {
|
|
9099
|
+
--thumb-size: 1.375rem;
|
|
9100
|
+
}
|
|
9101
|
+
gov-form-range[size=l], .gov-form-range[size=l] {
|
|
9102
|
+
--thumb-size: 1.625rem;
|
|
9103
|
+
}
|
|
9104
|
+
gov-form-range[size=l][size=l] input[type=range], .gov-form-range[size=l][size=l] input[type=range] {
|
|
9105
|
+
height: calc(var(--thumb-size) + var(--focus-space, 0.25rem));
|
|
9106
|
+
}
|
|
9107
|
+
gov-form-range[size=l][size=l] input[type=range]::-webkit-slider-runnable-track, .gov-form-range[size=l][size=l] input[type=range]::-webkit-slider-runnable-track {
|
|
9108
|
+
height: var(--height, var(--height-s-nudge));
|
|
9109
|
+
}
|
|
9110
|
+
gov-form-range[size=l][size=l] input[type=range]::-webkit-slider-thumb, .gov-form-range[size=l][size=l] input[type=range]::-webkit-slider-thumb {
|
|
9111
|
+
width: var(--thumb-size);
|
|
9112
|
+
height: var(--thumb-size);
|
|
9113
|
+
margin-top: calc(var(--thumb-size) / -2 + var(--height, var(--height-s-nudge)) / 2);
|
|
9114
|
+
}
|
|
9115
|
+
gov-form-range[size=l][size=l] input[type=range]::-moz-range-track, .gov-form-range[size=l][size=l] input[type=range]::-moz-range-track {
|
|
9116
|
+
height: var(--height, var(--height-s-nudge));
|
|
9117
|
+
}
|
|
9118
|
+
gov-form-range[size=l][size=l] input[type=range]::-moz-range-thumb, .gov-form-range[size=l][size=l] input[type=range]::-moz-range-thumb {
|
|
9119
|
+
width: var(--thumb-size);
|
|
9120
|
+
height: var(--thumb-size);
|
|
9121
|
+
margin-top: calc(var(--thumb-size) / -2 + var(--height, var(--height-s-nudge)) / 2);
|
|
9122
|
+
}
|
|
9123
|
+
gov-form-range[size=l][size=l] .gov-form-range--fill, .gov-form-range[size=l][size=l] .gov-form-range--fill {
|
|
9124
|
+
top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
|
|
9125
|
+
block-size: var(--height, var(--height-s-nudge));
|
|
9126
|
+
}
|
|
9127
|
+
gov-form-range[size=l][size=l][tooltip] .gov-form-range--fill, .gov-form-range[size=l][size=l][tooltip] .gov-form-range--fill {
|
|
9128
|
+
top: calc(var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem) + var(--thumb-size) / 2 + var(--height, var(--height-s-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
|
|
9129
|
+
}
|
|
9130
|
+
gov-form-range[size=l][size=l] .gov-form-range--input, .gov-form-range[size=l][size=l] .gov-form-range--input {
|
|
9131
|
+
width: var(--input-width, 4.875rem);
|
|
9132
|
+
margin-top: calc(var(--height, var(--height-s-nudge)) * -1);
|
|
9133
|
+
}
|
|
9134
|
+
gov-form-range[size=l][size=l]:not(.hydrated):before, .gov-form-range[size=l][size=l]:not(.hydrated):before {
|
|
9135
|
+
height: calc(var(--thumb-size) + var(--focus-space, 0.25rem));
|
|
9136
|
+
}
|
|
9137
|
+
gov-form-range[size=l][size=l]:not(.hydrated):after, .gov-form-range[size=l][size=l]:not(.hydrated):after {
|
|
9138
|
+
top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s-nudge)) / -2 + var(--focus-space, 0.25rem) / 2);
|
|
9139
|
+
height: var(--height, var(--height-s-nudge));
|
|
9140
|
+
}
|
|
9141
|
+
gov-form-range[size=l][size=l]:not(.hydrated)[tooltip]:before, .gov-form-range[size=l][size=l]:not(.hydrated)[tooltip]:before {
|
|
9142
|
+
height: calc(var(--thumb-size) + var(--focus-space, 0.25rem) + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
|
|
9143
|
+
}
|
|
9144
|
+
gov-form-range[size=l][size=l]:not(.hydrated)[tooltip]:after, .gov-form-range[size=l][size=l]:not(.hydrated)[tooltip]:after {
|
|
9145
|
+
top: calc(var(--thumb-size) / 2 + var(--height, var(--height-s-nudge)) / -2 + var(--focus-space, 0.25rem) / 2 + var(--spacing-s) * 2 + var(--tooltip-padding-top, 2.1875rem));
|
|
9146
|
+
}
|
|
9147
|
+
|
|
9180
9148
|
/* Search */
|
|
9181
9149
|
gov-form-search, .gov-form-search {
|
|
9182
9150
|
/* Variables - Search */
|
|
@@ -9212,6 +9180,7 @@ gov-form-search [slot=input], .gov-form-search [slot=input] {
|
|
|
9212
9180
|
}
|
|
9213
9181
|
gov-form-search [slot=input] .element, .gov-form-search [slot=input] .element {
|
|
9214
9182
|
border-width: 0;
|
|
9183
|
+
background-color: transparent;
|
|
9215
9184
|
}
|
|
9216
9185
|
gov-form-search [slot=input] .element:focus-within, .gov-form-search [slot=input] .element:focus-within {
|
|
9217
9186
|
outline: none;
|
|
@@ -9231,19 +9200,19 @@ gov-form-search:not(.hydrated) gov-form-input, .gov-form-search:not(.hydrated) g
|
|
|
9231
9200
|
}
|
|
9232
9201
|
}
|
|
9233
9202
|
gov-form-search[size=s], .gov-form-search[size=s] {
|
|
9234
|
-
height: var(--height, var(--height-component-
|
|
9203
|
+
height: var(--height, var(--height-component-s));
|
|
9235
9204
|
gap: var(--gap, var(--spacing-xs-nudge));
|
|
9236
9205
|
}
|
|
9237
9206
|
gov-form-search[size=m], .gov-form-search[size=m] {
|
|
9238
|
-
height: var(--height, var(--height-component-
|
|
9207
|
+
height: var(--height, var(--height-component-m));
|
|
9239
9208
|
gap: var(--gap, var(--spacing-s));
|
|
9240
9209
|
}
|
|
9241
9210
|
gov-form-search[size=l], .gov-form-search[size=l] {
|
|
9242
|
-
height: var(--height, var(--height-component-
|
|
9211
|
+
height: var(--height, var(--height-component-l));
|
|
9243
9212
|
gap: var(--gap, var(--spacing-s-nudge));
|
|
9244
9213
|
}
|
|
9245
9214
|
gov-form-search[color=neutral], .gov-form-search[color=neutral] {
|
|
9246
|
-
border: var(--border-width, 0.0625rem) solid var(--border, var(--border-
|
|
9215
|
+
border: var(--border-width, 0.0625rem) solid var(--border, var(--border-subtle));
|
|
9247
9216
|
}
|
|
9248
9217
|
gov-form-search[color=primary], .gov-form-search[color=primary] {
|
|
9249
9218
|
border: var(--border-width, 0.0625rem) solid var(--border, var(--border-primary));
|
|
@@ -9286,7 +9255,7 @@ gov-form-select select, .gov-form-select select {
|
|
|
9286
9255
|
-webkit-appearance: none;
|
|
9287
9256
|
-moz-appearance: none;
|
|
9288
9257
|
background-color: var(--form-bg-color, var(--background-block-primary));
|
|
9289
|
-
border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-
|
|
9258
|
+
border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-subtle));
|
|
9290
9259
|
}
|
|
9291
9260
|
gov-form-select select::-ms-expand, .gov-form-select select::-ms-expand {
|
|
9292
9261
|
display: none;
|
|
@@ -9317,7 +9286,7 @@ gov-form-select *[slot=sufix], .gov-form-select *[slot=prefix],
|
|
|
9317
9286
|
gov-form-select:not(.hydrated), .gov-form-select:not(.hydrated) {
|
|
9318
9287
|
border-radius: var(--border-radius, var(--corner-radius-s));
|
|
9319
9288
|
background-color: var(--form-bg-color, var(--background-block-primary));
|
|
9320
|
-
border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-
|
|
9289
|
+
border: var(--border-width, 0.0625rem) solid var(--form-border-color, var(--border-subtle));
|
|
9321
9290
|
}
|
|
9322
9291
|
gov-form-select[size=xs], .gov-form-select[size=xs] {
|
|
9323
9292
|
font-size: var(--font-size-body-xs);
|
|
@@ -10635,7 +10604,7 @@ gov-link, .gov-link {
|
|
|
10635
10604
|
margin-top: 0;
|
|
10636
10605
|
margin-bottom: 0;
|
|
10637
10606
|
position: relative;
|
|
10638
|
-
display: inline-
|
|
10607
|
+
display: inline-flex;
|
|
10639
10608
|
text-decoration: none;
|
|
10640
10609
|
}
|
|
10641
10610
|
gov-link *, .gov-link * {
|
|
@@ -10670,6 +10639,12 @@ gov-link *[slot=icon-start], .gov-link *[slot=icon-start] {
|
|
|
10670
10639
|
gov-link *[slot=icon-end], gov-link--external, .gov-link *[slot=icon-end], .gov-link--external {
|
|
10671
10640
|
right: 0;
|
|
10672
10641
|
}
|
|
10642
|
+
gov-link[truncate] .element > span, .gov-link[truncate] .element > span {
|
|
10643
|
+
display: -webkit-box;
|
|
10644
|
+
-webkit-box-orient: vertical;
|
|
10645
|
+
-webkit-line-clamp: 1;
|
|
10646
|
+
overflow: hidden;
|
|
10647
|
+
}
|
|
10673
10648
|
gov-link[size=s], .gov-link[size=s] {
|
|
10674
10649
|
min-height: var(--height, var(--height-component-s));
|
|
10675
10650
|
}
|
|
@@ -11758,11 +11733,11 @@ gov-tabs__tabs, .gov-tabs__tabs {
|
|
|
11758
11733
|
gov-tabs__tabs::-webkit-scrollbar, .gov-tabs__tabs::-webkit-scrollbar {
|
|
11759
11734
|
width: var(--height-s);
|
|
11760
11735
|
height: var(--height-s);
|
|
11761
|
-
scrollbar-color: var(--
|
|
11736
|
+
scrollbar-color: var(--background-neutral-disabled) transparent;
|
|
11762
11737
|
}
|
|
11763
11738
|
gov-tabs__tabs::-webkit-scrollbar-thumb, .gov-tabs__tabs::-webkit-scrollbar-thumb {
|
|
11764
11739
|
border-radius: var(--height-l);
|
|
11765
|
-
background: var(--
|
|
11740
|
+
background: var(--background-neutral-disabled);
|
|
11766
11741
|
border: 2px solid transparent;
|
|
11767
11742
|
background-clip: content-box;
|
|
11768
11743
|
}
|
|
@@ -12174,7 +12149,7 @@ gov-tag *, .gov-tag * {
|
|
|
12174
12149
|
margin-bottom: 0;
|
|
12175
12150
|
}
|
|
12176
12151
|
gov-tag, gov-tag .element, .gov-tag, .gov-tag .element {
|
|
12177
|
-
font-size: var(--font-size-body-
|
|
12152
|
+
font-size: var(--font-size-body-s);
|
|
12178
12153
|
line-height: 150%;
|
|
12179
12154
|
font-weight: 400;
|
|
12180
12155
|
-moz-column-gap: var(--gap, var(--spacing-s));
|
|
@@ -12372,7 +12347,7 @@ gov-tag[size=m], .gov-tag[size=m] {
|
|
|
12372
12347
|
min-height: var(--min-height, var(--height-component-m));
|
|
12373
12348
|
}
|
|
12374
12349
|
gov-tag[size=m], gov-tag[size=m] .element, .gov-tag[size=m], .gov-tag[size=m] .element {
|
|
12375
|
-
font-size: var(--font-size-body-
|
|
12350
|
+
font-size: var(--font-size-body-m);
|
|
12376
12351
|
line-height: 150%;
|
|
12377
12352
|
font-weight: 400;
|
|
12378
12353
|
-moz-column-gap: var(--gap, var(--spacing-s-nudge));
|
|
@@ -12702,7 +12677,7 @@ gov-tile, .gov-tile {
|
|
|
12702
12677
|
font-size: var(--font-size-body-s);
|
|
12703
12678
|
line-height: 150%;
|
|
12704
12679
|
font-weight: 400;
|
|
12705
|
-
color: var(--text-color, var(--text-
|
|
12680
|
+
color: var(--text-color, var(--text-primary));
|
|
12706
12681
|
border-bottom: var(--border-width, 0.0625rem) solid var(--border-subtlest);
|
|
12707
12682
|
transition: background-color 150ms;
|
|
12708
12683
|
}
|
|
@@ -12997,7 +12972,7 @@ gov-toast, .gov-toast {
|
|
|
12997
12972
|
padding: var(--spacing-s-nudge);
|
|
12998
12973
|
padding-right: calc(var(--spacing-s-nudge) + var(--spacing-s) + 40px);
|
|
12999
12974
|
border-radius: var(--border-radius, var(--corner-radius-s));
|
|
13000
|
-
box-shadow: 0 0.25rem
|
|
12975
|
+
box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.2);
|
|
13001
12976
|
overflow: hidden;
|
|
13002
12977
|
width: 20.5rem;
|
|
13003
12978
|
opacity: 1;
|