@duetds/components 8.6.2 → 8.6.4
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/hydrate/index.js +695 -649
- package/lib/cjs/duet-action-button.cjs.entry.js +2 -2
- package/lib/cjs/duet-alert.cjs.entry.js +2 -0
- package/lib/cjs/duet-banner.cjs.entry.js +6 -4
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +2 -2
- package/lib/cjs/duet-button_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-caption_4.cjs.entry.js +4 -4
- package/lib/cjs/duet-card.cjs.entry.js +2 -2
- package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
- package/lib/cjs/duet-collapsible.cjs.entry.js +1 -1
- package/lib/cjs/duet-divider_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +2 -2
- package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-header_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-icon.cjs.entry.js +3 -3
- package/lib/cjs/duet-input_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar.cjs.entry.js +1 -1
- package/lib/cjs/duet-modal.cjs.entry.js +26 -3
- package/lib/cjs/duet-page-heading.cjs.entry.js +2 -1
- package/lib/cjs/duet-pagination_2.cjs.entry.js +24 -11
- package/lib/cjs/duet-popup-menu.cjs.entry.js +1 -0
- package/lib/cjs/duet-promo-card.cjs.entry.js +2 -2
- package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +2 -2
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +2 -2
- package/lib/cjs/duet-slideout.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +1 -1
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +1 -1
- package/lib/cjs/duet-tooltip.cjs.entry.js +1 -1
- package/lib/cjs/duet-tray.cjs.entry.js +1 -1
- package/lib/cjs/duet.cjs.js +1 -1
- package/lib/cjs/loader.cjs.js +1 -1
- package/lib/cjs/{token-utils-4ff49a49.js → token-utils-2a219fda.js} +1 -1
- package/lib/cjs/{tokens-d270c810.js → tokens-851fb0c9.js} +376 -376
- package/lib/cjs/{tokens.module-2198b663.js → tokens.module-3e57c188.js} +250 -250
- package/lib/collection/components/duet-action-button/duet-action-button.js +2 -2
- package/lib/collection/components/duet-alert/duet-alert.js +17 -1
- package/lib/collection/components/duet-banner/duet-banner.css +27 -23
- package/lib/collection/components/duet-banner/duet-banner.js +4 -2
- package/lib/collection/components/duet-button/duet-button.js +5 -5
- package/lib/collection/components/duet-caption/duet-caption.js +1 -1
- package/lib/collection/components/duet-card/duet-card.js +3 -3
- package/lib/collection/components/duet-checkbox/duet-checkbox.css +4 -4
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
- package/lib/collection/components/duet-chip/duet-chip.js +6 -6
- package/lib/collection/components/duet-choice/duet-choice.js +3 -3
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +3 -3
- package/lib/collection/components/duet-combobox/duet-combobox.js +3 -3
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +4 -4
- package/lib/collection/components/duet-divider/duet-divider.js +1 -1
- package/lib/collection/components/duet-editable-table/duet-editable-table.js +5 -5
- package/lib/collection/components/duet-empty-state/duet-empty-state.js +1 -1
- package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +1 -1
- package/lib/collection/components/duet-footer/duet-footer.js +7 -7
- package/lib/collection/components/duet-grid/duet-grid.js +3 -3
- package/lib/collection/components/duet-header/duet-header.js +15 -15
- package/lib/collection/components/duet-heading/duet-heading.js +1 -1
- package/lib/collection/components/duet-hero/duet-hero.js +5 -5
- package/lib/collection/components/duet-icon/duet-icon.css +3 -2
- package/lib/collection/components/duet-input/duet-input.js +8 -8
- package/lib/collection/components/duet-label/duet-label.js +2 -2
- package/lib/collection/components/duet-layout/duet-layout.js +1 -1
- package/lib/collection/components/duet-link/duet-link.css +12 -6
- package/lib/collection/components/duet-link/duet-link.js +1 -1
- package/lib/collection/components/duet-list/duet-list.js +3 -3
- package/lib/collection/components/duet-logo/duet-logo.js +1 -1
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +1 -1
- package/lib/collection/components/duet-modal/duet-modal.css +2 -1
- package/lib/collection/components/duet-modal/duet-modal.e2e.js +21 -0
- package/lib/collection/components/duet-modal/duet-modal.js +75 -10
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +1 -1
- package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
- package/lib/collection/components/duet-overlay/duet-overlay.js +1 -1
- package/lib/collection/components/duet-page-heading/duet-page-heading.css +3 -0
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +1 -0
- package/lib/collection/components/duet-pagination/duet-pagination.js +37 -10
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +3 -3
- package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +22 -1
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +2 -2
- package/lib/collection/components/duet-radio/duet-radio.css +4 -4
- package/lib/collection/components/duet-radio/duet-radio.js +3 -3
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +24 -2
- package/lib/collection/components/duet-select/duet-select.js +5 -5
- package/lib/collection/components/duet-show-more/duet-show-more.js +1 -1
- package/lib/collection/components/duet-slideout/duet-slideout.js +1 -1
- package/lib/collection/components/duet-spacer/duet-spacer.js +2 -2
- package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
- package/lib/collection/components/duet-step/duet-step.js +2 -2
- package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +5 -5
- package/lib/collection/components/duet-textarea/duet-textarea.js +4 -4
- package/lib/collection/components/duet-toggle/duet-toggle.js +1 -1
- package/lib/collection/components/duet-tooltip/duet-tooltip.js +1 -1
- package/lib/collection/components/duet-upload/duet-upload.js +14 -14
- package/lib/collection/components/duet-upload-item/duet-upload-item.js +2 -2
- package/lib/dist-custom-elements/duet-action-button.js +1 -1
- package/lib/dist-custom-elements/duet-alert.js +1 -1
- package/lib/dist-custom-elements/duet-banner.js +7 -5
- package/lib/dist-custom-elements/duet-breadcrumb.js +1 -1
- package/lib/dist-custom-elements/duet-breadcrumbs.js +1 -1
- package/lib/dist-custom-elements/duet-button.js +1 -1
- package/lib/dist-custom-elements/duet-callout.js +1 -1
- package/lib/dist-custom-elements/duet-card.js +2 -2
- package/lib/dist-custom-elements/duet-checkbox.js +1 -1
- package/lib/dist-custom-elements/duet-chip.js +1 -1
- package/lib/dist-custom-elements/duet-choice-group.js +3 -3
- package/lib/dist-custom-elements/duet-choice.js +1 -1
- package/lib/dist-custom-elements/duet-collapsible.js +2 -2
- package/lib/dist-custom-elements/duet-combobox.js +8 -8
- package/lib/dist-custom-elements/duet-contact-card.js +6 -6
- package/lib/dist-custom-elements/duet-cookie-consent.js +3 -3
- package/lib/dist-custom-elements/duet-date-picker.js +8 -8
- package/lib/dist-custom-elements/duet-divider.js +1 -1
- package/lib/dist-custom-elements/duet-editable-table.js +5 -5
- package/lib/dist-custom-elements/duet-empty-state.js +1 -1
- package/lib/dist-custom-elements/duet-footer.js +2 -2
- package/lib/dist-custom-elements/duet-grid.js +1 -1
- package/lib/dist-custom-elements/duet-header.js +6 -6
- package/lib/dist-custom-elements/duet-heading.js +1 -1
- package/lib/dist-custom-elements/duet-hero.js +5 -5
- package/lib/dist-custom-elements/duet-icon.js +1 -1
- package/lib/dist-custom-elements/duet-input.js +1 -1
- package/lib/dist-custom-elements/duet-label.js +1 -1
- package/lib/dist-custom-elements/duet-link.js +1 -1
- package/lib/dist-custom-elements/duet-logo.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-button.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-item.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-link.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar.js +2 -2
- package/lib/dist-custom-elements/duet-modal.js +31 -7
- package/lib/dist-custom-elements/duet-multiselect.js +5 -5
- package/lib/dist-custom-elements/duet-notification-drawer.js +3 -3
- package/lib/dist-custom-elements/duet-number-input.js +7 -7
- package/lib/dist-custom-elements/duet-page-heading.js +3 -2
- package/lib/dist-custom-elements/duet-pagination.js +27 -17
- package/lib/dist-custom-elements/duet-paragraph.js +1 -1
- package/lib/dist-custom-elements/duet-popup-menu-item.js +1 -1
- package/lib/dist-custom-elements/duet-popup-menu.js +2 -0
- package/lib/dist-custom-elements/duet-promo-card.js +3 -3
- package/lib/dist-custom-elements/duet-radio-group.js +3 -3
- package/lib/dist-custom-elements/duet-radio.js +1 -1
- package/lib/dist-custom-elements/duet-range-slider.js +2 -2
- package/lib/dist-custom-elements/duet-range-stepper.js +8 -3
- package/lib/dist-custom-elements/duet-scrollable.js +1 -1
- package/lib/dist-custom-elements/duet-select.js +1 -1
- package/lib/dist-custom-elements/duet-show-more.js +1 -1
- package/lib/dist-custom-elements/duet-slideout-lang.js +1 -1
- package/lib/dist-custom-elements/duet-slideout-link.js +1 -1
- package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +1 -1
- package/lib/dist-custom-elements/duet-slideout-panel.js +2 -2
- package/lib/dist-custom-elements/duet-slideout.js +2 -2
- package/lib/dist-custom-elements/duet-spinner.js +1 -1
- package/lib/dist-custom-elements/duet-step.js +2 -2
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +1 -1
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +2 -2
- package/lib/dist-custom-elements/duet-submenu-bar-item.js +1 -1
- package/lib/dist-custom-elements/duet-submenu-bar-link.js +1 -1
- package/lib/dist-custom-elements/duet-submenu-bar.js +2 -2
- package/lib/dist-custom-elements/duet-tab-group.js +8 -8
- package/lib/dist-custom-elements/duet-tab.js +1 -1
- package/lib/dist-custom-elements/duet-table.js +1 -1
- package/lib/dist-custom-elements/duet-textarea.js +5 -5
- package/lib/dist-custom-elements/duet-toggle.js +1 -1
- package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +1 -1
- package/lib/dist-custom-elements/duet-toolbar-dropdown.js +1 -1
- package/lib/dist-custom-elements/duet-toolbar-item.js +1 -1
- package/lib/dist-custom-elements/duet-toolbar-link.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip.js +1 -1
- package/lib/dist-custom-elements/duet-tray.js +2 -2
- package/lib/dist-custom-elements/duet-upload-item.js +1 -1
- package/lib/dist-custom-elements/duet-upload.js +11 -11
- package/lib/dist-custom-elements/{p-08124065.js → p-01c62feb.js} +1 -1
- package/lib/dist-custom-elements/{p-92a16064.js → p-18552e4e.js} +3 -3
- package/lib/dist-custom-elements/{p-baf3208f.js → p-1a8d1a11.js} +1 -1
- package/lib/dist-custom-elements/{p-83231ea8.js → p-20b3fa1e.js} +3 -3
- package/lib/dist-custom-elements/{p-a829df6e.js → p-27b6f57b.js} +1 -1
- package/lib/dist-custom-elements/{p-46074a1a.js → p-29926f8a.js} +2 -2
- package/lib/dist-custom-elements/{p-2f410810.js → p-29b18cdf.js} +4 -4
- package/lib/dist-custom-elements/{p-25c80cdb.js → p-3ec3eb5f.js} +1 -1
- package/lib/dist-custom-elements/{p-6d366100.js → p-3f85f7b8.js} +6 -4
- package/lib/dist-custom-elements/{p-e10f446d.js → p-43fc089a.js} +5 -5
- package/lib/dist-custom-elements/{p-17ed32c8.js → p-4779e8e0.js} +1 -1
- package/lib/dist-custom-elements/{p-0c564379.js → p-67ef919e.js} +250 -250
- package/lib/dist-custom-elements/{p-e3d597b6.js → p-6ac13d84.js} +1 -1
- package/lib/dist-custom-elements/{p-014c1177.js → p-7b97ad08.js} +6 -6
- package/lib/dist-custom-elements/{p-28ec3461.js → p-82302a93.js} +3 -3
- package/lib/dist-custom-elements/{p-667579b0.js → p-9ca3437c.js} +2 -2
- package/lib/dist-custom-elements/{p-bb25377b.js → p-b29a25ab.js} +1 -1
- package/lib/dist-custom-elements/{p-63954651.js → p-b676c88c.js} +1 -1
- package/lib/dist-custom-elements/{p-d482a2e9.js → p-c76bd205.js} +1 -1
- package/lib/{esm/tokens-5e02bbe0.js → dist-custom-elements/p-d5c03b61.js} +376 -376
- package/lib/dist-custom-elements/{p-a167e2a0.js → p-d72fa71c.js} +1 -1
- package/lib/dist-custom-elements/{p-e702eb52.js → p-d8932b2b.js} +4 -4
- package/lib/dist-custom-elements/{p-0cee8a12.js → p-ecaba4be.js} +1 -1
- package/lib/dist-custom-elements/{p-755dd68f.js → p-ef51ec63.js} +1 -1
- package/lib/dist-custom-elements/{p-f4ac6968.js → p-f40596e9.js} +2 -2
- package/lib/dist-custom-elements/{p-a02e62f3.js → p-f47e755d.js} +3 -3
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/{p-1a7649e4.entry.js → p-01e99d98.entry.js} +1 -1
- package/lib/duet/{p-4e724a7d.entry.js → p-032e2711.entry.js} +1 -1
- package/lib/duet/{p-956fad95.system.entry.js → p-080d1309.system.entry.js} +1 -1
- package/lib/duet/p-08379332.entry.js +4 -0
- package/lib/duet/{p-37802e1f.system.entry.js → p-0b7eacfc.system.entry.js} +1 -1
- package/lib/duet/{p-c586a2c4.system.entry.js → p-166ee660.system.entry.js} +1 -1
- package/lib/duet/{p-0bdcf67f.js → p-1784b1d2.js} +1 -1
- package/lib/duet/{p-a21391c0.system.entry.js → p-1ab80c29.system.entry.js} +1 -1
- package/lib/duet/{p-7f4b420c.system.entry.js → p-1bc74805.system.entry.js} +1 -1
- package/lib/duet/{p-4781cd58.entry.js → p-20914caa.entry.js} +1 -1
- package/lib/duet/p-21f4713b.system.entry.js +4 -0
- package/lib/duet/{p-45bb3cd0.system.entry.js → p-2208faac.system.entry.js} +1 -1
- package/lib/duet/{p-69e67b58.entry.js → p-283d802c.entry.js} +1 -1
- package/lib/duet/p-33e25171.system.entry.js +4 -0
- package/lib/duet/{p-999fff8d.system.entry.js → p-40a7a9b0.system.entry.js} +1 -1
- package/lib/duet/{p-76e54ff5.entry.js → p-413838af.entry.js} +1 -1
- package/lib/duet/{p-ebbecac7.system.entry.js → p-427eec46.system.entry.js} +1 -1
- package/lib/duet/{p-15c22a22.entry.js → p-4605197f.entry.js} +1 -1
- package/lib/duet/{p-2522cfc3.entry.js → p-49a25bf5.entry.js} +1 -1
- package/lib/duet/p-49f79189.system.entry.js +4 -0
- package/lib/duet/p-4a901bfc.js +4 -0
- package/lib/duet/{p-e0907f29.entry.js → p-5063685a.entry.js} +1 -1
- package/lib/duet/{p-8fb1d27a.system.entry.js → p-51adcace.system.entry.js} +1 -1
- package/lib/duet/{p-afe7d680.entry.js → p-5dd177d8.entry.js} +1 -1
- package/lib/duet/{p-07ac7f3e.system.entry.js → p-60f12cac.system.entry.js} +1 -1
- package/lib/duet/p-6151635f.system.js +1 -1
- package/lib/duet/p-622f89ff.entry.js +4 -0
- package/lib/duet/p-62512c7e.system.entry.js +4 -0
- package/lib/duet/p-62c34a4d.system.entry.js +4 -0
- package/lib/duet/{p-ad9b7b51.entry.js → p-6623f965.entry.js} +1 -1
- package/lib/duet/{p-9e75e5d8.system.entry.js → p-690a8348.system.entry.js} +1 -1
- package/lib/duet/{p-73cd3afd.entry.js → p-6a1bd4d9.entry.js} +1 -1
- package/lib/duet/p-6e3a7d3f.system.entry.js +4 -0
- package/lib/duet/{p-6c9cfb6d.entry.js → p-6f24a09e.entry.js} +1 -1
- package/lib/duet/{p-eafed149.system.entry.js → p-76a419f1.system.entry.js} +1 -1
- package/lib/duet/p-787520f2.entry.js +4 -0
- package/lib/duet/{p-c776e072.entry.js → p-7f7a7a71.entry.js} +1 -1
- package/lib/duet/{p-3302d75d.entry.js → p-805a3314.entry.js} +1 -1
- package/lib/duet/{p-a90f23ec.system.entry.js → p-907787c5.system.entry.js} +1 -1
- package/lib/duet/{p-b78c3e3e.entry.js → p-91677c21.entry.js} +1 -1
- package/lib/duet/{p-b02ca265.entry.js → p-9180b8be.entry.js} +1 -1
- package/lib/duet/{p-7a161455.entry.js → p-96ca57c0.entry.js} +1 -1
- package/lib/duet/{p-628ae8ba.entry.js → p-a5bb0b7f.entry.js} +1 -1
- package/lib/duet/{p-cc9cfdb3.entry.js → p-a64b72f5.entry.js} +1 -1
- package/lib/duet/{p-4de910bd.system.entry.js → p-b781e27f.system.entry.js} +1 -1
- package/lib/duet/{p-73e66b09.system.js → p-c1445714.system.js} +1 -1
- package/lib/duet/{p-7ca15c93.entry.js → p-c2c2e797.entry.js} +1 -1
- package/lib/duet/{p-a659cdb5.system.entry.js → p-c30b6ad6.system.entry.js} +1 -1
- package/lib/duet/{p-38f9c1e3.entry.js → p-c493cd2e.entry.js} +1 -1
- package/lib/duet/p-c51d6fb5.system.js +4 -0
- package/lib/duet/p-c5f48c1c.system.entry.js +4 -0
- package/lib/duet/p-c86d6786.system.js +4 -0
- package/lib/duet/{p-0fc721ab.system.entry.js → p-caf153e4.system.entry.js} +1 -1
- package/lib/duet/{p-c68602c9.system.entry.js → p-ce01f793.system.entry.js} +1 -1
- package/lib/duet/{p-e640a515.system.entry.js → p-ce6892d9.system.entry.js} +1 -1
- package/lib/duet/p-d067ebb8.entry.js +4 -0
- package/lib/duet/p-d5c03b61.js +4 -0
- package/lib/duet/{p-80ffc878.system.entry.js → p-da0e9110.system.entry.js} +1 -1
- package/lib/duet/p-e12b461b.entry.js +4 -0
- package/lib/duet/p-e4595aa7.system.entry.js +4 -0
- package/lib/duet/p-e7d32eaa.entry.js +4 -0
- package/lib/duet/{p-e411627f.entry.js → p-ee4075c2.entry.js} +1 -1
- package/lib/duet/{p-174ad02e.system.entry.js → p-f0209c14.system.entry.js} +1 -1
- package/lib/duet/p-f252a415.entry.js +4 -0
- package/lib/duet/{p-9ac25886.system.entry.js → p-f52f44d6.system.entry.js} +1 -1
- package/lib/duet/{p-179881d0.system.entry.js → p-fa3801ea.system.entry.js} +1 -1
- package/lib/duet/{p-05a72320.entry.js → p-ff4969cc.entry.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +2 -2
- package/lib/esm/duet-alert.entry.js +2 -0
- package/lib/esm/duet-banner.entry.js +6 -4
- package/lib/esm/duet-breadcrumbs.entry.js +2 -2
- package/lib/esm/duet-button_2.entry.js +2 -2
- package/lib/esm/duet-caption_4.entry.js +4 -4
- package/lib/esm/duet-card.entry.js +2 -2
- package/lib/esm/duet-checkbox.entry.js +1 -1
- package/lib/esm/duet-collapsible.entry.js +1 -1
- package/lib/esm/duet-divider_2.entry.js +2 -2
- package/lib/esm/duet-editable-table_3.entry.js +2 -2
- package/lib/esm/duet-grid_2.entry.js +1 -1
- package/lib/esm/duet-header_2.entry.js +2 -2
- package/lib/esm/duet-icon.entry.js +3 -3
- package/lib/esm/duet-input_2.entry.js +2 -2
- package/lib/esm/duet-menu-bar.entry.js +1 -1
- package/lib/esm/duet-modal.entry.js +26 -3
- package/lib/esm/duet-page-heading.entry.js +2 -1
- package/lib/esm/duet-pagination_2.entry.js +24 -11
- package/lib/esm/duet-popup-menu.entry.js +1 -0
- package/lib/esm/duet-promo-card.entry.js +2 -2
- package/lib/esm/duet-radio_2.entry.js +1 -1
- package/lib/esm/duet-range-slider.entry.js +1 -1
- package/lib/esm/duet-scrollable_3.entry.js +2 -2
- package/lib/esm/duet-slideout-panel.entry.js +2 -2
- package/lib/esm/duet-slideout.entry.js +2 -2
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +1 -1
- package/lib/esm/duet-submenu-bar.entry.js +1 -1
- package/lib/esm/duet-tooltip.entry.js +1 -1
- package/lib/esm/duet-tray.entry.js +1 -1
- package/lib/esm/duet.js +1 -1
- package/lib/esm/loader.js +1 -1
- package/lib/esm/{token-utils-2adbab3f.js → token-utils-1f843fb9.js} +1 -1
- package/lib/{dist-custom-elements/p-f9a8d356.js → esm/tokens-a9d9d4dd.js} +376 -376
- package/lib/esm/{tokens.module-8dbafec7.js → tokens.module-ed0ed26f.js} +250 -250
- package/lib/esm-es5/duet-action-button.entry.js +1 -1
- package/lib/esm-es5/duet-alert.entry.js +1 -1
- package/lib/esm-es5/duet-banner.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm-es5/duet-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-caption_4.entry.js +1 -1
- package/lib/esm-es5/duet-card.entry.js +1 -1
- package/lib/esm-es5/duet-checkbox.entry.js +1 -1
- package/lib/esm-es5/duet-collapsible.entry.js +1 -1
- package/lib/esm-es5/duet-divider_2.entry.js +1 -1
- package/lib/esm-es5/duet-editable-table_3.entry.js +2 -2
- package/lib/esm-es5/duet-grid_2.entry.js +1 -1
- package/lib/esm-es5/duet-header_2.entry.js +1 -1
- package/lib/esm-es5/duet-icon.entry.js +1 -1
- package/lib/esm-es5/duet-input_2.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
- package/lib/esm-es5/duet-modal.entry.js +1 -1
- package/lib/esm-es5/duet-page-heading.entry.js +1 -1
- package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
- package/lib/esm-es5/duet-popup-menu.entry.js +1 -1
- package/lib/esm-es5/duet-promo-card.entry.js +1 -1
- package/lib/esm-es5/duet-radio_2.entry.js +1 -1
- package/lib/esm-es5/duet-range-slider.entry.js +1 -1
- package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
- package/lib/esm-es5/duet-slideout.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip.entry.js +1 -1
- package/lib/esm-es5/duet-tray.entry.js +1 -1
- package/lib/esm-es5/duet.js +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/{token-utils-2adbab3f.js → token-utils-1f843fb9.js} +1 -1
- package/lib/esm-es5/tokens-a9d9d4dd.js +4 -0
- package/lib/esm-es5/tokens.module-ed0ed26f.js +4 -0
- package/lib/types/components/duet-alert/duet-alert.d.ts +4 -0
- package/lib/types/components/duet-modal/duet-modal.d.ts +12 -2
- package/lib/types/components/duet-pagination/duet-pagination.d.ts +4 -0
- package/lib/types/components/duet-popup-menu/duet-popup-menu.d.ts +4 -0
- package/lib/types/components/duet-range-stepper/duet-range-stepper.d.ts +4 -0
- package/lib/types/components.d.ts +34 -2
- package/package.json +3 -3
- package/lib/duet/p-061f4be0.system.entry.js +0 -4
- package/lib/duet/p-1c689a26.system.js +0 -4
- package/lib/duet/p-1ef0e5ca.system.entry.js +0 -4
- package/lib/duet/p-46dda347.system.entry.js +0 -4
- package/lib/duet/p-5c8e3667.entry.js +0 -4
- package/lib/duet/p-67dc45d7.js +0 -4
- package/lib/duet/p-723e165b.system.entry.js +0 -4
- package/lib/duet/p-8a41bde4.system.entry.js +0 -4
- package/lib/duet/p-8ba91848.entry.js +0 -4
- package/lib/duet/p-a3afb1af.entry.js +0 -4
- package/lib/duet/p-b31d31d8.system.js +0 -4
- package/lib/duet/p-b6f62761.entry.js +0 -4
- package/lib/duet/p-c3c12f8d.entry.js +0 -4
- package/lib/duet/p-c5cf76db.entry.js +0 -4
- package/lib/duet/p-d739e7af.system.entry.js +0 -4
- package/lib/duet/p-deb98669.entry.js +0 -4
- package/lib/duet/p-e362468f.system.entry.js +0 -4
- package/lib/duet/p-e58015e8.system.entry.js +0 -4
- package/lib/duet/p-f9a8d356.js +0 -4
- package/lib/esm-es5/tokens-5e02bbe0.js +0 -4
- package/lib/esm-es5/tokens.module-8dbafec7.js +0 -4
package/hydrate/index.js
CHANGED
|
@@ -7873,335 +7873,335 @@ const disconnectLanguageChangeObserver = (component) => {
|
|
|
7873
7873
|
languageChangeTargets.delete(component);
|
|
7874
7874
|
};
|
|
7875
7875
|
|
|
7876
|
-
const colorWarning = "rgb(247, 178, 40)";
|
|
7877
|
-
const colorGrayDarker = "rgb(101, 119, 135)";
|
|
7878
|
-
const colorGrayLighter = "rgb(245, 248, 250)";
|
|
7879
|
-
const colorCategoryHome = "rgb(211, 36, 131)";
|
|
7880
|
-
const colorPrimary = "rgb(0, 119, 179)";
|
|
7881
|
-
const colorCategoryVehicle = "rgb(54, 74, 129)";
|
|
7882
|
-
const colorSuccess = "rgb(0, 135, 90)";
|
|
7883
|
-
const colorCategoryFamily = "rgb(11, 114, 136)";
|
|
7884
|
-
const colorPrimaryLightest = "rgb(243, 249, 252)";
|
|
7885
|
-
const colorPrimaryLighter = "rgb(230, 242, 248)";
|
|
7886
7876
|
const colorBrandBlue = "rgb(0, 161, 212)";
|
|
7887
|
-
const
|
|
7888
|
-
const
|
|
7877
|
+
const colorBrandGrayTurva = "rgb(178, 180, 179)";
|
|
7878
|
+
const colorCategoryFamily = "rgb(11, 114, 136)";
|
|
7879
|
+
const colorCategoryFamilyTurva = "rgb(199, 12, 112)";
|
|
7889
7880
|
const colorCategoryFinance = "rgb(122, 1, 196)";
|
|
7890
|
-
const
|
|
7891
|
-
const
|
|
7892
|
-
const colorSecondary = "rgb(0, 41, 77)";
|
|
7881
|
+
const colorCategoryHome = "rgb(211, 36, 131)";
|
|
7882
|
+
const colorCategoryHomeTurva = "rgb(161, 10, 78)";
|
|
7893
7883
|
const colorCategoryPet = "rgb(168, 1, 78)";
|
|
7894
|
-
const colorPrimaryDarker = "rgb(0, 98, 154)";
|
|
7895
|
-
const colorPrimaryLight = "rgb(205, 229, 241)";
|
|
7896
7884
|
const colorCategoryTravel = "rgb(213, 66, 3)";
|
|
7897
|
-
const colorGray = "rgb(207, 210, 212)";
|
|
7898
|
-
const colorDanger = "rgb(222, 35, 98)";
|
|
7899
|
-
const colorGrayDarkerTurva = "rgb(68, 68, 69)";
|
|
7900
|
-
const colorGrayLighterTurva = "rgb(245, 245, 247)";
|
|
7901
|
-
const colorCategoryHomeTurva = "rgb(161, 10, 78)";
|
|
7902
|
-
const colorPrimaryTurva = "rgb(198, 12, 48)";
|
|
7903
|
-
const colorCategoryVehicleTurva = "rgb(23, 28, 58)";
|
|
7904
|
-
const colorSuccessTurva = "rgb(8, 135, 78)";
|
|
7905
|
-
const colorPrimaryLightestTurva = "rgb(252, 243, 244)";
|
|
7906
|
-
const colorCategoryFamilyTurva = "rgb(199, 12, 112)";
|
|
7907
|
-
const colorCategoryUnionTurva = "rgb(169, 69, 124)";
|
|
7908
|
-
const colorPrimaryLighterTurva = "rgb(249, 230, 234)";
|
|
7909
|
-
const colorPrimaryDarkTurva = "rgb(148, 9, 37)";
|
|
7910
|
-
const colorGrayLightestTurva = "rgb(255, 255, 255)";
|
|
7911
|
-
const colorGrayDarkTurva = "rgb(116, 116, 117)";
|
|
7912
|
-
const colorGrayLightTurva = "rgb(228, 228, 230)";
|
|
7913
|
-
const colorBrandGrayTurva = "rgb(178, 180, 179)";
|
|
7914
|
-
const colorSecondaryTurva = "rgb(23, 28, 58)";
|
|
7915
|
-
const colorPrimaryDarkerTurva = "rgb(173, 11, 43)";
|
|
7916
|
-
const colorPrimaryLightTurva = "rgb(244, 207, 214)";
|
|
7917
7885
|
const colorCategoryTravelTurva = "rgb(9, 129, 148)";
|
|
7918
|
-
const
|
|
7886
|
+
const colorCategoryUnionTurva = "rgb(169, 69, 124)";
|
|
7887
|
+
const colorCategoryVehicle = "rgb(54, 74, 129)";
|
|
7888
|
+
const colorCategoryVehicleTurva = "rgb(23, 28, 58)";
|
|
7889
|
+
const colorDanger = "rgb(222, 35, 98)";
|
|
7919
7890
|
const colorDangerTurva = "rgb(224, 42, 13)";
|
|
7920
|
-
const
|
|
7891
|
+
const colorData01 = "rgb(122, 1, 196)";
|
|
7892
|
+
const colorData02 = "rgb(0, 155, 204)";
|
|
7893
|
+
const colorData03 = "rgb(27, 171, 75)";
|
|
7894
|
+
const colorData04 = "rgb(255, 86, 34)";
|
|
7895
|
+
const colorData05 = "rgb(245, 76, 154)";
|
|
7896
|
+
const colorData06 = "rgb(194, 21, 101)";
|
|
7921
7897
|
const colorData07 = "rgb(192, 101, 247)";
|
|
7922
7898
|
const colorData08 = "rgb(0, 105, 191)";
|
|
7923
7899
|
const colorData09 = "rgb(19, 120, 53)";
|
|
7924
7900
|
const colorData10 = "rgb(179, 60, 24)";
|
|
7925
7901
|
const colorData11 = "rgb(13, 163, 166)";
|
|
7926
|
-
const colorData01 = "rgb(122, 1, 196)";
|
|
7927
7902
|
const colorData12 = "rgb(11, 114, 136)";
|
|
7928
|
-
const colorData02 = "rgb(0, 155, 204)";
|
|
7929
7903
|
const colorData13 = "rgb(179, 137, 24)";
|
|
7930
|
-
const colorData03 = "rgb(27, 171, 75)";
|
|
7931
7904
|
const colorData14 = "rgb(128, 98, 17)";
|
|
7932
|
-
const colorData04 = "rgb(255, 86, 34)";
|
|
7933
7905
|
const colorData15 = "rgb(0, 41, 77)";
|
|
7934
|
-
const
|
|
7935
|
-
const
|
|
7936
|
-
const
|
|
7937
|
-
const
|
|
7938
|
-
const
|
|
7939
|
-
const
|
|
7906
|
+
const colorGray = "rgb(207, 210, 212)";
|
|
7907
|
+
const colorGrayDark = "rgb(144, 149, 153)";
|
|
7908
|
+
const colorGrayDarkTurva = "rgb(116, 116, 117)";
|
|
7909
|
+
const colorGrayDarker = "rgb(101, 119, 135)";
|
|
7910
|
+
const colorGrayDarkerTurva = "rgb(68, 68, 69)";
|
|
7911
|
+
const colorGrayLight = "rgb(225, 227, 230)";
|
|
7912
|
+
const colorGrayLightTurva = "rgb(228, 228, 230)";
|
|
7913
|
+
const colorGrayLighter = "rgb(245, 248, 250)";
|
|
7914
|
+
const colorGrayLighterTurva = "rgb(245, 245, 247)";
|
|
7915
|
+
const colorGrayLightest = "rgb(255, 255, 255)";
|
|
7916
|
+
const colorGrayLightestTurva = "rgb(255, 255, 255)";
|
|
7917
|
+
const colorGrayTurva = "rgb(207, 207, 209)";
|
|
7918
|
+
const colorPrimary = "rgb(0, 119, 179)";
|
|
7919
|
+
const colorPrimaryDark = "rgb(0, 77, 128)";
|
|
7920
|
+
const colorPrimaryDarkTurva = "rgb(148, 9, 37)";
|
|
7921
|
+
const colorPrimaryDarker = "rgb(0, 98, 154)";
|
|
7922
|
+
const colorPrimaryDarkerTurva = "rgb(173, 11, 43)";
|
|
7923
|
+
const colorPrimaryLight = "rgb(205, 229, 241)";
|
|
7924
|
+
const colorPrimaryLightTurva = "rgb(244, 207, 214)";
|
|
7925
|
+
const colorPrimaryLighter = "rgb(230, 242, 248)";
|
|
7926
|
+
const colorPrimaryLighterTurva = "rgb(249, 230, 234)";
|
|
7927
|
+
const colorPrimaryLightest = "rgb(243, 249, 252)";
|
|
7928
|
+
const colorPrimaryLightestTurva = "rgb(252, 243, 244)";
|
|
7929
|
+
const colorPrimaryTurva = "rgb(198, 12, 48)";
|
|
7930
|
+
const colorSecondary = "rgb(0, 41, 77)";
|
|
7931
|
+
const colorSecondaryTurva = "rgb(23, 28, 58)";
|
|
7932
|
+
const colorSuccess = "rgb(0, 135, 90)";
|
|
7933
|
+
const colorSuccessTurva = "rgb(8, 135, 78)";
|
|
7934
|
+
const colorWarning = "rgb(247, 178, 40)";
|
|
7935
|
+
const colorWarningTurva = "rgb(250, 164, 15)";
|
|
7940
7936
|
const fontFamilyHeading = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
|
|
7937
|
+
const fontFamilyHeadingTurva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
|
|
7941
7938
|
const fontFamilyText = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
|
|
7942
|
-
const
|
|
7943
|
-
const fontWeightNormal = "400";
|
|
7944
|
-
const fontWeightSemiBold = "600";
|
|
7945
|
-
const fontSizeXxxxLarge = "4.5rem";
|
|
7946
|
-
const fontSizeXxxLarge = "3rem";
|
|
7947
|
-
const fontSizeXxLarge = "2.25rem";
|
|
7948
|
-
const fontSizeXLarge = "1.5rem";
|
|
7939
|
+
const fontFamilyTextTurva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
|
|
7949
7940
|
const fontSizeLarge = "1.25rem";
|
|
7950
7941
|
const fontSizeMedium = "1rem";
|
|
7951
7942
|
const fontSizeSmall = "0.875rem";
|
|
7943
|
+
const fontSizeXLarge = "1.5rem";
|
|
7952
7944
|
const fontSizeXSmall = "0.75rem";
|
|
7953
|
-
const
|
|
7945
|
+
const fontSizeXxLarge = "2.25rem";
|
|
7946
|
+
const fontSizeXxxLarge = "3rem";
|
|
7947
|
+
const fontSizeXxxxLarge = "4.5rem";
|
|
7948
|
+
const fontWeightBold = "700";
|
|
7949
|
+
const fontWeightExtraBold = "800";
|
|
7950
|
+
const fontWeightNormal = "400";
|
|
7951
|
+
const fontWeightSemiBold = "600";
|
|
7952
|
+
const letterSpacingHeading = "-0.01rem";
|
|
7953
|
+
const lineHeightMedium = "1.5";
|
|
7954
|
+
const lineHeightSmall = "1.25";
|
|
7955
|
+
const lineHeightXSmall = "1.1";
|
|
7956
|
+
const mediaQueryLarge = "'(min-width: 62em)'";
|
|
7957
|
+
const mediaQueryMedium = "'(min-width: 48em)'";
|
|
7958
|
+
const mediaQuerySmall = "'(min-width: 36em)'";
|
|
7959
|
+
const mediaQueryXLarge = "'(min-width: 64.0625em)'";
|
|
7960
|
+
const mediaQueryXSmall = "'(max-width: 35.9375em)'";
|
|
7961
|
+
const mediaQueryXxLarge = "'(min-width: 76.25em)'";
|
|
7962
|
+
const mediaQueryXxSmall = "'(max-width: 22.5em)'";
|
|
7963
|
+
const mediaQueryXxxLarge = "'(min-width: 106.25em)'";
|
|
7964
|
+
const mediaQueryXxxSmall = "'(max-width: 20.5em)'";
|
|
7965
|
+
const opacity30 = "0.30";
|
|
7966
|
+
const opacity50 = "0.50";
|
|
7967
|
+
const opacity75 = "0.75";
|
|
7968
|
+
const opacity85 = "0.85";
|
|
7969
|
+
const radiusCircle = "50%";
|
|
7954
7970
|
const radiusDefault = "4px";
|
|
7955
|
-
const radiusMedium = "8px";
|
|
7956
7971
|
const radiusIntermediate = "12px";
|
|
7957
7972
|
const radiusLarge = "16px";
|
|
7958
|
-
const
|
|
7973
|
+
const radiusMedium = "8px";
|
|
7959
7974
|
const radiusPill = "20rem";
|
|
7960
|
-
const
|
|
7961
|
-
const
|
|
7975
|
+
const radiusSharp = "0";
|
|
7976
|
+
const shadowCard = "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
|
|
7977
|
+
const shadowCardTurva = "0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
|
|
7962
7978
|
const shadowDefault = "0 2px 6px 0 rgba(0, 41, 77, 0.07)";
|
|
7963
|
-
const
|
|
7964
|
-
const shadowTooltip = "0 2px 10px 0 rgba(0, 41, 77, 0.07)";
|
|
7965
|
-
const shadowHoverInputTurva = "0 0 0 1px #747475";
|
|
7966
|
-
const shadowErrorTurva = "0 0 0 1px #e55039";
|
|
7967
|
-
const shadowHoverInput = "0 0 0 1px #909599";
|
|
7979
|
+
const shadowDefaultTurva = "0 2px 6px 0 rgba(117, 117, 117, 0.13)";
|
|
7968
7980
|
const shadowError = "0 0 0 1px #de2362";
|
|
7969
|
-
const
|
|
7970
|
-
const shadowModal = "0 2px 20px 0 rgba(0, 0, 0, 0.2)";
|
|
7971
|
-
const shadowCard = "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
|
|
7972
|
-
const shadowFocusTurva = "0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";
|
|
7981
|
+
const shadowErrorTurva = "0 0 0 1px #e55039";
|
|
7973
7982
|
const shadowFocus = "0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3";
|
|
7974
|
-
const
|
|
7983
|
+
const shadowFocusInput = "0 0 0 1px #0077b3";
|
|
7984
|
+
const shadowFocusInputTurva = "0 0 0 1px #171c3a";
|
|
7985
|
+
const shadowFocusTurva = "0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";
|
|
7975
7986
|
const shadowHover = "0 2px 10px 0 rgba(0, 41, 77, 0.1)";
|
|
7976
|
-
const
|
|
7977
|
-
const
|
|
7978
|
-
const
|
|
7979
|
-
const
|
|
7980
|
-
const
|
|
7981
|
-
const
|
|
7982
|
-
const
|
|
7983
|
-
const spaceXxLarge = "36px";
|
|
7984
|
-
const spaceXxxxLarge = "72px";
|
|
7985
|
-
const spaceXxxxxLarge = "94px";
|
|
7986
|
-
const spaceXxxLarge = "48px";
|
|
7987
|
-
const spaceXLarge = "28px";
|
|
7988
|
-
const sizeIconXxLarge = "48px";
|
|
7989
|
-
const sizeFormBorder = "1px";
|
|
7990
|
-
const sizeStepMedium = "40px";
|
|
7987
|
+
const shadowHoverInput = "0 0 0 1px #909599";
|
|
7988
|
+
const shadowHoverInputTurva = "0 0 0 1px #747475";
|
|
7989
|
+
const shadowHoverTurva = "0 2px 10px 0 rgba(117, 117, 117, 0.15)";
|
|
7990
|
+
const shadowModal = "0 2px 20px 0 rgba(0, 0, 0, 0.2)";
|
|
7991
|
+
const shadowTooltip = "0 2px 10px 0 rgba(0, 41, 77, 0.07)";
|
|
7992
|
+
const shadowTooltipTurva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
|
|
7993
|
+
const sizeButtonBorder = "1px";
|
|
7991
7994
|
const sizeButtonMinWidth = "8rem";
|
|
7995
|
+
const sizeButtonTinyBorder = "1px";
|
|
7996
|
+
const sizeFormBorder = "1px";
|
|
7992
7997
|
const sizeHeader = "4rem";
|
|
7993
|
-
const
|
|
7998
|
+
const sizeIconLarge = "30px";
|
|
7999
|
+
const sizeIconMedium = "24px";
|
|
8000
|
+
const sizeIconSmall = "20px";
|
|
7994
8001
|
const sizeIconXLarge = "36px";
|
|
8002
|
+
const sizeIconXSmall = "16px";
|
|
8003
|
+
const sizeIconXxLarge = "48px";
|
|
7995
8004
|
const sizeIconXxSmall = "10px";
|
|
7996
|
-
const
|
|
7997
|
-
const
|
|
7998
|
-
const sizeIconLarge = "30px";
|
|
8005
|
+
const sizeIconXxxLarge = "72px";
|
|
8006
|
+
const sizeIconXxxSmall = "7px";
|
|
7999
8007
|
const sizeLayoutMaxWidth = "1110px";
|
|
8000
|
-
const sizeTappableSquare = "48px";
|
|
8001
|
-
const sizeIconXSmall = "16px";
|
|
8002
8008
|
const sizeMediumBorder = "2px";
|
|
8003
|
-
const
|
|
8004
|
-
const
|
|
8005
|
-
const
|
|
8006
|
-
const
|
|
8007
|
-
const
|
|
8008
|
-
const
|
|
8009
|
-
const
|
|
8010
|
-
const
|
|
8011
|
-
const
|
|
8012
|
-
const
|
|
8013
|
-
const
|
|
8014
|
-
const
|
|
8009
|
+
const sizeNavigation = "3rem";
|
|
8010
|
+
const sizeStepMedium = "40px";
|
|
8011
|
+
const sizeStepSmall = "30px";
|
|
8012
|
+
const sizeTappableSquare = "48px";
|
|
8013
|
+
const spaceLarge = "20px";
|
|
8014
|
+
const spaceMedium = "16px";
|
|
8015
|
+
const spaceSmall = "12px";
|
|
8016
|
+
const spaceXLarge = "28px";
|
|
8017
|
+
const spaceXSmall = "8px";
|
|
8018
|
+
const spaceXxLarge = "36px";
|
|
8019
|
+
const spaceXxSmall = "4px";
|
|
8020
|
+
const spaceXxxLarge = "48px";
|
|
8021
|
+
const spaceXxxSmall = "2px";
|
|
8022
|
+
const spaceXxxxLarge = "72px";
|
|
8023
|
+
const spaceXxxxxLarge = "94px";
|
|
8024
|
+
const transitionQuickly = "300ms ease";
|
|
8025
|
+
const transitionSlowly = "600ms ease";
|
|
8026
|
+
const zIndexDeep = "-999999";
|
|
8015
8027
|
const zIndexDefault = "1";
|
|
8016
|
-
const
|
|
8017
|
-
const
|
|
8018
|
-
const
|
|
8019
|
-
const
|
|
8028
|
+
const zIndexDropdown = "600";
|
|
8029
|
+
const zIndexHeader = "400";
|
|
8030
|
+
const zIndexMask = "200";
|
|
8031
|
+
const zIndexMaskButtons = "250";
|
|
8020
8032
|
const zIndexMasked = "100";
|
|
8021
|
-
const
|
|
8033
|
+
const zIndexModal = "900";
|
|
8022
8034
|
const zIndexOverlay = "700";
|
|
8023
|
-
const
|
|
8024
|
-
const
|
|
8025
|
-
const
|
|
8026
|
-
const
|
|
8027
|
-
const lineHeightXSmall = "1.1";
|
|
8028
|
-
const transitionQuickly = "300ms ease";
|
|
8029
|
-
const transitionSlowly = "600ms ease";
|
|
8030
|
-
const mediaQueryXxxLarge = "'(min-width: 106.25em)'";
|
|
8031
|
-
const mediaQueryXLarge = "'(min-width: 64.0625em)'";
|
|
8032
|
-
const mediaQueryMedium = "'(min-width: 48em)'";
|
|
8033
|
-
const mediaQueryLarge = "'(min-width: 62em)'";
|
|
8034
|
-
const mediaQueryXxLarge = "'(min-width: 76.25em)'";
|
|
8035
|
-
const mediaQueryXSmall = "'(max-width: 35.9375em)'";
|
|
8036
|
-
const mediaQueryXxxSmall = "'(max-width: 20.5em)'";
|
|
8037
|
-
const mediaQuerySmall = "'(min-width: 36em)'";
|
|
8038
|
-
const mediaQueryXxSmall = "'(max-width: 22.5em)'";
|
|
8035
|
+
const zIndexPopup = "950";
|
|
8036
|
+
const zIndexSpinner = "800";
|
|
8037
|
+
const zIndexSticky = "300";
|
|
8038
|
+
const zIndexToast = "500";
|
|
8039
8039
|
|
|
8040
8040
|
var tokens$2 = /*#__PURE__*/Object.freeze({
|
|
8041
8041
|
__proto__: null,
|
|
8042
|
-
colorWarning: colorWarning,
|
|
8043
|
-
colorGrayDarker: colorGrayDarker,
|
|
8044
|
-
colorGrayLighter: colorGrayLighter,
|
|
8045
|
-
colorCategoryHome: colorCategoryHome,
|
|
8046
|
-
colorPrimary: colorPrimary,
|
|
8047
|
-
colorCategoryVehicle: colorCategoryVehicle,
|
|
8048
|
-
colorSuccess: colorSuccess,
|
|
8049
|
-
colorCategoryFamily: colorCategoryFamily,
|
|
8050
|
-
colorPrimaryLightest: colorPrimaryLightest,
|
|
8051
|
-
colorPrimaryLighter: colorPrimaryLighter,
|
|
8052
8042
|
colorBrandBlue: colorBrandBlue,
|
|
8053
|
-
|
|
8054
|
-
|
|
8043
|
+
colorBrandGrayTurva: colorBrandGrayTurva,
|
|
8044
|
+
colorCategoryFamily: colorCategoryFamily,
|
|
8045
|
+
colorCategoryFamilyTurva: colorCategoryFamilyTurva,
|
|
8055
8046
|
colorCategoryFinance: colorCategoryFinance,
|
|
8056
|
-
|
|
8057
|
-
|
|
8058
|
-
colorSecondary: colorSecondary,
|
|
8047
|
+
colorCategoryHome: colorCategoryHome,
|
|
8048
|
+
colorCategoryHomeTurva: colorCategoryHomeTurva,
|
|
8059
8049
|
colorCategoryPet: colorCategoryPet,
|
|
8060
|
-
colorPrimaryDarker: colorPrimaryDarker,
|
|
8061
|
-
colorPrimaryLight: colorPrimaryLight,
|
|
8062
8050
|
colorCategoryTravel: colorCategoryTravel,
|
|
8063
|
-
colorGray: colorGray,
|
|
8064
|
-
colorDanger: colorDanger,
|
|
8065
|
-
colorGrayDarkerTurva: colorGrayDarkerTurva,
|
|
8066
|
-
colorGrayLighterTurva: colorGrayLighterTurva,
|
|
8067
|
-
colorCategoryHomeTurva: colorCategoryHomeTurva,
|
|
8068
|
-
colorPrimaryTurva: colorPrimaryTurva,
|
|
8069
|
-
colorCategoryVehicleTurva: colorCategoryVehicleTurva,
|
|
8070
|
-
colorSuccessTurva: colorSuccessTurva,
|
|
8071
|
-
colorPrimaryLightestTurva: colorPrimaryLightestTurva,
|
|
8072
|
-
colorCategoryFamilyTurva: colorCategoryFamilyTurva,
|
|
8073
|
-
colorCategoryUnionTurva: colorCategoryUnionTurva,
|
|
8074
|
-
colorPrimaryLighterTurva: colorPrimaryLighterTurva,
|
|
8075
|
-
colorPrimaryDarkTurva: colorPrimaryDarkTurva,
|
|
8076
|
-
colorGrayLightestTurva: colorGrayLightestTurva,
|
|
8077
|
-
colorGrayDarkTurva: colorGrayDarkTurva,
|
|
8078
|
-
colorGrayLightTurva: colorGrayLightTurva,
|
|
8079
|
-
colorBrandGrayTurva: colorBrandGrayTurva,
|
|
8080
|
-
colorSecondaryTurva: colorSecondaryTurva,
|
|
8081
|
-
colorPrimaryDarkerTurva: colorPrimaryDarkerTurva,
|
|
8082
|
-
colorPrimaryLightTurva: colorPrimaryLightTurva,
|
|
8083
8051
|
colorCategoryTravelTurva: colorCategoryTravelTurva,
|
|
8084
|
-
|
|
8052
|
+
colorCategoryUnionTurva: colorCategoryUnionTurva,
|
|
8053
|
+
colorCategoryVehicle: colorCategoryVehicle,
|
|
8054
|
+
colorCategoryVehicleTurva: colorCategoryVehicleTurva,
|
|
8055
|
+
colorDanger: colorDanger,
|
|
8085
8056
|
colorDangerTurva: colorDangerTurva,
|
|
8086
|
-
|
|
8057
|
+
colorData01: colorData01,
|
|
8058
|
+
colorData02: colorData02,
|
|
8059
|
+
colorData03: colorData03,
|
|
8060
|
+
colorData04: colorData04,
|
|
8061
|
+
colorData05: colorData05,
|
|
8062
|
+
colorData06: colorData06,
|
|
8087
8063
|
colorData07: colorData07,
|
|
8088
8064
|
colorData08: colorData08,
|
|
8089
8065
|
colorData09: colorData09,
|
|
8090
8066
|
colorData10: colorData10,
|
|
8091
8067
|
colorData11: colorData11,
|
|
8092
|
-
colorData01: colorData01,
|
|
8093
8068
|
colorData12: colorData12,
|
|
8094
|
-
colorData02: colorData02,
|
|
8095
8069
|
colorData13: colorData13,
|
|
8096
|
-
colorData03: colorData03,
|
|
8097
8070
|
colorData14: colorData14,
|
|
8098
|
-
colorData04: colorData04,
|
|
8099
8071
|
colorData15: colorData15,
|
|
8100
|
-
|
|
8101
|
-
|
|
8102
|
-
|
|
8103
|
-
|
|
8104
|
-
|
|
8105
|
-
|
|
8072
|
+
colorGray: colorGray,
|
|
8073
|
+
colorGrayDark: colorGrayDark,
|
|
8074
|
+
colorGrayDarkTurva: colorGrayDarkTurva,
|
|
8075
|
+
colorGrayDarker: colorGrayDarker,
|
|
8076
|
+
colorGrayDarkerTurva: colorGrayDarkerTurva,
|
|
8077
|
+
colorGrayLight: colorGrayLight,
|
|
8078
|
+
colorGrayLightTurva: colorGrayLightTurva,
|
|
8079
|
+
colorGrayLighter: colorGrayLighter,
|
|
8080
|
+
colorGrayLighterTurva: colorGrayLighterTurva,
|
|
8081
|
+
colorGrayLightest: colorGrayLightest,
|
|
8082
|
+
colorGrayLightestTurva: colorGrayLightestTurva,
|
|
8083
|
+
colorGrayTurva: colorGrayTurva,
|
|
8084
|
+
colorPrimary: colorPrimary,
|
|
8085
|
+
colorPrimaryDark: colorPrimaryDark,
|
|
8086
|
+
colorPrimaryDarkTurva: colorPrimaryDarkTurva,
|
|
8087
|
+
colorPrimaryDarker: colorPrimaryDarker,
|
|
8088
|
+
colorPrimaryDarkerTurva: colorPrimaryDarkerTurva,
|
|
8089
|
+
colorPrimaryLight: colorPrimaryLight,
|
|
8090
|
+
colorPrimaryLightTurva: colorPrimaryLightTurva,
|
|
8091
|
+
colorPrimaryLighter: colorPrimaryLighter,
|
|
8092
|
+
colorPrimaryLighterTurva: colorPrimaryLighterTurva,
|
|
8093
|
+
colorPrimaryLightest: colorPrimaryLightest,
|
|
8094
|
+
colorPrimaryLightestTurva: colorPrimaryLightestTurva,
|
|
8095
|
+
colorPrimaryTurva: colorPrimaryTurva,
|
|
8096
|
+
colorSecondary: colorSecondary,
|
|
8097
|
+
colorSecondaryTurva: colorSecondaryTurva,
|
|
8098
|
+
colorSuccess: colorSuccess,
|
|
8099
|
+
colorSuccessTurva: colorSuccessTurva,
|
|
8100
|
+
colorWarning: colorWarning,
|
|
8101
|
+
colorWarningTurva: colorWarningTurva,
|
|
8106
8102
|
fontFamilyHeading: fontFamilyHeading,
|
|
8103
|
+
fontFamilyHeadingTurva: fontFamilyHeadingTurva,
|
|
8107
8104
|
fontFamilyText: fontFamilyText,
|
|
8108
|
-
|
|
8109
|
-
fontWeightNormal: fontWeightNormal,
|
|
8110
|
-
fontWeightSemiBold: fontWeightSemiBold,
|
|
8111
|
-
fontSizeXxxxLarge: fontSizeXxxxLarge,
|
|
8112
|
-
fontSizeXxxLarge: fontSizeXxxLarge,
|
|
8113
|
-
fontSizeXxLarge: fontSizeXxLarge,
|
|
8114
|
-
fontSizeXLarge: fontSizeXLarge,
|
|
8105
|
+
fontFamilyTextTurva: fontFamilyTextTurva,
|
|
8115
8106
|
fontSizeLarge: fontSizeLarge,
|
|
8116
8107
|
fontSizeMedium: fontSizeMedium,
|
|
8117
8108
|
fontSizeSmall: fontSizeSmall,
|
|
8109
|
+
fontSizeXLarge: fontSizeXLarge,
|
|
8118
8110
|
fontSizeXSmall: fontSizeXSmall,
|
|
8119
|
-
|
|
8111
|
+
fontSizeXxLarge: fontSizeXxLarge,
|
|
8112
|
+
fontSizeXxxLarge: fontSizeXxxLarge,
|
|
8113
|
+
fontSizeXxxxLarge: fontSizeXxxxLarge,
|
|
8114
|
+
fontWeightBold: fontWeightBold,
|
|
8115
|
+
fontWeightExtraBold: fontWeightExtraBold,
|
|
8116
|
+
fontWeightNormal: fontWeightNormal,
|
|
8117
|
+
fontWeightSemiBold: fontWeightSemiBold,
|
|
8118
|
+
letterSpacingHeading: letterSpacingHeading,
|
|
8119
|
+
lineHeightMedium: lineHeightMedium,
|
|
8120
|
+
lineHeightSmall: lineHeightSmall,
|
|
8121
|
+
lineHeightXSmall: lineHeightXSmall,
|
|
8122
|
+
mediaQueryLarge: mediaQueryLarge,
|
|
8123
|
+
mediaQueryMedium: mediaQueryMedium,
|
|
8124
|
+
mediaQuerySmall: mediaQuerySmall,
|
|
8125
|
+
mediaQueryXLarge: mediaQueryXLarge,
|
|
8126
|
+
mediaQueryXSmall: mediaQueryXSmall,
|
|
8127
|
+
mediaQueryXxLarge: mediaQueryXxLarge,
|
|
8128
|
+
mediaQueryXxSmall: mediaQueryXxSmall,
|
|
8129
|
+
mediaQueryXxxLarge: mediaQueryXxxLarge,
|
|
8130
|
+
mediaQueryXxxSmall: mediaQueryXxxSmall,
|
|
8131
|
+
opacity30: opacity30,
|
|
8132
|
+
opacity50: opacity50,
|
|
8133
|
+
opacity75: opacity75,
|
|
8134
|
+
opacity85: opacity85,
|
|
8135
|
+
radiusCircle: radiusCircle,
|
|
8120
8136
|
radiusDefault: radiusDefault,
|
|
8121
|
-
radiusMedium: radiusMedium,
|
|
8122
8137
|
radiusIntermediate: radiusIntermediate,
|
|
8123
8138
|
radiusLarge: radiusLarge,
|
|
8124
|
-
|
|
8139
|
+
radiusMedium: radiusMedium,
|
|
8125
8140
|
radiusPill: radiusPill,
|
|
8126
|
-
|
|
8127
|
-
|
|
8141
|
+
radiusSharp: radiusSharp,
|
|
8142
|
+
shadowCard: shadowCard,
|
|
8143
|
+
shadowCardTurva: shadowCardTurva,
|
|
8128
8144
|
shadowDefault: shadowDefault,
|
|
8129
|
-
|
|
8130
|
-
shadowTooltip: shadowTooltip,
|
|
8131
|
-
shadowHoverInputTurva: shadowHoverInputTurva,
|
|
8132
|
-
shadowErrorTurva: shadowErrorTurva,
|
|
8133
|
-
shadowHoverInput: shadowHoverInput,
|
|
8145
|
+
shadowDefaultTurva: shadowDefaultTurva,
|
|
8134
8146
|
shadowError: shadowError,
|
|
8135
|
-
|
|
8136
|
-
shadowModal: shadowModal,
|
|
8137
|
-
shadowCard: shadowCard,
|
|
8138
|
-
shadowFocusTurva: shadowFocusTurva,
|
|
8147
|
+
shadowErrorTurva: shadowErrorTurva,
|
|
8139
8148
|
shadowFocus: shadowFocus,
|
|
8140
|
-
|
|
8149
|
+
shadowFocusInput: shadowFocusInput,
|
|
8150
|
+
shadowFocusInputTurva: shadowFocusInputTurva,
|
|
8151
|
+
shadowFocusTurva: shadowFocusTurva,
|
|
8141
8152
|
shadowHover: shadowHover,
|
|
8142
|
-
|
|
8143
|
-
|
|
8144
|
-
|
|
8145
|
-
|
|
8146
|
-
|
|
8147
|
-
|
|
8148
|
-
|
|
8149
|
-
spaceXxLarge: spaceXxLarge,
|
|
8150
|
-
spaceXxxxLarge: spaceXxxxLarge,
|
|
8151
|
-
spaceXxxxxLarge: spaceXxxxxLarge,
|
|
8152
|
-
spaceXxxLarge: spaceXxxLarge,
|
|
8153
|
-
spaceXLarge: spaceXLarge,
|
|
8154
|
-
sizeIconXxLarge: sizeIconXxLarge,
|
|
8155
|
-
sizeFormBorder: sizeFormBorder,
|
|
8156
|
-
sizeStepMedium: sizeStepMedium,
|
|
8153
|
+
shadowHoverInput: shadowHoverInput,
|
|
8154
|
+
shadowHoverInputTurva: shadowHoverInputTurva,
|
|
8155
|
+
shadowHoverTurva: shadowHoverTurva,
|
|
8156
|
+
shadowModal: shadowModal,
|
|
8157
|
+
shadowTooltip: shadowTooltip,
|
|
8158
|
+
shadowTooltipTurva: shadowTooltipTurva,
|
|
8159
|
+
sizeButtonBorder: sizeButtonBorder,
|
|
8157
8160
|
sizeButtonMinWidth: sizeButtonMinWidth,
|
|
8161
|
+
sizeButtonTinyBorder: sizeButtonTinyBorder,
|
|
8162
|
+
sizeFormBorder: sizeFormBorder,
|
|
8158
8163
|
sizeHeader: sizeHeader,
|
|
8159
|
-
|
|
8164
|
+
sizeIconLarge: sizeIconLarge,
|
|
8165
|
+
sizeIconMedium: sizeIconMedium,
|
|
8166
|
+
sizeIconSmall: sizeIconSmall,
|
|
8160
8167
|
sizeIconXLarge: sizeIconXLarge,
|
|
8168
|
+
sizeIconXSmall: sizeIconXSmall,
|
|
8169
|
+
sizeIconXxLarge: sizeIconXxLarge,
|
|
8161
8170
|
sizeIconXxSmall: sizeIconXxSmall,
|
|
8162
|
-
|
|
8163
|
-
|
|
8164
|
-
sizeIconLarge: sizeIconLarge,
|
|
8171
|
+
sizeIconXxxLarge: sizeIconXxxLarge,
|
|
8172
|
+
sizeIconXxxSmall: sizeIconXxxSmall,
|
|
8165
8173
|
sizeLayoutMaxWidth: sizeLayoutMaxWidth,
|
|
8166
|
-
sizeTappableSquare: sizeTappableSquare,
|
|
8167
|
-
sizeIconXSmall: sizeIconXSmall,
|
|
8168
8174
|
sizeMediumBorder: sizeMediumBorder,
|
|
8169
|
-
|
|
8170
|
-
|
|
8171
|
-
|
|
8172
|
-
|
|
8173
|
-
|
|
8174
|
-
|
|
8175
|
-
|
|
8176
|
-
|
|
8177
|
-
|
|
8178
|
-
|
|
8179
|
-
|
|
8180
|
-
|
|
8175
|
+
sizeNavigation: sizeNavigation,
|
|
8176
|
+
sizeStepMedium: sizeStepMedium,
|
|
8177
|
+
sizeStepSmall: sizeStepSmall,
|
|
8178
|
+
sizeTappableSquare: sizeTappableSquare,
|
|
8179
|
+
spaceLarge: spaceLarge,
|
|
8180
|
+
spaceMedium: spaceMedium,
|
|
8181
|
+
spaceSmall: spaceSmall,
|
|
8182
|
+
spaceXLarge: spaceXLarge,
|
|
8183
|
+
spaceXSmall: spaceXSmall,
|
|
8184
|
+
spaceXxLarge: spaceXxLarge,
|
|
8185
|
+
spaceXxSmall: spaceXxSmall,
|
|
8186
|
+
spaceXxxLarge: spaceXxxLarge,
|
|
8187
|
+
spaceXxxSmall: spaceXxxSmall,
|
|
8188
|
+
spaceXxxxLarge: spaceXxxxLarge,
|
|
8189
|
+
spaceXxxxxLarge: spaceXxxxxLarge,
|
|
8190
|
+
transitionQuickly: transitionQuickly,
|
|
8191
|
+
transitionSlowly: transitionSlowly,
|
|
8192
|
+
zIndexDeep: zIndexDeep,
|
|
8181
8193
|
zIndexDefault: zIndexDefault,
|
|
8182
|
-
|
|
8183
|
-
|
|
8184
|
-
|
|
8185
|
-
|
|
8194
|
+
zIndexDropdown: zIndexDropdown,
|
|
8195
|
+
zIndexHeader: zIndexHeader,
|
|
8196
|
+
zIndexMask: zIndexMask,
|
|
8197
|
+
zIndexMaskButtons: zIndexMaskButtons,
|
|
8186
8198
|
zIndexMasked: zIndexMasked,
|
|
8187
|
-
|
|
8199
|
+
zIndexModal: zIndexModal,
|
|
8188
8200
|
zIndexOverlay: zIndexOverlay,
|
|
8189
|
-
|
|
8190
|
-
|
|
8191
|
-
|
|
8192
|
-
|
|
8193
|
-
lineHeightXSmall: lineHeightXSmall,
|
|
8194
|
-
transitionQuickly: transitionQuickly,
|
|
8195
|
-
transitionSlowly: transitionSlowly,
|
|
8196
|
-
mediaQueryXxxLarge: mediaQueryXxxLarge,
|
|
8197
|
-
mediaQueryXLarge: mediaQueryXLarge,
|
|
8198
|
-
mediaQueryMedium: mediaQueryMedium,
|
|
8199
|
-
mediaQueryLarge: mediaQueryLarge,
|
|
8200
|
-
mediaQueryXxLarge: mediaQueryXxLarge,
|
|
8201
|
-
mediaQueryXSmall: mediaQueryXSmall,
|
|
8202
|
-
mediaQueryXxxSmall: mediaQueryXxxSmall,
|
|
8203
|
-
mediaQuerySmall: mediaQuerySmall,
|
|
8204
|
-
mediaQueryXxSmall: mediaQueryXxSmall
|
|
8201
|
+
zIndexPopup: zIndexPopup,
|
|
8202
|
+
zIndexSpinner: zIndexSpinner,
|
|
8203
|
+
zIndexSticky: zIndexSticky,
|
|
8204
|
+
zIndexToast: zIndexToast
|
|
8205
8205
|
});
|
|
8206
8206
|
|
|
8207
8207
|
const allowedThemes = ["turva"];
|
|
@@ -8575,6 +8575,7 @@ class DuetAlert {
|
|
|
8575
8575
|
constructor(hostRef) {
|
|
8576
8576
|
registerInstance(this, hostRef);
|
|
8577
8577
|
this.duetDismiss = createEvent$2(this, "duetDismiss", 7);
|
|
8578
|
+
this.duetCloseComplete = createEvent$2(this, "duetCloseComplete", 7);
|
|
8578
8579
|
this.descriptiveId = createID("DuetAlert");
|
|
8579
8580
|
this.hasShowMoreSlot = false;
|
|
8580
8581
|
this.iconVariationMap = {
|
|
@@ -8595,6 +8596,7 @@ class DuetAlert {
|
|
|
8595
8596
|
};
|
|
8596
8597
|
this.handleHide = () => {
|
|
8597
8598
|
this.isDismissed = true;
|
|
8599
|
+
this.element.addEventListener("transitionend", () => this.duetCloseComplete.emit(), { once: true });
|
|
8598
8600
|
};
|
|
8599
8601
|
this.theme = "";
|
|
8600
8602
|
this.isDismissed = false;
|
|
@@ -8776,7 +8778,7 @@ const DuetPicture = ({ img, sources }) => {
|
|
|
8776
8778
|
hAsync("img", Object.assign({}, img))));
|
|
8777
8779
|
};
|
|
8778
8780
|
|
|
8779
|
-
const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner, *.sc-duet-banner::after, *.sc-duet-banner::before {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\n/*!@:host*/.sc-duet-banner-h {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin-right: 36px !important;\n margin-bottom: 36px !important;\n display: flex;\n justify-content: center;\n width: auto;\n container: duet-banner-container;\n container-type: inline-size;\n}\n/*!@:host:last-child, :host:last-of-type*/.sc-duet-banner-h:last-child, .sc-duet-banner-h:last-of-type {\n margin-right: 0 !important;\n}\n\n/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-banner-h {\n margin: 0 !important;\n}\n\n/*!@.duet-banner*/.duet-banner.sc-duet-banner {\n display: grid;\n grid-template-rows: min-content 1fr;\n width: 100%;\n height: 100%;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n text-align: left;\n border-radius: 16px;\n
|
|
8781
|
+
const duetBannerCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-banner, *.sc-duet-banner::after, *.sc-duet-banner::before {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n\n/*!@:host*/.sc-duet-banner-h {\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n background: transparent;\n border: 0;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin-right: 36px !important;\n margin-bottom: 36px !important;\n display: flex;\n justify-content: center;\n width: auto;\n container: duet-banner-container;\n container-type: inline-size;\n}\n/*!@:host:last-child, :host:last-of-type*/.sc-duet-banner-h:last-child, .sc-duet-banner-h:last-of-type {\n margin-right: 0 !important;\n}\n\n/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-banner-h {\n margin: 0 !important;\n}\n\n/*!@.duet-banner*/.duet-banner.sc-duet-banner {\n display: grid;\n grid-template-rows: min-content 1fr;\n width: 100%;\n height: 100%;\n font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n text-align: left;\n border-radius: 16px;\n}\n/*!@.duet-banner.duet-p-0*/.duet-banner.duet-p-0.sc-duet-banner {\n padding: 0 !important;\n}\n/*!@.duet-banner.duet-m-0*/.duet-banner.duet-m-0.sc-duet-banner {\n margin: 0 !important;\n}\n/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner {\n position: relative;\n display: none;\n overflow: hidden;\n \n}\n@container duet-banner-container (min-width: 0px) {\n .duet-banner .visual {\n \n display: block;\n }\n}\n/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner {\n position: relative;\n aspect-ratio: 2/1;\n overflow: hidden;\n}\n/*!@.duet-banner .visual .image*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image.sc-duet-banner {\n position: relative;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n}\n/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner {\n position: absolute;\n}\n/*!@.duet-banner .visual .brand-shape*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .brand-shape.sc-duet-banner {\n position: absolute;\n top: 0;\n left: 72%;\n display: none;\n width: 100%;\n height: 100%;\n mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n/*!@.duet-banner .content*/.duet-banner.sc-duet-banner .content.sc-duet-banner {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px 20px 28px;\n}\n/*!@.duet-banner .content .description*/.duet-banner.sc-duet-banner .content.sc-duet-banner .description.sc-duet-banner {\n hyphens: auto;\n}\n/*!@.duet-banner .action*/.duet-banner.sc-duet-banner .action.sc-duet-banner {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: flex-start;\n justify-content: flex-end;\n padding-top: 16px;\n}\n/*!@.duet-banner .visual*/.duet-banner.sc-duet-banner .visual.sc-duet-banner {\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n}\n/*!@.duet-banner .visual .image-container*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .image-container.sc-duet-banner {\n width: 100%;\n height: auto;\n border-radius: 0;\n}\n/*!@.duet-banner .visual .icon*/.duet-banner.sc-duet-banner .visual.sc-duet-banner .icon.sc-duet-banner {\n bottom: 30px;\n left: 15px;\n}\n/*!@.duet-banner.duet-theme-turva*/.duet-banner.duet-theme-turva.sc-duet-banner {\n font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n/*!@.duet-banner.duet-theme-turva .visual .brand-shape*/.duet-banner.duet-theme-turva.sc-duet-banner .visual.sc-duet-banner .brand-shape.sc-duet-banner {\n mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n/*!@.duet-banner.size-medium, .duet-banner.size-large*/.duet-banner.size-medium.sc-duet-banner, .duet-banner.size-large.sc-duet-banner {\n \n \n}\n@container duet-banner-container (min-width: 486px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n \n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-top-right-radius: 0;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n top: 36px;\n left: 168px;\n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-medium .content, .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 28px 28px 28px 0;\n }\n .duet-banner.size-medium .action, .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}\n@container duet-banner-container (min-width: 586px) {\n .duet-banner.size-medium, .duet-banner.size-large {\n \n }\n .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n left: 80%;\n }\n}\n/*!@.duet-banner.size-large*/.duet-banner.size-large.sc-duet-banner {\n \n}\n@container duet-banner-container (min-width: 900px) {\n .duet-banner.size-large {\n \n grid-template-rows: none;\n grid-template-columns: 50% 50%;\n }\n .duet-banner.size-large .visual {\n border-top-left-radius: 16px;\n border-bottom-left-radius: 16px;\n }\n .duet-banner.size-large .visual .image-container {\n height: 100%;\n }\n .duet-banner.size-large .visual .image {\n width: 100%;\n height: 100%;\n }\n .duet-banner.size-large .visual .icon {\n top: 40px;\n bottom: auto;\n left: 335px;\n }\n .duet-banner.size-large .visual .brand-shape {\n display: block;\n }\n .duet-banner.size-large .content {\n align-items: flex-start;\n justify-content: center;\n padding: 48px 48px 48px 0;\n }\n .duet-banner.size-large .action {\n flex-grow: 0;\n }\n}";
|
|
8780
8782
|
|
|
8781
8783
|
/**
|
|
8782
8784
|
* @slot heading - Slot for heading content. Only span should be used in this slot.
|
|
@@ -8867,7 +8869,9 @@ class DuetBanner {
|
|
|
8867
8869
|
"duet-banner": true,
|
|
8868
8870
|
"duet-theme-turva": this.theme === "turva",
|
|
8869
8871
|
[this.currentSize]: true,
|
|
8870
|
-
|
|
8872
|
+
"size-medium": this.size === "medium" || this.size === "large",
|
|
8873
|
+
"size-large": this.size === "large",
|
|
8874
|
+
}, style: bannerStyles }, hAsync("div", { class: "visual" }, hAsync("div", { class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({}, pictureSource))), 1 > 2 , hAsync("div", { style: bannerStyles, class: "brand-shape" })), hAsync("div", { class: "content" }, this.hasHeadingSlot && (hAsync("div", { class: "heading" }, hAsync("duet-heading", { theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, hAsync("span", null, hAsync("slot", { name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { class: "description", style: { color } }, hAsync("slot", { name: "description" }))), this.hasActionSlot && (hAsync("div", { class: "action" }, hAsync("slot", { name: "action" })))))));
|
|
8871
8875
|
}
|
|
8872
8876
|
get element() { return getElement(this); }
|
|
8873
8877
|
static get style() { return duetBannerCss; }
|
|
@@ -9552,7 +9556,7 @@ class DuetCard {
|
|
|
9552
9556
|
}; }
|
|
9553
9557
|
}
|
|
9554
9558
|
|
|
9555
|
-
const duetCheckboxCss = "*.sc-duet-checkbox,*.sc-duet-checkbox::after,*.sc-duet-checkbox::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-checkbox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-checkbox-h:last-child,.sc-duet-checkbox-h:last-of-type{margin-right:0 !important}.sc-duet-checkbox-h:last-child:not(:only-child){margin-bottom:0 !important}.duet-m-0.sc-duet-checkbox-h{margin:0 !important}.duet-label.sc-duet-checkbox{position:relative;z-index:100;display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);vertical-align:top;cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva.sc-duet-checkbox .duet-label.sc-duet-checkbox{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-label.sc-duet-checkbox span.sc-duet-checkbox{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container.sc-duet-checkbox{position:relative;width:100%;height:100%}.duet-checkbox.sc-duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(0,
|
|
9559
|
+
const duetCheckboxCss = "*.sc-duet-checkbox,*.sc-duet-checkbox::after,*.sc-duet-checkbox::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-checkbox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-checkbox-h:last-child,.sc-duet-checkbox-h:last-of-type{margin-right:0 !important}.sc-duet-checkbox-h:last-child:not(:only-child){margin-bottom:0 !important}.duet-m-0.sc-duet-checkbox-h{margin:0 !important}.duet-label.sc-duet-checkbox{position:relative;z-index:100;display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);vertical-align:top;cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva.sc-duet-checkbox .duet-label.sc-duet-checkbox{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-label.sc-duet-checkbox span.sc-duet-checkbox{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container.sc-duet-checkbox{position:relative;width:100%;height:100%}.duet-checkbox.sc-duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(0, 119, 179);border:1px solid rgb(0, 119, 179)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-checkbox[aria-invalid=true].sc-duet-checkbox+label.sc-duet-checkbox::before{background:#fdf4f7;border-color:rgb(222, 35, 98)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[aria-invalid=true].sc-duet-checkbox+label.sc-duet-checkbox::before{background:#fdf4f3;border-color:rgb(224, 42, 13)}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox{position:static}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::after{position:absolute;top:6px;left:5px;z-index:200;width:12px;height:12px;pointer-events:none;content:\"\";background:transparent url(\"data:image/svg+xml,%3Csvg%20fill%3D%27white%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23.374.287a1.5%2C1.5%2C0%2C0%2C0-2.093.345L7.246%2C20.2%2C2.561%2C15.511A1.5%2C1.5%2C0%2C1%2C0%2C.439%2C17.632l5.935%2C5.934a1.525%2C1.525%2C0%2C0%2C0%2C2.279-.186l15.066-21A1.5%2C1.5%2C0%2C0%2C0%2C23.374.287Z%27%20%2F%3E%3C%2Fsvg%3E\") no-repeat 0 0;background-size:100% auto}.duet-checkbox[disabled].sc-duet-checkbox{cursor:default}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(116, 116, 117)}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(207, 207, 209)}.duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(144, 149, 153);border:1px solid rgb(144, 149, 153)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}.duet-checkbox-error.sc-duet-checkbox{margin-left:31px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(222, 35, 98);border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox-error.sc-duet-checkbox{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-checkbox .duet-label.sc-duet-checkbox span.sc-duet-checkbox,.duet-label-hidden.sc-duet-checkbox .duet-checkbox-error.sc-duet-checkbox span.sc-duet-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
|
|
9556
9560
|
|
|
9557
9561
|
class DuetCheckbox {
|
|
9558
9562
|
constructor(hostRef) {
|
|
@@ -10457,500 +10461,500 @@ class DuetChoiceGroup {
|
|
|
10457
10461
|
|
|
10458
10462
|
var actionArrowDownSmall={"title":"action-arrow-down-small","tags":"action arrow down small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M12 19.5a2.3 2.3 0 0 1-1.729-.78L.46 7.568a1.847 1.847 0 0 1 2.773-2.439l8.579 9.752a.25.25 0 0 0 .376 0l8.579-9.752a1.847 1.847 0 1 1 2.773 2.439l-9.808 11.148A2.31 2.31 0 0 1 12 19.5z\"/></svg>"};
|
|
10459
10463
|
|
|
10460
|
-
const color_warning = "rgb(247, 178, 40)";
|
|
10461
|
-
const color_gray_darker = "rgb(101, 119, 135)";
|
|
10462
|
-
const color_gray_lighter = "rgb(245, 248, 250)";
|
|
10463
|
-
const color_category_home = "rgb(211, 36, 131)";
|
|
10464
|
-
const color_primary = "rgb(0, 119, 179)";
|
|
10465
|
-
const color_category_vehicle = "rgb(54, 74, 129)";
|
|
10466
|
-
const color_success = "rgb(0, 135, 90)";
|
|
10467
|
-
const color_category_family = "rgb(11, 114, 136)";
|
|
10468
|
-
const color_primary_lightest = "rgb(243, 249, 252)";
|
|
10469
|
-
const color_primary_lighter = "rgb(230, 242, 248)";
|
|
10470
10464
|
const color_brand_blue = "rgb(0, 161, 212)";
|
|
10471
|
-
const
|
|
10472
|
-
const
|
|
10465
|
+
const color_brand_gray_turva = "rgb(178, 180, 179)";
|
|
10466
|
+
const color_category_family = "rgb(11, 114, 136)";
|
|
10467
|
+
const color_category_family_turva = "rgb(199, 12, 112)";
|
|
10473
10468
|
const color_category_finance = "rgb(122, 1, 196)";
|
|
10474
|
-
const
|
|
10475
|
-
const
|
|
10476
|
-
const color_secondary = "rgb(0, 41, 77)";
|
|
10469
|
+
const color_category_home = "rgb(211, 36, 131)";
|
|
10470
|
+
const color_category_home_turva = "rgb(161, 10, 78)";
|
|
10477
10471
|
const color_category_pet = "rgb(168, 1, 78)";
|
|
10478
|
-
const color_primary_darker = "rgb(0, 98, 154)";
|
|
10479
|
-
const color_primary_light = "rgb(205, 229, 241)";
|
|
10480
10472
|
const color_category_travel = "rgb(213, 66, 3)";
|
|
10481
|
-
const color_gray = "rgb(207, 210, 212)";
|
|
10482
|
-
const color_danger = "rgb(222, 35, 98)";
|
|
10483
|
-
const color_gray_darker_turva = "rgb(68, 68, 69)";
|
|
10484
|
-
const color_gray_lighter_turva = "rgb(245, 245, 247)";
|
|
10485
|
-
const color_category_home_turva = "rgb(161, 10, 78)";
|
|
10486
|
-
const color_primary_turva = "rgb(198, 12, 48)";
|
|
10487
|
-
const color_category_vehicle_turva = "rgb(23, 28, 58)";
|
|
10488
|
-
const color_success_turva = "rgb(8, 135, 78)";
|
|
10489
|
-
const color_primary_lightest_turva = "rgb(252, 243, 244)";
|
|
10490
|
-
const color_category_family_turva = "rgb(199, 12, 112)";
|
|
10491
|
-
const color_category_union_turva = "rgb(169, 69, 124)";
|
|
10492
|
-
const color_primary_lighter_turva = "rgb(249, 230, 234)";
|
|
10493
|
-
const color_primary_dark_turva = "rgb(148, 9, 37)";
|
|
10494
|
-
const color_gray_lightest_turva = "rgb(255, 255, 255)";
|
|
10495
|
-
const color_gray_dark_turva = "rgb(116, 116, 117)";
|
|
10496
|
-
const color_gray_light_turva = "rgb(228, 228, 230)";
|
|
10497
|
-
const color_brand_gray_turva = "rgb(178, 180, 179)";
|
|
10498
|
-
const color_secondary_turva = "rgb(23, 28, 58)";
|
|
10499
|
-
const color_primary_darker_turva = "rgb(173, 11, 43)";
|
|
10500
|
-
const color_primary_light_turva = "rgb(244, 207, 214)";
|
|
10501
10473
|
const color_category_travel_turva = "rgb(9, 129, 148)";
|
|
10502
|
-
const
|
|
10474
|
+
const color_category_union_turva = "rgb(169, 69, 124)";
|
|
10475
|
+
const color_category_vehicle = "rgb(54, 74, 129)";
|
|
10476
|
+
const color_category_vehicle_turva = "rgb(23, 28, 58)";
|
|
10477
|
+
const color_danger = "rgb(222, 35, 98)";
|
|
10503
10478
|
const color_danger_turva = "rgb(224, 42, 13)";
|
|
10504
|
-
const
|
|
10479
|
+
const color_data_01 = "rgb(122, 1, 196)";
|
|
10480
|
+
const color_data_02 = "rgb(0, 155, 204)";
|
|
10481
|
+
const color_data_03 = "rgb(27, 171, 75)";
|
|
10482
|
+
const color_data_04 = "rgb(255, 86, 34)";
|
|
10483
|
+
const color_data_05 = "rgb(245, 76, 154)";
|
|
10484
|
+
const color_data_06 = "rgb(194, 21, 101)";
|
|
10505
10485
|
const color_data_07 = "rgb(192, 101, 247)";
|
|
10506
10486
|
const color_data_08 = "rgb(0, 105, 191)";
|
|
10507
10487
|
const color_data_09 = "rgb(19, 120, 53)";
|
|
10508
10488
|
const color_data_10 = "rgb(179, 60, 24)";
|
|
10509
10489
|
const color_data_11 = "rgb(13, 163, 166)";
|
|
10510
|
-
const color_data_01 = "rgb(122, 1, 196)";
|
|
10511
10490
|
const color_data_12 = "rgb(11, 114, 136)";
|
|
10512
|
-
const color_data_02 = "rgb(0, 155, 204)";
|
|
10513
10491
|
const color_data_13 = "rgb(179, 137, 24)";
|
|
10514
|
-
const color_data_03 = "rgb(27, 171, 75)";
|
|
10515
10492
|
const color_data_14 = "rgb(128, 98, 17)";
|
|
10516
|
-
const color_data_04 = "rgb(255, 86, 34)";
|
|
10517
10493
|
const color_data_15 = "rgb(0, 41, 77)";
|
|
10518
|
-
const
|
|
10519
|
-
const
|
|
10520
|
-
const
|
|
10521
|
-
const
|
|
10522
|
-
const
|
|
10523
|
-
const
|
|
10494
|
+
const color_gray = "rgb(207, 210, 212)";
|
|
10495
|
+
const color_gray_dark = "rgb(144, 149, 153)";
|
|
10496
|
+
const color_gray_dark_turva = "rgb(116, 116, 117)";
|
|
10497
|
+
const color_gray_darker = "rgb(101, 119, 135)";
|
|
10498
|
+
const color_gray_darker_turva = "rgb(68, 68, 69)";
|
|
10499
|
+
const color_gray_light = "rgb(225, 227, 230)";
|
|
10500
|
+
const color_gray_light_turva = "rgb(228, 228, 230)";
|
|
10501
|
+
const color_gray_lighter = "rgb(245, 248, 250)";
|
|
10502
|
+
const color_gray_lighter_turva = "rgb(245, 245, 247)";
|
|
10503
|
+
const color_gray_lightest = "rgb(255, 255, 255)";
|
|
10504
|
+
const color_gray_lightest_turva = "rgb(255, 255, 255)";
|
|
10505
|
+
const color_gray_turva = "rgb(207, 207, 209)";
|
|
10506
|
+
const color_primary = "rgb(0, 119, 179)";
|
|
10507
|
+
const color_primary_dark = "rgb(0, 77, 128)";
|
|
10508
|
+
const color_primary_dark_turva = "rgb(148, 9, 37)";
|
|
10509
|
+
const color_primary_darker = "rgb(0, 98, 154)";
|
|
10510
|
+
const color_primary_darker_turva = "rgb(173, 11, 43)";
|
|
10511
|
+
const color_primary_light = "rgb(205, 229, 241)";
|
|
10512
|
+
const color_primary_light_turva = "rgb(244, 207, 214)";
|
|
10513
|
+
const color_primary_lighter = "rgb(230, 242, 248)";
|
|
10514
|
+
const color_primary_lighter_turva = "rgb(249, 230, 234)";
|
|
10515
|
+
const color_primary_lightest = "rgb(243, 249, 252)";
|
|
10516
|
+
const color_primary_lightest_turva = "rgb(252, 243, 244)";
|
|
10517
|
+
const color_primary_turva = "rgb(198, 12, 48)";
|
|
10518
|
+
const color_secondary = "rgb(0, 41, 77)";
|
|
10519
|
+
const color_secondary_turva = "rgb(23, 28, 58)";
|
|
10520
|
+
const color_success = "rgb(0, 135, 90)";
|
|
10521
|
+
const color_success_turva = "rgb(8, 135, 78)";
|
|
10522
|
+
const color_warning = "rgb(247, 178, 40)";
|
|
10523
|
+
const color_warning_turva = "rgb(250, 164, 15)";
|
|
10524
10524
|
const font_family_heading = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
|
|
10525
|
+
const font_family_heading_turva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
|
|
10525
10526
|
const font_family_text = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
|
|
10526
|
-
const
|
|
10527
|
-
const font_weight_normal = "400";
|
|
10528
|
-
const font_weight_semi_bold = "600";
|
|
10529
|
-
const font_size_xxxx_large = "4.5rem";
|
|
10530
|
-
const font_size_xxx_large = "3rem";
|
|
10531
|
-
const font_size_xx_large = "2.25rem";
|
|
10532
|
-
const font_size_x_large = "1.5rem";
|
|
10527
|
+
const font_family_text_turva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
|
|
10533
10528
|
const font_size_large = "1.25rem";
|
|
10534
10529
|
const font_size_medium = "1rem";
|
|
10535
10530
|
const font_size_small = "0.875rem";
|
|
10531
|
+
const font_size_x_large = "1.5rem";
|
|
10536
10532
|
const font_size_x_small = "0.75rem";
|
|
10537
|
-
const
|
|
10533
|
+
const font_size_xx_large = "2.25rem";
|
|
10534
|
+
const font_size_xxx_large = "3rem";
|
|
10535
|
+
const font_size_xxxx_large = "4.5rem";
|
|
10536
|
+
const font_weight_bold = "700";
|
|
10537
|
+
const font_weight_extra_bold = "800";
|
|
10538
|
+
const font_weight_normal = "400";
|
|
10539
|
+
const font_weight_semi_bold = "600";
|
|
10540
|
+
const letter_spacing_heading = "-0.01rem";
|
|
10541
|
+
const line_height_medium = "1.5";
|
|
10542
|
+
const line_height_small = "1.25";
|
|
10543
|
+
const line_height_x_small = "1.1";
|
|
10544
|
+
const media_query_large = "'(min-width: 62em)'";
|
|
10545
|
+
const media_query_medium = "'(min-width: 48em)'";
|
|
10546
|
+
const media_query_small = "'(min-width: 36em)'";
|
|
10547
|
+
const media_query_x_large = "'(min-width: 64.0625em)'";
|
|
10548
|
+
const media_query_x_small = "'(max-width: 35.9375em)'";
|
|
10549
|
+
const media_query_xx_large = "'(min-width: 76.25em)'";
|
|
10550
|
+
const media_query_xx_small = "'(max-width: 22.5em)'";
|
|
10551
|
+
const media_query_xxx_large = "'(min-width: 106.25em)'";
|
|
10552
|
+
const media_query_xxx_small = "'(max-width: 20.5em)'";
|
|
10553
|
+
const opacity_30 = "0.30";
|
|
10554
|
+
const opacity_50 = "0.50";
|
|
10555
|
+
const opacity_75 = "0.75";
|
|
10556
|
+
const opacity_85 = "0.85";
|
|
10557
|
+
const radius_circle = "50%";
|
|
10538
10558
|
const radius_default = "4px";
|
|
10539
|
-
const radius_medium = "8px";
|
|
10540
10559
|
const radius_intermediate = "12px";
|
|
10541
10560
|
const radius_large = "16px";
|
|
10542
|
-
const
|
|
10561
|
+
const radius_medium = "8px";
|
|
10543
10562
|
const radius_pill = "20rem";
|
|
10544
|
-
const
|
|
10545
|
-
const
|
|
10563
|
+
const radius_sharp = "0";
|
|
10564
|
+
const shadow_card = "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
|
|
10565
|
+
const shadow_card_turva = "0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
|
|
10546
10566
|
const shadow_default = "0 2px 6px 0 rgba(0, 41, 77, 0.07)";
|
|
10547
|
-
const
|
|
10548
|
-
const shadow_tooltip = "0 2px 10px 0 rgba(0, 41, 77, 0.07)";
|
|
10549
|
-
const shadow_hover_input_turva = "0 0 0 1px #747475";
|
|
10550
|
-
const shadow_error_turva = "0 0 0 1px #e55039";
|
|
10551
|
-
const shadow_hover_input = "0 0 0 1px #909599";
|
|
10567
|
+
const shadow_default_turva = "0 2px 6px 0 rgba(117, 117, 117, 0.13)";
|
|
10552
10568
|
const shadow_error = "0 0 0 1px #de2362";
|
|
10553
|
-
const
|
|
10554
|
-
const shadow_modal = "0 2px 20px 0 rgba(0, 0, 0, 0.2)";
|
|
10555
|
-
const shadow_card = "0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";
|
|
10556
|
-
const shadow_focus_turva = "0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";
|
|
10569
|
+
const shadow_error_turva = "0 0 0 1px #e55039";
|
|
10557
10570
|
const shadow_focus = "0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3";
|
|
10558
|
-
const
|
|
10571
|
+
const shadow_focus_input = "0 0 0 1px #0077b3";
|
|
10572
|
+
const shadow_focus_input_turva = "0 0 0 1px #171c3a";
|
|
10573
|
+
const shadow_focus_turva = "0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a";
|
|
10559
10574
|
const shadow_hover = "0 2px 10px 0 rgba(0, 41, 77, 0.1)";
|
|
10560
|
-
const
|
|
10561
|
-
const
|
|
10562
|
-
const
|
|
10563
|
-
const
|
|
10564
|
-
const
|
|
10565
|
-
const
|
|
10566
|
-
const
|
|
10567
|
-
const space_xx_large = "36px";
|
|
10568
|
-
const space_xxxx_large = "72px";
|
|
10569
|
-
const space_xxxxx_large = "94px";
|
|
10570
|
-
const space_xxx_large = "48px";
|
|
10571
|
-
const space_x_large = "28px";
|
|
10572
|
-
const size_icon_xx_large = "48px";
|
|
10573
|
-
const size_form_border = "1px";
|
|
10574
|
-
const size_step_medium = "40px";
|
|
10575
|
+
const shadow_hover_input = "0 0 0 1px #909599";
|
|
10576
|
+
const shadow_hover_input_turva = "0 0 0 1px #747475";
|
|
10577
|
+
const shadow_hover_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.15)";
|
|
10578
|
+
const shadow_modal = "0 2px 20px 0 rgba(0, 0, 0, 0.2)";
|
|
10579
|
+
const shadow_tooltip = "0 2px 10px 0 rgba(0, 41, 77, 0.07)";
|
|
10580
|
+
const shadow_tooltip_turva = "0 2px 10px 0 rgba(117, 117, 117, 0.13)";
|
|
10581
|
+
const size_button_border = "1px";
|
|
10575
10582
|
const size_button_min_width = "8rem";
|
|
10583
|
+
const size_button_tiny_border = "1px";
|
|
10584
|
+
const size_form_border = "1px";
|
|
10576
10585
|
const size_header = "4rem";
|
|
10577
|
-
const
|
|
10586
|
+
const size_icon_large = "30px";
|
|
10587
|
+
const size_icon_medium = "24px";
|
|
10588
|
+
const size_icon_small = "20px";
|
|
10578
10589
|
const size_icon_x_large = "36px";
|
|
10590
|
+
const size_icon_x_small = "16px";
|
|
10591
|
+
const size_icon_xx_large = "48px";
|
|
10579
10592
|
const size_icon_xx_small = "10px";
|
|
10580
|
-
const
|
|
10581
|
-
const
|
|
10582
|
-
const size_icon_large = "30px";
|
|
10593
|
+
const size_icon_xxx_large = "72px";
|
|
10594
|
+
const size_icon_xxx_small = "7px";
|
|
10583
10595
|
const size_layout_max_width = "1110px";
|
|
10584
|
-
const size_tappable_square = "48px";
|
|
10585
|
-
const size_icon_x_small = "16px";
|
|
10586
10596
|
const size_medium_border = "2px";
|
|
10587
|
-
const
|
|
10588
|
-
const
|
|
10589
|
-
const
|
|
10590
|
-
const
|
|
10591
|
-
const
|
|
10592
|
-
const
|
|
10593
|
-
const
|
|
10594
|
-
const
|
|
10595
|
-
const
|
|
10596
|
-
const
|
|
10597
|
-
const
|
|
10598
|
-
const
|
|
10597
|
+
const size_navigation = "3rem";
|
|
10598
|
+
const size_step_medium = "40px";
|
|
10599
|
+
const size_step_small = "30px";
|
|
10600
|
+
const size_tappable_square = "48px";
|
|
10601
|
+
const space_large = "20px";
|
|
10602
|
+
const space_medium = "16px";
|
|
10603
|
+
const space_small = "12px";
|
|
10604
|
+
const space_x_large = "28px";
|
|
10605
|
+
const space_x_small = "8px";
|
|
10606
|
+
const space_xx_large = "36px";
|
|
10607
|
+
const space_xx_small = "4px";
|
|
10608
|
+
const space_xxx_large = "48px";
|
|
10609
|
+
const space_xxx_small = "2px";
|
|
10610
|
+
const space_xxxx_large = "72px";
|
|
10611
|
+
const space_xxxxx_large = "94px";
|
|
10612
|
+
const transition_quickly = "300ms ease";
|
|
10613
|
+
const transition_slowly = "600ms ease";
|
|
10614
|
+
const z_index_deep = "-999999";
|
|
10599
10615
|
const z_index_default = "1";
|
|
10600
|
-
const
|
|
10601
|
-
const
|
|
10602
|
-
const
|
|
10603
|
-
const
|
|
10616
|
+
const z_index_dropdown = "600";
|
|
10617
|
+
const z_index_header = "400";
|
|
10618
|
+
const z_index_mask = "200";
|
|
10619
|
+
const z_index_mask_buttons = "250";
|
|
10604
10620
|
const z_index_masked = "100";
|
|
10605
|
-
const
|
|
10621
|
+
const z_index_modal = "900";
|
|
10606
10622
|
const z_index_overlay = "700";
|
|
10607
|
-
const
|
|
10608
|
-
const
|
|
10609
|
-
const
|
|
10610
|
-
const
|
|
10611
|
-
|
|
10612
|
-
const transition_quickly = "300ms ease";
|
|
10613
|
-
const transition_slowly = "600ms ease";
|
|
10614
|
-
const media_query_xxx_large = "'(min-width: 106.25em)'";
|
|
10615
|
-
const media_query_x_large = "'(min-width: 64.0625em)'";
|
|
10616
|
-
const media_query_medium = "'(min-width: 48em)'";
|
|
10617
|
-
const media_query_large = "'(min-width: 62em)'";
|
|
10618
|
-
const media_query_xx_large = "'(min-width: 76.25em)'";
|
|
10619
|
-
const media_query_x_small = "'(max-width: 35.9375em)'";
|
|
10620
|
-
const media_query_xxx_small = "'(max-width: 20.5em)'";
|
|
10621
|
-
const media_query_small = "'(min-width: 36em)'";
|
|
10622
|
-
const media_query_xx_small = "'(max-width: 22.5em)'";
|
|
10623
|
-
var tokens = {
|
|
10624
|
-
color_warning: color_warning,
|
|
10625
|
-
color_gray_darker: color_gray_darker,
|
|
10626
|
-
color_gray_lighter: color_gray_lighter,
|
|
10627
|
-
color_category_home: color_category_home,
|
|
10628
|
-
color_primary: color_primary,
|
|
10629
|
-
color_category_vehicle: color_category_vehicle,
|
|
10630
|
-
color_success: color_success,
|
|
10631
|
-
color_category_family: color_category_family,
|
|
10632
|
-
color_primary_lightest: color_primary_lightest,
|
|
10633
|
-
color_primary_lighter: color_primary_lighter,
|
|
10623
|
+
const z_index_popup = "950";
|
|
10624
|
+
const z_index_spinner = "800";
|
|
10625
|
+
const z_index_sticky = "300";
|
|
10626
|
+
const z_index_toast = "500";
|
|
10627
|
+
var tokens = {
|
|
10634
10628
|
color_brand_blue: color_brand_blue,
|
|
10635
|
-
|
|
10636
|
-
|
|
10629
|
+
color_brand_gray_turva: color_brand_gray_turva,
|
|
10630
|
+
color_category_family: color_category_family,
|
|
10631
|
+
color_category_family_turva: color_category_family_turva,
|
|
10637
10632
|
color_category_finance: color_category_finance,
|
|
10638
|
-
|
|
10639
|
-
|
|
10640
|
-
color_secondary: color_secondary,
|
|
10633
|
+
color_category_home: color_category_home,
|
|
10634
|
+
color_category_home_turva: color_category_home_turva,
|
|
10641
10635
|
color_category_pet: color_category_pet,
|
|
10642
|
-
color_primary_darker: color_primary_darker,
|
|
10643
|
-
color_primary_light: color_primary_light,
|
|
10644
10636
|
color_category_travel: color_category_travel,
|
|
10645
|
-
color_gray: color_gray,
|
|
10646
|
-
color_danger: color_danger,
|
|
10647
|
-
color_gray_darker_turva: color_gray_darker_turva,
|
|
10648
|
-
color_gray_lighter_turva: color_gray_lighter_turva,
|
|
10649
|
-
color_category_home_turva: color_category_home_turva,
|
|
10650
|
-
color_primary_turva: color_primary_turva,
|
|
10651
|
-
color_category_vehicle_turva: color_category_vehicle_turva,
|
|
10652
|
-
color_success_turva: color_success_turva,
|
|
10653
|
-
color_primary_lightest_turva: color_primary_lightest_turva,
|
|
10654
|
-
color_category_family_turva: color_category_family_turva,
|
|
10655
|
-
color_category_union_turva: color_category_union_turva,
|
|
10656
|
-
color_primary_lighter_turva: color_primary_lighter_turva,
|
|
10657
|
-
color_primary_dark_turva: color_primary_dark_turva,
|
|
10658
|
-
color_gray_lightest_turva: color_gray_lightest_turva,
|
|
10659
|
-
color_gray_dark_turva: color_gray_dark_turva,
|
|
10660
|
-
color_gray_light_turva: color_gray_light_turva,
|
|
10661
|
-
color_brand_gray_turva: color_brand_gray_turva,
|
|
10662
|
-
color_secondary_turva: color_secondary_turva,
|
|
10663
|
-
color_primary_darker_turva: color_primary_darker_turva,
|
|
10664
|
-
color_primary_light_turva: color_primary_light_turva,
|
|
10665
10637
|
color_category_travel_turva: color_category_travel_turva,
|
|
10666
|
-
|
|
10638
|
+
color_category_union_turva: color_category_union_turva,
|
|
10639
|
+
color_category_vehicle: color_category_vehicle,
|
|
10640
|
+
color_category_vehicle_turva: color_category_vehicle_turva,
|
|
10641
|
+
color_danger: color_danger,
|
|
10667
10642
|
color_danger_turva: color_danger_turva,
|
|
10668
|
-
|
|
10643
|
+
color_data_01: color_data_01,
|
|
10644
|
+
color_data_02: color_data_02,
|
|
10645
|
+
color_data_03: color_data_03,
|
|
10646
|
+
color_data_04: color_data_04,
|
|
10647
|
+
color_data_05: color_data_05,
|
|
10648
|
+
color_data_06: color_data_06,
|
|
10669
10649
|
color_data_07: color_data_07,
|
|
10670
10650
|
color_data_08: color_data_08,
|
|
10671
10651
|
color_data_09: color_data_09,
|
|
10672
10652
|
color_data_10: color_data_10,
|
|
10673
10653
|
color_data_11: color_data_11,
|
|
10674
|
-
color_data_01: color_data_01,
|
|
10675
10654
|
color_data_12: color_data_12,
|
|
10676
|
-
color_data_02: color_data_02,
|
|
10677
10655
|
color_data_13: color_data_13,
|
|
10678
|
-
color_data_03: color_data_03,
|
|
10679
10656
|
color_data_14: color_data_14,
|
|
10680
|
-
color_data_04: color_data_04,
|
|
10681
10657
|
color_data_15: color_data_15,
|
|
10682
|
-
|
|
10683
|
-
|
|
10684
|
-
|
|
10685
|
-
|
|
10686
|
-
|
|
10687
|
-
|
|
10658
|
+
color_gray: color_gray,
|
|
10659
|
+
color_gray_dark: color_gray_dark,
|
|
10660
|
+
color_gray_dark_turva: color_gray_dark_turva,
|
|
10661
|
+
color_gray_darker: color_gray_darker,
|
|
10662
|
+
color_gray_darker_turva: color_gray_darker_turva,
|
|
10663
|
+
color_gray_light: color_gray_light,
|
|
10664
|
+
color_gray_light_turva: color_gray_light_turva,
|
|
10665
|
+
color_gray_lighter: color_gray_lighter,
|
|
10666
|
+
color_gray_lighter_turva: color_gray_lighter_turva,
|
|
10667
|
+
color_gray_lightest: color_gray_lightest,
|
|
10668
|
+
color_gray_lightest_turva: color_gray_lightest_turva,
|
|
10669
|
+
color_gray_turva: color_gray_turva,
|
|
10670
|
+
color_primary: color_primary,
|
|
10671
|
+
color_primary_dark: color_primary_dark,
|
|
10672
|
+
color_primary_dark_turva: color_primary_dark_turva,
|
|
10673
|
+
color_primary_darker: color_primary_darker,
|
|
10674
|
+
color_primary_darker_turva: color_primary_darker_turva,
|
|
10675
|
+
color_primary_light: color_primary_light,
|
|
10676
|
+
color_primary_light_turva: color_primary_light_turva,
|
|
10677
|
+
color_primary_lighter: color_primary_lighter,
|
|
10678
|
+
color_primary_lighter_turva: color_primary_lighter_turva,
|
|
10679
|
+
color_primary_lightest: color_primary_lightest,
|
|
10680
|
+
color_primary_lightest_turva: color_primary_lightest_turva,
|
|
10681
|
+
color_primary_turva: color_primary_turva,
|
|
10682
|
+
color_secondary: color_secondary,
|
|
10683
|
+
color_secondary_turva: color_secondary_turva,
|
|
10684
|
+
color_success: color_success,
|
|
10685
|
+
color_success_turva: color_success_turva,
|
|
10686
|
+
color_warning: color_warning,
|
|
10687
|
+
color_warning_turva: color_warning_turva,
|
|
10688
10688
|
font_family_heading: font_family_heading,
|
|
10689
|
+
font_family_heading_turva: font_family_heading_turva,
|
|
10689
10690
|
font_family_text: font_family_text,
|
|
10690
|
-
|
|
10691
|
-
font_weight_normal: font_weight_normal,
|
|
10692
|
-
font_weight_semi_bold: font_weight_semi_bold,
|
|
10693
|
-
font_size_xxxx_large: font_size_xxxx_large,
|
|
10694
|
-
font_size_xxx_large: font_size_xxx_large,
|
|
10695
|
-
font_size_xx_large: font_size_xx_large,
|
|
10696
|
-
font_size_x_large: font_size_x_large,
|
|
10691
|
+
font_family_text_turva: font_family_text_turva,
|
|
10697
10692
|
font_size_large: font_size_large,
|
|
10698
10693
|
font_size_medium: font_size_medium,
|
|
10699
10694
|
font_size_small: font_size_small,
|
|
10695
|
+
font_size_x_large: font_size_x_large,
|
|
10700
10696
|
font_size_x_small: font_size_x_small,
|
|
10701
|
-
|
|
10697
|
+
font_size_xx_large: font_size_xx_large,
|
|
10698
|
+
font_size_xxx_large: font_size_xxx_large,
|
|
10699
|
+
font_size_xxxx_large: font_size_xxxx_large,
|
|
10700
|
+
font_weight_bold: font_weight_bold,
|
|
10701
|
+
font_weight_extra_bold: font_weight_extra_bold,
|
|
10702
|
+
font_weight_normal: font_weight_normal,
|
|
10703
|
+
font_weight_semi_bold: font_weight_semi_bold,
|
|
10704
|
+
letter_spacing_heading: letter_spacing_heading,
|
|
10705
|
+
line_height_medium: line_height_medium,
|
|
10706
|
+
line_height_small: line_height_small,
|
|
10707
|
+
line_height_x_small: line_height_x_small,
|
|
10708
|
+
media_query_large: media_query_large,
|
|
10709
|
+
media_query_medium: media_query_medium,
|
|
10710
|
+
media_query_small: media_query_small,
|
|
10711
|
+
media_query_x_large: media_query_x_large,
|
|
10712
|
+
media_query_x_small: media_query_x_small,
|
|
10713
|
+
media_query_xx_large: media_query_xx_large,
|
|
10714
|
+
media_query_xx_small: media_query_xx_small,
|
|
10715
|
+
media_query_xxx_large: media_query_xxx_large,
|
|
10716
|
+
media_query_xxx_small: media_query_xxx_small,
|
|
10717
|
+
opacity_30: opacity_30,
|
|
10718
|
+
opacity_50: opacity_50,
|
|
10719
|
+
opacity_75: opacity_75,
|
|
10720
|
+
opacity_85: opacity_85,
|
|
10721
|
+
radius_circle: radius_circle,
|
|
10702
10722
|
radius_default: radius_default,
|
|
10703
|
-
radius_medium: radius_medium,
|
|
10704
10723
|
radius_intermediate: radius_intermediate,
|
|
10705
10724
|
radius_large: radius_large,
|
|
10706
|
-
|
|
10725
|
+
radius_medium: radius_medium,
|
|
10707
10726
|
radius_pill: radius_pill,
|
|
10708
|
-
|
|
10709
|
-
|
|
10727
|
+
radius_sharp: radius_sharp,
|
|
10728
|
+
shadow_card: shadow_card,
|
|
10729
|
+
shadow_card_turva: shadow_card_turva,
|
|
10710
10730
|
shadow_default: shadow_default,
|
|
10711
|
-
|
|
10712
|
-
shadow_tooltip: shadow_tooltip,
|
|
10713
|
-
shadow_hover_input_turva: shadow_hover_input_turva,
|
|
10714
|
-
shadow_error_turva: shadow_error_turva,
|
|
10715
|
-
shadow_hover_input: shadow_hover_input,
|
|
10731
|
+
shadow_default_turva: shadow_default_turva,
|
|
10716
10732
|
shadow_error: shadow_error,
|
|
10717
|
-
|
|
10718
|
-
shadow_modal: shadow_modal,
|
|
10719
|
-
shadow_card: shadow_card,
|
|
10720
|
-
shadow_focus_turva: shadow_focus_turva,
|
|
10733
|
+
shadow_error_turva: shadow_error_turva,
|
|
10721
10734
|
shadow_focus: shadow_focus,
|
|
10722
|
-
|
|
10735
|
+
shadow_focus_input: shadow_focus_input,
|
|
10736
|
+
shadow_focus_input_turva: shadow_focus_input_turva,
|
|
10737
|
+
shadow_focus_turva: shadow_focus_turva,
|
|
10723
10738
|
shadow_hover: shadow_hover,
|
|
10724
|
-
|
|
10725
|
-
|
|
10726
|
-
|
|
10727
|
-
|
|
10728
|
-
|
|
10729
|
-
|
|
10730
|
-
|
|
10731
|
-
space_xx_large: space_xx_large,
|
|
10732
|
-
space_xxxx_large: space_xxxx_large,
|
|
10733
|
-
space_xxxxx_large: space_xxxxx_large,
|
|
10734
|
-
space_xxx_large: space_xxx_large,
|
|
10735
|
-
space_x_large: space_x_large,
|
|
10736
|
-
size_icon_xx_large: size_icon_xx_large,
|
|
10737
|
-
size_form_border: size_form_border,
|
|
10738
|
-
size_step_medium: size_step_medium,
|
|
10739
|
+
shadow_hover_input: shadow_hover_input,
|
|
10740
|
+
shadow_hover_input_turva: shadow_hover_input_turva,
|
|
10741
|
+
shadow_hover_turva: shadow_hover_turva,
|
|
10742
|
+
shadow_modal: shadow_modal,
|
|
10743
|
+
shadow_tooltip: shadow_tooltip,
|
|
10744
|
+
shadow_tooltip_turva: shadow_tooltip_turva,
|
|
10745
|
+
size_button_border: size_button_border,
|
|
10739
10746
|
size_button_min_width: size_button_min_width,
|
|
10747
|
+
size_button_tiny_border: size_button_tiny_border,
|
|
10748
|
+
size_form_border: size_form_border,
|
|
10740
10749
|
size_header: size_header,
|
|
10741
|
-
|
|
10750
|
+
size_icon_large: size_icon_large,
|
|
10751
|
+
size_icon_medium: size_icon_medium,
|
|
10752
|
+
size_icon_small: size_icon_small,
|
|
10742
10753
|
size_icon_x_large: size_icon_x_large,
|
|
10754
|
+
size_icon_x_small: size_icon_x_small,
|
|
10755
|
+
size_icon_xx_large: size_icon_xx_large,
|
|
10743
10756
|
size_icon_xx_small: size_icon_xx_small,
|
|
10744
|
-
|
|
10745
|
-
|
|
10746
|
-
size_icon_large: size_icon_large,
|
|
10757
|
+
size_icon_xxx_large: size_icon_xxx_large,
|
|
10758
|
+
size_icon_xxx_small: size_icon_xxx_small,
|
|
10747
10759
|
size_layout_max_width: size_layout_max_width,
|
|
10748
|
-
size_tappable_square: size_tappable_square,
|
|
10749
|
-
size_icon_x_small: size_icon_x_small,
|
|
10750
10760
|
size_medium_border: size_medium_border,
|
|
10751
|
-
|
|
10752
|
-
|
|
10753
|
-
|
|
10754
|
-
|
|
10755
|
-
|
|
10756
|
-
|
|
10757
|
-
|
|
10758
|
-
|
|
10759
|
-
|
|
10760
|
-
|
|
10761
|
-
|
|
10762
|
-
|
|
10761
|
+
size_navigation: size_navigation,
|
|
10762
|
+
size_step_medium: size_step_medium,
|
|
10763
|
+
size_step_small: size_step_small,
|
|
10764
|
+
size_tappable_square: size_tappable_square,
|
|
10765
|
+
space_large: space_large,
|
|
10766
|
+
space_medium: space_medium,
|
|
10767
|
+
space_small: space_small,
|
|
10768
|
+
space_x_large: space_x_large,
|
|
10769
|
+
space_x_small: space_x_small,
|
|
10770
|
+
space_xx_large: space_xx_large,
|
|
10771
|
+
space_xx_small: space_xx_small,
|
|
10772
|
+
space_xxx_large: space_xxx_large,
|
|
10773
|
+
space_xxx_small: space_xxx_small,
|
|
10774
|
+
space_xxxx_large: space_xxxx_large,
|
|
10775
|
+
space_xxxxx_large: space_xxxxx_large,
|
|
10776
|
+
transition_quickly: transition_quickly,
|
|
10777
|
+
transition_slowly: transition_slowly,
|
|
10778
|
+
z_index_deep: z_index_deep,
|
|
10763
10779
|
z_index_default: z_index_default,
|
|
10764
|
-
|
|
10765
|
-
|
|
10766
|
-
|
|
10767
|
-
|
|
10780
|
+
z_index_dropdown: z_index_dropdown,
|
|
10781
|
+
z_index_header: z_index_header,
|
|
10782
|
+
z_index_mask: z_index_mask,
|
|
10783
|
+
z_index_mask_buttons: z_index_mask_buttons,
|
|
10768
10784
|
z_index_masked: z_index_masked,
|
|
10769
|
-
|
|
10785
|
+
z_index_modal: z_index_modal,
|
|
10770
10786
|
z_index_overlay: z_index_overlay,
|
|
10771
|
-
|
|
10772
|
-
|
|
10773
|
-
|
|
10774
|
-
|
|
10775
|
-
line_height_x_small: line_height_x_small,
|
|
10776
|
-
transition_quickly: transition_quickly,
|
|
10777
|
-
transition_slowly: transition_slowly,
|
|
10778
|
-
media_query_xxx_large: media_query_xxx_large,
|
|
10779
|
-
media_query_x_large: media_query_x_large,
|
|
10780
|
-
media_query_medium: media_query_medium,
|
|
10781
|
-
media_query_large: media_query_large,
|
|
10782
|
-
media_query_xx_large: media_query_xx_large,
|
|
10783
|
-
media_query_x_small: media_query_x_small,
|
|
10784
|
-
media_query_xxx_small: media_query_xxx_small,
|
|
10785
|
-
media_query_small: media_query_small,
|
|
10786
|
-
media_query_xx_small: media_query_xx_small
|
|
10787
|
+
z_index_popup: z_index_popup,
|
|
10788
|
+
z_index_spinner: z_index_spinner,
|
|
10789
|
+
z_index_sticky: z_index_sticky,
|
|
10790
|
+
z_index_toast: z_index_toast
|
|
10787
10791
|
};
|
|
10788
10792
|
|
|
10789
10793
|
var tokens$1 = /*#__PURE__*/Object.freeze({
|
|
10790
10794
|
__proto__: null,
|
|
10791
|
-
color_warning: color_warning,
|
|
10792
|
-
color_gray_darker: color_gray_darker,
|
|
10793
|
-
color_gray_lighter: color_gray_lighter,
|
|
10794
|
-
color_category_home: color_category_home,
|
|
10795
|
-
color_primary: color_primary,
|
|
10796
|
-
color_category_vehicle: color_category_vehicle,
|
|
10797
|
-
color_success: color_success,
|
|
10798
|
-
color_category_family: color_category_family,
|
|
10799
|
-
color_primary_lightest: color_primary_lightest,
|
|
10800
|
-
color_primary_lighter: color_primary_lighter,
|
|
10801
10795
|
color_brand_blue: color_brand_blue,
|
|
10802
|
-
|
|
10803
|
-
|
|
10804
|
-
|
|
10805
|
-
|
|
10806
|
-
|
|
10807
|
-
|
|
10796
|
+
color_brand_gray_turva: color_brand_gray_turva,
|
|
10797
|
+
color_category_family: color_category_family,
|
|
10798
|
+
color_category_family_turva: color_category_family_turva,
|
|
10799
|
+
color_category_finance: color_category_finance,
|
|
10800
|
+
color_category_home: color_category_home,
|
|
10801
|
+
color_category_home_turva: color_category_home_turva,
|
|
10808
10802
|
color_category_pet: color_category_pet,
|
|
10809
|
-
color_primary_darker: color_primary_darker,
|
|
10810
|
-
color_primary_light: color_primary_light,
|
|
10811
10803
|
color_category_travel: color_category_travel,
|
|
10812
|
-
color_gray: color_gray,
|
|
10813
|
-
color_danger: color_danger,
|
|
10814
|
-
color_gray_darker_turva: color_gray_darker_turva,
|
|
10815
|
-
color_gray_lighter_turva: color_gray_lighter_turva,
|
|
10816
|
-
color_category_home_turva: color_category_home_turva,
|
|
10817
|
-
color_primary_turva: color_primary_turva,
|
|
10818
|
-
color_category_vehicle_turva: color_category_vehicle_turva,
|
|
10819
|
-
color_success_turva: color_success_turva,
|
|
10820
|
-
color_primary_lightest_turva: color_primary_lightest_turva,
|
|
10821
|
-
color_category_family_turva: color_category_family_turva,
|
|
10822
|
-
color_category_union_turva: color_category_union_turva,
|
|
10823
|
-
color_primary_lighter_turva: color_primary_lighter_turva,
|
|
10824
|
-
color_primary_dark_turva: color_primary_dark_turva,
|
|
10825
|
-
color_gray_lightest_turva: color_gray_lightest_turva,
|
|
10826
|
-
color_gray_dark_turva: color_gray_dark_turva,
|
|
10827
|
-
color_gray_light_turva: color_gray_light_turva,
|
|
10828
|
-
color_brand_gray_turva: color_brand_gray_turva,
|
|
10829
|
-
color_secondary_turva: color_secondary_turva,
|
|
10830
|
-
color_primary_darker_turva: color_primary_darker_turva,
|
|
10831
|
-
color_primary_light_turva: color_primary_light_turva,
|
|
10832
10804
|
color_category_travel_turva: color_category_travel_turva,
|
|
10833
|
-
|
|
10805
|
+
color_category_union_turva: color_category_union_turva,
|
|
10806
|
+
color_category_vehicle: color_category_vehicle,
|
|
10807
|
+
color_category_vehicle_turva: color_category_vehicle_turva,
|
|
10808
|
+
color_danger: color_danger,
|
|
10834
10809
|
color_danger_turva: color_danger_turva,
|
|
10835
|
-
|
|
10810
|
+
color_data_01: color_data_01,
|
|
10811
|
+
color_data_02: color_data_02,
|
|
10812
|
+
color_data_03: color_data_03,
|
|
10813
|
+
color_data_04: color_data_04,
|
|
10814
|
+
color_data_05: color_data_05,
|
|
10815
|
+
color_data_06: color_data_06,
|
|
10836
10816
|
color_data_07: color_data_07,
|
|
10837
10817
|
color_data_08: color_data_08,
|
|
10838
10818
|
color_data_09: color_data_09,
|
|
10839
10819
|
color_data_10: color_data_10,
|
|
10840
10820
|
color_data_11: color_data_11,
|
|
10841
|
-
color_data_01: color_data_01,
|
|
10842
10821
|
color_data_12: color_data_12,
|
|
10843
|
-
color_data_02: color_data_02,
|
|
10844
10822
|
color_data_13: color_data_13,
|
|
10845
|
-
color_data_03: color_data_03,
|
|
10846
10823
|
color_data_14: color_data_14,
|
|
10847
|
-
color_data_04: color_data_04,
|
|
10848
10824
|
color_data_15: color_data_15,
|
|
10849
|
-
|
|
10850
|
-
|
|
10851
|
-
|
|
10852
|
-
|
|
10853
|
-
|
|
10854
|
-
|
|
10825
|
+
color_gray: color_gray,
|
|
10826
|
+
color_gray_dark: color_gray_dark,
|
|
10827
|
+
color_gray_dark_turva: color_gray_dark_turva,
|
|
10828
|
+
color_gray_darker: color_gray_darker,
|
|
10829
|
+
color_gray_darker_turva: color_gray_darker_turva,
|
|
10830
|
+
color_gray_light: color_gray_light,
|
|
10831
|
+
color_gray_light_turva: color_gray_light_turva,
|
|
10832
|
+
color_gray_lighter: color_gray_lighter,
|
|
10833
|
+
color_gray_lighter_turva: color_gray_lighter_turva,
|
|
10834
|
+
color_gray_lightest: color_gray_lightest,
|
|
10835
|
+
color_gray_lightest_turva: color_gray_lightest_turva,
|
|
10836
|
+
color_gray_turva: color_gray_turva,
|
|
10837
|
+
color_primary: color_primary,
|
|
10838
|
+
color_primary_dark: color_primary_dark,
|
|
10839
|
+
color_primary_dark_turva: color_primary_dark_turva,
|
|
10840
|
+
color_primary_darker: color_primary_darker,
|
|
10841
|
+
color_primary_darker_turva: color_primary_darker_turva,
|
|
10842
|
+
color_primary_light: color_primary_light,
|
|
10843
|
+
color_primary_light_turva: color_primary_light_turva,
|
|
10844
|
+
color_primary_lighter: color_primary_lighter,
|
|
10845
|
+
color_primary_lighter_turva: color_primary_lighter_turva,
|
|
10846
|
+
color_primary_lightest: color_primary_lightest,
|
|
10847
|
+
color_primary_lightest_turva: color_primary_lightest_turva,
|
|
10848
|
+
color_primary_turva: color_primary_turva,
|
|
10849
|
+
color_secondary: color_secondary,
|
|
10850
|
+
color_secondary_turva: color_secondary_turva,
|
|
10851
|
+
color_success: color_success,
|
|
10852
|
+
color_success_turva: color_success_turva,
|
|
10853
|
+
color_warning: color_warning,
|
|
10854
|
+
color_warning_turva: color_warning_turva,
|
|
10855
10855
|
font_family_heading: font_family_heading,
|
|
10856
|
+
font_family_heading_turva: font_family_heading_turva,
|
|
10856
10857
|
font_family_text: font_family_text,
|
|
10857
|
-
|
|
10858
|
-
font_weight_normal: font_weight_normal,
|
|
10859
|
-
font_weight_semi_bold: font_weight_semi_bold,
|
|
10860
|
-
font_size_xxxx_large: font_size_xxxx_large,
|
|
10861
|
-
font_size_xxx_large: font_size_xxx_large,
|
|
10862
|
-
font_size_xx_large: font_size_xx_large,
|
|
10863
|
-
font_size_x_large: font_size_x_large,
|
|
10858
|
+
font_family_text_turva: font_family_text_turva,
|
|
10864
10859
|
font_size_large: font_size_large,
|
|
10865
10860
|
font_size_medium: font_size_medium,
|
|
10866
10861
|
font_size_small: font_size_small,
|
|
10862
|
+
font_size_x_large: font_size_x_large,
|
|
10867
10863
|
font_size_x_small: font_size_x_small,
|
|
10868
|
-
|
|
10864
|
+
font_size_xx_large: font_size_xx_large,
|
|
10865
|
+
font_size_xxx_large: font_size_xxx_large,
|
|
10866
|
+
font_size_xxxx_large: font_size_xxxx_large,
|
|
10867
|
+
font_weight_bold: font_weight_bold,
|
|
10868
|
+
font_weight_extra_bold: font_weight_extra_bold,
|
|
10869
|
+
font_weight_normal: font_weight_normal,
|
|
10870
|
+
font_weight_semi_bold: font_weight_semi_bold,
|
|
10871
|
+
letter_spacing_heading: letter_spacing_heading,
|
|
10872
|
+
line_height_medium: line_height_medium,
|
|
10873
|
+
line_height_small: line_height_small,
|
|
10874
|
+
line_height_x_small: line_height_x_small,
|
|
10875
|
+
media_query_large: media_query_large,
|
|
10876
|
+
media_query_medium: media_query_medium,
|
|
10877
|
+
media_query_small: media_query_small,
|
|
10878
|
+
media_query_x_large: media_query_x_large,
|
|
10879
|
+
media_query_x_small: media_query_x_small,
|
|
10880
|
+
media_query_xx_large: media_query_xx_large,
|
|
10881
|
+
media_query_xx_small: media_query_xx_small,
|
|
10882
|
+
media_query_xxx_large: media_query_xxx_large,
|
|
10883
|
+
media_query_xxx_small: media_query_xxx_small,
|
|
10884
|
+
opacity_30: opacity_30,
|
|
10885
|
+
opacity_50: opacity_50,
|
|
10886
|
+
opacity_75: opacity_75,
|
|
10887
|
+
opacity_85: opacity_85,
|
|
10888
|
+
radius_circle: radius_circle,
|
|
10869
10889
|
radius_default: radius_default,
|
|
10870
|
-
radius_medium: radius_medium,
|
|
10871
10890
|
radius_intermediate: radius_intermediate,
|
|
10872
10891
|
radius_large: radius_large,
|
|
10873
|
-
|
|
10892
|
+
radius_medium: radius_medium,
|
|
10874
10893
|
radius_pill: radius_pill,
|
|
10875
|
-
|
|
10876
|
-
|
|
10894
|
+
radius_sharp: radius_sharp,
|
|
10895
|
+
shadow_card: shadow_card,
|
|
10896
|
+
shadow_card_turva: shadow_card_turva,
|
|
10877
10897
|
shadow_default: shadow_default,
|
|
10878
|
-
|
|
10879
|
-
shadow_tooltip: shadow_tooltip,
|
|
10880
|
-
shadow_hover_input_turva: shadow_hover_input_turva,
|
|
10881
|
-
shadow_error_turva: shadow_error_turva,
|
|
10882
|
-
shadow_hover_input: shadow_hover_input,
|
|
10898
|
+
shadow_default_turva: shadow_default_turva,
|
|
10883
10899
|
shadow_error: shadow_error,
|
|
10884
|
-
|
|
10885
|
-
shadow_modal: shadow_modal,
|
|
10886
|
-
shadow_card: shadow_card,
|
|
10887
|
-
shadow_focus_turva: shadow_focus_turva,
|
|
10900
|
+
shadow_error_turva: shadow_error_turva,
|
|
10888
10901
|
shadow_focus: shadow_focus,
|
|
10889
|
-
|
|
10902
|
+
shadow_focus_input: shadow_focus_input,
|
|
10903
|
+
shadow_focus_input_turva: shadow_focus_input_turva,
|
|
10904
|
+
shadow_focus_turva: shadow_focus_turva,
|
|
10890
10905
|
shadow_hover: shadow_hover,
|
|
10891
|
-
|
|
10892
|
-
|
|
10893
|
-
|
|
10894
|
-
|
|
10895
|
-
|
|
10896
|
-
|
|
10897
|
-
|
|
10898
|
-
space_xx_large: space_xx_large,
|
|
10899
|
-
space_xxxx_large: space_xxxx_large,
|
|
10900
|
-
space_xxxxx_large: space_xxxxx_large,
|
|
10901
|
-
space_xxx_large: space_xxx_large,
|
|
10902
|
-
space_x_large: space_x_large,
|
|
10903
|
-
size_icon_xx_large: size_icon_xx_large,
|
|
10904
|
-
size_form_border: size_form_border,
|
|
10905
|
-
size_step_medium: size_step_medium,
|
|
10906
|
+
shadow_hover_input: shadow_hover_input,
|
|
10907
|
+
shadow_hover_input_turva: shadow_hover_input_turva,
|
|
10908
|
+
shadow_hover_turva: shadow_hover_turva,
|
|
10909
|
+
shadow_modal: shadow_modal,
|
|
10910
|
+
shadow_tooltip: shadow_tooltip,
|
|
10911
|
+
shadow_tooltip_turva: shadow_tooltip_turva,
|
|
10912
|
+
size_button_border: size_button_border,
|
|
10906
10913
|
size_button_min_width: size_button_min_width,
|
|
10914
|
+
size_button_tiny_border: size_button_tiny_border,
|
|
10915
|
+
size_form_border: size_form_border,
|
|
10907
10916
|
size_header: size_header,
|
|
10908
|
-
|
|
10917
|
+
size_icon_large: size_icon_large,
|
|
10918
|
+
size_icon_medium: size_icon_medium,
|
|
10919
|
+
size_icon_small: size_icon_small,
|
|
10909
10920
|
size_icon_x_large: size_icon_x_large,
|
|
10921
|
+
size_icon_x_small: size_icon_x_small,
|
|
10922
|
+
size_icon_xx_large: size_icon_xx_large,
|
|
10910
10923
|
size_icon_xx_small: size_icon_xx_small,
|
|
10911
|
-
|
|
10912
|
-
|
|
10913
|
-
size_icon_large: size_icon_large,
|
|
10924
|
+
size_icon_xxx_large: size_icon_xxx_large,
|
|
10925
|
+
size_icon_xxx_small: size_icon_xxx_small,
|
|
10914
10926
|
size_layout_max_width: size_layout_max_width,
|
|
10915
|
-
size_tappable_square: size_tappable_square,
|
|
10916
|
-
size_icon_x_small: size_icon_x_small,
|
|
10917
10927
|
size_medium_border: size_medium_border,
|
|
10918
|
-
|
|
10919
|
-
|
|
10920
|
-
|
|
10921
|
-
|
|
10922
|
-
|
|
10923
|
-
|
|
10924
|
-
|
|
10925
|
-
|
|
10926
|
-
|
|
10927
|
-
|
|
10928
|
-
|
|
10929
|
-
|
|
10928
|
+
size_navigation: size_navigation,
|
|
10929
|
+
size_step_medium: size_step_medium,
|
|
10930
|
+
size_step_small: size_step_small,
|
|
10931
|
+
size_tappable_square: size_tappable_square,
|
|
10932
|
+
space_large: space_large,
|
|
10933
|
+
space_medium: space_medium,
|
|
10934
|
+
space_small: space_small,
|
|
10935
|
+
space_x_large: space_x_large,
|
|
10936
|
+
space_x_small: space_x_small,
|
|
10937
|
+
space_xx_large: space_xx_large,
|
|
10938
|
+
space_xx_small: space_xx_small,
|
|
10939
|
+
space_xxx_large: space_xxx_large,
|
|
10940
|
+
space_xxx_small: space_xxx_small,
|
|
10941
|
+
space_xxxx_large: space_xxxx_large,
|
|
10942
|
+
space_xxxxx_large: space_xxxxx_large,
|
|
10943
|
+
transition_quickly: transition_quickly,
|
|
10944
|
+
transition_slowly: transition_slowly,
|
|
10945
|
+
z_index_deep: z_index_deep,
|
|
10930
10946
|
z_index_default: z_index_default,
|
|
10931
|
-
|
|
10932
|
-
|
|
10933
|
-
|
|
10934
|
-
|
|
10947
|
+
z_index_dropdown: z_index_dropdown,
|
|
10948
|
+
z_index_header: z_index_header,
|
|
10949
|
+
z_index_mask: z_index_mask,
|
|
10950
|
+
z_index_mask_buttons: z_index_mask_buttons,
|
|
10935
10951
|
z_index_masked: z_index_masked,
|
|
10936
|
-
|
|
10952
|
+
z_index_modal: z_index_modal,
|
|
10937
10953
|
z_index_overlay: z_index_overlay,
|
|
10938
|
-
|
|
10939
|
-
|
|
10940
|
-
|
|
10941
|
-
|
|
10942
|
-
line_height_x_small: line_height_x_small,
|
|
10943
|
-
transition_quickly: transition_quickly,
|
|
10944
|
-
transition_slowly: transition_slowly,
|
|
10945
|
-
media_query_xxx_large: media_query_xxx_large,
|
|
10946
|
-
media_query_x_large: media_query_x_large,
|
|
10947
|
-
media_query_medium: media_query_medium,
|
|
10948
|
-
media_query_large: media_query_large,
|
|
10949
|
-
media_query_xx_large: media_query_xx_large,
|
|
10950
|
-
media_query_x_small: media_query_x_small,
|
|
10951
|
-
media_query_xxx_small: media_query_xxx_small,
|
|
10952
|
-
media_query_small: media_query_small,
|
|
10953
|
-
media_query_xx_small: media_query_xx_small,
|
|
10954
|
+
z_index_popup: z_index_popup,
|
|
10955
|
+
z_index_spinner: z_index_spinner,
|
|
10956
|
+
z_index_sticky: z_index_sticky,
|
|
10957
|
+
z_index_toast: z_index_toast,
|
|
10954
10958
|
'default': tokens
|
|
10955
10959
|
});
|
|
10956
10960
|
|
|
@@ -14160,7 +14164,7 @@ class DuetHero {
|
|
|
14160
14164
|
}; }
|
|
14161
14165
|
}
|
|
14162
14166
|
|
|
14163
|
-
const duetIconCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-icon,*.sc-duet-icon::after,*.sc-duet-icon::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-icon-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){/*!@:host(.duet-icon-has-outline)*/.duet-icon-has-outline.sc-duet-icon-h{margin-bottom:0 !important}}@media (max-width: 35.9375em){/*!@:host(.duet-icon-has-background)*/.duet-icon-has-background.sc-duet-icon-h{margin-bottom:0 !important}}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-icon-h{margin:0 !important}@media (max-width: 35.9375em){/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-icon-h{margin:0 !important}}/*!@.duet-icon*/.duet-icon.sc-duet-icon{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;transform-origin:top center}/*!@.duet-icon.duet-icon-has-outline*/.duet-icon.duet-icon-has-outline.sc-duet-icon{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-has-outline*/.duet-icon.duet-icon-has-outline.sc-duet-icon{outline:1px solid transparent;transform:scale(0.8)}}/*!@.duet-icon.duet-icon-has-background*/.duet-icon.duet-icon-has-background.sc-duet-icon{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-has-background*/.duet-icon.duet-icon-has-background.sc-duet-icon{outline:1px solid transparent;transform:scale(0.8)}}/*!@.duet-icon.duet-icon-has-background.duet-theme-turva, .duet-icon.duet-icon-has-background.duet-theme-default*/.duet-icon.duet-icon-has-background.duet-theme-turva.sc-duet-icon,.duet-icon.duet-icon-has-background.duet-theme-default.sc-duet-icon{color:rgb(255, 255, 255)}/*!@.duet-icon.duet-icon-shape-circle*/.duet-icon.duet-icon-shape-circle.sc-duet-icon{border-radius:50%}/*!@.duet-icon.duet-icon-shape-brand*/.duet-icon.duet-icon-shape-brand.sc-duet-icon{border-radius:25%}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-not-responsive*/.duet-icon.duet-icon-not-responsive.sc-duet-icon{transform:scale(1) !important}}/*!@.duet-icon.duet-theme-default*/.duet-icon.duet-theme-default.sc-duet-icon{color:rgb(0, 119, 179)}/*!@.duet-icon.duet-theme-turva*/.duet-icon.duet-theme-turva.sc-duet-icon{color:rgb(198, 12, 48)}/*!@.duet-icon.duet-icon-shape-brand.rotated*/.duet-icon.duet-icon-shape-brand.rotated.sc-duet-icon{transform:rotate(20deg) scale(0.875);transform-origin:center}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.sc-duet-icon{display:flex;align-items:center;justify-content:center;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");mask-repeat:no-repeat}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.sc-duet-icon .duet-icon-svg.sc-duet-icon{min-width:auto}/*!@.duet-icon .duet-icon-svg*/.duet-icon.sc-duet-icon .duet-icon-svg.sc-duet-icon{display:block;width:24px;min-width:100%;height:24px;font-size:0}/*!@.duet-icon .duet-icon-svg.rotated*/.duet-icon.sc-duet-icon .duet-icon-svg.rotated.sc-duet-icon{transform:rotate(-20deg) scale(1.14)}/*!@.duet-icon svg*/.duet-icon.sc-duet-icon svg.sc-duet-icon{width:100%;min-width:100%;overflow:clip;fill:currentColor;overflow-clip-margin:1px}/*!@:host([size=auto]) .duet-icon-svg*/[size=auto].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:100%;height:100%}/*!@:host([size=xxx-small]) .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:7px;height:7px}/*!@:host([size=xxx-small]) .duet-icon-has-background*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:6px}/*!@:host([size=xxx-small]) .duet-icon-has-outline*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:4px}/*!@:host([size=xxx-small]) .duet-icon-has-background .duet-icon-svg,\n:host([size=xxx-small]) .duet-icon-has-outline .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon .duet-icon-svg.sc-duet-icon,[size=xxx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xxx-small]) .duet-icon-shape-brand*/[size=xxx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:0}/*!@:host([size=xxx-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:0;height:0}/*!@:host([size=xx-small]) .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xx-small]) .duet-icon-has-background*/[size=xx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:8px}/*!@:host([size=xx-small]) .duet-icon-has-outline*/[size=xx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:7px}/*!@:host([size=xx-small]) .duet-icon-has-background .duet-icon-svg,\n:host([size=xx-small]) .duet-icon-has-outline .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon .duet-icon-svg.sc-duet-icon,[size=xx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=xx-small]) .duet-icon-shape-brand*/[size=xx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:4px}/*!@:host([size=xx-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xx-small]) .duet-theme-turva .duet-icon-shape-brand*/[size=xx-small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:18px;height:15px;padding:0}/*!@:host([size=x-small]) .duet-icon-svg*/[size=x-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=x-small]) .duet-icon-has-outline*/[size=x-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:10px}/*!@:host([size=x-small]) .duet-icon-has-background*/[size=x-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:12px}/*!@:host([size=x-small]) .duet-icon-shape-brand*/[size=x-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:8px}/*!@:host([size=x-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=x-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=x-small]) .duet-theme-turva .duet-icon-shape-brand*/[size=x-small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:32px;height:30px;padding:0}/*!@:host([size=small]) .duet-icon-svg*/[size=small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@:host([size=small]) .duet-icon-has-background*/[size=small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:14px}/*!@:host([size=small]) .duet-icon-shape-brand*/[size=small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:8px}/*!@:host([size=small]) .duet-icon-shape-brand .duet-icon-svg*/[size=small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@:host([size=small]) .duet-theme-turva .duet-icon-shape-brand*/[size=small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:36px;height:34px;padding:0}/*!@:host([size=medium]) .duet-icon-shape-brand*/[size=medium].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:12px}/*!@:host([size=medium]) .duet-icon-shape-brand .duet-icon-svg*/[size=medium].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:24px;height:24px}/*!@:host([size=medium]) .duet-theme-turva .duet-icon-shape-brand*/[size=medium].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:48px;height:44px;padding:0}/*!@:host([size=large]) .duet-icon-svg*/[size=large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@:host([size=large]) .duet-icon-shape-brand*/[size=large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:16px}/*!@:host([size=large]) .duet-icon-shape-brand .duet-icon-svg*/[size=large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@:host([size=large]) .duet-theme-turva .duet-icon-shape-brand*/[size=large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:62px;height:56px;padding:0}/*!@:host([size=x-large]) .duet-icon-svg*/[size=x-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@:host([size=x-large]) .duet-icon-shape-brand*/[size=x-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:20px}/*!@:host([size=x-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=x-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@:host([size=x-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=x-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:76px;height:68px;padding:0}/*!@:host([size=xx-large]) .duet-icon-svg*/[size=xx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@:host([size=xx-large]) .duet-icon-shape-brand*/[size=xx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:24px}/*!@:host([size=xx-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=xx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@:host([size=xx-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=xx-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:95px;height:86px;padding:0}/*!@:host([size=xxx-large]) .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:48px;height:48px}@media (min-width: 48em){/*!@:host([size=xxx-large]) .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:72px;height:72px}}/*!@:host([size=xxx-large]) .duet-icon-shape-brand*/[size=xxx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:36px}/*!@:host([size=xxx-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:72px;height:72px}/*!@:host([size=xxx-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=xxx-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:144px;height:130px;padding:0}";
|
|
14167
|
+
const duetIconCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-icon,*.sc-duet-icon::after,*.sc-duet-icon::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-icon-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){/*!@:host(.duet-icon-has-outline)*/.duet-icon-has-outline.sc-duet-icon-h{margin-bottom:0 !important}}@media (max-width: 35.9375em){/*!@:host(.duet-icon-has-background)*/.duet-icon-has-background.sc-duet-icon-h{margin-bottom:0 !important}}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-icon-h{margin:0 !important}@media (max-width: 35.9375em){/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-icon-h{margin:0 !important}}/*!@.duet-icon*/.duet-icon.sc-duet-icon{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;transform-origin:top center}/*!@.duet-icon.duet-icon-has-outline*/.duet-icon.duet-icon-has-outline.sc-duet-icon{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-has-outline*/.duet-icon.duet-icon-has-outline.sc-duet-icon{outline:1px solid transparent;transform:scale(0.8)}}/*!@.duet-icon.duet-icon-has-background*/.duet-icon.duet-icon-has-background.sc-duet-icon{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-has-background*/.duet-icon.duet-icon-has-background.sc-duet-icon{outline:1px solid transparent;transform:scale(0.8)}}/*!@.duet-icon.duet-icon-has-background.duet-theme-turva, .duet-icon.duet-icon-has-background.duet-theme-default*/.duet-icon.duet-icon-has-background.duet-theme-turva.sc-duet-icon,.duet-icon.duet-icon-has-background.duet-theme-default.sc-duet-icon{color:rgb(255, 255, 255)}/*!@.duet-icon.duet-icon-shape-circle*/.duet-icon.duet-icon-shape-circle.sc-duet-icon{border-radius:50%}/*!@.duet-icon.duet-icon-shape-brand*/.duet-icon.duet-icon-shape-brand.sc-duet-icon{border-radius:25%}@media (max-width: 35.9375em){/*!@.duet-icon.duet-icon-not-responsive*/.duet-icon.duet-icon-not-responsive.sc-duet-icon{transform:scale(1) !important}}/*!@.duet-icon.duet-theme-default*/.duet-icon.duet-theme-default.sc-duet-icon{color:rgb(0, 119, 179)}/*!@.duet-icon.duet-theme-turva*/.duet-icon.duet-theme-turva.sc-duet-icon{color:rgb(198, 12, 48)}/*!@.duet-icon.duet-icon-shape-brand.rotated*/.duet-icon.duet-icon-shape-brand.rotated.sc-duet-icon{transform:rotate(7deg) scale(0.875);transform-origin:center}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.sc-duet-icon{display:flex;align-items:center;justify-content:center;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");mask-repeat:no-repeat;mask-position:center}/*!@.duet-icon.duet-icon-shape-brand.duet-theme-turva .duet-icon-svg*/.duet-icon.duet-icon-shape-brand.duet-theme-turva.sc-duet-icon .duet-icon-svg.sc-duet-icon{min-width:auto}/*!@.duet-icon .duet-icon-svg*/.duet-icon.sc-duet-icon .duet-icon-svg.sc-duet-icon{display:block;width:24px;min-width:100%;height:24px;font-size:0}/*!@.duet-icon .duet-icon-svg.rotated*/.duet-icon.sc-duet-icon .duet-icon-svg.rotated.sc-duet-icon{transform:rotate(-7deg) scale(1.14)}/*!@.duet-icon svg*/.duet-icon.sc-duet-icon svg.sc-duet-icon{width:100%;min-width:100%;overflow:clip;fill:currentColor;overflow-clip-margin:1px}/*!@:host([size=auto]) .duet-icon-svg*/[size=auto].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:100%;height:100%}/*!@:host([size=xxx-small]) .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:7px;height:7px}/*!@:host([size=xxx-small]) .duet-icon-has-background*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:6px}/*!@:host([size=xxx-small]) .duet-icon-has-outline*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:4px}/*!@:host([size=xxx-small]) .duet-icon-has-background .duet-icon-svg,\n:host([size=xxx-small]) .duet-icon-has-outline .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon .duet-icon-svg.sc-duet-icon,[size=xxx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xxx-small]) .duet-icon-shape-brand*/[size=xxx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:0}/*!@:host([size=xxx-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=xxx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:0;height:0}/*!@:host([size=xx-small]) .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xx-small]) .duet-icon-has-background*/[size=xx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:8px}/*!@:host([size=xx-small]) .duet-icon-has-outline*/[size=xx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:7px}/*!@:host([size=xx-small]) .duet-icon-has-background .duet-icon-svg,\n:host([size=xx-small]) .duet-icon-has-outline .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon .duet-icon-svg.sc-duet-icon,[size=xx-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=xx-small]) .duet-icon-shape-brand*/[size=xx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:4px}/*!@:host([size=xx-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=xx-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:10px;height:10px}/*!@:host([size=xx-small]) .duet-theme-turva .duet-icon-shape-brand*/[size=xx-small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:18px;height:15px;padding:0}/*!@:host([size=x-small]) .duet-icon-svg*/[size=x-small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=x-small]) .duet-icon-has-outline*/[size=x-small].sc-duet-icon-h .duet-icon-has-outline.sc-duet-icon{padding:10px}/*!@:host([size=x-small]) .duet-icon-has-background*/[size=x-small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:12px}/*!@:host([size=x-small]) .duet-icon-shape-brand*/[size=x-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:8px}/*!@:host([size=x-small]) .duet-icon-shape-brand .duet-icon-svg*/[size=x-small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:16px;height:16px}/*!@:host([size=x-small]) .duet-theme-turva .duet-icon-shape-brand*/[size=x-small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:32px;height:30px;padding:0}/*!@:host([size=small]) .duet-icon-svg*/[size=small].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@:host([size=small]) .duet-icon-has-background*/[size=small].sc-duet-icon-h .duet-icon-has-background.sc-duet-icon{padding:14px}/*!@:host([size=small]) .duet-icon-shape-brand*/[size=small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:8px}/*!@:host([size=small]) .duet-icon-shape-brand .duet-icon-svg*/[size=small].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:20px;height:20px}/*!@:host([size=small]) .duet-theme-turva .duet-icon-shape-brand*/[size=small].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:36px;height:34px;padding:0}/*!@:host([size=medium]) .duet-icon-shape-brand*/[size=medium].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:12px}/*!@:host([size=medium]) .duet-icon-shape-brand .duet-icon-svg*/[size=medium].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:24px;height:24px}/*!@:host([size=medium]) .duet-theme-turva .duet-icon-shape-brand*/[size=medium].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:48px;height:44px;padding:0}/*!@:host([size=large]) .duet-icon-svg*/[size=large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@:host([size=large]) .duet-icon-shape-brand*/[size=large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:16px}/*!@:host([size=large]) .duet-icon-shape-brand .duet-icon-svg*/[size=large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:30px;height:30px}/*!@:host([size=large]) .duet-theme-turva .duet-icon-shape-brand*/[size=large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:62px;height:56px;padding:0}/*!@:host([size=x-large]) .duet-icon-svg*/[size=x-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@:host([size=x-large]) .duet-icon-shape-brand*/[size=x-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:20px}/*!@:host([size=x-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=x-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:36px;height:36px}/*!@:host([size=x-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=x-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:76px;height:68px;padding:0}/*!@:host([size=xx-large]) .duet-icon-svg*/[size=xx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@:host([size=xx-large]) .duet-icon-shape-brand*/[size=xx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:24px}/*!@:host([size=xx-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=xx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:48px;height:48px}/*!@:host([size=xx-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=xx-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:95px;height:86px;padding:0}/*!@:host([size=xxx-large]) .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:48px;height:48px}@media (min-width: 48em){/*!@:host([size=xxx-large]) .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-svg.sc-duet-icon{width:72px;height:72px}}/*!@:host([size=xxx-large]) .duet-icon-shape-brand*/[size=xxx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon{padding:36px}/*!@:host([size=xxx-large]) .duet-icon-shape-brand .duet-icon-svg*/[size=xxx-large].sc-duet-icon-h .duet-icon-shape-brand.sc-duet-icon .duet-icon-svg.sc-duet-icon{width:72px;height:72px}/*!@:host([size=xxx-large]) .duet-theme-turva .duet-icon-shape-brand*/[size=xxx-large].sc-duet-icon-h .duet-theme-turva.sc-duet-icon .duet-icon-shape-brand.sc-duet-icon{width:144px;height:130px;padding:0}";
|
|
14164
14168
|
|
|
14165
14169
|
class DuetIcon {
|
|
14166
14170
|
constructor(hostRef) {
|
|
@@ -14838,7 +14842,7 @@ class DuetLayout {
|
|
|
14838
14842
|
}; }
|
|
14839
14843
|
}
|
|
14840
14844
|
|
|
14841
|
-
const duetLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-link,*.sc-duet-link::after,*.sc-duet-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline}/*!@:host(.duet-link-block)*/.duet-link-block.sc-duet-link-h{display:block}/*!@:host(.duet-link-button)*/.duet-link-button.sc-duet-link-h{margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}/*!@:host(.duet-link-button):last-child, :host(.duet-link-button):last-of-type*/.duet-link-button.sc-duet-link-h:last-child,.duet-link-button.sc-duet-link-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-link-h{margin:0 !important}/*!@.duet-link*/.duet-link.sc-duet-link{display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 98, 154);text-decoration:underline;border-radius:4px;transition:300ms ease}/*!@.duet-link:focus*/.duet-link.sc-duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-link:focus, .duet-link:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-link .duet-link.sc-duet-link:focus,.duet-link.sc-duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-link.duet-theme-turva*/.duet-link.duet-theme-turva.sc-duet-link{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(173, 11, 43)}/*!@.duet-link:hover*/.duet-link.sc-duet-link:hover{color:rgb(0, 77, 128);text-decoration:none}/*!@.duet-link:hover.duet-theme-turva*/.duet-link.sc-duet-link:hover.duet-theme-turva{color:rgb(148, 9, 37)}/*!@.duet-link:active*/.duet-link.sc-duet-link:active{opacity:0.75;transition:none}/*!@button*/button.sc-duet-link{font-size:inherit;cursor:pointer}/*!@.duet-link-is-external.duet-link:not(.block, .button),\n.duet-link-is-download.duet-link:not(.block, .button)*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link{text-decoration:none}/*!@.duet-link-is-external.duet-link:not(.block, .button) .duet-link-content,\n.duet-link-is-download.duet-link:not(.block, .button) .duet-link-content*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-content.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-content.sc-duet-link{text-decoration:underline}/*!@.duet-link-is-external.duet-link:not(.block, .button):hover > .duet-link-content,\n.duet-link-is-download.duet-link:not(.block, .button):hover > .duet-link-content*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link:hover>.duet-link-content.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link:hover>.duet-link-content.sc-duet-link{text-decoration:none}/*!@.duet-link-is-external.duet-link:not(.block, .button) .duet-link-icon-tail,\n.duet-link-is-download.duet-link:not(.block, .button) .duet-link-icon-tail*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-icon-tail.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-icon-tail.sc-duet-link{text-decoration:none;white-space:nowrap}/*!@.duet-tab-to-link*/.duet-tab-to-link.sc-duet-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}/*!@.duet-tab-to-link.duet-theme-turva*/.duet-tab-to-link.duet-theme-turva.sc-duet-link{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){/*!@.duet-tab-to-link*/.duet-tab-to-link.sc-duet-link{margin-left:20px}}/*!@.duet-tab-to-link:focus*/.duet-tab-to-link.sc-duet-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}/*!@.block.duet-link*/.block.duet-link.sc-duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(0, 41, 77);text-decoration:none}/*!@.block.duet-link.duet-link-has-icon*/.block.duet-link.duet-link-has-icon.sc-duet-link{grid-template-columns:auto 1fr auto}/*!@.block.duet-link.none*/.block.duet-link.none.sc-duet-link{padding:0}/*!@.block .block__icon*/.block.sc-duet-link .block__icon.sc-duet-link{display:flex}/*!@.block .block__content*/.block.sc-duet-link .block__content.sc-duet-link{position:relative;bottom:2px}/*!@.block .block__chevron*/.block.sc-duet-link .block__chevron.sc-duet-link{align-self:center}/*!@.block .block__chevron-icon*/.block.sc-duet-link .block__chevron-icon.sc-duet-link{transition:300ms ease}/*!@.block:not(.duet-link-is-external):hover .block__chevron-icon*/.block.sc-duet-link:not(.duet-link-is-external):hover .block__chevron-icon.sc-duet-link{transform:translateX(4px)}/*!@.duet-link.button*/.duet-link.button.sc-duet-link{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:
|
|
14845
|
+
const duetLinkCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-link,*.sc-duet-link::after,*.sc-duet-link::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-link-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline}/*!@:host(.duet-link-block)*/.duet-link-block.sc-duet-link-h{display:block}/*!@:host(.duet-link-button)*/.duet-link-button.sc-duet-link-h{margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}/*!@:host(.duet-link-button):last-child, :host(.duet-link-button):last-of-type*/.duet-link-button.sc-duet-link-h:last-child,.duet-link-button.sc-duet-link-h:last-of-type{margin-right:0 !important}/*!@:host(.duet-m-0)*/.duet-m-0.sc-duet-link-h{margin:0 !important}/*!@.duet-link*/.duet-link.sc-duet-link{display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 98, 154);text-decoration:underline;border-radius:4px;transition:300ms ease}/*!@.duet-link:focus*/.duet-link.sc-duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}/*!@.duet-theme-turva .duet-link:focus, .duet-link:focus.duet-theme-turva*/.duet-theme-turva.sc-duet-link .duet-link.sc-duet-link:focus,.duet-link.sc-duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}/*!@.duet-link.duet-theme-turva*/.duet-link.duet-theme-turva.sc-duet-link{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(173, 11, 43)}/*!@.duet-link:hover*/.duet-link.sc-duet-link:hover{color:rgb(0, 77, 128);text-decoration:none}/*!@.duet-link:hover.duet-theme-turva*/.duet-link.sc-duet-link:hover.duet-theme-turva{color:rgb(148, 9, 37)}/*!@.duet-link:active*/.duet-link.sc-duet-link:active{opacity:0.75;transition:none}/*!@button*/button.sc-duet-link{font-size:inherit;cursor:pointer}/*!@.duet-link-is-external.duet-link:not(.block, .button),\n.duet-link-is-download.duet-link:not(.block, .button)*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link{text-decoration:none}/*!@.duet-link-is-external.duet-link:not(.block, .button) .duet-link-content,\n.duet-link-is-download.duet-link:not(.block, .button) .duet-link-content*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-content.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-content.sc-duet-link{text-decoration:underline}/*!@.duet-link-is-external.duet-link:not(.block, .button):hover > .duet-link-content,\n.duet-link-is-download.duet-link:not(.block, .button):hover > .duet-link-content*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link:hover>.duet-link-content.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link:hover>.duet-link-content.sc-duet-link{text-decoration:none}/*!@.duet-link-is-external.duet-link:not(.block, .button) .duet-link-icon-tail,\n.duet-link-is-download.duet-link:not(.block, .button) .duet-link-icon-tail*/.duet-link-is-external.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-icon-tail.sc-duet-link,.duet-link-is-download.duet-link.sc-duet-link:not(.block,.button).sc-duet-link .duet-link-icon-tail.sc-duet-link{text-decoration:none;white-space:nowrap}/*!@.duet-tab-to-link*/.duet-tab-to-link.sc-duet-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}/*!@.duet-tab-to-link.duet-theme-turva*/.duet-tab-to-link.duet-theme-turva.sc-duet-link{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){/*!@.duet-tab-to-link*/.duet-tab-to-link.sc-duet-link{margin-left:20px}}/*!@.duet-tab-to-link:focus*/.duet-tab-to-link.sc-duet-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}/*!@.block.duet-link*/.block.duet-link.sc-duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(0, 41, 77);text-decoration:none}/*!@.block.duet-link.duet-link-has-icon*/.block.duet-link.duet-link-has-icon.sc-duet-link{grid-template-columns:auto 1fr auto}/*!@.block.duet-link.none*/.block.duet-link.none.sc-duet-link{padding:0}/*!@.block .block__icon*/.block.sc-duet-link .block__icon.sc-duet-link{display:flex}/*!@.block .block__content*/.block.sc-duet-link .block__content.sc-duet-link{position:relative;bottom:2px}/*!@.block .block__chevron*/.block.sc-duet-link .block__chevron.sc-duet-link{align-self:center}/*!@.block .block__chevron-icon*/.block.sc-duet-link .block__chevron-icon.sc-duet-link{transition:300ms ease}/*!@.block:not(.duet-link-is-external):hover .block__chevron-icon*/.block.sc-duet-link:not(.duet-link-is-external):hover .block__chevron-icon.sc-duet-link{transform:translateX(4px)}/*!@.duet-link.button*/.duet-link.button.sc-duet-link{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:14px 16px;line-height:1.25;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(207, 210, 212);border-radius:12px;outline:0 solid rgb(207, 210, 212);outline-offset:-2px;transition:all 300ms ease}/*!@.duet-link.button > **/.duet-link.button.sc-duet-link>*.sc-duet-link{flex-shrink:0}/*!@.duet-link.button .duet-link-content*/.duet-link.button.sc-duet-link .duet-link-content.sc-duet-link{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(0, 41, 77);text-align:left}/*!@.duet-link.button .icon-wrap*/.duet-link.button.sc-duet-link .icon-wrap.sc-duet-link{display:flex;align-items:center;justify-content:center}/*!@.duet-link.button.duet-link-has-icon-background*/.duet-link.button.duet-link-has-icon-background.sc-duet-link{min-height:60px;padding:12px;padding-right:20px;line-height:1.5}/*!@.duet-link.button.duet-link-has-icon-background .icon-wrap*/.duet-link.button.duet-link-has-icon-background.sc-duet-link .icon-wrap.sc-duet-link{width:36px;height:36px;border-radius:8px}/*!@.duet-link.button:hover*/.duet-link.button.sc-duet-link:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179)}@media (min-width: 48em){/*!@.duet-link.button*/.duet-link.button.sc-duet-link{min-height:50px}/*!@.duet-link.button.duet-link-has-icon-background*/.duet-link.button.duet-link-has-icon-background.sc-duet-link{gap:16px;min-height:72px;border-radius:16px}/*!@.duet-link.button.duet-link-has-icon-background .icon-wrap*/.duet-link.button.duet-link-has-icon-background.sc-duet-link .icon-wrap.sc-duet-link{width:48px;height:48px;border-radius:12px}/*!@.duet-link.button.duet-link-has-icon-background .duet-link-content*/.duet-link.button.duet-link-has-icon-background.sc-duet-link .duet-link-content.sc-duet-link{font-size:1.1rem}}/*!@.duet-link.button.duet-theme-turva*/.duet-link.button.duet-theme-turva.sc-duet-link{border-color:rgb(207, 207, 209)}/*!@.duet-link.button.duet-theme-turva .duet-link-content*/.duet-link.button.duet-theme-turva.sc-duet-link .duet-link-content.sc-duet-link{color:rgb(23, 28, 58)}/*!@.duet-link.button.duet-theme-turva:hover*/.duet-link.button.duet-theme-turva.sc-duet-link:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}/*!@.duet-link.button .block__chevron-icon*/.duet-link.button.sc-duet-link .block__chevron-icon.sc-duet-link{transition:300ms ease}/*!@.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon*/.duet-link.button.sc-duet-link:not(.duet-link-is-external):hover .block__chevron-icon.sc-duet-link{transform:translateX(4px)}";
|
|
14842
14846
|
|
|
14843
14847
|
/**
|
|
14844
14848
|
* @part duet-link - piercing selector for styling the link
|
|
@@ -14944,7 +14948,7 @@ class DuetLink {
|
|
|
14944
14948
|
const iconWrapStyle = {
|
|
14945
14949
|
"background-color": getColorByName(this.iconBackground, this.theme),
|
|
14946
14950
|
};
|
|
14947
|
-
return (hAsync(Fragment, null, hAsync("span", { class: "icon-wrap", style: iconWrapStyle }, hAsync("duet-icon", { size: this.isMediumScreen ? "small" : "medium", name: this.icon, margin: "none", color: this.iconColor })), hAsync("span", { class: "duet-link-content", part: "duet-link-content" }, hAsync("slot", null)), hAsync("duet-icon", { class: "block__chevron-icon", icon: this.external ? actionNewWindow.svg : actionArrowRight.svg, size: "x-small", margin: "none", color: "primary-dark" })));
|
|
14951
|
+
return (hAsync(Fragment, null, hAsync("span", { class: "icon-wrap", style: iconWrapStyle }, hAsync("duet-icon", { size: !this.iconBackground || this.isMediumScreen ? "small" : "medium", name: this.icon, margin: "none", color: this.iconColor })), hAsync("span", { class: "duet-link-content", part: "duet-link-content" }, hAsync("slot", null)), hAsync("duet-icon", { class: "block__chevron-icon", icon: this.external ? actionNewWindow.svg : actionArrowRight.svg, size: "x-small", margin: "none", color: "primary-dark" })));
|
|
14948
14952
|
}
|
|
14949
14953
|
renderContent() {
|
|
14950
14954
|
switch (this.variation) {
|
|
@@ -15726,7 +15730,7 @@ class DuetMenuBarLink {
|
|
|
15726
15730
|
}; }
|
|
15727
15731
|
}
|
|
15728
15732
|
|
|
15729
|
-
const duetModalCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-modal,*.sc-duet-modal::after,*.sc-duet-modal::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-modal-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@.duet-modal-container*/.duet-modal-container.sc-duet-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}/*!@.duet-modal-container.duet-modal-active*/.duet-modal-container.duet-modal-active.sc-duet-modal{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}/*!@.duet-modal-container.duet-disable-transitions*/.duet-modal-container.duet-disable-transitions.sc-duet-modal{transition:none}/*!@.duet-modal-container.duet-modal-slide-up*/.duet-modal-container.duet-modal-slide-up.sc-duet-modal{overflow:hidden}/*!@::slotted(img)*/.sc-duet-modal-s>img{width:100%}/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{padding:48px 16px}}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}/*!@.duet-modal-inner.duet-modal-slide-up::after*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:\"\";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}/*!@.duet-modal-inner.duet-modal-slide-up::after.small*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.small{max-width:545px}/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:100%}@media (min-width: 36em){/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:1110px}}@media (max-width: 35.9375em){/*!@.duet-modal-inner.large*/.duet-modal-inner.large.sc-duet-modal{padding-right:0;padding-left:0}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{padding:0;padding-top:28px}}/*!@.duet-modal*/.duet-modal.sc-duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}/*!@.duet-theme-turva .duet-modal*/.duet-theme-turva.sc-duet-modal .duet-modal.sc-duet-modal{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@.duet-modal-active .duet-modal*/.duet-modal-active.sc-duet-modal .duet-modal.sc-duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}/*!@.duet-modal-active .duet-modal.slide-up*/.duet-modal-active.sc-duet-modal .duet-modal.slide-up.sc-duet-modal{top:0;transition:top 600ms ease}/*!@.duet-modal.loader*/.duet-modal.loader.sc-duet-modal{text-align:center;background:transparent}/*!@.duet-modal.loader .duet-modal-close*/.duet-modal.loader.sc-duet-modal .duet-modal-close.sc-duet-modal{display:none}/*!@.duet-modal.loader .duet-modal-spinner*/.duet-modal.loader.sc-duet-modal .duet-modal-spinner.sc-duet-modal{position:relative;height:120px}/*!@.duet-modal.loader .duet-modal-inner-slot-default*/.duet-modal.loader.sc-duet-modal .duet-modal-inner-slot-default.sc-duet-modal{position:relative;backdrop-filter:blur(10px)}/*!@.duet-modal.loader duet-paragraph.duet-loader-message*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.sc-duet-modal{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}/*!@.duet-modal.loader duet-paragraph.duet-loader-message.show*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.show.sc-duet-modal{opacity:1;transform:scaleY(1);transform-origin:bottom}/*!@.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph)*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.show.sc-duet-modal::part(duet-paragraph){backdrop-filter:blur(10px)}/*!@.duet-disable-transitions .duet-modal*/.duet-disable-transitions.sc-duet-modal .duet-modal.sc-duet-modal{transition:none}/*!@.duet-modal.small*/.duet-modal.small.sc-duet-modal{max-width:545px}/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:100%}@media (min-width: 36em){/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:1110px}}/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{top:100vh;margin:0;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{border-radius:16px 16px 0 0}}/*!@.duet-modal.duet-modal-has-sticky-header*/.duet-modal.duet-modal-has-sticky-header.sc-duet-modal{height:100%;overflow:auto}/*!@.duet-modal:focus*/.duet-modal.sc-duet-modal:focus{outline:0}/*!@.duet-modal-body,\n.duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{width:100%;padding:36px 28px}/*!@.duet-modal-body.duet-modal-gutter-none,\n.duet-modal-sticky-header.duet-modal-gutter-none*/.duet-modal-body.duet-modal-gutter-none.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-none.sc-duet-modal{padding:0 !important}/*!@.duet-modal-body.duet-modal-gutter-small,\n.duet-modal-sticky-header.duet-modal-gutter-small*/.duet-modal-body.duet-modal-gutter-small.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-small.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n.duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}@media (max-width: 22.5em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 28px}}@media (max-width: 35.9375em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}}@media (min-width: 36em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:28px 72px}}@media (min-width: 48em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 72px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:36px 72px}}@media (min-width: 76.25em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 48px 48px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 94px}/*!@.small .duet-modal-body,\n .small .duet-modal-sticky-header*/.small.sc-duet-modal .duet-modal-body.sc-duet-modal,.small.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{padding:36px 48px}}/*!@.duet-modal-header*/.duet-modal-header.sc-duet-modal{text-align:center}/*!@.duet-modal-sticky-header*/.duet-modal-sticky-header.sc-duet-modal{position:sticky;top:0;z-index:200;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-theme-turva .duet-modal-sticky-header*/.duet-theme-turva.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-modal-close*/.duet-modal-close.sc-duet-modal{position:absolute;top:12px;right:12px}/*!@.duet-modal-heading*/.duet-modal-heading.sc-duet-modal{width:100%;padding-right:60px;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}/*!@.duet-modal-heading.duet-p-0*/.duet-modal-heading.duet-p-0.sc-duet-modal{padding:0 !important}/*!@.duet-modal-heading.duet-m-0*/.duet-modal-heading.duet-m-0.sc-duet-modal{margin:0 !important}";
|
|
15733
|
+
const duetModalCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-modal,*.sc-duet-modal::after,*.sc-duet-modal::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-modal-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@.duet-modal-container*/.duet-modal-container.sc-duet-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}/*!@.duet-modal-container.duet-modal-active*/.duet-modal-container.duet-modal-active.sc-duet-modal{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}/*!@.duet-modal-container.duet-disable-transitions*/.duet-modal-container.duet-disable-transitions.sc-duet-modal{transition:none}/*!@.duet-modal-container.duet-modal-slide-up*/.duet-modal-container.duet-modal-slide-up.sc-duet-modal{overflow:hidden}/*!@::slotted(img)*/.sc-duet-modal-s>img{width:100%}/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){/*!@.duet-modal-inner*/.duet-modal-inner.sc-duet-modal{padding:48px 16px}}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}/*!@.duet-modal-inner.duet-modal-slide-up::after*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:\"\";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}/*!@.duet-modal-inner.duet-modal-slide-up::after.small*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.small{max-width:545px}/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:100%}@media (min-width: 36em){/*!@.duet-modal-inner.duet-modal-slide-up::after.large*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal::after.large{max-width:1110px}}@media (max-width: 35.9375em){/*!@.duet-modal-inner.large*/.duet-modal-inner.large.sc-duet-modal{padding-right:0;padding-left:0}/*!@.duet-modal-inner.duet-modal-slide-up*/.duet-modal-inner.duet-modal-slide-up.sc-duet-modal{padding:0;padding-top:28px}}/*!@.duet-modal*/.duet-modal.sc-duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}/*!@.duet-theme-turva .duet-modal*/.duet-theme-turva.sc-duet-modal .duet-modal.sc-duet-modal{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}/*!@.duet-modal-active .duet-modal*/.duet-modal-active.sc-duet-modal .duet-modal.sc-duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}/*!@.duet-modal-active .duet-modal.slide-up*/.duet-modal-active.sc-duet-modal .duet-modal.slide-up.sc-duet-modal{top:0;transition:top 600ms ease}/*!@.duet-modal.loader*/.duet-modal.loader.sc-duet-modal{text-align:center;background:transparent}/*!@.duet-modal.loader .duet-modal-close*/.duet-modal.loader.sc-duet-modal .duet-modal-close.sc-duet-modal{display:none}/*!@.duet-modal.loader .duet-modal-spinner*/.duet-modal.loader.sc-duet-modal .duet-modal-spinner.sc-duet-modal{position:relative;height:120px}/*!@.duet-modal.loader .duet-modal-inner-slot-default*/.duet-modal.loader.sc-duet-modal .duet-modal-inner-slot-default.sc-duet-modal{position:relative;backdrop-filter:blur(10px)}/*!@.duet-modal.loader duet-paragraph.duet-loader-message*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.sc-duet-modal{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}/*!@.duet-modal.loader duet-paragraph.duet-loader-message.show*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.show.sc-duet-modal{opacity:1;transform:scaleY(1);transform-origin:bottom}/*!@.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph)*/.duet-modal.loader.sc-duet-modal duet-paragraph.duet-loader-message.show.sc-duet-modal::part(duet-paragraph){backdrop-filter:blur(10px)}/*!@.duet-disable-transitions .duet-modal*/.duet-disable-transitions.sc-duet-modal .duet-modal.sc-duet-modal{transition:none}/*!@.duet-modal.small*/.duet-modal.small.sc-duet-modal{max-width:545px}/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:100%}@media (min-width: 36em){/*!@.duet-modal.large*/.duet-modal.large.sc-duet-modal{max-width:1110px}}/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{top:100vh;margin:0;overflow:auto;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){/*!@.duet-modal.slide-up*/.duet-modal.slide-up.sc-duet-modal{border-radius:16px 16px 0 0}}/*!@.duet-modal.duet-modal-has-sticky-header*/.duet-modal.duet-modal-has-sticky-header.sc-duet-modal{height:100%;overflow:auto}/*!@.duet-modal:focus*/.duet-modal.sc-duet-modal:focus{outline:0}/*!@.duet-modal-body,\n.duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{width:100%;padding:36px 28px}/*!@.duet-modal-body.duet-modal-gutter-none,\n.duet-modal-sticky-header.duet-modal-gutter-none*/.duet-modal-body.duet-modal-gutter-none.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-none.sc-duet-modal{padding:0 !important}/*!@.duet-modal-body.duet-modal-gutter-small,\n.duet-modal-sticky-header.duet-modal-gutter-small*/.duet-modal-body.duet-modal-gutter-small.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-small.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n.duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}@media (max-width: 22.5em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 28px}}@media (max-width: 35.9375em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 20px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 36px}}@media (min-width: 36em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:28px 72px}}@media (min-width: 48em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 72px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:36px 72px}}@media (min-width: 76.25em){/*!@.duet-modal-body,\n .duet-modal-sticky-header*/.duet-modal-body.sc-duet-modal,.duet-modal-sticky-header.sc-duet-modal{padding:36px 48px 48px}/*!@.duet-modal-body.duet-modal-gutter-large,\n .duet-modal-sticky-header.duet-modal-gutter-large*/.duet-modal-body.duet-modal-gutter-large.sc-duet-modal,.duet-modal-sticky-header.duet-modal-gutter-large.sc-duet-modal{padding:48px 94px}/*!@.small .duet-modal-body,\n .small .duet-modal-sticky-header*/.small.sc-duet-modal .duet-modal-body.sc-duet-modal,.small.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{padding:36px 48px}}/*!@.duet-modal-header*/.duet-modal-header.sc-duet-modal{text-align:center}/*!@.duet-modal-sticky-header*/.duet-modal-sticky-header.sc-duet-modal{position:sticky;top:0;z-index:300;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}/*!@.duet-theme-turva .duet-modal-sticky-header*/.duet-theme-turva.sc-duet-modal .duet-modal-sticky-header.sc-duet-modal{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}/*!@.duet-modal-close*/.duet-modal-close.sc-duet-modal{position:absolute;top:12px;right:12px}/*!@.duet-modal-heading*/.duet-modal-heading.sc-duet-modal{width:100%;padding-right:60px;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}/*!@.duet-modal-heading.duet-p-0*/.duet-modal-heading.duet-p-0.sc-duet-modal{padding:0 !important}/*!@.duet-modal-heading.duet-m-0*/.duet-modal-heading.duet-m-0.sc-duet-modal{margin:0 !important}";
|
|
15730
15734
|
|
|
15731
15735
|
// The transition below is slightly higher than the actual CSS transition as VoiceOver on
|
|
15732
15736
|
// iOS has otherwise problems moving the focus from modal back to the original element.
|
|
@@ -15741,6 +15745,7 @@ class DuetModal {
|
|
|
15741
15745
|
registerInstance(this, hostRef);
|
|
15742
15746
|
this.duetOpen = createEvent$2(this, "duetOpen", 7);
|
|
15743
15747
|
this.duetClose = createEvent$2(this, "duetClose", 7);
|
|
15748
|
+
this.duetCloseComplete = createEvent$2(this, "duetCloseComplete", 7);
|
|
15744
15749
|
this.duetBeforeClose = createEvent$2(this, "duetBeforeClose", 7);
|
|
15745
15750
|
var _a, _b;
|
|
15746
15751
|
this.hasStickyHeader = false;
|
|
@@ -15826,6 +15831,7 @@ class DuetModal {
|
|
|
15826
15831
|
}
|
|
15827
15832
|
else {
|
|
15828
15833
|
this.modalEl.classList.remove("duet-disable-transitions");
|
|
15834
|
+
this.modalEl.addEventListener("transitionend", () => this.duetCloseComplete.emit(), { once: true });
|
|
15829
15835
|
enableBodyScroll(this.modalEl);
|
|
15830
15836
|
this.duetClose.emit();
|
|
15831
15837
|
this.teleport.removeInertFromSiblings();
|
|
@@ -15889,12 +15895,33 @@ class DuetModal {
|
|
|
15889
15895
|
async hide() {
|
|
15890
15896
|
this.open = false;
|
|
15891
15897
|
}
|
|
15898
|
+
/**
|
|
15899
|
+
* Scolls the top of the modal's content into view
|
|
15900
|
+
*
|
|
15901
|
+
* @param smooth Set to false for instant scrolling
|
|
15902
|
+
*/
|
|
15903
|
+
async scrollToTop(smooth = true) {
|
|
15904
|
+
var _a;
|
|
15905
|
+
const behavior = smooth ? "smooth" : "auto";
|
|
15906
|
+
if (this.variation === "slide-up") {
|
|
15907
|
+
const stickyHeaderHeight = ((_a = this.modalEl.querySelector(".duet-modal-sticky-header")) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;
|
|
15908
|
+
const modalBodyPadding = this.modalEl
|
|
15909
|
+
.querySelector(".duet-modal-body")
|
|
15910
|
+
.computedStyleMap()
|
|
15911
|
+
.get("padding-top");
|
|
15912
|
+
this.slotContainerEl.style.scrollMarginTop = `${stickyHeaderHeight + modalBodyPadding.value}px`;
|
|
15913
|
+
this.slotContainerEl.scrollIntoView({ behavior });
|
|
15914
|
+
}
|
|
15915
|
+
else {
|
|
15916
|
+
this.modalEl.querySelector(".duet-modal-body").scrollIntoView({ behavior });
|
|
15917
|
+
}
|
|
15918
|
+
}
|
|
15892
15919
|
/**
|
|
15893
15920
|
* Adds a message to the modal dialog using animation and annoucing it to screen readers.
|
|
15894
15921
|
* Primarily for use with the loader variation.
|
|
15895
15922
|
*
|
|
15896
|
-
* @param message
|
|
15897
|
-
* @param visible
|
|
15923
|
+
* @param message The message to be added to the modal dialog.
|
|
15924
|
+
* @param visible Set to false if you want to add a non-visual message.
|
|
15898
15925
|
*/
|
|
15899
15926
|
async addMessage(message, visible = true) {
|
|
15900
15927
|
const el = document.createElement(visible ? "duet-paragraph" : "duet-visually-hidden");
|
|
@@ -15998,6 +16025,7 @@ class DuetModal {
|
|
|
15998
16025
|
"open": [32],
|
|
15999
16026
|
"show": [64],
|
|
16000
16027
|
"hide": [64],
|
|
16028
|
+
"scrollToTop": [64],
|
|
16001
16029
|
"addMessage": [64]
|
|
16002
16030
|
},
|
|
16003
16031
|
"$listeners$": [[8, "keyup", "handleKeyUp"]],
|
|
@@ -16958,7 +16986,7 @@ class DuetOverlay {
|
|
|
16958
16986
|
}; }
|
|
16959
16987
|
}
|
|
16960
16988
|
|
|
16961
|
-
const duetPageHeadingCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-page-heading,*.sc-duet-page-heading::after,*.sc-duet-page-heading::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-page-heading-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}/*!@.duet-page-heading*/.duet-page-heading.sc-duet-page-heading{position:relative;display:block;width:100%;margin:0 auto;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}/*!@.duet-page-heading.duet-p-0*/.duet-page-heading.duet-p-0.sc-duet-page-heading{padding:0 !important}/*!@.duet-page-heading.duet-m-0*/.duet-page-heading.duet-m-0.sc-duet-page-heading{margin:0 !important}/*!@.duet-page-heading.fluid, .duet-page-heading.narrow*/.duet-page-heading.fluid.sc-duet-page-heading,.duet-page-heading.narrow.sc-duet-page-heading{padding:0 16px}@media (min-width: 36em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{padding:0 28px}}@media (min-width: 62em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{padding:0 56px}}@media (min-width: 76.25em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{max-width:1110px;padding:0}}/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{max-width:888px}@media (min-width: 36em){/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{padding:0 48px}}@media (min-width: 48em){/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{padding:0 72px}}/*!@.duet-page-heading .heading*/.duet-page-heading.sc-duet-page-heading .heading.sc-duet-page-heading{max-width:744px;padding:48px 90px 16px 0}@media (min-width: 48em){/*!@.duet-page-heading .heading*/.duet-page-heading.sc-duet-page-heading .heading.sc-duet-page-heading{padding:72px 150px 40px 0}}/*!@.duet-page-heading .background*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading{position:absolute;top:0;right:0;left:0;width:100%;max-width:744px;height:104px;margin:0 auto;margin:0 auto}@media (min-width: 48em){/*!@.duet-page-heading .background*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading{height:165px}}/*!@.duet-page-heading .background .background-mask*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .background-mask.sc-duet-page-heading{position:absolute;top:-20px;right:0;display:block;width:286px;height:331px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\");background-repeat:no-repeat;background-size:contain}@media (min-width: 48em){/*!@.duet-page-heading .background .background-mask*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .background-mask.sc-duet-page-heading{top:-40px;width:502px;height:577px}}/*!@.duet-page-heading .background .brand-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.sc-duet-page-heading{position:absolute;top:-157px;right:-20px;width:185px;height:185px;background:rgb(0, 119, 179);border-radius:20%;mix-blend-mode:normal;opacity:0.2;transform:rotate(7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.sc-duet-page-heading{top:-280px;right:-40px;width:325px;height:325px}}/*!@.duet-page-heading .background .brand-shape.second-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.second-shape.sc-duet-page-heading{top:-182px;right:100px;width:207px;height:207px;background:rgb(11, 114, 136);opacity:0.1}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shape.second-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.second-shape.sc-duet-page-heading{top:-325px;right:200px;width:365px;height:365px}}/*!@.duet-page-heading .background .brand-shaped-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{position:absolute;top:20px;right:16px;display:flex;align-items:center;justify-content:center;width:85px;width:60px;height:85px;height:60px;background:rgba(0, 119, 179, 0.75);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shaped-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{right:36px;width:93px;height:93px}}/*!@.duet-page-heading .background .brand-shaped-icon duet-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{width:60px;height:60px;transform:rotate(-7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shaped-icon duet-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{width:75px;height:75px}}/*!@.duet-page-heading.duet-theme-turva*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}/*!@.duet-page-heading.duet-theme-turva .brand-shaped-icon*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{background:rgba(198, 12, 48, 0.9);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}/*!@.duet-page-heading.duet-theme-turva .brand-shaped-icon duet-icon*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{position:relative;top:-3px}";
|
|
16989
|
+
const duetPageHeadingCss = "/*!@*,\n*::after,\n*::before*/*.sc-duet-page-heading,*.sc-duet-page-heading::after,*.sc-duet-page-heading::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}/*!@:host*/.sc-duet-page-heading-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}/*!@.duet-page-heading*/.duet-page-heading.sc-duet-page-heading{position:relative;display:block;width:100%;margin:0 auto;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}/*!@.duet-page-heading.duet-p-0*/.duet-page-heading.duet-p-0.sc-duet-page-heading{padding:0 !important}/*!@.duet-page-heading.duet-m-0*/.duet-page-heading.duet-m-0.sc-duet-page-heading{margin:0 !important}/*!@.duet-page-heading.fluid, .duet-page-heading.narrow*/.duet-page-heading.fluid.sc-duet-page-heading,.duet-page-heading.narrow.sc-duet-page-heading{padding:0 16px}@media (min-width: 36em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{padding:0 28px}}@media (min-width: 62em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{padding:0 56px}}@media (min-width: 76.25em){/*!@.duet-page-heading.fluid*/.duet-page-heading.fluid.sc-duet-page-heading{max-width:1110px;padding:0}}/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{max-width:888px}@media (min-width: 36em){/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{padding:0 48px}}@media (min-width: 48em){/*!@.duet-page-heading.narrow*/.duet-page-heading.narrow.sc-duet-page-heading{padding:0 72px}}/*!@.duet-page-heading .heading*/.duet-page-heading.sc-duet-page-heading .heading.sc-duet-page-heading{max-width:744px;padding:48px 90px 16px 0}@media (min-width: 48em){/*!@.duet-page-heading .heading*/.duet-page-heading.sc-duet-page-heading .heading.sc-duet-page-heading{padding:72px 150px 40px 0}}/*!@.duet-page-heading:not(.has-icon) .heading*/.duet-page-heading.sc-duet-page-heading:not(.has-icon) .heading.sc-duet-page-heading{padding-right:0}/*!@.duet-page-heading .background*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading{position:absolute;top:0;right:0;left:0;width:100%;max-width:744px;height:104px;margin:0 auto;margin:0 auto}@media (min-width: 48em){/*!@.duet-page-heading .background*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading{height:165px}}/*!@.duet-page-heading .background .background-mask*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .background-mask.sc-duet-page-heading{position:absolute;top:-20px;right:0;display:block;width:286px;height:331px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K\");background-repeat:no-repeat;background-size:contain}@media (min-width: 48em){/*!@.duet-page-heading .background .background-mask*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .background-mask.sc-duet-page-heading{top:-40px;width:502px;height:577px}}/*!@.duet-page-heading .background .brand-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.sc-duet-page-heading{position:absolute;top:-157px;right:-20px;width:185px;height:185px;background:rgb(0, 119, 179);border-radius:20%;mix-blend-mode:normal;opacity:0.2;transform:rotate(7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.sc-duet-page-heading{top:-280px;right:-40px;width:325px;height:325px}}/*!@.duet-page-heading .background .brand-shape.second-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.second-shape.sc-duet-page-heading{top:-182px;right:100px;width:207px;height:207px;background:rgb(11, 114, 136);opacity:0.1}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shape.second-shape*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shape.second-shape.sc-duet-page-heading{top:-325px;right:200px;width:365px;height:365px}}/*!@.duet-page-heading .background .brand-shaped-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{position:absolute;top:20px;right:16px;display:flex;align-items:center;justify-content:center;width:85px;width:60px;height:85px;height:60px;background:rgba(0, 119, 179, 0.75);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shaped-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{right:36px;width:93px;height:93px}}/*!@.duet-page-heading .background .brand-shaped-icon duet-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{width:60px;height:60px;transform:rotate(-7deg)}@media (min-width: 48em){/*!@.duet-page-heading .background .brand-shaped-icon duet-icon*/.duet-page-heading.sc-duet-page-heading .background.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{width:75px;height:75px}}/*!@.duet-page-heading.duet-theme-turva*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(0, 41, 77)}/*!@.duet-page-heading.duet-theme-turva .brand-shaped-icon*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading{background:rgba(198, 12, 48, 0.9);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}/*!@.duet-page-heading.duet-theme-turva .brand-shaped-icon duet-icon*/.duet-page-heading.duet-theme-turva.sc-duet-page-heading .brand-shaped-icon.sc-duet-page-heading duet-icon.sc-duet-page-heading{position:relative;top:-3px}";
|
|
16962
16990
|
|
|
16963
16991
|
/**
|
|
16964
16992
|
* @slot heading - This is a slot for heading content.
|
|
@@ -16984,6 +17012,7 @@ class DuetPageHeading {
|
|
|
16984
17012
|
return (hAsync("div", { class: {
|
|
16985
17013
|
"duet-page-heading": true,
|
|
16986
17014
|
"duet-theme-turva": this.theme === "turva",
|
|
17015
|
+
"has-icon": !!this.icon,
|
|
16987
17016
|
[this.layout]: true,
|
|
16988
17017
|
} }, hAsync("div", { class: "background" }, this.theme === "turva" && hAsync("div", { class: "background-mask" }), this.theme !== "turva" && hAsync("div", { class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { class: "brand-shape second-shape" }), this.icon && (hAsync("div", { class: "brand-shaped-icon" }, hAsync("duet-icon", { background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { class: "heading" }, hAsync("slot", { name: "heading" }))));
|
|
16989
17018
|
}
|
|
@@ -17079,6 +17108,7 @@ class DuetPagination {
|
|
|
17079
17108
|
this.totalPages = 10;
|
|
17080
17109
|
this.internalSectionIndex = 0;
|
|
17081
17110
|
this.theme = "";
|
|
17111
|
+
this.disabled = false;
|
|
17082
17112
|
this.variation = "default";
|
|
17083
17113
|
this.accessibleDescribedBy = undefined;
|
|
17084
17114
|
this.accessibleDetails = undefined;
|
|
@@ -17186,6 +17216,9 @@ class DuetPagination {
|
|
|
17186
17216
|
}
|
|
17187
17217
|
//set update current when mouse click on page number
|
|
17188
17218
|
async onMouseHandler(e, dir) {
|
|
17219
|
+
if (this.disabled) {
|
|
17220
|
+
return;
|
|
17221
|
+
}
|
|
17189
17222
|
if (!this.processedPageLinks) {
|
|
17190
17223
|
e.preventDefault();
|
|
17191
17224
|
e.stopPropagation();
|
|
@@ -17195,6 +17228,9 @@ class DuetPagination {
|
|
|
17195
17228
|
}
|
|
17196
17229
|
//handle a11y keyboard navigation events
|
|
17197
17230
|
async onKeyboardDown(e) {
|
|
17231
|
+
if (this.disabled) {
|
|
17232
|
+
return;
|
|
17233
|
+
}
|
|
17198
17234
|
let next = this.current;
|
|
17199
17235
|
// handle a11y based keyboard navigation for left/right/up/down
|
|
17200
17236
|
if (isArrowLeftKey(e) || isArrowUpKey(e)) {
|
|
@@ -17282,7 +17318,7 @@ class DuetPagination {
|
|
|
17282
17318
|
this.emitPageEvent(e);
|
|
17283
17319
|
}
|
|
17284
17320
|
renderPageButton(pageNumber) {
|
|
17285
|
-
return (hAsync("duet-button", { class: {
|
|
17321
|
+
return (hAsync("duet-button", { disabled: this.disabled, class: {
|
|
17286
17322
|
"duet-pagination-link": true,
|
|
17287
17323
|
}, id: `page-${pageNumber}-button`, color: pageNumber !== this.current
|
|
17288
17324
|
? this.theme !== "turva"
|
|
@@ -17316,7 +17352,7 @@ class DuetPagination {
|
|
|
17316
17352
|
label: i.toString(),
|
|
17317
17353
|
});
|
|
17318
17354
|
}
|
|
17319
|
-
const select = (hAsync("duet-select", { theme: this.theme, class: "duet-pagination-select", variation: "compact", items: JSON.stringify(items), value: this.current.toString(), label: this.accessibleLabels.select_label.replace("{0}", `${this.totalPages}`), labelHidden: true, onDuetChange: e => this.selectClickHandler(e) }));
|
|
17355
|
+
const select = (hAsync("duet-select", { disabled: this.disabled, theme: this.theme, class: "duet-pagination-select", variation: "compact", items: JSON.stringify(items), value: this.current.toString(), label: this.accessibleLabels.select_label.replace("{0}", `${this.totalPages}`), labelHidden: true, onDuetChange: e => this.selectClickHandler(e) }));
|
|
17320
17356
|
return (hAsync("li", null, select, hAsync("span", { class: "duet-pagination-total-pages", "aria-hidden": "true" }, "/ ", this.totalPages)));
|
|
17321
17357
|
}
|
|
17322
17358
|
shouldDisplayNavigation() {
|
|
@@ -17339,23 +17375,25 @@ class DuetPagination {
|
|
|
17339
17375
|
}, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { class: {
|
|
17340
17376
|
"duet-pagination-page-button": true,
|
|
17341
17377
|
"duet-pagination-button-first": true,
|
|
17342
|
-
}, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: this.internalSectionIndex === 0 && this.current <= 1, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), hAsync("li", { class: {
|
|
17378
|
+
}, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), hAsync("li", { class: {
|
|
17343
17379
|
"duet-pagination-page-button": true,
|
|
17344
17380
|
"duet-pagination-button-first": true,
|
|
17345
17381
|
}, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
|
|
17346
|
-
(this.current <= 1 && this.processedPageLinks)
|
|
17347
|
-
|
|
17382
|
+
(this.current <= 1 && this.processedPageLinks) ||
|
|
17383
|
+
this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (hAsync(Fragment, null, hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, hAsync("div", { class: "duet-pagination-page-number" }, "1"))), hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, hAsync("div", { class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
|
|
17384
|
+
this.shouldDisplayNavigation() && (hAsync(Fragment, null, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, hAsync("div", { class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
|
|
17348
17385
|
? this.processedPageLinks[this.processedPageLinks.length - 1]
|
|
17349
17386
|
: undefined }, hAsync("div", { class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { class: {
|
|
17350
17387
|
"duet-pagination-page-button": true,
|
|
17351
17388
|
"duet-pagination-button-last": true,
|
|
17352
17389
|
}, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: !!((this.current === this.totalPages &&
|
|
17353
17390
|
this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
|
|
17354
|
-
(this.current === this.totalPages && this.processedPageLinks)), class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { class: {
|
|
17391
|
+
(this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { class: {
|
|
17355
17392
|
"duet-pagination-page-button": true,
|
|
17356
17393
|
"duet-pagination-button-last": true,
|
|
17357
|
-
}, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: this.current === this.totalPages &&
|
|
17358
|
-
this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1
|
|
17394
|
+
}, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { disabled: (this.current === this.totalPages &&
|
|
17395
|
+
this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
|
|
17396
|
+
this.disabled, accessibleLabel: this.accessibleLabels.last_page, title: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), "icon-name": "action-move-to-last", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.totalPages - 1] : undefined })))))));
|
|
17359
17397
|
}
|
|
17360
17398
|
get element() { return getElement(this); }
|
|
17361
17399
|
static get watchers() { return {
|
|
@@ -17369,6 +17407,7 @@ class DuetPagination {
|
|
|
17369
17407
|
"$tagName$": "duet-pagination",
|
|
17370
17408
|
"$members$": {
|
|
17371
17409
|
"theme": [1025],
|
|
17410
|
+
"disabled": [516],
|
|
17372
17411
|
"variation": [1],
|
|
17373
17412
|
"accessibleDescribedBy": [1, "accessible-described-by"],
|
|
17374
17413
|
"accessibleDetails": [1, "accessible-details"],
|
|
@@ -17391,7 +17430,7 @@ class DuetPagination {
|
|
|
17391
17430
|
},
|
|
17392
17431
|
"$listeners$": undefined,
|
|
17393
17432
|
"$lazyBundleId$": "-",
|
|
17394
|
-
"$attrsToReflect$": []
|
|
17433
|
+
"$attrsToReflect$": [["disabled", "disabled"]]
|
|
17395
17434
|
}; }
|
|
17396
17435
|
}
|
|
17397
17436
|
|
|
@@ -18839,6 +18878,7 @@ class DuetPopupMenu {
|
|
|
18839
18878
|
this.accessibleLabel = undefined;
|
|
18840
18879
|
this.accessibleRole = "menu";
|
|
18841
18880
|
this.theme = "";
|
|
18881
|
+
this.skipTeleport = undefined;
|
|
18842
18882
|
this.controller = undefined;
|
|
18843
18883
|
this.placement = "bottom-start";
|
|
18844
18884
|
this.forcePlacement = false;
|
|
@@ -19027,6 +19067,7 @@ class DuetPopupMenu {
|
|
|
19027
19067
|
"accessibleLabel": [1, "accessible-label"],
|
|
19028
19068
|
"accessibleRole": [1, "accessible-role"],
|
|
19029
19069
|
"theme": [1025],
|
|
19070
|
+
"skipTeleport": [4, "skip-teleport"],
|
|
19030
19071
|
"controller": [1],
|
|
19031
19072
|
"placement": [1],
|
|
19032
19073
|
"forcePlacement": [4, "force-placement"],
|
|
@@ -19292,7 +19333,7 @@ class DuetPromoCard {
|
|
|
19292
19333
|
}; }
|
|
19293
19334
|
}
|
|
19294
19335
|
|
|
19295
|
-
const duetRadioCss = "*.sc-duet-radio,*.sc-duet-radio::after,*.sc-duet-radio::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-radio-h:last-child,.sc-duet-radio-h:last-of-type{margin-right:0 !important}.vertical.sc-duet-radio-h{margin-right:0 !important}.horizontal.sc-duet-radio-h{margin-bottom:0 !important;width:auto}.horizontal.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}@media (min-width: 48em){.horizontal-responsive.sc-duet-radio-h{margin-right:28px !important;margin-bottom:0 !important;width:auto}.horizontal-responsive.sc-duet-radio-h:last-child,.horizontal-responsive.sc-duet-radio-h:last-of-type{margin-right:0 !important}.horizontal-responsive.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}}.duet-m-0.sc-duet-radio-h{margin:0 !important}.sc-duet-radio-h:last-child:not(:only-child){margin-right:0 !important;margin-bottom:0 !important}.duet-label.sc-duet-radio{position:relative;z-index:100;display:flex;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77);word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-theme-turva.sc-duet-radio .duet-label.sc-duet-radio{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{flex-grow:1;font-size:1rem}.duet-label-hidden.sc-duet-radio .duet-label.sc-duet-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-radio-container.sc-duet-radio{position:relative;width:100%;height:100%}.duet-radio.sc-duet-radio{padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}.duet-radio.sc-duet-radio+label.sc-duet-radio::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(23, 28, 58)}.duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:\"\";background:rgb(0,
|
|
19336
|
+
const duetRadioCss = "*.sc-duet-radio,*.sc-duet-radio::after,*.sc-duet-radio::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-radio-h:last-child,.sc-duet-radio-h:last-of-type{margin-right:0 !important}.vertical.sc-duet-radio-h{margin-right:0 !important}.horizontal.sc-duet-radio-h{margin-bottom:0 !important;width:auto}.horizontal.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}@media (min-width: 48em){.horizontal-responsive.sc-duet-radio-h{margin-right:28px !important;margin-bottom:0 !important;width:auto}.horizontal-responsive.sc-duet-radio-h:last-child,.horizontal-responsive.sc-duet-radio-h:last-of-type{margin-right:0 !important}.horizontal-responsive.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}}.duet-m-0.sc-duet-radio-h{margin:0 !important}.sc-duet-radio-h:last-child:not(:only-child){margin-right:0 !important;margin-bottom:0 !important}.duet-label.sc-duet-radio{position:relative;z-index:100;display:flex;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77);word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-theme-turva.sc-duet-radio .duet-label.sc-duet-radio{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{flex-grow:1;font-size:1rem}.duet-label-hidden.sc-duet-radio .duet-label.sc-duet-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-radio-container.sc-duet-radio{position:relative;width:100%;height:100%}.duet-radio.sc-duet-radio{padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}.duet-radio.sc-duet-radio+label.sc-duet-radio::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(23, 28, 58)}.duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:\"\";background:rgb(0, 119, 179);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(23, 28, 58)}.duet-radio[disabled].sc-duet-radio{cursor:default}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::before{border:1px solid rgb(144, 149, 153)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(144, 149, 153)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}";
|
|
19296
19337
|
|
|
19297
19338
|
/**
|
|
19298
19339
|
* @slot label - Label content.
|
|
@@ -19727,6 +19768,7 @@ class DuetRangeStepper {
|
|
|
19727
19768
|
this.handleStepClick(e);
|
|
19728
19769
|
};
|
|
19729
19770
|
this.theme = "";
|
|
19771
|
+
this.disabled = false;
|
|
19730
19772
|
this.stepIndex = 1;
|
|
19731
19773
|
this.stepSize = 50;
|
|
19732
19774
|
this.total = 1000;
|
|
@@ -19843,6 +19885,9 @@ class DuetRangeStepper {
|
|
|
19843
19885
|
}
|
|
19844
19886
|
//handle a11y keyboard navigation events
|
|
19845
19887
|
async onKeyboardDown(e) {
|
|
19888
|
+
if (this.disabled) {
|
|
19889
|
+
return;
|
|
19890
|
+
}
|
|
19846
19891
|
// handle a11y based keyboard navigation for left/right/up/down
|
|
19847
19892
|
let next = this.stepIndex;
|
|
19848
19893
|
let dir = 1;
|
|
@@ -19869,7 +19914,7 @@ class DuetRangeStepper {
|
|
|
19869
19914
|
return (hAsync("div", { class: {
|
|
19870
19915
|
"duet-range-stepper": true,
|
|
19871
19916
|
"duet-theme-turva": this.theme === "turva",
|
|
19872
|
-
}, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), hAsync("duet-action-button", { class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
|
|
19917
|
+
}, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { disabled: this.disabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), hAsync("duet-action-button", { disabled: this.disabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
|
|
19873
19918
|
}
|
|
19874
19919
|
get element() { return getElement(this); }
|
|
19875
19920
|
static get watchers() { return {
|
|
@@ -19882,6 +19927,7 @@ class DuetRangeStepper {
|
|
|
19882
19927
|
"$tagName$": "duet-range-stepper",
|
|
19883
19928
|
"$members$": {
|
|
19884
19929
|
"theme": [1025],
|
|
19930
|
+
"disabled": [516],
|
|
19885
19931
|
"stepIndex": [1026, "step-index"],
|
|
19886
19932
|
"stepSize": [2, "step-size"],
|
|
19887
19933
|
"total": [2],
|
|
@@ -19891,7 +19937,7 @@ class DuetRangeStepper {
|
|
|
19891
19937
|
},
|
|
19892
19938
|
"$listeners$": undefined,
|
|
19893
19939
|
"$lazyBundleId$": "-",
|
|
19894
|
-
"$attrsToReflect$": []
|
|
19940
|
+
"$attrsToReflect$": [["disabled", "disabled"]]
|
|
19895
19941
|
}; }
|
|
19896
19942
|
}
|
|
19897
19943
|
|