@designsystem-se/af 39.1.0-beta.2 → 39.1.0-beta.3
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/components/digi-bar-chart.js +1 -1
- package/components/digi-button.js +1 -1
- package/components/digi-calendar-week-view.js +2 -2
- package/components/digi-chart-line.js +1 -1
- package/components/digi-code-block.js +1 -1
- package/components/digi-code-example.js +2 -2
- package/components/digi-context-menu.js +1 -1
- package/components/digi-dialog.js +1 -1
- package/components/digi-form-category-filter.js +1 -1
- package/components/digi-form-error-list.js +2 -2
- package/components/digi-form-file-upload.js +1 -1
- package/components/digi-form-filter.js +1 -1
- package/components/digi-form-input-search.js +2 -2
- package/components/digi-form-select-filter.js +1 -1
- package/components/digi-header-navigation.js +1 -1
- package/components/digi-header.js +2 -2
- package/components/digi-navigation-pagination.js +1 -1
- package/components/digi-navigation-sidebar-button.js +1 -1
- package/components/digi-navigation-sidebar.js +1 -1
- package/components/digi-notification-alert.js +1 -1
- package/components/digi-tag.js +1 -1
- package/components/digi-tools-feedback-banner.js +7 -2
- package/components/digi-tools-feedback.js +1 -1
- package/components/p-3IdGnhr5.js +172 -0
- package/components/{p-DDZ0nalw.js → p-B-hL6z4l.js} +1 -1
- package/components/{p-Dq9EWvk8.js → p-BOM-CTrq.js} +1 -1
- package/components/{p-C32dTT4K.js → p-BZkK1uIs.js} +1 -1
- package/dist/cjs/button-type.enum-2UH0KkO-.js +8 -0
- package/dist/cjs/{button-variation.enum-DkUalo9f.js → button-variation.enum-ngMqFLdW.js} +6 -0
- package/dist/cjs/{code-example-variation.enum-BCENTUV2.js → code-example-variation.enum-Cq-BioXW.js} +0 -6
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/{digi-calendar-week-view.cjs.entry.js → digi-button_5.cjs.entry.js} +260 -72
- package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +10 -6
- package/dist/cjs/digi-code-block_3.cjs.entry.js +10 -6
- package/dist/cjs/digi-code-example.cjs.entry.js +4 -4
- package/dist/cjs/digi-dialog.cjs.entry.js +10 -6
- package/dist/cjs/digi-footer.cjs.entry.js +9 -5
- package/dist/cjs/digi-form-error-list.cjs.entry.js +9 -5
- package/dist/cjs/digi-form-file-upload.cjs.entry.js +11 -10
- package/dist/cjs/digi-form-input-search.cjs.entry.js +9 -7
- package/dist/cjs/digi-form-input.cjs.entry.js +205 -0
- package/dist/cjs/digi-form-label_3.cjs.entry.js +147 -0
- package/dist/cjs/digi-form-receipt.cjs.entry.js +9 -5
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +649 -0
- package/dist/cjs/digi-header-navigation.cjs.entry.js +9 -5
- package/dist/cjs/digi-header.cjs.entry.js +9 -5
- package/dist/cjs/digi-icon-check.cjs.entry.js +28 -0
- package/dist/cjs/digi-icon-chevron-down.cjs.entry.js +28 -0
- package/dist/cjs/digi-icon-validation-error_2.cjs.entry.js +51 -0
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +9 -5
- package/dist/cjs/digi-notification-alert.cjs.entry.js +9 -5
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +9 -5
- package/dist/cjs/digi-title-logo.cjs.entry.js +9 -5
- package/dist/cjs/digi-tools-feedback-banner.cjs.entry.js +7 -2
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +11 -7
- package/dist/cjs/digi-util-keydown-handler.cjs.entry.js +81 -0
- package/dist/cjs/{form-validation-message-variation.enum-DgkifAnP.js → form-file-upload-variation.enum-xcEOoggr.js} +0 -7
- package/dist/cjs/form-input-search-variation.enum-VVfvlVeM.js +8 -0
- package/dist/cjs/{form-input-type.enum-B2CsNSBg.js → form-input-type.enum-DvF_MTHK.js} +0 -14
- package/dist/cjs/form-input-variation.enum-kpoXNUuI.js +29 -0
- package/dist/cjs/form-validation-message-variation.enum-BA5nmCiw.js +8 -0
- package/dist/cjs/index-tbq85ezH.js +26 -10
- package/dist/cjs/index.cjs.js +52 -48
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{typography-variation.enum-4snUBTF7.js → typography-variation.enum-BDSt7CVI.js} +0 -28
- package/dist/collection/components/_button/button/button.css +23 -0
- package/dist/collection/components/_calendar/week-view/calendar-week-view.css +36 -47
- package/dist/collection/components/_form/form-file-upload/form-file-upload.css +11 -15
- package/dist/collection/components/_form/form-input-search/form-input-search.css +0 -4
- package/dist/collection/components/_tools/tools-feedback-banner/tools-feedback-banner.js +7 -2
- package/dist/collection/design-tokens/components/_button.variables.scss +6 -0
- package/dist/collection/design-tokens/components/_logo.variables.scss +17 -15
- package/dist/digi-arbetsformedlingen/design-tokens/components/_button.variables.scss +6 -0
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/p-0a993ca4.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-0b0009eb.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-21853656.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-23d8d58c.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-28f335d8.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-2f65802b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-77d355fe.entry.js → p-4336cdff.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-4c9a428d.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-4ee14c12.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-4smNltRI.js +1 -0
- package/dist/digi-arbetsformedlingen/p-5c7e6e61.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-60928fb0.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-68e721b1.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-7da0451b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-87e306b0.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-8848ce2b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-91a0e1ca.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-9d3da044.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-B8hpiXmh.js +1 -0
- package/dist/digi-arbetsformedlingen/p-BMQm4N5I.js +1 -0
- package/dist/digi-arbetsformedlingen/p-BSJH8Lpg.js +1 -0
- package/dist/digi-arbetsformedlingen/p-BfyJgcLA.js +1 -0
- package/dist/digi-arbetsformedlingen/p-BvWKyXb_.js +1 -0
- package/dist/digi-arbetsformedlingen/p-DGI7Jkg2.js +1 -0
- package/dist/digi-arbetsformedlingen/p-DShzaNrQ.js +1 -0
- package/dist/digi-arbetsformedlingen/p-DfWZa2Wv.js +1 -0
- package/dist/digi-arbetsformedlingen/p-a563f0f4.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-ad7e2dc6.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-beab4698.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c9c140af.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-d62e264c.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-ef47f143.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f9a2a80e.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-feaeab97.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-DbBOgLZR.js → p-xwICssEK.js} +1 -1
- package/dist/esm/button-type.enum-DShzaNrQ.js +8 -0
- package/dist/esm/{button-variation.enum-y5Nm4oWF.js → button-variation.enum-BMQm4N5I.js} +7 -1
- package/dist/esm/{code-example-variation.enum-Ooszw6tl.js → code-example-variation.enum-DGI7Jkg2.js} +1 -7
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/{digi-calendar-week-view.entry.js → digi-button_5.entry.js} +190 -6
- package/dist/esm/digi-calendar-datepicker.entry.js +10 -6
- package/dist/esm/digi-code-block_3.entry.js +9 -5
- package/dist/esm/digi-code-example.entry.js +2 -2
- package/dist/esm/digi-dialog.entry.js +9 -5
- package/dist/esm/digi-footer.entry.js +9 -5
- package/dist/esm/digi-form-error-list.entry.js +9 -5
- package/dist/esm/digi-form-file-upload.entry.js +3 -2
- package/dist/esm/digi-form-input-search.entry.js +4 -2
- package/dist/esm/digi-form-input.entry.js +203 -0
- package/dist/esm/digi-form-label_3.entry.js +143 -0
- package/dist/esm/digi-form-receipt.entry.js +9 -5
- package/dist/esm/digi-form-select-filter.entry.js +647 -0
- package/dist/esm/digi-header-navigation.entry.js +9 -5
- package/dist/esm/digi-header.entry.js +9 -5
- package/dist/esm/digi-icon-check.entry.js +26 -0
- package/dist/esm/digi-icon-chevron-down.entry.js +26 -0
- package/dist/esm/digi-icon-validation-error_2.entry.js +48 -0
- package/dist/esm/digi-navigation-pagination.entry.js +9 -5
- package/dist/esm/digi-notification-alert.entry.js +9 -5
- package/dist/esm/digi-notification-error-page.entry.js +9 -5
- package/dist/esm/digi-title-logo.entry.js +9 -5
- package/dist/esm/digi-tools-feedback-banner.entry.js +7 -2
- package/dist/esm/digi-tools-feedback.entry.js +9 -5
- package/dist/esm/digi-util-keydown-handler.entry.js +79 -0
- package/dist/esm/{form-validation-message-variation.enum-9n7Okhf1.js → form-file-upload-variation.enum-BfyJgcLA.js} +1 -8
- package/dist/esm/form-input-search-variation.enum-BvWKyXb_.js +8 -0
- package/dist/esm/{form-input-type.enum-CN1mgrt1.js → form-input-type.enum-BSJH8Lpg.js} +1 -15
- package/dist/esm/form-input-variation.enum-DfWZa2Wv.js +29 -0
- package/dist/esm/form-validation-message-variation.enum-B8hpiXmh.js +8 -0
- package/dist/esm/{index-DnTiPaEs.js → index-B1Je6g2n.js} +1 -1
- package/dist/esm/index-Co_lVhh_.js +26 -10
- package/dist/esm/index.js +9 -5
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{typography-variation.enum-BDBYHWrh.js → typography-variation.enum-4smNltRI.js} +1 -29
- package/dist/types/components/_tools/tools-feedback-banner/tools-feedback-banner.d.ts +1 -0
- package/hydrate/index.js +11 -6
- package/hydrate/index.mjs +11 -6
- package/package.json +1 -1
- package/components/p--RxphPe_.js +0 -172
- package/dist/cjs/digi-button_11.cjs.entry.js +0 -1274
- package/dist/cjs/digi-icon-chevron-left_2.cjs.entry.js +0 -51
- package/dist/cjs/digi-typography.cjs.entry.js +0 -22
- package/dist/digi-arbetsformedlingen/p-0dc8c1f1.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-14d011c8.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-31d3b121.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-38d6c196.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-44c16261.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-45f30e15.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-478dd735.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-591509af.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-8c4b642e.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-8fb4e6a3.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-93367afb.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9n7Okhf1.js +0 -1
- package/dist/digi-arbetsformedlingen/p-BDBYHWrh.js +0 -1
- package/dist/digi-arbetsformedlingen/p-CN1mgrt1.js +0 -1
- package/dist/digi-arbetsformedlingen/p-Ooszw6tl.js +0 -1
- package/dist/digi-arbetsformedlingen/p-aaeddc10.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ab84eed8.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-bd635299.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-c273763e.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-c73ddbe2.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-cd90ab0b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-cfe0bcf9.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d441cad3.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-fd330ef0.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-y5Nm4oWF.js +0 -1
- package/dist/esm/digi-button_11.entry.js +0 -1262
- package/dist/esm/digi-icon-chevron-left_2.entry.js +0 -48
- package/dist/esm/digi-typography.entry.js +0 -20
package/hydrate/index.mjs
CHANGED
|
@@ -5636,7 +5636,7 @@ var ButtonVariation;
|
|
|
5636
5636
|
ButtonVariation["TERTIARY"] = "tertiary";
|
|
5637
5637
|
})(ButtonVariation || (ButtonVariation = {}));
|
|
5638
5638
|
|
|
5639
|
-
const buttonCss = () => `.sc-digi-button-h{--digi--button--color--background--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--background--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--focus:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--active:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--secondary--default:var(--digi--color--background--interactive--default--secondary);--digi--button--color--background--secondary--hover:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--focus:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--active:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--function--default:transparent;--digi--button--color--background--function--hover:transparent;--digi--button--color--background--function--focus:transparent;--digi--button--color--background--function--active:transparent;--digi--button--color--text--primary--default:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--hover:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--focus:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--active:var(--digi--color--text--interactive--secondary);--digi--button--color--text--secondary--default:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--hover:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--focus:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--active:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--function--default:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--hover:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--focus:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--active:var(--digi--color--text--interactive--primary);--digi--button--color--border--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--border--primary--focus:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--active:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--secondary--default:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--hover:var(--digi--color--border--interactive--hover--secondary);--digi--button--color--border--secondary--focus:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--active:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--function--default:initial;--digi--button--color--border--function--hover:initial;--digi--button--color--border--function--focus:initial;--digi--button--color--border--function--active:initial;--digi--button--color--icon--primary--default:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--hover:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--focus:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--active:var(--digi--color--icon--secondary);--digi--button--color--icon--secondary--default:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--hover:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--focus:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--active:var(--digi--color--icon--brand-primary);--digi--button--color--icon--function--default:var(--digi--color--icon--cta);--digi--button--color--icon--function--hover:var(--digi--color--icon--cta);--digi--button--color--icon--function--focus:var(--digi--color--icon--cta);--digi--button--color--icon--function--active:var(--digi--color--icon--cta);--digi--button--border-width--primary--default:var(--digi--border-width--primary);--digi--button--border-width--primary--hover:var(--digi--border-width--primary);--digi--button--border-width--secondary--default:var(--digi--border-width--primary);--digi--button--border-width--secondary--hover:var(--digi--border-width--primary);--digi--button--border-width--function--default:initial;--digi--button--border-width--function--hover:initial;--digi--button--border-style--primary--default:var(--digi--border-style--primary);--digi--button--border-style--primary--hover:var(--digi--border-style--primary);--digi--button--border-style--primary--focus:var(--digi--border-style--primary);--digi--button--border-style--primary--active:var(--digi--border-style--primary);--digi--button--border-style--secondary--default:var(--digi--border-style--primary);--digi--button--border-style--secondary--hover:var(--digi--border-style--primary);--digi--button--border-style--secondary--focus:var(--digi--border-style--primary);--digi--button--border-style--secondary--active:var(--digi--border-style--primary);--digi--button--border-style--function--default:var(--digi--border-style--secondary);--digi--button--border-style--function--hover:var(--digi--border-style--secondary);--digi--button--border-style--function--focus:var(--digi--border-style--secondary);--digi--button--border-style--function--active:var(--digi--border-style--secondary);--digi--button--border-radius--primary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--function--default:initial;--digi--button--border-radius--function--hover:initial;--digi--button--border-radius--function--focus:initial;--digi--button--border-radius--function--active:initial;--digi--button--padding--small:var(--digi--gutter--button-block-small) var(--digi--gutter--button-inline-small);--digi--button--padding--medium:var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);--digi--button--font-size--small:var(--digi--global--typography--font-size--interaction-small);--digi--button--font-size--medium:var(--digi--global--typography--font-size--interaction-medium);--digi--button--font-family:var(--digi--global--typography--font-family--default);--digi--button--font-weight--default:var(--digi--typography--button--font-weight--desktop);--digi--button--font-weight--function:var(--digi--typography--label--font-weight--desktop);--digi--button--width:initial;--digi--button--display:initial;--digi--button--justify-content--default:initial;--digi--button--justify-content--full-width:center;--digi--button--align-items:center;--digi--button--text-align--default:initial;--digi--button--text-align--full-width:center;--digi--button--outline--default:initial;--digi--button--outline--focus:initial;--digi--button--cursor:pointer;--digi--button--icon--spacing:var(--digi--gutter--large);--digi--button--min-height--small:unset}.sc-digi-button-h .digi-button--variation-primary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--primary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--primary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--primary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--primary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--primary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--primary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--primary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--primary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--primary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--primary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--primary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--primary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--primary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--primary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--primary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--primary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--primary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--primary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--primary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--primary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--primary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--primary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--primary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--primary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--primary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--primary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--primary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--primary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-secondary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--secondary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--secondary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--secondary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--secondary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--secondary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--secondary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--secondary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--secondary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--secondary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--secondary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--secondary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--secondary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--secondary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--secondary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--secondary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--secondary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--secondary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--secondary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--secondary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--secondary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--secondary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--secondary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--secondary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--secondary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--secondary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--secondary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--secondary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--secondary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--function--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--function--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--function--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--function--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--function--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--function--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--function--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--function--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--function--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--function--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--function--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--function--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--function--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--function--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--function--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--function--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--function--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--function--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--function--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--function--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--function--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--function--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--function--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--function--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--function--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--function--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--function--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--function--active);--FONT-WEIGHT:var(--digi--button--font-weight--function)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button:hover,.sc-digi-button-h .digi-button--variation-function.sc-digi-button:focus{text-decoration:underline}.sc-digi-button-h .digi-button--size-small.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--small);--PADDING:var(--digi--button--padding--small);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-medium.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--medium);--PADDING:var(--digi--button--padding--medium);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button .sc-digi-button-s>[slot^=icon]{--digi--icon--height:1em;--digi--icon--width:1em;--digi--icon--color:var(--COLOR--ICON--DEFAULT);min-height:0}.sc-digi-button-h .digi-button.sc-digi-button{font-family:var(--digi--button--font-family);background:var(--COLOR--BACKGROUND--DEFAULT);color:var(--COLOR--TEXT--DEFAULT);padding:var(--PADDING);border-radius:var(--BORDER-RADIUS--DEFAULT);border-width:var(--BORDER-WIDTH--DEFAULT);border-style:var(--BORDER-STYLE--DEFAULT);border-color:var(--COLOR--BORDER--DEFAULT);font-weight:var(--FONT-WEIGHT);font-size:var(--FONT-SIZE);outline:var(--digi--button--outline--default);text-align:var(--digi--button--text-align--default);width:var(--digi--button--width);display:var(--digi--button--display);justify-content:var(--digi--button--justify-content--default);cursor:var(--digi--button--cursor);min-height:var(--MIN-HEIGHT);align-items:var(--digi--button--align-items);white-space:nowrap}@media (any-hover: hover){.sc-digi-button-h .digi-button.sc-digi-button:hover{background:var(--COLOR--BACKGROUND--HOVER);border-radius:var(--BORDER-RADIUS--HOVER);border-width:var(--BORDER-WIDTH--HOVER);border-style:var(--BORDER-STYLE--HOVER);border-color:var(--COLOR--BORDER--HOVER);color:var(--COLOR--TEXT--HOVER)}.sc-digi-button-h .digi-button:hover.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:hover .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--HOVER)}}.sc-digi-button-h .digi-button.sc-digi-button:focus-visible{background:var(--COLOR--BACKGROUND--FOCUS);color:var(--COLOR--TEXT--FOCUS);border-style:var(--BORDER-STYLE--FOCUS);border-color:var(--COLOR--BORDER--FOCUS);outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-button-h .digi-button:focus-visible.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:focus-visible .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--FOCUS)}.sc-digi-button-h .digi-button.sc-digi-button:active{background:var(--COLOR--BACKGROUND--ACTIVE);color:var(--COLOR--TEXT--ACTIVE)}.sc-digi-button-h .digi-button:active.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:active .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--ACTIVE)}.sc-digi-button-h .digi-button--icon.sc-digi-button,.sc-digi-button-h .digi-button--icon-secondary.sc-digi-button{--digi--button--display:flex;align-items:center;justify-content:var(--digi--button--justify-content--default);gap:var(--digi--button--icon--spacing)}.sc-digi-button-h .digi-button--full-width.sc-digi-button{--digi--button--width:100%;--digi--button--text-align--default:var(--digi--button--text-align--full-width);--digi--button--justify-content--default:var(--digi--button--justify-content--full-width)}`;
|
|
5639
|
+
const buttonCss = () => `@charset "UTF-8";.sc-digi-button-h{--digi--button--color--background--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--background--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--focus:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--active:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--secondary--default:var(--digi--color--background--interactive--default--secondary);--digi--button--color--background--secondary--hover:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--focus:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--active:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--function--default:transparent;--digi--button--color--background--function--hover:transparent;--digi--button--color--background--function--focus:transparent;--digi--button--color--background--function--active:transparent;--digi--button--color--text--primary--default:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--hover:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--focus:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--active:var(--digi--color--text--interactive--secondary);--digi--button--color--text--secondary--default:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--hover:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--focus:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--active:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--function--default:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--hover:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--focus:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--active:var(--digi--color--text--interactive--primary);--digi--button--color--border--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--border--primary--focus:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--active:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--secondary--default:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--hover:var(--digi--color--border--interactive--hover--secondary);--digi--button--color--border--secondary--focus:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--active:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--function--default:initial;--digi--button--color--border--function--hover:initial;--digi--button--color--border--function--focus:initial;--digi--button--color--border--function--active:initial;--digi--button--color--icon--primary--default:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--hover:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--focus:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--active:var(--digi--color--icon--secondary);--digi--button--color--icon--secondary--default:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--hover:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--focus:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--active:var(--digi--color--icon--brand-primary);--digi--button--color--icon--function--default:var(--digi--color--icon--cta);--digi--button--color--icon--function--hover:var(--digi--color--icon--cta);--digi--button--color--icon--function--focus:var(--digi--color--icon--cta);--digi--button--color--icon--function--active:var(--digi--color--icon--cta);--digi--button--border-width--primary--default:var(--digi--border-width--primary);--digi--button--border-width--primary--hover:var(--digi--border-width--primary);--digi--button--border-width--secondary--default:var(--digi--border-width--primary);--digi--button--border-width--secondary--hover:var(--digi--border-width--primary);--digi--button--border-width--function--default:initial;--digi--button--border-width--function--hover:initial;--digi--button--border-style--primary--default:var(--digi--border-style--primary);--digi--button--border-style--primary--hover:var(--digi--border-style--primary);--digi--button--border-style--primary--focus:var(--digi--border-style--primary);--digi--button--border-style--primary--active:var(--digi--border-style--primary);--digi--button--border-style--secondary--default:var(--digi--border-style--primary);--digi--button--border-style--secondary--hover:var(--digi--border-style--primary);--digi--button--border-style--secondary--focus:var(--digi--border-style--primary);--digi--button--border-style--secondary--active:var(--digi--border-style--primary);--digi--button--border-style--function--default:var(--digi--border-style--secondary);--digi--button--border-style--function--hover:var(--digi--border-style--secondary);--digi--button--border-style--function--focus:var(--digi--border-style--secondary);--digi--button--border-style--function--active:var(--digi--border-style--secondary);--digi--button--border-radius--primary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--function--default:initial;--digi--button--border-radius--function--hover:initial;--digi--button--border-radius--function--focus:initial;--digi--button--border-radius--function--active:initial;--digi--button--padding--small:var(--digi--gutter--button-block-small) var(--digi--gutter--button-inline-small);--digi--button--padding--medium:var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);--digi--button--padding--large:var(--digi--gutter--button-block-large) var(--digi--gutter--button-inline-large);--digi--button--font-size--small:var(--digi--global--typography--font-size--interaction-small);--digi--button--font-size--medium:var(--digi--global--typography--font-size--interaction-medium);--digi--button--font-family:var(--digi--global--typography--font-family--default);--digi--button--font-weight--default:var(--digi--typography--button--font-weight--desktop);--digi--button--font-weight--function:var(--digi--typography--label--font-weight--desktop);--digi--button--width:initial;--digi--button--display:initial;--digi--button--justify-content--default:initial;--digi--button--justify-content--full-width:center;--digi--button--align-items:center;--digi--button--text-align--default:initial;--digi--button--text-align--full-width:center;--digi--button--outline--default:initial;--digi--button--outline--focus:initial;--digi--button--box-shadow:none;--digi--button--cursor:pointer;--digi--button--icon--spacing:var(--digi--gutter--large);--digi--button--min-height--small:unset}.sc-digi-button-h .digi-button--variation-primary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--primary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--primary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--primary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--primary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--primary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--primary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--primary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--primary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--primary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--primary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--primary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--primary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--primary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--primary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--primary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--primary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--primary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--primary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--primary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--primary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--primary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--primary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--primary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--primary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--primary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--primary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--primary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--primary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-secondary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--secondary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--secondary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--secondary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--secondary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--secondary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--secondary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--secondary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--secondary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--secondary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--secondary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--secondary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--secondary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--secondary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--secondary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--secondary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--secondary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--secondary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--secondary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--secondary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--secondary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--secondary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--secondary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--secondary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--secondary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--secondary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--secondary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--secondary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--secondary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--function--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--function--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--function--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--function--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--function--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--function--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--function--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--function--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--function--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--function--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--function--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--function--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--function--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--function--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--function--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--function--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--function--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--function--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--function--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--function--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--function--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--function--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--function--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--function--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--function--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--function--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--function--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--function--active);--FONT-WEIGHT:var(--digi--button--font-weight--function)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button:hover,.sc-digi-button-h .digi-button--variation-function.sc-digi-button:focus{text-decoration:underline}.sc-digi-button-h .digi-button--size-small.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--small);--PADDING:var(--digi--button--padding--small);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-medium.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--medium);--PADDING:var(--digi--button--padding--medium);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-large.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--large);--PADDING:var(--digi--button--padding--large);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button .sc-digi-button-s>[slot^=icon]{--digi--icon--height:1em;--digi--icon--width:1em;--digi--icon--color:var(--COLOR--ICON--DEFAULT);min-height:0}.sc-digi-button-h .digi-button.sc-digi-button{font-family:var(--digi--button--font-family);background:var(--COLOR--BACKGROUND--DEFAULT);color:var(--COLOR--TEXT--DEFAULT);padding:var(--PADDING);border-radius:var(--BORDER-RADIUS--DEFAULT);border-width:var(--BORDER-WIDTH--DEFAULT);border-style:var(--BORDER-STYLE--DEFAULT);border-color:var(--COLOR--BORDER--DEFAULT);font-weight:var(--FONT-WEIGHT);font-size:var(--FONT-SIZE);outline:var(--digi--button--outline--default);box-shadow:var(--digi--button--box-shadow);text-align:var(--digi--button--text-align--default);width:var(--digi--button--width);display:var(--digi--button--display);justify-content:var(--digi--button--justify-content--default);cursor:var(--digi--button--cursor);min-height:var(--MIN-HEIGHT);align-items:var(--digi--button--align-items);white-space:nowrap}@media (any-hover: hover){.sc-digi-button-h .digi-button.sc-digi-button:hover{background:var(--COLOR--BACKGROUND--HOVER);border-radius:var(--BORDER-RADIUS--HOVER);border-width:var(--BORDER-WIDTH--HOVER);border-style:var(--BORDER-STYLE--HOVER);border-color:var(--COLOR--BORDER--HOVER);color:var(--COLOR--TEXT--HOVER)}.sc-digi-button-h .digi-button:hover.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:hover .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--HOVER)}}.sc-digi-button-h .digi-button.sc-digi-button:focus-visible{background:var(--COLOR--BACKGROUND--FOCUS);color:var(--COLOR--TEXT--FOCUS);border-style:var(--BORDER-STYLE--FOCUS);border-color:var(--COLOR--BORDER--FOCUS);outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-button-h .digi-button:focus-visible.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:focus-visible .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--FOCUS)}.sc-digi-button-h .digi-button.sc-digi-button:active{background:var(--COLOR--BACKGROUND--ACTIVE);color:var(--COLOR--TEXT--ACTIVE)}.sc-digi-button-h .digi-button:active.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:active .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--ACTIVE)}.sc-digi-button-h .digi-button--icon.sc-digi-button,.sc-digi-button-h .digi-button--icon-secondary.sc-digi-button{--digi--button--display:flex;align-items:center;justify-content:var(--digi--button--justify-content--default);gap:var(--digi--button--icon--spacing)}.sc-digi-button-h .digi-button--full-width.sc-digi-button{--digi--button--width:100%;--digi--button--text-align--default:var(--digi--button--text-align--full-width);--digi--button--justify-content--default:var(--digi--button--justify-content--full-width)}`;
|
|
5640
5640
|
|
|
5641
5641
|
/**
|
|
5642
5642
|
* @slot default - Ska vara en textnod
|
|
@@ -13211,7 +13211,7 @@ var locale$1 = {
|
|
|
13211
13211
|
}
|
|
13212
13212
|
};
|
|
13213
13213
|
|
|
13214
|
-
const calendarWeekViewCss = () => `.sc-digi-calendar-week-view-h{--digi--calendar-week-view--button--week--padding:calc(var(--digi--gutter--small) + 1px) var(--digi--gutter--largest-2);--digi--calendar-week-view--button--week--icon--width:var(--digi--gutter--medium);--digi--calendar-week-view--button--week--display:flex;--digi--calendar-week-view--button--week--justify-content:center;--digi--calendar-week-view--button--week--previous-button--border-radius:var(--digi--global--border-radius--base) 0 0 var(--digi--global--border-radius--base);--digi--calendar-week-view--button--week--next-button--border-radius:0 var(--digi--global--border-radius--base) var(--digi--global--border-radius--base) 0;--digi--calendar-week-view--button--week--width:9.75rem;--digi--calendar-week-view--button--week--margin:0.125rem;--digi--calendar-week-view--button--week--font-size:var(--digi--button--font-size--small);--digi--calendar-week-view--button--week--keep-right--margin:10rem;--digi--calendar-week-view--button--week--keep-right--margin--small:8.1rem;--digi--calendar-week-view--button--week--background:var(--digi--color--background--interactive--default--secondary);--digi--calendar-week-view--button--week--border-color:var(--digi--color--border--interactive--default--primary);--digi--calendar-week-view--button--date--color:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--button--date--color--active:var(--digi--color--text--interactive--secondary);--digi--calendar-week-view--button--date--color--no-value:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--button--date--background:var(--digi--color--background--interactive--default--secondary);--digi--calendar-week-view--button--date--background--active:var(--digi--color--background--interactive--selected--primary);--digi--calendar-week-view--button--date--background--no-value:var(--digi--color--background--interactive--default--tertiary);--digi--calendar-week-view--button--date--border-color:var(--digi--color--border--interactive--default--primary);--digi--calendar-week-view--button--date--border-color--active:var(--digi--color--border--interactive--default--primary);--digi--calendar-week-view--button--date--border-color--no-value:var(--digi--color--border--interactive--default--on-input-nuance);--digi--calendar-week-view--button--date--border-radius:0;--digi--calendar-week-view--button--date--padding:16px 10px 25px 10px;--digi--calendar-week-view--button--date--font-size:var(--digi--button--font-size--small);--digi--calendar-week-view--button--date--box-shadow--active:inset 0 0 0 0.1875rem var(--digi--grayscale--0);--digi--calendar-week-view--button--date--width:3.75rem;--digi--calendar-week-view--button--date--width--small:3rem;--digi--calendar-week-view--today-circle--size:0.3125rem;--digi--calendar-week-view--today-circle--color:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--today-circle--fill:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--today-circle--fill--no-value:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--today-circle--fill--active:var(--digi--color--text--interactive--secondary);--digi--calendar-week-view--dates--margin:0 0 var(--digi--gutter--smaller) 0;--digi--calendar-week-view--dates--gap:var(--digi--gutter--smaller)}.digi-calendar-week-view__timepicker.sc-digi-calendar-week-view{display:flex;flex-wrap:wrap;justify-content:center}.digi-calendar-week-view__week-button.sc-digi-calendar-week-view{--digi--ui--width--icon:var(--digi--calendar-week-view--button--week--icon--width);--digi--button--padding--medium:var(--digi--calendar-week-view--button--week--padding);--digi--button--display:var(--digi--calendar-week-view--button--week--display);--digi--button--width:var(--digi--calendar-week-view--button--week--width);--digi--button--justify-content:var(--digi--calendar-week-view--button--week--justify-content);--digi--button--color--background--secondary--default:var(--digi--calendar-week-view--button--week--background);--digi--button--color--background--secondary--hover:var(--digi--calendar-week-view--button--week--background);--digi--button--color--background--secondary--focus:var(--digi--calendar-week-view--button--week--background);--digi--button--color--background--secondary--active:var(--digi--calendar-week-view--button--week--background);--digi--button--color--border--secondary--hover:var(--digi--calendar-week-view--button--week--border-color);--digi--button--color--border--secondary--focus:var(--digi--calendar-week-view--button--week--border-color);--digi--button--color--border--secondary--active:var(--digi--calendar-week-view--button--week--border-color);--digi--button--font-size--medium:var(--digi--calendar-week-view--button--week--font-size);position:relative}.digi-calendar-week-view__week-button--previous.sc-digi-calendar-week-view{margin-right:var(--digi--calendar-week-view--button--week--margin);--digi--button--border-radius--secondary--default:var(--digi--calendar-week-view--button--week--previous-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--calendar-week-view--button--week--previous-button--border-radius)}.digi-calendar-week-view__week-button--next.sc-digi-calendar-week-view{margin-left:var(--digi--calendar-week-view--button--week--margin);--digi--button--border-radius--secondary--default:var(--digi--calendar-week-view--button--week--next-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--calendar-week-view--button--week--next-button--border-radius)}.digi-calendar-week-view__week-button--keep-left.sc-digi-calendar-week-view,.digi-calendar-week-view__week-button--keep-right.sc-digi-calendar-week-view{--digi--calendar-week-view--button--week--margin:var(--digi--calendar-week-view--button--week--keep-right--margin)}.digi-calendar-week-view__week-button--hidden.sc-digi-calendar-week-view{display:none}.digi-calendar-week-view__week-button.sc-digi-calendar-week-view-s>[slot^=icon],.digi-calendar-week-view__week-button .sc-digi-calendar-week-view-s>[slot^=icon]{--digi--icon--width:var(--digi--calendar-week-view--button--icon--width)}.digi-calendar-week-view__dates.sc-digi-calendar-week-view{flex:1 0 100%;margin:var(--digi--calendar-week-view--dates--margin);display:flex;justify-content:center}.digi-calendar-week-view__flex.sc-digi-calendar-week-view{display:flex;flex-direction:column;align-items:center}.digi-calendar-week-view__heading.sc-digi-calendar-week-view{font-size:var(--digi--typography--body--font-size--desktop)}.digi-calendar-week-view__month.sc-digi-calendar-week-view{text-transform:capitalize}.digi-calendar-week-view__date-list.sc-digi-calendar-week-view{list-style:none;display:grid;grid-template:repeat(1, 1fr)/repeat(5, var(--digi--calendar-week-view--button--date--width));grid-auto-flow:column;gap:var(--digi--calendar-week-view--dates--gap);margin:0;padding:0}@media screen and (max-width: 23.375rem){.digi-calendar-week-view__date-list.sc-digi-calendar-week-view{grid-template:repeat(1, 1fr)/repeat(5, var(--digi--calendar-week-view--button--date--width--small))}}.digi-calendar-week-view__date-list-item.sc-digi-calendar-week-view{position:relative;margin:0;padding:0}.digi-calendar-week-view__date-button.sc-digi-calendar-week-view{--digi--button--width:100%;--digi--button--border-radius--secondary--default:var(--digi--calendar-week-view--button--date--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--calendar-week-view--button--date--border-radius);--digi--button--padding--medium:var(--digi--calendar-week-view--button--date--padding);--digi--button--font-size--medium:var(--digi--calendar-week-view--button--date--font-size);--digi--button--color--text--secondary--default:var(--digi--calendar-week-view--button--date--color);--digi--button--color--text--secondary--hover:var(--digi--calendar-week-view--button--date--color);--digi--button--color--text--secondary--focus:var(--digi--calendar-week-view--button--date--color);--digi--button--color--text--secondary--active:var(--digi--calendar-week-view--button--date--color);--digi--button--color--background--secondary--default:var(--digi--calendar-week-view--button--date--background);--digi--button--color--background--secondary--hover:var(--digi--calendar-week-view--button--date--background);--digi--button--color--background--secondary--focus:var(--digi--calendar-week-view--button--date--background);--digi--button--color--background--secondary--active:var(--digi--calendar-week-view--button--date--background);--digi--button--color--border--secondary--default:var(--digi--calendar-week-view--button--date--border-color);--digi--button--color--border--secondary--hover:var(--digi--calendar-week-view--button--date--border-color);--digi--button--color--border--secondary--focus:var(--digi--calendar-week-view--button--date--border-color);--digi--button--color--border--secondary--active:var(--digi--calendar-week-view--button--date--border-color)}.digi-calendar-week-view__date-button--no-value.sc-digi-calendar-week-view{--digi--button--color--text--secondary--default:var(--digi--calendar-week-view--button--date--color--no-value);--digi--button--color--text--secondary--hover:var(--digi--calendar-week-view--button--date--color--no-value);--digi--button--color--text--secondary--focus:var(--digi--calendar-week-view--button--date--color--no-value);--digi--button--color--text--secondary--active:var(--digi--calendar-week-view--button--date--color--no-value);--digi--button--color--background--secondary--default:var(--digi--calendar-week-view--button--date--background--no-value);--digi--button--color--background--secondary--hover:var(--digi--calendar-week-view--button--date--background--no-value);--digi--button--color--background--secondary--focus:var(--digi--calendar-week-view--button--date--background--no-value);--digi--button--color--background--secondary--active:var(--digi--calendar-week-view--button--date--background--no-value);--digi--button--color--border--secondary--default:var(--digi--calendar-week-view--button--date--border-color--no-value);--digi--button--color--border--secondary--hover:var(--digi--calendar-week-view--button--date--border-color--no-value);--digi--button--color--border--secondary--focus:var(--digi--calendar-week-view--button--date--border-color--no-value);--digi--button--color--border--secondary--active:var(--digi--calendar-week-view--button--date--border-color--no-value);--digi--calendar-week-view--today-circle--fill:var(--digi--calendar-week-view--today-circle--fill--no-value)}.digi-calendar-week-view__date-button--active.sc-digi-calendar-week-view{--digi--button--color--text--secondary--default:var(--digi--calendar-week-view--button--date--color--active);--digi--button--color--text--secondary--hover:var(--digi--calendar-week-view--button--date--color--active);--digi--button--color--text--secondary--focus:var(--digi--calendar-week-view--button--date--color--active);--digi--button--color--text--secondary--active:var(--digi--calendar-week-view--button--date--color--active);--digi--button--color--background--secondary--default:var(--digi--calendar-week-view--button--date--background--active);--digi--button--color--background--secondary--hover:var(--digi--calendar-week-view--button--date--background--active);--digi--button--color--background--secondary--focus:var(--digi--calendar-week-view--button--date--background--active);--digi--button--color--background--secondary--active:var(--digi--calendar-week-view--button--date--background--active);--digi--button--color--border--secondary--default:var(--digi--calendar-week-view--button--date--border-color--active);--digi--button--color--border--secondary--hover:var(--digi--calendar-week-view--button--date--border-color--active);--digi--button--color--border--secondary--focus:var(--digi--calendar-week-view--button--date--border-color--active);--digi--button--color--border--secondary--active:var(--digi--calendar-week-view--button--date--border-color--active);--digi--calendar-week-view--today-circle--fill:var(--digi--calendar-week-view--today-circle--fill--active)}.digi-calendar-week-view__date-button-content.sc-digi-calendar-week-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-transform:capitalize}.digi-calendar-week-view__date-button-circle.sc-digi-calendar-week-view{position:absolute;height:var(--digi--calendar-week-view--today-circle--size);width:var(--digi--calendar-week-view--today-circle--size);background:var(--digi--calendar-week-view--today-circle--fill);bottom:0.875rem;left:50%;transform:translateX(-50%);border-radius:50%}.sc-digi-calendar-week-view-s .digi-calendar-week-view__date-button--active .digi-button{box-shadow:var(--digi--calendar-week-view--button--date--box-shadow--active)}.sc-digi-calendar-week-view-s .digi-calendar-week-view__date-button .digi-button:hover .digi-calendar-week-view__date-button-day::after,.sc-digi-calendar-week-view-s .digi-calendar-week-view__date-button .digi-button:focus .digi-calendar-week-view__date-button-day::after{content:"";position:absolute;width:30px;height:2px;top:38px;background-color:var(--digi--calendar-week-view--button--date--color);left:15px}.sc-digi-calendar-week-view-s .digi-calendar-week-view__date-button .digi-button:hover .digi-calendar-week-view__date-button-day--active::after,.sc-digi-calendar-week-view-s .digi-calendar-week-view__date-button .digi-button:focus .digi-calendar-week-view__date-button-day--active::after{content:"";position:absolute;width:30px;height:2px;top:38px;background-color:var(--digi--calendar-week-view--button--date--color--active);left:15px}.sc-digi-calendar-week-view-s .digi-calendar-week-view__date-button .digi-button__text{width:100%}.sc-digi-calendar-week-view-s .digi-calendar-week-view__week-button--previous .digi-button:hover::after,.sc-digi-calendar-week-view-s .digi-calendar-week-view__week-button--previous .digi-button:focus::after{content:"";position:absolute;width:62px;height:2px;top:29px;background-color:#00005a;left:50px}.sc-digi-calendar-week-view-s .digi-calendar-week-view__week-button--next .digi-button:hover::after,.sc-digi-calendar-week-view-s .digi-calendar-week-view__week-button--next .digi-button:focus::after{content:"";position:absolute;width:62px;height:2px;top:29px;background-color:#00005a;left:20px}`;
|
|
13214
|
+
const calendarWeekViewCss = () => `.sc-digi-calendar-week-view-h{--digi--calendar-week-view--button--week--padding:calc(var(--digi--gutter--small) + 1px) var(--digi--gutter--largest-2);--digi--calendar-week-view--button--week--icon--width:var(--digi--gutter--medium);--digi--calendar-week-view--button--week--display:flex;--digi--calendar-week-view--button--week--justify-content:center;--digi--calendar-week-view--button--week--previous-button--border-radius:var(--digi--global--border-radius--base) 0 0 var(--digi--global--border-radius--base);--digi--calendar-week-view--button--week--next-button--border-radius:0 var(--digi--global--border-radius--base) var(--digi--global--border-radius--base) 0;--digi--calendar-week-view--button--week--width:9.75rem;--digi--calendar-week-view--button--week--margin:0.125rem;--digi--calendar-week-view--button--week--font-size:var(--digi--button--font-size--small);--digi--calendar-week-view--button--week--keep-right--margin:10rem;--digi--calendar-week-view--button--week--keep-right--margin--small:8.1rem;--digi--calendar-week-view--button--week--background:var(--digi--color--background--interactive--default--secondary);--digi--calendar-week-view--button--week--border-color:var(--digi--color--border--interactive--default--primary);--digi--calendar-week-view--button--date--color:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--button--date--color--active:var(--digi--color--text--interactive--secondary);--digi--calendar-week-view--button--date--color--no-value:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--button--date--background:var(--digi--color--background--interactive--default--secondary);--digi--calendar-week-view--button--date--background--active:var(--digi--color--background--interactive--selected--primary);--digi--calendar-week-view--button--date--background--no-value:var(--digi--color--background--interactive--default--tertiary);--digi--calendar-week-view--button--date--border-color:var(--digi--color--border--interactive--default--primary);--digi--calendar-week-view--button--date--border-color--active:var(--digi--color--border--interactive--default--primary);--digi--calendar-week-view--button--date--border-color--no-value:var(--digi--color--border--interactive--default--on-input-nuance);--digi--calendar-week-view--button--date--border-radius:0;--digi--calendar-week-view--button--date--padding:16px 10px 25px 10px;--digi--calendar-week-view--button--date--font-size:var(--digi--button--font-size--small);--digi--calendar-week-view--button--date--box-shadow--active:inset 0 0 0 0.1875rem var(--digi--grayscale--0);--digi--calendar-week-view--button--date--width:3.75rem;--digi--calendar-week-view--button--date--width--small:3rem;--digi--calendar-week-view--today-circle--size:0.3125rem;--digi--calendar-week-view--today-circle--color:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--today-circle--fill:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--today-circle--fill--no-value:var(--digi--color--text--interactive--tertiary);--digi--calendar-week-view--today-circle--fill--active:var(--digi--color--text--interactive--secondary);--digi--calendar-week-view--dates--margin:0 0 var(--digi--gutter--smaller) 0;--digi--calendar-week-view--dates--gap:var(--digi--gutter--smaller);display:block}.digi-calendar-week-view__timepicker.sc-digi-calendar-week-view{display:flex;flex-wrap:wrap;justify-content:center}.digi-calendar-week-view__week-button.sc-digi-calendar-week-view{--digi--ui--width--icon:var(--digi--calendar-week-view--button--week--icon--width);--digi--button--padding--medium:var(--digi--calendar-week-view--button--week--padding);--digi--button--display:var(--digi--calendar-week-view--button--week--display);--digi--button--width:var(--digi--calendar-week-view--button--week--width);--digi--button--justify-content:var(--digi--calendar-week-view--button--week--justify-content);--digi--button--color--background--secondary--default:var(--digi--calendar-week-view--button--week--background);--digi--button--color--background--secondary--hover:var(--digi--calendar-week-view--button--week--background);--digi--button--color--background--secondary--focus:var(--digi--calendar-week-view--button--week--background);--digi--button--color--background--secondary--active:var(--digi--calendar-week-view--button--week--background);--digi--button--color--border--secondary--hover:var(--digi--calendar-week-view--button--week--border-color);--digi--button--color--border--secondary--focus:var(--digi--calendar-week-view--button--week--border-color);--digi--button--color--border--secondary--active:var(--digi--calendar-week-view--button--week--border-color);--digi--button--font-size--medium:var(--digi--calendar-week-view--button--week--font-size);position:relative}.digi-calendar-week-view__week-button--previous.sc-digi-calendar-week-view{margin-right:var(--digi--calendar-week-view--button--week--margin);--digi--button--border-radius--secondary--default:var(--digi--calendar-week-view--button--week--previous-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--calendar-week-view--button--week--previous-button--border-radius)}.digi-calendar-week-view__week-button--previous.sc-digi-calendar-week-view:hover::after,.digi-calendar-week-view__week-button--previous.sc-digi-calendar-week-view:focus-within::after{content:"";position:absolute;width:62px;height:2px;top:29px;background-color:#00005a;left:50px}.digi-calendar-week-view__week-button--next.sc-digi-calendar-week-view{margin-left:var(--digi--calendar-week-view--button--week--margin);--digi--button--border-radius--secondary--default:var(--digi--calendar-week-view--button--week--next-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--calendar-week-view--button--week--next-button--border-radius)}.digi-calendar-week-view__week-button--next.sc-digi-calendar-week-view:hover::after,.digi-calendar-week-view__week-button--next.sc-digi-calendar-week-view:focus-within::after{content:"";position:absolute;width:62px;height:2px;top:29px;background-color:#00005a;left:20px}.digi-calendar-week-view__week-button--keep-left.sc-digi-calendar-week-view,.digi-calendar-week-view__week-button--keep-right.sc-digi-calendar-week-view{--digi--calendar-week-view--button--week--margin:var(--digi--calendar-week-view--button--week--keep-right--margin)}.digi-calendar-week-view__week-button--hidden.sc-digi-calendar-week-view{display:none}.digi-calendar-week-view__dates.sc-digi-calendar-week-view{flex:1 0 100%;margin:var(--digi--calendar-week-view--dates--margin);display:flex;justify-content:center}.digi-calendar-week-view__flex.sc-digi-calendar-week-view{display:flex;flex-direction:column;align-items:center}.digi-calendar-week-view__heading.sc-digi-calendar-week-view{font-size:var(--digi--typography--body--font-size--desktop)}.digi-calendar-week-view__month.sc-digi-calendar-week-view{text-transform:capitalize}.digi-calendar-week-view__date-list.sc-digi-calendar-week-view{list-style:none;display:grid;grid-template:repeat(1, 1fr)/repeat(5, var(--digi--calendar-week-view--button--date--width));grid-auto-flow:column;gap:var(--digi--calendar-week-view--dates--gap);margin:0;padding:0}@media screen and (max-width: 23.375rem){.digi-calendar-week-view__date-list.sc-digi-calendar-week-view{grid-template:repeat(1, 1fr)/repeat(5, var(--digi--calendar-week-view--button--date--width--small))}}.digi-calendar-week-view__date-list-item.sc-digi-calendar-week-view{position:relative;margin:0;padding:0}.digi-calendar-week-view__date-button.sc-digi-calendar-week-view{--digi--button--width:100%;--digi--button--border-radius--secondary--default:var(--digi--calendar-week-view--button--date--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--calendar-week-view--button--date--border-radius);--digi--button--padding--medium:var(--digi--calendar-week-view--button--date--padding);--digi--button--font-size--medium:var(--digi--calendar-week-view--button--date--font-size);--digi--button--color--text--secondary--default:var(--digi--calendar-week-view--button--date--color);--digi--button--color--text--secondary--hover:var(--digi--calendar-week-view--button--date--color);--digi--button--color--text--secondary--focus:var(--digi--calendar-week-view--button--date--color);--digi--button--color--text--secondary--active:var(--digi--calendar-week-view--button--date--color);--digi--button--color--background--secondary--default:var(--digi--calendar-week-view--button--date--background);--digi--button--color--background--secondary--hover:var(--digi--calendar-week-view--button--date--background);--digi--button--color--background--secondary--focus:var(--digi--calendar-week-view--button--date--background);--digi--button--color--background--secondary--active:var(--digi--calendar-week-view--button--date--background);--digi--button--color--border--secondary--default:var(--digi--calendar-week-view--button--date--border-color);--digi--button--color--border--secondary--hover:var(--digi--calendar-week-view--button--date--border-color);--digi--button--color--border--secondary--focus:var(--digi--calendar-week-view--button--date--border-color);--digi--button--color--border--secondary--active:var(--digi--calendar-week-view--button--date--border-color)}.digi-calendar-week-view__date-button--no-value.sc-digi-calendar-week-view{--digi--button--color--text--secondary--default:var(--digi--calendar-week-view--button--date--color--no-value);--digi--button--color--text--secondary--hover:var(--digi--calendar-week-view--button--date--color--no-value);--digi--button--color--text--secondary--focus:var(--digi--calendar-week-view--button--date--color--no-value);--digi--button--color--text--secondary--active:var(--digi--calendar-week-view--button--date--color--no-value);--digi--button--color--background--secondary--default:var(--digi--calendar-week-view--button--date--background--no-value);--digi--button--color--background--secondary--hover:var(--digi--calendar-week-view--button--date--background--no-value);--digi--button--color--background--secondary--focus:var(--digi--calendar-week-view--button--date--background--no-value);--digi--button--color--background--secondary--active:var(--digi--calendar-week-view--button--date--background--no-value);--digi--button--color--border--secondary--default:var(--digi--calendar-week-view--button--date--border-color--no-value);--digi--button--color--border--secondary--hover:var(--digi--calendar-week-view--button--date--border-color--no-value);--digi--button--color--border--secondary--focus:var(--digi--calendar-week-view--button--date--border-color--no-value);--digi--button--color--border--secondary--active:var(--digi--calendar-week-view--button--date--border-color--no-value);--digi--calendar-week-view--today-circle--fill:var(--digi--calendar-week-view--today-circle--fill--no-value)}.digi-calendar-week-view__date-button--active.sc-digi-calendar-week-view{--digi--button--color--text--secondary--default:var(--digi--calendar-week-view--button--date--color--active);--digi--button--color--text--secondary--hover:var(--digi--calendar-week-view--button--date--color--active);--digi--button--color--text--secondary--focus:var(--digi--calendar-week-view--button--date--color--active);--digi--button--color--text--secondary--active:var(--digi--calendar-week-view--button--date--color--active);--digi--button--color--background--secondary--default:var(--digi--calendar-week-view--button--date--background--active);--digi--button--color--background--secondary--hover:var(--digi--calendar-week-view--button--date--background--active);--digi--button--color--background--secondary--focus:var(--digi--calendar-week-view--button--date--background--active);--digi--button--color--background--secondary--active:var(--digi--calendar-week-view--button--date--background--active);--digi--button--color--border--secondary--default:var(--digi--calendar-week-view--button--date--border-color--active);--digi--button--color--border--secondary--hover:var(--digi--calendar-week-view--button--date--border-color--active);--digi--button--color--border--secondary--focus:var(--digi--calendar-week-view--button--date--border-color--active);--digi--button--color--border--secondary--active:var(--digi--calendar-week-view--button--date--border-color--active);--digi--calendar-week-view--today-circle--fill:var(--digi--calendar-week-view--today-circle--fill--active);--digi--button--box-shadow:var(--digi--calendar-week-view--button--date--box-shadow--active)}.digi-calendar-week-view__date-button.sc-digi-calendar-week-view:hover .digi-calendar-week-view__date-button-day.sc-digi-calendar-week-view::after,.digi-calendar-week-view__date-button.sc-digi-calendar-week-view:focus-within .digi-calendar-week-view__date-button-day.sc-digi-calendar-week-view::after{content:"";position:absolute;width:30px;height:2px;top:38px;background-color:var(--digi--calendar-week-view--button--date--color);left:15px}.digi-calendar-week-view__date-button.sc-digi-calendar-week-view:hover .digi-calendar-week-view__date-button-day--active.sc-digi-calendar-week-view::after,.digi-calendar-week-view__date-button.sc-digi-calendar-week-view:focus-within .digi-calendar-week-view__date-button-day--active.sc-digi-calendar-week-view::after{content:"";position:absolute;width:30px;height:2px;top:38px;background-color:var(--digi--calendar-week-view--button--date--color--active);left:15px}.digi-calendar-week-view__date-button-content.sc-digi-calendar-week-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-transform:capitalize;width:100%}.digi-calendar-week-view__date-button-circle.sc-digi-calendar-week-view{position:absolute;height:var(--digi--calendar-week-view--today-circle--size);width:var(--digi--calendar-week-view--today-circle--size);background:var(--digi--calendar-week-view--today-circle--fill);bottom:0.875rem;left:50%;transform:translateX(-50%);border-radius:50%}`;
|
|
13215
13215
|
|
|
13216
13216
|
/**
|
|
13217
13217
|
* @enums CalendarWeekViewHeadingLevel - calendar-week-view-heading-level.enum.ts
|
|
@@ -23331,8 +23331,13 @@ class FeedbackBanner {
|
|
|
23331
23331
|
this.validateLinks();
|
|
23332
23332
|
this.validateHeading();
|
|
23333
23333
|
}
|
|
23334
|
+
getSlottedLinks() {
|
|
23335
|
+
const slotRoot = this.hostElement.querySelector('.digi-tools-feedback-banner__slot');
|
|
23336
|
+
const root = slotRoot !== null && slotRoot !== void 0 ? slotRoot : this.hostElement;
|
|
23337
|
+
return Array.from(root.querySelectorAll('a')).filter((el) => !el.closest('digi-link, digi-link-external'));
|
|
23338
|
+
}
|
|
23334
23339
|
validateLinks() {
|
|
23335
|
-
const links =
|
|
23340
|
+
const links = this.getSlottedLinks();
|
|
23336
23341
|
if (links.length < 1 || links.length > 3) {
|
|
23337
23342
|
logger.warn(`The slot contains no link elements or there are more than 3 links specified (only 3 can be showed)`, this.hostElement);
|
|
23338
23343
|
return;
|
|
@@ -23369,7 +23374,7 @@ class FeedbackBanner {
|
|
|
23369
23374
|
}), hAsync("div", { hidden: true, class: "digi-tools-feedback-banner__slot" }, hAsync("slot", { onSlotchange: () => this.validateLinks() })))));
|
|
23370
23375
|
}
|
|
23371
23376
|
render() {
|
|
23372
|
-
return (hAsync("div", { key: '
|
|
23377
|
+
return (hAsync("div", { key: '739456a931baad879c5b7c99b9e3782d2056a161', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (hAsync("digi-layout-block", { key: 'b77c706fb75fcdc26d17f8fbb9e0e1fdbca397dd', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
|
|
23373
23378
|
}
|
|
23374
23379
|
get hostElement() { return getElement(this); }
|
|
23375
23380
|
static get watchers() { return {
|
|
@@ -24297,7 +24302,7 @@ class FormFieldset {
|
|
|
24297
24302
|
}; }
|
|
24298
24303
|
}
|
|
24299
24304
|
|
|
24300
|
-
const formFileUploadCss = () => `.sc-digi-form-file-upload-h{--digi--form-file-upload--color--background--small--default:var(--digi--color--background--interactive--default--quaternary);--digi--form-file-upload--color--background--small--hover:var(--digi--color--background--interactive--hover--secondary);--digi--form-file-upload--color--background--medium--default:var(--digi--color--background--interactive--default--quaternary);--digi--form-file-upload--color--background--medium--hover:var(--digi--color--background--interactive--hover--secondary);--digi--form-file-upload--color--background--large--default:var(--digi--color--background--interactive--default--quaternary);--digi--form-file-upload--color--background--large--hover:var(--digi--color--background--interactive--hover--secondary);--digi--form-file-upload--color--border--small--default:var(--digi--color--border--interactive--default--on-input-nuance);--digi--form-file-upload--color--border--small--hover:var(--digi--color--border--interactive--hover--primary);--digi--form-file-upload--color--border--medium--default:var(--digi--color--border--interactive--default--on-input-nuance);--digi--form-file-upload--color--border--medium--hover:var(--digi--color--border--interactive--hover--primary);--digi--form-file-upload--color--border--large--default:var(--digi--color--border--interactive--default--on-input-nuance);--digi--form-file-upload--color--border--large--hover:var(--digi--color--border--interactive--hover--primary);--digi--form-file-upload--border-width--small--default:var(--digi--border-width--secondary);--digi--form-file-upload--border-width--small--hover:var(--digi--border-width--primary);--digi--form-file-upload--border-width--medium--default:var(--digi--border-width--secondary);--digi--form-file-upload--border-width--medium--hover:var(--digi--border-width--primary);--digi--form-file-upload--border-width--large--default:var(--digi--border-width--secondary);--digi--form-file-upload--border-width--large--hover:var(--digi--border-width--primary);--digi--form-file-upload--border-style--small--default:var(--digi--global--border-style--none);--digi--form-file-upload--border-style--medium--default:var(--digi--global--border-style--dashed);--digi--form-file-upload--border-style--large--default:var(--digi--global--border-style--dashed);--digi--form-file-upload--border-radius--small--default:var(--digi--border-radius--secondary);--digi--form-file-upload--border-radius--medium--default:var(--digi--border-radius--secondary);--digi--form-file-upload--border-radius--large--default:var(--digi--border-radius--secondary);--digi--form-file-upload--padding--small:var(--digi--gutter--medium) var(--digi--gutter--largest);--digi--form-file-upload--padding--medium:var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);--digi--form-file-upload--padding--large:var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);--digi--form-file-upload--font-size--small:var(--digi--global--typography--font-size--small);--digi--form-file-upload--font-size--medium:var(--digi--global--typography--font-size--base);--digi--form-file-upload--font-size--large:var(--digi--global--typography--font-size--large);--digi--form-file-upload--heading--font-family:var(--digi--global--typography--font-family--default);--digi--form-file-upload--heading--font-weight:var(--digi--typography--heading-4--font-weight--desktop);--digi--form-file-upload--heading--font-size:var(--digi--typography--heading-4--font-size--desktop);--digi--form-file-upload--heading--font-size--large:var(--digi--typography--heading-4--font-size--desktop-large);--digi--form-file-upload--font-family:var(--digi--global--typography--font-family--default);--digi--form-file-upload--font-weight:var(--digi--typography--form-file-upload--font-weight--desktop);--digi--form-file-upload--button-text--color--default:var(--digi--color--text--interactive--primary);--digi--form-file-upload--button-text--color--hover:var(--digi--color--text--interactive--primary);--digi--form-file-upload--padding--small--icon:var(--digi--global--spacing--smaller) var(--digi--global--spacing--smallest-2);--digi--form-file-upload--padding--medium--icon:var(--digi--global--spacing--base) var(--digi--global--spacing--smallest-2);--digi--form-file-upload--width--small:132px;--digi--form-file-upload--width--medium:304px;--digi--form-file-upload--width--large:inherit;--digi--form-file-upload--border--error:var(--digi--global--border-style--solid) solid;--digi--form-file-upload--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-file-upload--border--error--width:var(--digi--border-width--secondary);--digi--form-file-upload--background--error:var(--digi--color--background--interactive--validation--error);container-type:inline-size;display:block;width:100%}.sc-digi-form-file-upload-h a.sc-digi-form-file-upload{font-weight:var(--digi--global--typography--font-weight--semibold);color:var(--digi--color--text--interactive--primary)}.sc-digi-form-file-upload-h .digi-form-file-upload.sc-digi-form-file-upload{font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-file-upload-h .digi-form-file-upload--small.sc-digi-form-file-upload{--COLOR--BACKGROUND--FILE-LIST:var(--digi--form-file-upload--color--background--small--default);--COLOR--BACKGROUND--DEFAULT:var(--digi--form-file-upload--color--background--small--default);--COLOR--BACKGROUND--HOVER:var(--digi--form-file-upload--color--background--small--hover);--COLOR--BORDER--DEFAULT:var(--digi--form-file-upload--color--border--small--default);--COLOR--BORDER--HOVER:var(--digi--form-file-upload--color--border--small--hover);--BORDER-STYLE--DEFAULT:var(--digi--form-file-upload--border-style--small--default);--BORDER-RADIUS--DEFAULT:var(--digi--form-file-upload--border-radius--small--default);--BORDER-WIDTH--DEFAULT:var(--digi--form-file-upload--border-width--small--default);--WIDTH:var(--digi--form-file-upload--width--small);--FONT-WEIGHT:var(--digi--form-file-upload--font-weight);--PADDING:var(--digi--form-file-upload--padding--small);--ICON--PADDING:var(--digi--form-file-upload--padding--small--icon)}.sc-digi-form-file-upload-h .digi-form-file-upload--medium.sc-digi-form-file-upload{--COLOR--BACKGROUND--FILE-LIST:var(--digi--form-file-upload--color--background--small--default);--COLOR--BACKGROUND--DEFAULT:var(--digi--form-file-upload--color--background--medium--default);--COLOR--BACKGROUND--HOVER:var(--digi--form-file-upload--color--background--medium--hover);--COLOR--BORDER--DEFAULT:var(--digi--form-file-upload--color--border--medium--default);--COLOR--BORDER--HOVER:var(--digi--form-file-upload--color--border--medium--hover);--BORDER-STYLE--DEFAULT:var(--digi--form-file-upload--border-style--medium--default);--BORDER-RADIUS--DEFAULT:var(--digi--form-file-upload--border-radius--medium--default);--BORDER-WIDTH--DEFAULT:var(--digi--form-file-upload--border-width--medium--default);--WIDTH:var(--digi--form-file-upload--width--medium);--FONT-WEIGHT:var(--digi--form-file-upload--font-weight);--PADDING:var(--digi--form-file-upload--padding--medium);--ICON--PADDING:var(--digi--form-file-upload--padding--medium--icon)}.sc-digi-form-file-upload-h .digi-form-file-upload--large.sc-digi-form-file-upload{--COLOR--BACKGROUND--FILE-LIST:var(--digi--form-file-upload--color--background--small--default);--COLOR--BACKGROUND--DEFAULT:var(--digi--form-file-upload--color--background--large--default);--COLOR--BACKGROUND--HOVER:var(--digi--form-file-upload--color--background--large--hover);--COLOR--BORDER--DEFAULT:var(--digi--form-file-upload--color--border--large--default);--COLOR--BORDER--HOVER:var(--digi--form-file-upload--color--border--large--hover);--BORDER-STYLE--DEFAULT:var(--digi--form-file-upload--border-style--large--default);--BORDER-RADIUS--DEFAULT:var(--digi--form-file-upload--border-radius--large--default);--BORDER-WIDTH--DEFAULT:var(--digi--form-file-upload--border-width--large--default);--WIDTH:var(--digi--form-file-upload--width--large);--FONT-WEIGHT:var(--digi--form-file-upload--font-weight);--PADDING:var(--digi--form-file-upload--padding--large);--ICON--PADDING:var(--digi--form-file-upload--padding--medium--icon)}.sc-digi-form-file-upload-h .digi-form-file-upload--has-errors.sc-digi-form-file-upload{--BORDER-STYLE--DEFAULT:var(--digi--form-file-upload--border--error);--COLOR--BORDER--DEFAULT:var(--digi--form-file-upload--border-color--error);--COLOR--BACKGROUND--HOVER:var(--digi--form-file-upload--border-color--error);--BORDER-WIDTH--DEFAULT:var(--digi--form-file-upload--border--error--width);--COLOR--BACKGROUND--DEFAULT:var(--digi--form-file-upload--background--error)}.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload{margin-right:0.5rem;animation:animation__rotation 3s infinite linear;transform-origin:center;--digi--icon--height:1rem}@media (prefers-reduced-motion){.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload{animation:none}}@keyframes animation__rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}.sc-digi-form-file-upload-h .digi-form-file-upload__input.sc-digi-form-file-upload{display:none}.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload{margin:0 0 auto 0.5rem;text-align:center;white-space:nowrap;background:none;border:none;cursor:pointer;font-weight:var(--digi--typography--button--font-weight--desktop);font-size:var(--digi--typography--body--font-size--desktop);color:var(--digi--form-file-upload--button-text--color--default);display:flex;align-items:center;font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover{color:var(--digi--form-file-upload--button-text--color--hover);text-decoration:underline}.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover .digi-form-file-upload__button-icon.sc-digi-form-file-upload{--digi--icon--color:var(--digi--form-file-upload--button-text--color--hover)}.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white;text-decoration:underline}.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload{--digi--icon--height:1.25rem;--digi--icon--width:1.25rem;--digi--icon--color:var(--digi--color--text--interactive--primary);margin-left:5px;padding:var(--ICON--PADDING);padding-right:0;padding-left:0}.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload:hover{--digi--icon--color:var(--digi--form-file-upload--button-text--color--hover)}.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area.sc-digi-form-file-upload{border-color:var(--COLOR--BORDER--DEFAULT);border-radius:var(--BORDER-RADIUS--DEFAULT);border-width:var(--BORDER-WIDTH--DEFAULT);border-style:var(--BORDER-STYLE--DEFAULT);max-width:var(--WIDTH);margin:0;display:flex;flex-direction:column;background-color:var(--COLOR--BACKGROUND--DEFAULT);align-items:center;padding:var(--PADDING);margin-bottom:var(--digi--gutter--medium);margin-top:var(--digi--gutter--button-block-small);position:relative;cursor:pointer}.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area--hover.sc-digi-form-file-upload{border-color:var(--COLOR--BORDER--HOVER)}.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area-overlay.sc-digi-form-file-upload{position:absolute;width:100%;height:100%;background-color:var(--COLOR--BACKGROUND--HOVER);opacity:0.1;top:0;left:0;z-index:10}.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload .paper-clip.sc-digi-form-file-upload{padding-right:0.5rem}.sc-digi-form-file-upload-h .digi-form-file-upload__files-list.sc-digi-form-file-upload{max-width:none;padding:0;margin:0}.sc-digi-form-file-upload-h .digi-form-file-upload__files.sc-digi-form-file-upload{border-radius:var(--BORDER-RADIUS--DEFAULT);max-width:100%;width:100%;box-sizing:border-box;background-color:var(--COLOR--BACKGROUND--FILE-LIST);padding:var(--digi--gutter--largest-2) var(--digi--padding--large);margin-bottom:var(--digi--gutter--medium);margin-top:var(--digi--gutter--medium);padding-bottom:var(--digi--padding--smaller)}.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading.sc-digi-form-file-upload{font-family:var(--digi--form-file-upload--heading--font-family);font-size:var(--digi--typography--label--font-size--desktop);font-weight:var(--digi--form-file-upload--heading--font-weight);color:var(--digi--color--text--primary);margin:var(--digi--margin--small) 0 var(--digi--margin--medium) 0;display:block}.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading--and-errors.sc-digi-form-file-upload{margin-top:var(--digi--margin--largest)}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload{display:flex;justify-content:space-between;padding-bottom:0.75rem}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.with-files.sc-digi-form-file-upload{border-bottom:var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary)}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload{max-height:1.5rem}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload .clear-icon.sc-digi-form-file-upload{padding-right:0}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload{margin:0;padding:0}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload{list-style:none;margin-bottom:0.75rem}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload:last-of-type{margin-bottom:0}.sc-digi-form-file-upload-h .digi-form-file-upload__item.sc-digi-form-file-upload{margin:var(--digi--margin--small) 0;margin-bottom:var(--digi--margin--medium);width:100%;box-sizing:border-box}.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload{list-style-type:none}.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload:nth-child(n+2){border-top:var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary)}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload{display:flex;justify-content:space-between;align-items:center;width:100%}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .info-wrapper.sc-digi-form-file-upload{display:flex;justify-content:flex-start;align-items:center;height:auto;min-width:20%}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .button-wrapper.sc-digi-form-file-upload{display:flex;min-width:20%;justify-content:flex-end;align-items:center}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload p.sc-digi-form-file-upload{margin:auto var(--digi--margin--small) !important;font-weight:var(--digi--form-file-upload--font-weight);font-size:var(--digi--typography--body--font-size--desktop);white-space:nowrap;height:max-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .digi-form-file-upload__button-abort.sc-digi-form-file-upload{margin:0}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-and-thumbnail-container.sc-digi-form-file-upload{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:20%}.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload{width:1.375rem;height:1.375rem;display:flex;align-self:baseline;position:relative;top:4px;left:0px;margin-right:4px}@container (min-width: 0){.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check-icon{--digi--icon--height:16px;--digi--icon--width:16px;--digi--icon--color:var(--digi--color--icon--validation--success);min-height:0;width:16px;height:16px;background-color:var(--digi--color--background--primary);border-radius:50%;align-self:flex-start}}.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload{width:100%;margin:auto 0;font-weight:var(--digi--typography--button--font-weight--desktop);font-size:var(--digi--typography--body--font-size--desktop);height:max-content}.sc-digi-form-file-upload-h .digi-form-file-upload__item-name--thumbnail.sc-digi-form-file-upload{font-weight:var(--digi--typography--button--font-weight--desktop);font-size:var(--digi--typography--body--font-size--desktop);margin:auto 0 auto var(--digi--margin--small);color:var(--digi--form-file-upload--button-text--color--default)}@media (max-width: 500px){.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload{max-width:17.5rem}}.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}@container (max-width: 620px){.sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item-name{max-width:17.5rem}}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload{position:relative;display:flex;padding:0;margin:0;justify-content:space-between;align-items:center;overflow-wrap:break-word;gap:32px}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-inner.sc-digi-form-file-upload{display:flex;width:100%}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload{margin:0;align-self:flex-start}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload::after{position:absolute;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E");top:-6px;left:24px;width:18px;height:18px;overflow:hidden}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .thumbnail.sc-digi-form-file-upload{width:2rem;height:2rem;object-fit:cover;flex-grow:0;margin-right:0.75rem}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .hidden.sc-digi-form-file-upload{margin-left:var(--digi--margin--larger)}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload{position:relative;top:6px;left:5px;margin-right:1.25rem}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload::after{position:absolute;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E");top:-7px;left:15px;width:18px;height:18px;overflow:hidden}.sc-digi-form-file-upload-h .digi-form-file-upload__item-info.sc-digi-form-file-upload{width:100%}@container (max-width: 500px){.sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item span{margin-left:0;margin-right:auto}}.sc-digi-form-file-upload-h .digi-form-file-upload__error.sc-digi-form-file-upload{color:var(--digi--color--icon--validation--error)}.sc-digi-form-file-upload-h .visually-hidden.sc-digi-form-file-upload{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}@container (min-width: 500px){.sc-digi-form-file-upload-h .hidden-desktop{display:none !important}}@container (max-width: 499px){.sc-digi-form-file-upload-h .hidden-mobile{display:none !important}}`;
|
|
24305
|
+
const formFileUploadCss = () => `.sc-digi-form-file-upload-h{--digi--form-file-upload--color--background--small--default:var(--digi--color--background--interactive--default--quaternary);--digi--form-file-upload--color--background--small--hover:var(--digi--color--background--interactive--hover--secondary);--digi--form-file-upload--color--background--medium--default:var(--digi--color--background--interactive--default--quaternary);--digi--form-file-upload--color--background--medium--hover:var(--digi--color--background--interactive--hover--secondary);--digi--form-file-upload--color--background--large--default:var(--digi--color--background--interactive--default--quaternary);--digi--form-file-upload--color--background--large--hover:var(--digi--color--background--interactive--hover--secondary);--digi--form-file-upload--color--border--small--default:var(--digi--color--border--interactive--default--on-input-nuance);--digi--form-file-upload--color--border--small--hover:var(--digi--color--border--interactive--hover--primary);--digi--form-file-upload--color--border--medium--default:var(--digi--color--border--interactive--default--on-input-nuance);--digi--form-file-upload--color--border--medium--hover:var(--digi--color--border--interactive--hover--primary);--digi--form-file-upload--color--border--large--default:var(--digi--color--border--interactive--default--on-input-nuance);--digi--form-file-upload--color--border--large--hover:var(--digi--color--border--interactive--hover--primary);--digi--form-file-upload--border-width--small--default:var(--digi--border-width--secondary);--digi--form-file-upload--border-width--small--hover:var(--digi--border-width--primary);--digi--form-file-upload--border-width--medium--default:var(--digi--border-width--secondary);--digi--form-file-upload--border-width--medium--hover:var(--digi--border-width--primary);--digi--form-file-upload--border-width--large--default:var(--digi--border-width--secondary);--digi--form-file-upload--border-width--large--hover:var(--digi--border-width--primary);--digi--form-file-upload--border-style--small--default:var(--digi--global--border-style--none);--digi--form-file-upload--border-style--medium--default:var(--digi--global--border-style--dashed);--digi--form-file-upload--border-style--large--default:var(--digi--global--border-style--dashed);--digi--form-file-upload--border-radius--small--default:var(--digi--border-radius--secondary);--digi--form-file-upload--border-radius--medium--default:var(--digi--border-radius--secondary);--digi--form-file-upload--border-radius--large--default:var(--digi--border-radius--secondary);--digi--form-file-upload--padding--small:var(--digi--gutter--medium) var(--digi--gutter--largest);--digi--form-file-upload--padding--medium:var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);--digi--form-file-upload--padding--large:var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);--digi--form-file-upload--font-size--small:var(--digi--global--typography--font-size--small);--digi--form-file-upload--font-size--medium:var(--digi--global--typography--font-size--base);--digi--form-file-upload--font-size--large:var(--digi--global--typography--font-size--large);--digi--form-file-upload--heading--font-family:var(--digi--global--typography--font-family--default);--digi--form-file-upload--heading--font-weight:var(--digi--typography--heading-4--font-weight--desktop);--digi--form-file-upload--heading--font-size:var(--digi--typography--heading-4--font-size--desktop);--digi--form-file-upload--heading--font-size--large:var(--digi--typography--heading-4--font-size--desktop-large);--digi--form-file-upload--font-family:var(--digi--global--typography--font-family--default);--digi--form-file-upload--font-weight:var(--digi--typography--form-file-upload--font-weight--desktop);--digi--form-file-upload--button-text--color--default:var(--digi--color--text--interactive--primary);--digi--form-file-upload--button-text--color--hover:var(--digi--color--text--interactive--primary);--digi--form-file-upload--padding--small--icon:var(--digi--global--spacing--smaller) var(--digi--global--spacing--smallest-2);--digi--form-file-upload--padding--medium--icon:var(--digi--global--spacing--base) var(--digi--global--spacing--smallest-2);--digi--form-file-upload--width--small:132px;--digi--form-file-upload--width--medium:304px;--digi--form-file-upload--width--large:inherit;--digi--form-file-upload--border--error:var(--digi--global--border-style--solid) solid;--digi--form-file-upload--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-file-upload--border--error--width:var(--digi--border-width--secondary);--digi--form-file-upload--background--error:var(--digi--color--background--interactive--validation--error);container-type:inline-size;display:block;width:100%}.sc-digi-form-file-upload-h a.sc-digi-form-file-upload{font-weight:var(--digi--global--typography--font-weight--semibold);color:var(--digi--color--text--interactive--primary)}.sc-digi-form-file-upload-h .digi-form-file-upload.sc-digi-form-file-upload{font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-file-upload-h .digi-form-file-upload--small.sc-digi-form-file-upload{--COLOR--BACKGROUND--FILE-LIST:var(--digi--form-file-upload--color--background--small--default);--COLOR--BACKGROUND--DEFAULT:var(--digi--form-file-upload--color--background--small--default);--COLOR--BACKGROUND--HOVER:var(--digi--form-file-upload--color--background--small--hover);--COLOR--BORDER--DEFAULT:var(--digi--form-file-upload--color--border--small--default);--COLOR--BORDER--HOVER:var(--digi--form-file-upload--color--border--small--hover);--BORDER-STYLE--DEFAULT:var(--digi--form-file-upload--border-style--small--default);--BORDER-RADIUS--DEFAULT:var(--digi--form-file-upload--border-radius--small--default);--BORDER-WIDTH--DEFAULT:var(--digi--form-file-upload--border-width--small--default);--WIDTH:var(--digi--form-file-upload--width--small);--FONT-WEIGHT:var(--digi--form-file-upload--font-weight);--PADDING:var(--digi--form-file-upload--padding--small);--ICON--PADDING:var(--digi--form-file-upload--padding--small--icon)}.sc-digi-form-file-upload-h .digi-form-file-upload--medium.sc-digi-form-file-upload{--COLOR--BACKGROUND--FILE-LIST:var(--digi--form-file-upload--color--background--small--default);--COLOR--BACKGROUND--DEFAULT:var(--digi--form-file-upload--color--background--medium--default);--COLOR--BACKGROUND--HOVER:var(--digi--form-file-upload--color--background--medium--hover);--COLOR--BORDER--DEFAULT:var(--digi--form-file-upload--color--border--medium--default);--COLOR--BORDER--HOVER:var(--digi--form-file-upload--color--border--medium--hover);--BORDER-STYLE--DEFAULT:var(--digi--form-file-upload--border-style--medium--default);--BORDER-RADIUS--DEFAULT:var(--digi--form-file-upload--border-radius--medium--default);--BORDER-WIDTH--DEFAULT:var(--digi--form-file-upload--border-width--medium--default);--WIDTH:var(--digi--form-file-upload--width--medium);--FONT-WEIGHT:var(--digi--form-file-upload--font-weight);--PADDING:var(--digi--form-file-upload--padding--medium);--ICON--PADDING:var(--digi--form-file-upload--padding--medium--icon)}.sc-digi-form-file-upload-h .digi-form-file-upload--large.sc-digi-form-file-upload{--COLOR--BACKGROUND--FILE-LIST:var(--digi--form-file-upload--color--background--small--default);--COLOR--BACKGROUND--DEFAULT:var(--digi--form-file-upload--color--background--large--default);--COLOR--BACKGROUND--HOVER:var(--digi--form-file-upload--color--background--large--hover);--COLOR--BORDER--DEFAULT:var(--digi--form-file-upload--color--border--large--default);--COLOR--BORDER--HOVER:var(--digi--form-file-upload--color--border--large--hover);--BORDER-STYLE--DEFAULT:var(--digi--form-file-upload--border-style--large--default);--BORDER-RADIUS--DEFAULT:var(--digi--form-file-upload--border-radius--large--default);--BORDER-WIDTH--DEFAULT:var(--digi--form-file-upload--border-width--large--default);--WIDTH:var(--digi--form-file-upload--width--large);--FONT-WEIGHT:var(--digi--form-file-upload--font-weight);--PADDING:var(--digi--form-file-upload--padding--large);--ICON--PADDING:var(--digi--form-file-upload--padding--medium--icon)}.sc-digi-form-file-upload-h .digi-form-file-upload--has-errors.sc-digi-form-file-upload{--BORDER-STYLE--DEFAULT:var(--digi--form-file-upload--border--error);--COLOR--BORDER--DEFAULT:var(--digi--form-file-upload--border-color--error);--COLOR--BACKGROUND--HOVER:var(--digi--form-file-upload--border-color--error);--BORDER-WIDTH--DEFAULT:var(--digi--form-file-upload--border--error--width);--COLOR--BACKGROUND--DEFAULT:var(--digi--form-file-upload--background--error)}.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload{margin-right:0.5rem;animation:animation__rotation 3s infinite linear;transform-origin:center;--digi--icon--height:1rem}@media (prefers-reduced-motion){.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload{animation:none}}@keyframes animation__rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}.sc-digi-form-file-upload-h .digi-form-file-upload__input.sc-digi-form-file-upload{display:none}.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload{margin:0 0 auto 0.5rem;text-align:center;white-space:nowrap;background:none;border:none;cursor:pointer;font-weight:var(--digi--typography--button--font-weight--desktop);font-size:var(--digi--typography--body--font-size--desktop);color:var(--digi--form-file-upload--button-text--color--default);display:flex;align-items:center;font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover{color:var(--digi--form-file-upload--button-text--color--hover);text-decoration:underline}.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover .digi-form-file-upload__button-icon.sc-digi-form-file-upload{--digi--icon--color:var(--digi--form-file-upload--button-text--color--hover)}.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white;text-decoration:underline}.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload{--digi--icon--height:1.25rem;--digi--icon--width:1.25rem;--digi--icon--color:var(--digi--color--text--interactive--primary);margin-left:5px;padding:var(--ICON--PADDING);padding-right:0;padding-left:0}.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload:hover{--digi--icon--color:var(--digi--form-file-upload--button-text--color--hover)}.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area.sc-digi-form-file-upload{border-color:var(--COLOR--BORDER--DEFAULT);border-radius:var(--BORDER-RADIUS--DEFAULT);border-width:var(--BORDER-WIDTH--DEFAULT);border-style:var(--BORDER-STYLE--DEFAULT);max-width:var(--WIDTH);margin:0;display:flex;flex-direction:column;background-color:var(--COLOR--BACKGROUND--DEFAULT);align-items:center;padding:var(--PADDING);margin-bottom:var(--digi--gutter--medium);margin-top:var(--digi--gutter--button-block-small);position:relative;cursor:pointer}.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area--hover.sc-digi-form-file-upload{border-color:var(--COLOR--BORDER--HOVER)}.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area-overlay.sc-digi-form-file-upload{position:absolute;width:100%;height:100%;background-color:var(--COLOR--BACKGROUND--HOVER);opacity:0.1;top:0;left:0;z-index:10}.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload .paper-clip.sc-digi-form-file-upload{padding-right:0.5rem}.sc-digi-form-file-upload-h .digi-form-file-upload__files-list.sc-digi-form-file-upload{max-width:none;padding:0;margin:0}.sc-digi-form-file-upload-h .digi-form-file-upload__files.sc-digi-form-file-upload{border-radius:var(--BORDER-RADIUS--DEFAULT);max-width:100%;width:100%;box-sizing:border-box;background-color:var(--COLOR--BACKGROUND--FILE-LIST);padding:var(--digi--gutter--largest-2) var(--digi--padding--large);margin-bottom:var(--digi--gutter--medium);margin-top:var(--digi--gutter--medium);padding-bottom:var(--digi--padding--smaller)}.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading.sc-digi-form-file-upload{font-family:var(--digi--form-file-upload--heading--font-family);font-size:var(--digi--typography--label--font-size--desktop);font-weight:var(--digi--form-file-upload--heading--font-weight);color:var(--digi--color--text--primary);margin:var(--digi--margin--small) 0 var(--digi--margin--medium) 0;display:block}.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading--and-errors.sc-digi-form-file-upload{margin-top:var(--digi--margin--largest)}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload{display:flex;justify-content:space-between;padding-bottom:0.75rem}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.with-files.sc-digi-form-file-upload{border-bottom:var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary)}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload{max-height:1.5rem}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload .clear-icon.sc-digi-form-file-upload{padding-right:0}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload{margin:0;padding:0}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload{list-style:none;margin-bottom:0.75rem}.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload:last-of-type{margin-bottom:0}.sc-digi-form-file-upload-h .digi-form-file-upload__item.sc-digi-form-file-upload{margin:var(--digi--margin--small) 0;margin-bottom:var(--digi--margin--medium);width:100%;box-sizing:border-box}.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload{list-style-type:none}.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload:nth-child(n+2){border-top:var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary)}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload{display:flex;justify-content:space-between;align-items:center;width:100%}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .info-wrapper.sc-digi-form-file-upload{display:flex;justify-content:flex-start;align-items:center;height:auto;min-width:20%}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .button-wrapper.sc-digi-form-file-upload{display:flex;min-width:20%;justify-content:flex-end;align-items:center}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload p.sc-digi-form-file-upload{margin:auto var(--digi--margin--small) !important;font-weight:var(--digi--form-file-upload--font-weight);font-size:var(--digi--typography--body--font-size--desktop);white-space:nowrap;height:max-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .digi-form-file-upload__button-abort.sc-digi-form-file-upload{margin:0}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-and-thumbnail-container.sc-digi-form-file-upload{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:20%}.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload{width:1.375rem;height:1.375rem;display:flex;align-self:baseline;position:relative;top:4px;left:0px;margin-right:4px}.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check-icon.sc-digi-form-file-upload{--digi--icon--height:16px;--digi--icon--width:16px;--digi--icon--color:var(--digi--color--icon--validation--success);min-height:0;width:16px;height:16px;background-color:var(--digi--color--background--primary);border-radius:50%;align-self:flex-start}.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload{width:100%;margin:auto 0;font-weight:var(--digi--typography--button--font-weight--desktop);font-size:var(--digi--typography--body--font-size--desktop);height:max-content}.sc-digi-form-file-upload-h .digi-form-file-upload__item-name--thumbnail.sc-digi-form-file-upload{font-weight:var(--digi--typography--button--font-weight--desktop);font-size:var(--digi--typography--body--font-size--desktop);margin:auto 0 auto var(--digi--margin--small);color:var(--digi--form-file-upload--button-text--color--default)}@media (max-width: 500px){.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload{max-width:17.5rem}}.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}@container (max-width: 620px){.sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item-name{max-width:17.5rem}}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload{position:relative;display:flex;padding:0;margin:0;justify-content:space-between;align-items:center;overflow-wrap:break-word;gap:32px}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-inner.sc-digi-form-file-upload{display:flex;width:100%}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload{margin:0;align-self:flex-start}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload::after{position:absolute;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E");top:-6px;left:24px;width:18px;height:18px;overflow:hidden}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .thumbnail.sc-digi-form-file-upload{width:2rem;height:2rem;object-fit:cover;flex-grow:0;margin-right:0.75rem}.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .hidden.sc-digi-form-file-upload{margin-left:var(--digi--margin--larger)}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload{position:relative;top:6px;left:5px;margin-right:1.25rem}.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload::after{position:absolute;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E");top:-7px;left:15px;width:18px;height:18px;overflow:hidden}.sc-digi-form-file-upload-h .digi-form-file-upload__item-info.sc-digi-form-file-upload{width:100%}@container (max-width: 500px){.sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item span{margin-left:0;margin-right:auto}}.sc-digi-form-file-upload-h .digi-form-file-upload__error.sc-digi-form-file-upload{color:var(--digi--color--icon--validation--error)}.sc-digi-form-file-upload-h .visually-hidden.sc-digi-form-file-upload{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}@container (min-width: 500px){.sc-digi-form-file-upload-h .hidden-desktop{display:none !important}}@container (max-width: 499px){.sc-digi-form-file-upload-h .hidden-mobile{display:none !important}}`;
|
|
24301
24306
|
|
|
24302
24307
|
/**
|
|
24303
24308
|
* @enums FormInputFileType - form-input-file-type.enum.ts
|
|
@@ -25501,7 +25506,7 @@ class FormInput {
|
|
|
25501
25506
|
}; }
|
|
25502
25507
|
}
|
|
25503
25508
|
|
|
25504
|
-
const formInputSearchCss = () => `.sc-digi-form-input-search-h{--digi--form-input-search--input--border-radius--default:var(--digi--border-radius--input-search);width:100%}.sc-digi-form-input-search-h .digi-form-input-search__input.sc-digi-form-input-search{--digi--form-input--border-radius:var(--digi--form-input-search--input--border-radius--default)}
|
|
25509
|
+
const formInputSearchCss = () => `.sc-digi-form-input-search-h{--digi--form-input-search--input--border-radius--default:var(--digi--border-radius--input-search);width:100%}.sc-digi-form-input-search-h .digi-form-input-search__input.sc-digi-form-input-search{--digi--form-input--border-radius:var(--digi--form-input-search--input--border-radius--default)}`;
|
|
25505
25510
|
|
|
25506
25511
|
/**
|
|
25507
25512
|
* @enums FormInputSearchVariation - form-input-search-variation.enum.ts
|
package/package.json
CHANGED
package/components/p--RxphPe_.js
DELETED
|
@@ -1,172 +0,0 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-B-pDXa1I.js';
|
|
2
|
-
import { r as randomIdGenerator } from './p-BGaIliX6.js';
|
|
3
|
-
import { B as ButtonSize, b as ButtonVariation, a as ButtonType } from './p-DNHRmpND.js';
|
|
4
|
-
|
|
5
|
-
const buttonCss = () => `.sc-digi-button-h{--digi--button--color--background--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--background--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--focus:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--active:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--secondary--default:var(--digi--color--background--interactive--default--secondary);--digi--button--color--background--secondary--hover:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--focus:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--active:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--function--default:transparent;--digi--button--color--background--function--hover:transparent;--digi--button--color--background--function--focus:transparent;--digi--button--color--background--function--active:transparent;--digi--button--color--text--primary--default:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--hover:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--focus:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--active:var(--digi--color--text--interactive--secondary);--digi--button--color--text--secondary--default:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--hover:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--focus:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--active:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--function--default:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--hover:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--focus:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--active:var(--digi--color--text--interactive--primary);--digi--button--color--border--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--border--primary--focus:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--active:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--secondary--default:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--hover:var(--digi--color--border--interactive--hover--secondary);--digi--button--color--border--secondary--focus:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--active:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--function--default:initial;--digi--button--color--border--function--hover:initial;--digi--button--color--border--function--focus:initial;--digi--button--color--border--function--active:initial;--digi--button--color--icon--primary--default:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--hover:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--focus:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--active:var(--digi--color--icon--secondary);--digi--button--color--icon--secondary--default:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--hover:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--focus:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--active:var(--digi--color--icon--brand-primary);--digi--button--color--icon--function--default:var(--digi--color--icon--cta);--digi--button--color--icon--function--hover:var(--digi--color--icon--cta);--digi--button--color--icon--function--focus:var(--digi--color--icon--cta);--digi--button--color--icon--function--active:var(--digi--color--icon--cta);--digi--button--border-width--primary--default:var(--digi--border-width--primary);--digi--button--border-width--primary--hover:var(--digi--border-width--primary);--digi--button--border-width--secondary--default:var(--digi--border-width--primary);--digi--button--border-width--secondary--hover:var(--digi--border-width--primary);--digi--button--border-width--function--default:initial;--digi--button--border-width--function--hover:initial;--digi--button--border-style--primary--default:var(--digi--border-style--primary);--digi--button--border-style--primary--hover:var(--digi--border-style--primary);--digi--button--border-style--primary--focus:var(--digi--border-style--primary);--digi--button--border-style--primary--active:var(--digi--border-style--primary);--digi--button--border-style--secondary--default:var(--digi--border-style--primary);--digi--button--border-style--secondary--hover:var(--digi--border-style--primary);--digi--button--border-style--secondary--focus:var(--digi--border-style--primary);--digi--button--border-style--secondary--active:var(--digi--border-style--primary);--digi--button--border-style--function--default:var(--digi--border-style--secondary);--digi--button--border-style--function--hover:var(--digi--border-style--secondary);--digi--button--border-style--function--focus:var(--digi--border-style--secondary);--digi--button--border-style--function--active:var(--digi--border-style--secondary);--digi--button--border-radius--primary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--function--default:initial;--digi--button--border-radius--function--hover:initial;--digi--button--border-radius--function--focus:initial;--digi--button--border-radius--function--active:initial;--digi--button--padding--small:var(--digi--gutter--button-block-small) var(--digi--gutter--button-inline-small);--digi--button--padding--medium:var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);--digi--button--font-size--small:var(--digi--global--typography--font-size--interaction-small);--digi--button--font-size--medium:var(--digi--global--typography--font-size--interaction-medium);--digi--button--font-family:var(--digi--global--typography--font-family--default);--digi--button--font-weight--default:var(--digi--typography--button--font-weight--desktop);--digi--button--font-weight--function:var(--digi--typography--label--font-weight--desktop);--digi--button--width:initial;--digi--button--display:initial;--digi--button--justify-content--default:initial;--digi--button--justify-content--full-width:center;--digi--button--align-items:center;--digi--button--text-align--default:initial;--digi--button--text-align--full-width:center;--digi--button--outline--default:initial;--digi--button--outline--focus:initial;--digi--button--cursor:pointer;--digi--button--icon--spacing:var(--digi--gutter--large);--digi--button--min-height--small:unset}.sc-digi-button-h .digi-button--variation-primary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--primary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--primary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--primary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--primary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--primary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--primary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--primary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--primary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--primary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--primary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--primary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--primary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--primary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--primary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--primary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--primary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--primary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--primary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--primary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--primary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--primary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--primary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--primary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--primary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--primary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--primary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--primary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--primary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-secondary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--secondary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--secondary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--secondary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--secondary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--secondary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--secondary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--secondary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--secondary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--secondary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--secondary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--secondary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--secondary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--secondary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--secondary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--secondary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--secondary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--secondary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--secondary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--secondary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--secondary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--secondary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--secondary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--secondary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--secondary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--secondary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--secondary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--secondary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--secondary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--function--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--function--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--function--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--function--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--function--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--function--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--function--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--function--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--function--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--function--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--function--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--function--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--function--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--function--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--function--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--function--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--function--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--function--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--function--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--function--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--function--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--function--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--function--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--function--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--function--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--function--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--function--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--function--active);--FONT-WEIGHT:var(--digi--button--font-weight--function)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button:hover,.sc-digi-button-h .digi-button--variation-function.sc-digi-button:focus{text-decoration:underline}.sc-digi-button-h .digi-button--size-small.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--small);--PADDING:var(--digi--button--padding--small);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-medium.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--medium);--PADDING:var(--digi--button--padding--medium);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button .sc-digi-button-s>[slot^=icon]{--digi--icon--height:1em;--digi--icon--width:1em;--digi--icon--color:var(--COLOR--ICON--DEFAULT);min-height:0}.sc-digi-button-h .digi-button.sc-digi-button{font-family:var(--digi--button--font-family);background:var(--COLOR--BACKGROUND--DEFAULT);color:var(--COLOR--TEXT--DEFAULT);padding:var(--PADDING);border-radius:var(--BORDER-RADIUS--DEFAULT);border-width:var(--BORDER-WIDTH--DEFAULT);border-style:var(--BORDER-STYLE--DEFAULT);border-color:var(--COLOR--BORDER--DEFAULT);font-weight:var(--FONT-WEIGHT);font-size:var(--FONT-SIZE);outline:var(--digi--button--outline--default);text-align:var(--digi--button--text-align--default);width:var(--digi--button--width);display:var(--digi--button--display);justify-content:var(--digi--button--justify-content--default);cursor:var(--digi--button--cursor);min-height:var(--MIN-HEIGHT);align-items:var(--digi--button--align-items);white-space:nowrap}@media (any-hover: hover){.sc-digi-button-h .digi-button.sc-digi-button:hover{background:var(--COLOR--BACKGROUND--HOVER);border-radius:var(--BORDER-RADIUS--HOVER);border-width:var(--BORDER-WIDTH--HOVER);border-style:var(--BORDER-STYLE--HOVER);border-color:var(--COLOR--BORDER--HOVER);color:var(--COLOR--TEXT--HOVER)}.sc-digi-button-h .digi-button:hover.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:hover .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--HOVER)}}.sc-digi-button-h .digi-button.sc-digi-button:focus-visible{background:var(--COLOR--BACKGROUND--FOCUS);color:var(--COLOR--TEXT--FOCUS);border-style:var(--BORDER-STYLE--FOCUS);border-color:var(--COLOR--BORDER--FOCUS);outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-button-h .digi-button:focus-visible.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:focus-visible .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--FOCUS)}.sc-digi-button-h .digi-button.sc-digi-button:active{background:var(--COLOR--BACKGROUND--ACTIVE);color:var(--COLOR--TEXT--ACTIVE)}.sc-digi-button-h .digi-button:active.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:active .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--ACTIVE)}.sc-digi-button-h .digi-button--icon.sc-digi-button,.sc-digi-button-h .digi-button--icon-secondary.sc-digi-button{--digi--button--display:flex;align-items:center;justify-content:var(--digi--button--justify-content--default);gap:var(--digi--button--icon--spacing)}.sc-digi-button-h .digi-button--full-width.sc-digi-button{--digi--button--width:100%;--digi--button--text-align--default:var(--digi--button--text-align--full-width);--digi--button--justify-content--default:var(--digi--button--justify-content--full-width)}`;
|
|
6
|
-
|
|
7
|
-
const Button = /*@__PURE__*/ proxyCustomElement(class Button extends H {
|
|
8
|
-
constructor(registerHost) {
|
|
9
|
-
super();
|
|
10
|
-
if (registerHost !== false) {
|
|
11
|
-
this.__registerHost();
|
|
12
|
-
}
|
|
13
|
-
this.afOnClick = createEvent(this, "afOnClick", 7);
|
|
14
|
-
this.afOnFocus = createEvent(this, "afOnFocus", 7);
|
|
15
|
-
this.afOnBlur = createEvent(this, "afOnBlur", 7);
|
|
16
|
-
this.afOnReady = createEvent(this, "afOnReady", 3);
|
|
17
|
-
/**
|
|
18
|
-
* Sätter knappens storlek. 'medium' är förvalt.
|
|
19
|
-
* @en Set button size. Defaults to medium size.
|
|
20
|
-
*/
|
|
21
|
-
this.afSize = ButtonSize.MEDIUM;
|
|
22
|
-
/**
|
|
23
|
-
* Sätt variant. Om varianten är 'tertiary' så krävs även en ikon.
|
|
24
|
-
* @en Set button variation. If set to FUNCTION, the button also needs an icon.
|
|
25
|
-
*/
|
|
26
|
-
this.afVariation = ButtonVariation.PRIMARY;
|
|
27
|
-
/**
|
|
28
|
-
* Sätt attributet 'type'.
|
|
29
|
-
* @en Set button `type` attribute.
|
|
30
|
-
*/
|
|
31
|
-
this.afType = ButtonType.BUTTON;
|
|
32
|
-
/**
|
|
33
|
-
* Sätter attributet 'id'. Om inget väljs så skapas ett slumpmässigt id.
|
|
34
|
-
* @en Input id attribute. Defaults to random string.
|
|
35
|
-
*/
|
|
36
|
-
this.afId = randomIdGenerator('digi-button');
|
|
37
|
-
/**
|
|
38
|
-
* Sätter knappens bredd till 100%.
|
|
39
|
-
* @en Set button width to 100%.
|
|
40
|
-
*/
|
|
41
|
-
this.afFullWidth = false;
|
|
42
|
-
}
|
|
43
|
-
fullWidthHandler() {
|
|
44
|
-
this.isFullSize = this.afFullWidth;
|
|
45
|
-
}
|
|
46
|
-
/**
|
|
47
|
-
* Hämta en referens till buttonelementet. Bra för att t.ex. sätta fokus programmatiskt.
|
|
48
|
-
* @en Returns a reference to the button element. Handy for setting focus programmatically.
|
|
49
|
-
*/
|
|
50
|
-
async afMGetButtonElement() {
|
|
51
|
-
return this._button;
|
|
52
|
-
}
|
|
53
|
-
componentWillLoad() {
|
|
54
|
-
this.setHasIcon();
|
|
55
|
-
this.fullWidthHandler();
|
|
56
|
-
}
|
|
57
|
-
componentWillUpdate() {
|
|
58
|
-
this.setHasIcon();
|
|
59
|
-
}
|
|
60
|
-
componentDidLoad() {
|
|
61
|
-
this.afOnReady.emit();
|
|
62
|
-
}
|
|
63
|
-
setHasIcon() {
|
|
64
|
-
const icon = !!this.hostElement.querySelector('[slot="icon"]');
|
|
65
|
-
const iconSecondary = !!this.hostElement.querySelector('[slot="icon-secondary"]');
|
|
66
|
-
if (icon) {
|
|
67
|
-
this.hasIcon = icon;
|
|
68
|
-
}
|
|
69
|
-
if (iconSecondary) {
|
|
70
|
-
this.hasIconSecondary = iconSecondary;
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
get cssModifiers() {
|
|
74
|
-
return {
|
|
75
|
-
[`digi-button--variation-${this.afVariation}`]: !!this.afVariation,
|
|
76
|
-
[`digi-button--size-${this.afSize}`]: !!this.afSize,
|
|
77
|
-
'digi-button--icon': this.hasIcon,
|
|
78
|
-
'digi-button--icon-secondary': this.hasIconSecondary,
|
|
79
|
-
'digi-button--full-width': this.isFullSize
|
|
80
|
-
};
|
|
81
|
-
}
|
|
82
|
-
get pressedState() {
|
|
83
|
-
if (this.afAriaPressed === null || this.afAriaPressed === undefined) {
|
|
84
|
-
return;
|
|
85
|
-
}
|
|
86
|
-
return this.afAriaPressed ? 'true' : 'false';
|
|
87
|
-
}
|
|
88
|
-
get expandedState() {
|
|
89
|
-
if (this.afAriaExpanded === null || this.afAriaExpanded === undefined) {
|
|
90
|
-
return;
|
|
91
|
-
}
|
|
92
|
-
return this.afAriaExpanded ? 'true' : 'false';
|
|
93
|
-
}
|
|
94
|
-
get hasPopup() {
|
|
95
|
-
if (this.afAriaHaspopup === null || this.afAriaHaspopup === undefined) {
|
|
96
|
-
return;
|
|
97
|
-
}
|
|
98
|
-
return this.afAriaHaspopup ? 'true' : 'false';
|
|
99
|
-
}
|
|
100
|
-
clickHandler(e) {
|
|
101
|
-
this.afOnClick.emit(e);
|
|
102
|
-
}
|
|
103
|
-
focusHandler(e) {
|
|
104
|
-
this.afOnFocus.emit(e);
|
|
105
|
-
}
|
|
106
|
-
blurHandler(e) {
|
|
107
|
-
this.afOnBlur.emit(e);
|
|
108
|
-
}
|
|
109
|
-
render() {
|
|
110
|
-
return (h(Host, { key: '3a398d75ad83e3caa9ec54928544d5bf8315d30f' }, h("button", { key: '2159552d7e8064acbb6da5c02c28ead3d4985e85', class: Object.assign({ 'digi-button': true }, this.cssModifiers), type: this.afType, role: this.afRole, ref: (el) => {
|
|
111
|
-
var _a, _b, _c;
|
|
112
|
-
this._button = el;
|
|
113
|
-
(_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
|
|
114
|
-
// Stencil has a bug wiith form attribute so we need to set it like this
|
|
115
|
-
// https://github.com/ionic-team/stencil/issues/2703
|
|
116
|
-
this.afForm
|
|
117
|
-
? (_b = this._button) === null || _b === void 0 ? void 0 : _b.setAttribute('form', this.afForm)
|
|
118
|
-
: (_c = this._button) === null || _c === void 0 ? void 0 : _c.removeAttribute('form');
|
|
119
|
-
}, id: this.afId, tabindex: this.afTabindex, "aria-label": this.afAriaLabel, "aria-labelledby": this.afAriaLabelledby, "aria-controls": this.afAriaControls, "aria-pressed": this.pressedState, "aria-expanded": this.expandedState, "aria-haspopup": this.hasPopup, "aria-current": this.afAriaCurrent, "aria-checked": this.afAriaChecked, onClick: (e) => this.clickHandler(e), onFocus: (e) => this.focusHandler(e), onBlur: (e) => this.blurHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null, form: this.afForm, lang: this.afLang, dir: this.afDir }, this.hasIcon && (h("span", { key: '1188d5cb005a51e4e065b70663d06877db3a1477', class: "digi-button__icon" }, h("slot", { key: 'f90319563c18e1f82fa13f478b4d4d13ce3e9bf7', name: "icon" }))), h("span", { key: '17dce8eed2e845ca6166cf85a1c0252c2c0b8037', class: "digi-button__text" }, h("slot", { key: '2f637e48b837ecd0f0f2333349f328c497aee650' })), this.hasIconSecondary && (h("span", { key: '49ffd3361b0cc00c074e1ce332dab2de33127fcc', class: "digi-button__icon digi-button__icon--secondary" }, h("slot", { key: '367d3ba37e2fd0b7e83d600f35d02d4df303c1c0', name: "icon-secondary" }))))));
|
|
120
|
-
}
|
|
121
|
-
get hostElement() { return this; }
|
|
122
|
-
static get watchers() { return {
|
|
123
|
-
"afFullWidth": [{
|
|
124
|
-
"fullWidthHandler": 0
|
|
125
|
-
}]
|
|
126
|
-
}; }
|
|
127
|
-
static get style() { return buttonCss(); }
|
|
128
|
-
}, [262, "digi-button", {
|
|
129
|
-
"afSize": [1, "af-size"],
|
|
130
|
-
"afTabindex": [1, "af-tabindex"],
|
|
131
|
-
"afVariation": [1, "af-variation"],
|
|
132
|
-
"afType": [1, "af-type"],
|
|
133
|
-
"afId": [1, "af-id"],
|
|
134
|
-
"afAriaLabel": [1, "af-aria-label"],
|
|
135
|
-
"afAriaLabelledby": [1, "af-aria-labelledby"],
|
|
136
|
-
"afAriaControls": [1, "af-aria-controls"],
|
|
137
|
-
"afForm": [1, "af-form"],
|
|
138
|
-
"afAriaPressed": [1028, "af-aria-pressed"],
|
|
139
|
-
"afAriaExpanded": [1028, "af-aria-expanded"],
|
|
140
|
-
"afAriaHaspopup": [1028, "af-aria-haspopup"],
|
|
141
|
-
"afAriaCurrent": [1025, "af-aria-current"],
|
|
142
|
-
"afRole": [1025, "af-role"],
|
|
143
|
-
"afAriaChecked": [1028, "af-aria-checked"],
|
|
144
|
-
"afLang": [1, "af-lang"],
|
|
145
|
-
"afDir": [1, "af-dir"],
|
|
146
|
-
"afFullWidth": [4, "af-full-width"],
|
|
147
|
-
"afAutofocus": [4, "af-autofocus"],
|
|
148
|
-
"afInputRef": [16],
|
|
149
|
-
"hasIcon": [32],
|
|
150
|
-
"hasIconSecondary": [32],
|
|
151
|
-
"isFullSize": [32],
|
|
152
|
-
"afMGetButtonElement": [64]
|
|
153
|
-
}, undefined, {
|
|
154
|
-
"afFullWidth": [{
|
|
155
|
-
"fullWidthHandler": 0
|
|
156
|
-
}]
|
|
157
|
-
}]);
|
|
158
|
-
function defineCustomElement() {
|
|
159
|
-
if (typeof customElements === "undefined") {
|
|
160
|
-
return;
|
|
161
|
-
}
|
|
162
|
-
const components = ["digi-button"];
|
|
163
|
-
components.forEach(tagName => { switch (tagName) {
|
|
164
|
-
case "digi-button":
|
|
165
|
-
if (!customElements.get(transformTag(tagName))) {
|
|
166
|
-
customElements.define(transformTag(tagName), Button);
|
|
167
|
-
}
|
|
168
|
-
break;
|
|
169
|
-
} });
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
export { Button as B, defineCustomElement as d };
|