@designsystem-se/af 36.0.2-beta.1 → 36.0.3-beta.0
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-datepicker.js +10 -10
- package/components/digi-calendar-week-view.js +1 -1
- package/components/digi-calendar.js +1 -1
- package/components/digi-chart-line.js +1 -1
- package/components/digi-code-block.js +1 -1
- package/components/digi-code-example.js +4 -4
- package/components/digi-context-menu.js +1 -1
- package/components/digi-dialog.js +3 -3
- package/components/digi-expandable-faq-item.js +1 -1
- package/components/digi-footer.js +1 -1
- package/components/digi-form-category-filter.js +1 -1
- package/components/digi-form-checkbox.js +1 -1
- package/components/digi-form-error-list.js +3 -3
- package/components/digi-form-file-upload.js +1 -1
- package/components/digi-form-filter.js +2 -2
- package/components/digi-form-input-search.js +4 -4
- package/components/digi-form-input.js +1 -1
- package/components/digi-form-radiobutton.js +1 -1
- package/components/digi-form-radiogroup.js +2 -2
- package/components/digi-form-receipt.js +1 -1
- package/components/digi-form-select-filter.js +11 -11
- package/components/digi-form-select.js +1 -1
- package/components/digi-form-textarea.js +3 -3
- package/components/digi-header-avatar.js +1 -1
- package/components/digi-header-navigation.js +2 -2
- package/components/digi-header.js +3 -3
- package/components/digi-info-card.js +3 -3
- package/components/digi-link-button.js +1 -1
- package/components/digi-link-external.js +1 -1
- package/components/digi-link-internal.js +1 -1
- package/components/digi-link.js +1 -1
- package/components/digi-logo.js +1 -1
- package/components/digi-navigation-pagination.js +2 -2
- package/components/digi-navigation-sidebar-button.js +1 -1
- package/components/digi-navigation-sidebar.js +1 -1
- package/components/digi-navigation-vertical-menu-item.js +1 -1
- package/components/digi-notification-alert.js +1 -1
- package/components/digi-notification-error-page.js +1 -1
- package/components/digi-progress-indicator.js +1 -1
- package/components/digi-quote.js +1 -1
- package/components/digi-tag.js +1 -1
- package/components/digi-title-logo.js +1 -1
- package/components/digi-tools-feedback-banner.js +2 -2
- package/components/digi-tools-feedback-rating.js +2 -2
- package/components/digi-tools-feedback.js +3 -3
- package/components/digi-tools-theme-provider.js +18 -5
- package/components/index.js +1 -1
- package/components/{p-6f595199.js → p-0c919531.js} +1 -1
- package/components/{p-779eecac.js → p-117e7b18.js} +5 -5
- package/components/{p-c65795d8.js → p-358965ba.js} +2 -2
- package/components/{p-fb2fd84c.js → p-36dad6f1.js} +9 -9
- package/components/{p-cd0370eb.js → p-3fad7281.js} +2 -2
- package/components/{p-f18dbbea.js → p-5fd00d55.js} +2 -2
- package/components/p-606ba731.js +165 -0
- package/components/p-8fee3d97.js +163 -0
- package/components/{p-ad4aaaaf.js → p-a79e144f.js} +2 -2
- package/components/p-b8c862c0.js +66 -0
- package/components/{p-f53eb01a.js → p-d2a95a3e.js} +1 -1
- package/components/p-d7ef9cb1.js +13 -0
- package/components/{p-bb0ffb59.js → p-dedeb670.js} +3 -3
- package/components/{p-62a0008b.js → p-e756fda7.js} +2 -2
- package/custom-elements.json +4 -0
- package/dist/cjs/{code-example-variation.enum-c6557727.js → code-example-variation.enum-1611825e.js} +6 -0
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/digi-button_37.cjs.entry.js +5254 -0
- package/dist/cjs/digi-calendar-week-view.cjs.entry.js +50 -51
- package/dist/cjs/digi-code-block.cjs.entry.js +89 -0
- package/dist/cjs/digi-code-example.cjs.entry.js +4 -5
- package/dist/cjs/digi-dialog.cjs.entry.js +6 -20
- package/dist/cjs/digi-footer.cjs.entry.js +4 -18
- package/dist/cjs/digi-form-error-list.cjs.entry.js +4 -18
- package/dist/cjs/digi-form-file-upload.cjs.entry.js +10 -11
- package/dist/cjs/digi-form-input-search.cjs.entry.js +8 -10
- package/dist/cjs/digi-form-receipt.cjs.entry.js +4 -18
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +12 -26
- package/dist/cjs/digi-form-textarea.cjs.entry.js +3 -3
- package/dist/cjs/digi-header-avatar.cjs.entry.js +1 -1
- package/dist/cjs/digi-header-navigation.cjs.entry.js +4 -18
- package/dist/cjs/digi-header.cjs.entry.js +5 -19
- package/dist/cjs/digi-icon-external-link-alt_2.cjs.entry.js +1 -1
- package/dist/cjs/digi-info-card.cjs.entry.js +1 -1
- package/dist/cjs/digi-link-button.cjs.entry.js +1 -1
- package/dist/cjs/digi-link-internal.cjs.entry.js +2 -2
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +4 -18
- package/dist/cjs/digi-notification-alert.cjs.entry.js +4 -18
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +4 -18
- package/dist/cjs/digi-quote.cjs.entry.js +1 -1
- package/dist/cjs/digi-title-logo.cjs.entry.js +5 -19
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +7 -21
- package/dist/cjs/{form-input-type.enum-9c8ee12a.js → form-input-type.enum-1fb2180a.js} +14 -0
- package/dist/cjs/{form-file-upload-variation.enum-634cfae8.js → form-validation-message-variation.enum-c5ec3e2d.js} +7 -0
- package/dist/cjs/index-7a477838.js +4 -92
- package/dist/cjs/{index-ac8e01b4.js → index-acb7b350.js} +189 -19
- package/dist/cjs/index.cjs.js +158 -166
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{typography-variation.enum-50512a4e.js → typography-variation.enum-e41bd69d.js} +158 -0
- package/dist/collection/components/_button/button/button.css +6 -6
- package/dist/collection/components/_calendar/calendar/calendar.css +5 -0
- package/dist/collection/components/_calendar/calendar/calendar.js +7 -7
- package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css +339 -102
- package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.js +6 -5
- package/dist/collection/components/_code/code-example/code-example.css +6 -0
- package/dist/collection/components/_dialog/dialog/dialog.css +1 -1
- package/dist/collection/components/_expandable/expandable-faq-item/expandable-faq-item.css +2 -2
- package/dist/collection/components/_form/form-checkbox/form-checkbox.css +339 -102
- package/dist/collection/components/_form/form-checkbox/form-checkbox.js +3 -2
- package/dist/collection/components/_form/form-file-upload/form-file-upload.css +4 -3
- package/dist/collection/components/_form/form-input/form-input.js +4 -3
- package/dist/collection/components/_form/form-input-search/form-input-search.js +3 -2
- package/dist/collection/components/_form/form-radiobutton/form-radiobutton.js +3 -2
- package/dist/collection/components/_form/form-radiogroup/form-radiogroup.js +3 -2
- package/dist/collection/components/_form/form-select/form-select.css +2 -2
- package/dist/collection/components/_form/form-select/form-select.js +5 -4
- package/dist/collection/components/_form/form-select-filter/form-select-filter.css +1 -1
- package/dist/collection/components/_form/form-select-filter/form-select-filter.js +8 -7
- package/dist/collection/components/_form/form-textarea/form-textarea.js +4 -3
- package/dist/collection/components/_header/header-avatar/header-avatar.css +338 -101
- package/dist/collection/components/_info-card/info-card/info-card.css +2 -2
- package/dist/collection/components/_link/link/link.js +2 -2
- package/dist/collection/components/_link/link-button/link-button.js +2 -2
- package/dist/collection/components/_link/link-external/link-external.js +2 -2
- package/dist/collection/components/_link/link-internal/link-internal.css +338 -101
- package/dist/collection/components/_link/link-internal/link-internal.js +2 -2
- package/dist/collection/components/_logo/title-logo/title-logo.js +1 -1
- package/dist/collection/components/_navigation/navigation-vertical-menu-item/navigation-vertical-menu-item.css +3 -3
- package/dist/collection/components/_progress/progress-indicator/progress-indicator.css +4 -3
- package/dist/collection/components/_quote/quote/quote.css +2 -2
- package/dist/collection/components/_tools/tools-feedback/tools-feedback.css +1 -1
- package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.css +105 -2
- package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js +43 -2
- package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.theme.enum.js +5 -0
- package/dist/collection/design-tokens/components/_button.variables.scss +6 -6
- package/dist/collection/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
- package/dist/collection/design-tokens/components/_calendar.variables.scss +1 -0
- package/dist/collection/design-tokens/components/_dialog.variables.scss +1 -1
- package/dist/collection/design-tokens/components/_expandable-faq-item.variables.scss +2 -2
- package/dist/collection/design-tokens/components/_form-checkbox.variables.scss +1 -1
- package/dist/collection/design-tokens/components/_form-file-upload.variables.scss +2 -0
- package/dist/collection/design-tokens/components/_form-select-filter.variables.scss +1 -1
- package/dist/collection/design-tokens/components/_form-select.variables.scss +2 -2
- package/dist/collection/design-tokens/components/_info-card.variables.scss +2 -2
- package/dist/collection/design-tokens/components/_navigation-vertical-menu-item.variables.scss +3 -3
- package/dist/collection/design-tokens/components/_quote.variables.scss +2 -2
- package/dist/collection/design-tokens/components/_tools-feedback.variables.scss +1 -1
- package/dist/collection/enums.js +1 -0
- package/dist/collection/styles/src/_alias.mixin.scss +270 -128
- package/dist/collection/styles/src/themes/_common.mixin.scss +7 -0
- package/dist/collection/styles/src/themes/_theme-af25.mixin.scss +139 -0
- package/dist/collection/styles/src/tokens-documentation/web-AF25.json +1406 -323
- package/dist/digi-arbetsformedlingen/design-tokens/components/_button.variables.scss +6 -6
- package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar-datepicker.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_calendar.variables.scss +1 -0
- package/dist/digi-arbetsformedlingen/design-tokens/components/_dialog.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_expandable-faq-item.variables.scss +2 -2
- package/dist/digi-arbetsformedlingen/design-tokens/components/_form-checkbox.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_form-file-upload.variables.scss +2 -0
- package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select-filter.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/design-tokens/components/_form-select.variables.scss +2 -2
- package/dist/digi-arbetsformedlingen/design-tokens/components/_info-card.variables.scss +2 -2
- package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-vertical-menu-item.variables.scss +3 -3
- package/dist/digi-arbetsformedlingen/design-tokens/components/_quote.variables.scss +2 -2
- package/dist/digi-arbetsformedlingen/design-tokens/components/_tools-feedback.variables.scss +1 -1
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.css +1 -1
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/p-014a7047.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-c30f5cbf.entry.js → p-030e608e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-0f543000.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-13120f18.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-158037f8.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-180663ef.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-1887ef59.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-1a619dd3.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-26e8ea70.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-3887bb40.js +1 -0
- package/dist/digi-arbetsformedlingen/p-53d9556b.js +1 -0
- package/dist/digi-arbetsformedlingen/p-54d9bd3e.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-5ca38506.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-64b65586.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-67e32cc2.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-6bf36a39.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-7a6a447c.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-800b764b.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-82225661.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-a105d9fe.js +1 -0
- package/dist/digi-arbetsformedlingen/p-a7372448.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-eada91bf.entry.js → p-c0b39654.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-c64b4626.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-864542b1.entry.js → p-cc9a96ff.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-cd77a916.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-e540b80f.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-e5fee242.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f358d8b2.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f601908d.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-fa44ce49.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/styles/src/_alias.mixin.scss +270 -128
- package/dist/digi-arbetsformedlingen/styles/src/themes/_common.mixin.scss +7 -0
- package/dist/digi-arbetsformedlingen/styles/src/themes/_theme-af25.mixin.scss +139 -0
- package/dist/digi-arbetsformedlingen/styles/src/tokens-documentation/web-AF25.json +1406 -323
- package/dist/esm/{code-example-variation.enum-e9f9fced.js → code-example-variation.enum-e656d235.js} +7 -1
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/digi-button_37.entry.js +5214 -0
- package/dist/esm/digi-calendar-week-view.entry.js +1 -2
- package/dist/esm/digi-code-block.entry.js +85 -0
- package/dist/esm/digi-code-example.entry.js +2 -3
- package/dist/esm/digi-dialog.entry.js +5 -19
- package/dist/esm/digi-footer.entry.js +4 -18
- package/dist/esm/digi-form-error-list.entry.js +4 -18
- package/dist/esm/digi-form-file-upload.entry.js +2 -3
- package/dist/esm/digi-form-input-search.entry.js +3 -5
- package/dist/esm/digi-form-receipt.entry.js +4 -18
- package/dist/esm/digi-form-select-filter.entry.js +12 -26
- package/dist/esm/digi-form-textarea.entry.js +3 -3
- package/dist/esm/digi-header-avatar.entry.js +1 -1
- package/dist/esm/digi-header-navigation.entry.js +4 -18
- package/dist/esm/digi-header.entry.js +4 -18
- package/dist/esm/digi-icon-external-link-alt_2.entry.js +1 -1
- package/dist/esm/digi-info-card.entry.js +1 -1
- package/dist/esm/digi-link-button.entry.js +1 -1
- package/dist/esm/digi-link-internal.entry.js +2 -2
- package/dist/esm/digi-navigation-pagination.entry.js +4 -18
- package/dist/esm/digi-notification-alert.entry.js +4 -18
- package/dist/esm/digi-notification-error-page.entry.js +4 -18
- package/dist/esm/digi-quote.entry.js +1 -1
- package/dist/esm/digi-title-logo.entry.js +5 -19
- package/dist/esm/digi-tools-feedback.entry.js +5 -19
- package/dist/esm/{form-input-type.enum-3da3db27.js → form-input-type.enum-a6bba983.js} +15 -1
- package/dist/esm/{form-file-upload-variation.enum-9c49ec5e.js → form-validation-message-variation.enum-f7835fc5.js} +8 -1
- package/dist/esm/index-148a7577.js +4 -92
- package/dist/esm/{index-2fce392f.js → index-dc6b83f7.js} +170 -3
- package/dist/esm/index.js +4 -18
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{typography-variation.enum-8c3ff25c.js → typography-variation.enum-b07f76c9.js} +159 -1
- package/dist/types/components/_calendar/calendar/calendar.d.ts +1 -1
- package/dist/types/components/_calendar/calendar-datepicker/calendar-datepicker.d.ts +1 -0
- package/dist/types/components/_form/form-checkbox/form-checkbox.d.ts +1 -0
- package/dist/types/components/_form/form-input/form-input.d.ts +1 -0
- package/dist/types/components/_form/form-input-search/form-input-search.d.ts +1 -0
- package/dist/types/components/_form/form-radiobutton/form-radiobutton.d.ts +1 -0
- package/dist/types/components/_form/form-radiogroup/form-radiogroup.d.ts +1 -0
- package/dist/types/components/_form/form-select/form-select.d.ts +1 -0
- package/dist/types/components/_form/form-select-filter/form-select-filter.d.ts +1 -0
- package/dist/types/components/_form/form-textarea/form-textarea.d.ts +1 -0
- package/dist/types/components/_tools/tools-theme-provider/tools-theme-provider.d.ts +9 -0
- package/dist/types/components/_tools/tools-theme-provider/tools-theme-provider.theme.enum.d.ts +4 -0
- package/dist/types/components.d.ts +52 -4
- package/dist/types/enums.d.ts +1 -0
- package/hydrate/index.js +91 -63
- package/hydrate/index.mjs +91 -63
- package/package.json +1 -1
- package/components/p-4bad4fb0.js +0 -7
- package/components/p-93e21f44.js +0 -66
- package/components/p-c236a69d.js +0 -163
- package/components/p-e8fc33ed.js +0 -165
- package/dist/cjs/button-size.enum-1fd86b9e.js +0 -7
- package/dist/cjs/button-type.enum-406723db.js +0 -8
- package/dist/cjs/digi-button_9.cjs.entry.js +0 -533
- package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +0 -2603
- package/dist/cjs/digi-calendar_2.cjs.entry.js +0 -464
- package/dist/cjs/digi-code-block_3.cjs.entry.js +0 -232
- package/dist/cjs/digi-expandable-faq-item.cjs.entry.js +0 -97
- package/dist/cjs/digi-form-category-filter.cjs.entry.js +0 -121
- package/dist/cjs/digi-form-checkbox.cjs.entry.js +0 -127
- package/dist/cjs/digi-form-input.cjs.entry.js +0 -194
- package/dist/cjs/digi-form-radiogroup.cjs.entry.js +0 -80
- package/dist/cjs/digi-icon-check.cjs.entry.js +0 -30
- package/dist/cjs/digi-icon-chevron-down.cjs.entry.js +0 -30
- package/dist/cjs/digi-icon-chevron-left_2.cjs.entry.js +0 -53
- package/dist/cjs/digi-icon-copy.cjs.entry.js +0 -30
- package/dist/cjs/digi-icon-minus_2.cjs.entry.js +0 -53
- package/dist/cjs/digi-layout-block_2.cjs.entry.js +0 -92
- package/dist/cjs/digi-link.cjs.entry.js +0 -75
- package/dist/cjs/digi-navigation-vertical-menu-item.cjs.entry.js +0 -150
- package/dist/cjs/digi-navigation-vertical-menu.cjs.entry.js +0 -177
- package/dist/cjs/digi-progress-indicator.cjs.entry.js +0 -137
- package/dist/cjs/digi-tools-theme-provider.cjs.entry.js +0 -28
- package/dist/cjs/digi-typography-heading-jumbo.cjs.entry.js +0 -38
- package/dist/cjs/digi-typography-preamble.cjs.entry.js +0 -20
- package/dist/cjs/digi-typography.cjs.entry.js +0 -26
- package/dist/cjs/digi-util-keydown-handler.cjs.entry.js +0 -83
- package/dist/cjs/expandable-faq-item-variation.enum-89427195.js +0 -18
- package/dist/cjs/form-checkbox-variation.enum-d2ca879e.js +0 -19
- package/dist/cjs/form-input-search-variation.enum-c50239bc.js +0 -8
- package/dist/cjs/form-input-variation.enum-c750520c.js +0 -29
- package/dist/cjs/form-radiogroup-validation.enum-03a17d4d.js +0 -9
- package/dist/cjs/form-select-variation.enum-528c1bf0.js +0 -16
- package/dist/cjs/form-validation-message-variation.enum-855ae0be.js +0 -8
- package/dist/cjs/index-cad91a90.js +0 -66
- package/dist/cjs/index-e8333bcc.js +0 -174
- package/dist/cjs/layout-container-max-width.enum-7e637f44.js +0 -21
- package/dist/cjs/navigation-vertical-menu-variation.enum-c237edd3.js +0 -13
- package/dist/cjs/progress-indicator-variation.enum-7cf8e0e4.js +0 -13
- package/dist/cjs/tools-theme-provider.brand.enum-bc855272.js +0 -7
- package/dist/cjs/typography-heading-jumbo-variation.enum-8677e099.js +0 -17
- package/dist/digi-arbetsformedlingen/p-011d5a78.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-0436c516.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-04413bed.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-0461e19a.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-14731327.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-1f3345e9.js +0 -1
- package/dist/digi-arbetsformedlingen/p-1f956af8.js +0 -1
- package/dist/digi-arbetsformedlingen/p-24fe2189.js +0 -1
- package/dist/digi-arbetsformedlingen/p-2698dd2a.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-2a86cc73.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-300aa9ef.js +0 -1
- package/dist/digi-arbetsformedlingen/p-33349e7e.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-38627816.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3a76bfde.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3b20ec86.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3d0c3803.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3d7fff3c.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-41bc039f.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-43178277.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4452f871.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4bad4fb0.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4e36c467.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-501697cd.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-55f525dd.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-57319a80.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-5a602122.js +0 -1
- package/dist/digi-arbetsformedlingen/p-67d28f76.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-681e7beb.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-6d864e79.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-6efa0bd8.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-7933b555.js +0 -1
- package/dist/digi-arbetsformedlingen/p-7aacd45f.js +0 -1
- package/dist/digi-arbetsformedlingen/p-8142cc73.js +0 -1
- package/dist/digi-arbetsformedlingen/p-88b4d03a.js +0 -1
- package/dist/digi-arbetsformedlingen/p-89b457e8.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-905ccb30.js +0 -1
- package/dist/digi-arbetsformedlingen/p-93766b5e.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-95330112.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-96987381.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-98eece1b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9dcedec5.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9dd5d6c8.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a34dfc04.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a3cea8b4.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-b6048dc7.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-bc3d2778.js +0 -1
- package/dist/digi-arbetsformedlingen/p-bf53daba.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-c29ab968.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-c461917d.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-c7949525.js +0 -1
- package/dist/digi-arbetsformedlingen/p-cdf86efc.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d055d564.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d1886fff.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d5376b7c.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d7aa8315.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-dc13eeeb.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e7e39ee7.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e9656bf8.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e9abb2b1.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ee4cb21a.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ee9589e6.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f40f4b2a.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f447b984.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f8391f37.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-fdecd798.entry.js +0 -1
- package/dist/esm/button-size.enum-d5ff6ff3.js +0 -7
- package/dist/esm/button-type.enum-5250ae0b.js +0 -8
- package/dist/esm/digi-button_9.entry.js +0 -521
- package/dist/esm/digi-calendar-datepicker.entry.js +0 -2599
- package/dist/esm/digi-calendar_2.entry.js +0 -459
- package/dist/esm/digi-code-block_3.entry.js +0 -226
- package/dist/esm/digi-expandable-faq-item.entry.js +0 -93
- package/dist/esm/digi-form-category-filter.entry.js +0 -117
- package/dist/esm/digi-form-checkbox.entry.js +0 -123
- package/dist/esm/digi-form-input.entry.js +0 -190
- package/dist/esm/digi-form-radiogroup.entry.js +0 -76
- package/dist/esm/digi-icon-check.entry.js +0 -26
- package/dist/esm/digi-icon-chevron-down.entry.js +0 -26
- package/dist/esm/digi-icon-chevron-left_2.entry.js +0 -48
- package/dist/esm/digi-icon-copy.entry.js +0 -26
- package/dist/esm/digi-icon-minus_2.entry.js +0 -48
- package/dist/esm/digi-layout-block_2.entry.js +0 -87
- package/dist/esm/digi-link.entry.js +0 -71
- package/dist/esm/digi-navigation-vertical-menu-item.entry.js +0 -146
- package/dist/esm/digi-navigation-vertical-menu.entry.js +0 -173
- package/dist/esm/digi-progress-indicator.entry.js +0 -133
- package/dist/esm/digi-tools-theme-provider.entry.js +0 -24
- package/dist/esm/digi-typography-heading-jumbo.entry.js +0 -34
- package/dist/esm/digi-typography-preamble.entry.js +0 -16
- package/dist/esm/digi-typography.entry.js +0 -22
- package/dist/esm/digi-util-keydown-handler.entry.js +0 -79
- package/dist/esm/expandable-faq-item-variation.enum-a8cb225b.js +0 -18
- package/dist/esm/form-checkbox-variation.enum-83e906fc.js +0 -19
- package/dist/esm/form-input-search-variation.enum-f9d669f2.js +0 -8
- package/dist/esm/form-input-variation.enum-64d9450f.js +0 -29
- package/dist/esm/form-radiogroup-validation.enum-d790fc66.js +0 -9
- package/dist/esm/form-select-variation.enum-f2f6098d.js +0 -16
- package/dist/esm/form-validation-message-variation.enum-bcef8a9d.js +0 -8
- package/dist/esm/index-5b6c95c6.js +0 -63
- package/dist/esm/index-8685f88d.js +0 -170
- package/dist/esm/layout-container-max-width.enum-c40018ac.js +0 -21
- package/dist/esm/navigation-vertical-menu-variation.enum-c30b0ea9.js +0 -13
- package/dist/esm/progress-indicator-variation.enum-b12ba50a.js +0 -13
- package/dist/esm/tools-theme-provider.brand.enum-8c5a98c9.js +0 -7
- package/dist/esm/typography-heading-jumbo-variation.enum-eb737f1b.js +0 -17
|
@@ -3,32 +3,22 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-7a477838.js');
|
|
6
|
-
const typographyVariation_enum = require('./typography-variation.enum-
|
|
6
|
+
const typographyVariation_enum = require('./typography-variation.enum-e41bd69d.js');
|
|
7
7
|
require('./badge-notification-shape.enum-ff802554.js');
|
|
8
8
|
require('./badge-status-variation.enum-0a5adc21.js');
|
|
9
|
-
require('./
|
|
10
|
-
require('./
|
|
9
|
+
require('./code-example-variation.enum-1611825e.js');
|
|
10
|
+
require('./form-input-type.enum-1fb2180a.js');
|
|
11
11
|
require('./button-variation.enum-bc521499.js');
|
|
12
12
|
require('./calendar-week-view-heading-level.enum-fd0c841b.js');
|
|
13
13
|
require('./bar-chart-variation.enum-a4e866b6.js');
|
|
14
|
-
require('./code-example-variation.enum-c6557727.js');
|
|
15
14
|
require('./code-variation.enum-c4a4e6fd.js');
|
|
16
15
|
require('./expandable-accordion-header-level.enum-45483252.js');
|
|
17
|
-
require('./expandable-faq-item-variation.enum-89427195.js');
|
|
18
16
|
require('./expandable-faq-variation.enum-af923f49.js');
|
|
19
17
|
require('./footer-card-variation.enum-99555edc.js');
|
|
20
|
-
require('./form-
|
|
21
|
-
require('./form-file-upload-variation.enum-634cfae8.js');
|
|
22
|
-
require('./form-input-search-variation.enum-c50239bc.js');
|
|
23
|
-
require('./form-input-type.enum-9c8ee12a.js');
|
|
24
|
-
require('./form-input-variation.enum-c750520c.js');
|
|
25
|
-
require('./form-radiogroup-validation.enum-03a17d4d.js');
|
|
26
|
-
require('./form-select-variation.enum-528c1bf0.js');
|
|
18
|
+
require('./form-validation-message-variation.enum-c5ec3e2d.js');
|
|
27
19
|
require('./form-textarea-variation.enum-9c90d40f.js');
|
|
28
|
-
require('./form-validation-message-variation.enum-855ae0be.js');
|
|
29
20
|
require('./info-card-multi-type.enum-14746572.js');
|
|
30
21
|
require('./info-card-variation.enum-64cef637.js');
|
|
31
|
-
require('./layout-container-max-width.enum-7e637f44.js');
|
|
32
22
|
const layoutBlockVariation_enum = require('./layout-block-variation.enum-f6102119.js');
|
|
33
23
|
require('./layout-columns-variation.enum-65675649.js');
|
|
34
24
|
require('./link-button-variation.enum-137785e3.js');
|
|
@@ -38,8 +28,6 @@ require('./loader-spinner-size.enum-db2973f0.js');
|
|
|
38
28
|
require('./logo-variation.enum-607fadb4.js');
|
|
39
29
|
require('./media-figure-alignment.enum-3885aba5.js');
|
|
40
30
|
require('./navigation-sidebar-variation.enum-1c0c3064.js');
|
|
41
|
-
require('./navigation-vertical-menu-variation.enum-c237edd3.js');
|
|
42
|
-
require('./progress-indicator-variation.enum-7cf8e0e4.js');
|
|
43
31
|
require('./progress-list-item-variation.enum-90e4c874.js');
|
|
44
32
|
require('./progress-list-variation.enum-06d5ce27.js');
|
|
45
33
|
require('./progressbar-variation.enum-aff9fa80.js');
|
|
@@ -49,8 +37,6 @@ require('./tag-media-icon.enum-372563c5.js');
|
|
|
49
37
|
require('./tag-size.enum-387c516c.js');
|
|
50
38
|
require('./tools-feedback-banner-type.enum-de373ba0.js');
|
|
51
39
|
require('./tools-feedback-rating-variation.enum-2f71e84d.js');
|
|
52
|
-
require('./tools-theme-provider.brand.enum-bc855272.js');
|
|
53
|
-
require('./typography-heading-jumbo-variation.enum-8677e099.js');
|
|
54
40
|
require('./typography-meta-variation.enum-13ac3538.js');
|
|
55
41
|
require('./typography-time-variation.enum-bce1d87e.js');
|
|
56
42
|
require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
|
|
@@ -4,32 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-7a477838.js');
|
|
6
6
|
const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
|
|
7
|
-
const typographyVariation_enum = require('./typography-variation.enum-
|
|
7
|
+
const typographyVariation_enum = require('./typography-variation.enum-e41bd69d.js');
|
|
8
8
|
require('./badge-notification-shape.enum-ff802554.js');
|
|
9
9
|
require('./badge-status-variation.enum-0a5adc21.js');
|
|
10
|
-
require('./
|
|
11
|
-
require('./
|
|
10
|
+
require('./code-example-variation.enum-1611825e.js');
|
|
11
|
+
require('./form-input-type.enum-1fb2180a.js');
|
|
12
12
|
require('./button-variation.enum-bc521499.js');
|
|
13
13
|
require('./calendar-week-view-heading-level.enum-fd0c841b.js');
|
|
14
14
|
require('./bar-chart-variation.enum-a4e866b6.js');
|
|
15
|
-
require('./code-example-variation.enum-c6557727.js');
|
|
16
15
|
require('./code-variation.enum-c4a4e6fd.js');
|
|
17
16
|
require('./expandable-accordion-header-level.enum-45483252.js');
|
|
18
|
-
require('./expandable-faq-item-variation.enum-89427195.js');
|
|
19
17
|
require('./expandable-faq-variation.enum-af923f49.js');
|
|
20
18
|
require('./footer-card-variation.enum-99555edc.js');
|
|
21
|
-
require('./form-
|
|
22
|
-
require('./form-file-upload-variation.enum-634cfae8.js');
|
|
23
|
-
require('./form-input-search-variation.enum-c50239bc.js');
|
|
24
|
-
require('./form-input-type.enum-9c8ee12a.js');
|
|
25
|
-
require('./form-input-variation.enum-c750520c.js');
|
|
26
|
-
require('./form-radiogroup-validation.enum-03a17d4d.js');
|
|
27
|
-
require('./form-select-variation.enum-528c1bf0.js');
|
|
19
|
+
require('./form-validation-message-variation.enum-c5ec3e2d.js');
|
|
28
20
|
require('./form-textarea-variation.enum-9c90d40f.js');
|
|
29
|
-
require('./form-validation-message-variation.enum-855ae0be.js');
|
|
30
21
|
require('./info-card-multi-type.enum-14746572.js');
|
|
31
22
|
require('./info-card-variation.enum-64cef637.js');
|
|
32
|
-
require('./layout-container-max-width.enum-7e637f44.js');
|
|
33
23
|
require('./layout-block-variation.enum-f6102119.js');
|
|
34
24
|
require('./layout-columns-variation.enum-65675649.js');
|
|
35
25
|
require('./link-button-variation.enum-137785e3.js');
|
|
@@ -39,8 +29,6 @@ require('./loader-spinner-size.enum-db2973f0.js');
|
|
|
39
29
|
require('./logo-variation.enum-607fadb4.js');
|
|
40
30
|
require('./media-figure-alignment.enum-3885aba5.js');
|
|
41
31
|
require('./navigation-sidebar-variation.enum-1c0c3064.js');
|
|
42
|
-
require('./navigation-vertical-menu-variation.enum-c237edd3.js');
|
|
43
|
-
require('./progress-indicator-variation.enum-7cf8e0e4.js');
|
|
44
32
|
require('./progress-list-item-variation.enum-90e4c874.js');
|
|
45
33
|
require('./progress-list-variation.enum-06d5ce27.js');
|
|
46
34
|
require('./progressbar-variation.enum-aff9fa80.js');
|
|
@@ -50,8 +38,6 @@ require('./tag-media-icon.enum-372563c5.js');
|
|
|
50
38
|
require('./tag-size.enum-387c516c.js');
|
|
51
39
|
require('./tools-feedback-banner-type.enum-de373ba0.js');
|
|
52
40
|
require('./tools-feedback-rating-variation.enum-2f71e84d.js');
|
|
53
|
-
require('./tools-theme-provider.brand.enum-bc855272.js');
|
|
54
|
-
require('./typography-heading-jumbo-variation.enum-8677e099.js');
|
|
55
41
|
require('./typography-meta-variation.enum-13ac3538.js');
|
|
56
42
|
require('./typography-time-variation.enum-bce1d87e.js');
|
|
57
43
|
require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
|
|
@@ -5,11 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-7a477838.js');
|
|
6
6
|
const text = require('./text-65b1b58c.js');
|
|
7
7
|
const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
|
|
8
|
-
const
|
|
8
|
+
const formValidationMessageVariation_enum = require('./form-validation-message-variation.enum-c5ec3e2d.js');
|
|
9
9
|
const utilBreakpointObserverBreakpoints_enum = require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
|
|
10
|
-
const formValidationMessageVariation_enum = require('./form-validation-message-variation.enum-855ae0be.js');
|
|
11
10
|
|
|
12
|
-
const formFileUploadCss = ".sc-digi-form-file-upload-h {\n --digi--form-file-upload--color--background--small--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--small--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--background--medium--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--medium--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--background--large--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--large--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--border--small--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--small--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--color--border--medium--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--medium--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--color--border--large--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--large--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--border-width--small--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--small--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-width--medium--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--medium--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-width--large--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--large--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-style--small--default: var(--digi--global--border-style--none);\n --digi--form-file-upload--border-style--medium--default: var(--digi--global--border-style--dashed);\n --digi--form-file-upload--border-style--large--default: var(--digi--global--border-style--dashed);\n --digi--form-file-upload--border-radius--small--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--border-radius--medium--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--border-radius--large--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--padding--small: var(--digi--gutter--medium) var(--digi--gutter--largest);\n --digi--form-file-upload--padding--medium: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n --digi--form-file-upload--padding--large: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n --digi--form-file-upload--font-size--small: var(--digi--global--typography--font-size--small);\n --digi--form-file-upload--font-size--medium: var(--digi--global--typography--font-size--base);\n --digi--form-file-upload--font-size--large: var(--digi--global--typography--font-size--large);\n --digi--form-file-upload--heading--font-family: var(--digi--global--typography--font-family--default);\n --digi--form-file-upload--heading--font-weight: var(--digi--typography--heading-4--font-weight--desktop);\n --digi--form-file-upload--heading--font-size: var(--digi--typography--heading-4--font-size--desktop);\n --digi--form-file-upload--heading--font-size--large: var(--digi--typography--heading-4--font-size--desktop-large);\n --digi--form-file-upload--font-family: var(--digi--global--typography--font-family--default);\n --digi--form-file-upload--font-weight: var(--digi--typography--form-file-upload--font-weight--desktop);\n --digi--form-file-upload--button-text--color--default: var(--digi--color--text--interactive--primary);\n --digi--form-file-upload--button-text--color--hover: var(--digi--color--text--interactive--primary);\n --digi--form-file-upload--padding--small--icon: var(--digi--global--spacing--smaller) var(--digi--global--spacing--smallest-2);\n --digi--form-file-upload--padding--medium--icon: var(--digi--global--spacing--base) var(--digi--global--spacing--smallest-2);\n --digi--form-file-upload--width--small: 132px;\n --digi--form-file-upload--width--medium: 304px;\n --digi--form-file-upload--width--large: inherit;\n --digi--form-file-upload--border--error: var(--digi--global--border-style--solid) solid;\n --digi--form-file-upload--border-color--error: var(--digi--color--border--interactive--validation--error);\n --digi--form-file-upload--border--error--width: var(--digi--border-width--secondary);\n --digi--form-file-upload--background--error: var(--digi--color--background--interactive--validation--error);\n container-type: inline-size;\n display: block;\n width: 100%;\n}\n.sc-digi-form-file-upload-h a.sc-digi-form-file-upload {\n font-weight: var(--digi--global--typography--font-weight--semibold);\n color: var(--digi--color--text--interactive--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload.sc-digi-form-file-upload {\n font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--small.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--small--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--small--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--small--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--small--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--small--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--small--default);\n --WIDTH: var(--digi--form-file-upload--width--small);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--small);\n --ICON--PADDING: var(--digi--form-file-upload--padding--small--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--medium.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--medium--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--medium--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--medium--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--medium--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--medium--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--medium--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--medium--default);\n --WIDTH: var(--digi--form-file-upload--width--medium);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--medium);\n --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--large.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--large--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--large--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--large--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--large--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--large--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--large--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--large--default);\n --WIDTH: var(--digi--form-file-upload--width--large);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--large);\n --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--has-errors.sc-digi-form-file-upload {\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border--error);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--border-color--error);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--border-color--error);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border--error--width);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--background--error);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n margin-right: 0.5rem;\n animation: animation__rotation 3s infinite linear;\n transform-origin: center;\n --digi--icon--height: 1rem;\n}\n@media (prefers-reduced-motion) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n animation: none;\n }\n}\n@keyframes animation__rotation {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__input.sc-digi-form-file-upload {\n display: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload {\n margin: 0 0 auto 0.5rem;\n text-align: center;\n white-space: nowrap;\n background: none;\n border: none;\n cursor: pointer;\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n color: var(--digi--form-file-upload--button-text--color--default);\n display: flex;\n align-items: center;\n font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover {\n color: var(--digi--form-file-upload--button-text--color--hover);\n text-decoration: underline;\n}\n.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 {\n --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n box-shadow: 0px 0px 0px 5px white;\n text-decoration: underline;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n --digi--icon--height: 1.25rem;\n --digi--icon--width: 1.25rem;\n --digi--icon--color: var(--digi--color--text--interactive--primary);\n margin-left: 5px;\n padding: var(--ICON--PADDING);\n padding-right: 0;\n padding-left: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload:hover {\n --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area.sc-digi-form-file-upload {\n border-color: var(--COLOR--BORDER--DEFAULT);\n border-radius: var(--BORDER-RADIUS--DEFAULT);\n border-width: var(--BORDER-WIDTH--DEFAULT);\n border-style: var(--BORDER-STYLE--DEFAULT);\n max-width: var(--WIDTH);\n margin: 0;\n display: flex;\n flex-direction: column;\n background-color: var(--COLOR--BACKGROUND--DEFAULT);\n align-items: center;\n padding: var(--PADDING);\n margin-bottom: var(--digi--gutter--medium);\n margin-top: var(--digi--gutter--button-block-small);\n position: relative;\n cursor: pointer;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area--hover.sc-digi-form-file-upload {\n border-color: var(--COLOR--BORDER--HOVER);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area-overlay.sc-digi-form-file-upload {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: var(--COLOR--BACKGROUND--HOVER);\n opacity: 0.1;\n top: 0;\n left: 0;\n z-index: 10;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload .paper-clip.sc-digi-form-file-upload {\n padding-right: 0.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-list.sc-digi-form-file-upload {\n max-width: none;\n padding: 0;\n margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files.sc-digi-form-file-upload {\n border-radius: var(--BORDER-RADIUS--DEFAULT);\n max-width: 100%;\n width: 100%;\n box-sizing: border-box;\n background-color: var(--COLOR--BACKGROUND--FILE-LIST);\n padding: var(--digi--gutter--largest-2) var(--digi--padding--large);\n margin-bottom: var(--digi--gutter--medium);\n margin-top: var(--digi--gutter--medium);\n padding-bottom: var(--digi--padding--smaller);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading.sc-digi-form-file-upload {\n font-family: var(--digi--form-file-upload--heading--font-family);\n font-size: var(--digi--typography--label--font-size--desktop);\n font-weight: var(--digi--form-file-upload--heading--font-weight);\n color: var(--digi--color--text--primary);\n margin: var(--digi--margin--small) 0 var(--digi--margin--medium) 0;\n display: block;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading--and-errors.sc-digi-form-file-upload {\n margin-top: var(--digi--margin--largest);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload {\n display: flex;\n justify-content: space-between;\n padding-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.with-files.sc-digi-form-file-upload {\n border-bottom: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.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 {\n max-height: 1.5rem;\n}\n.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 {\n padding-right: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload {\n margin: 0;\n padding: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload {\n list-style: none;\n margin-bottom: 0.75rem;\n}\n.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 {\n margin-bottom: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item.sc-digi-form-file-upload {\n margin: var(--digi--margin--small) 0;\n margin-bottom: var(--digi--margin--medium);\n width: 100%;\n box-sizing: border-box;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload {\n list-style-type: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload:nth-child(n+2) {\n border-top: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n}\n.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 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: auto;\n min-width: 20%;\n}\n.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 {\n display: flex;\n min-width: 20%;\n justify-content: flex-end;\n align-items: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload p.sc-digi-form-file-upload {\n margin: auto var(--digi--margin--small) !important;\n font-weight: var(--digi--form-file-upload--font-weight);\n font-size: var(--digi--typography--body--font-size--desktop);\n white-space: nowrap;\n height: max-content;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.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 {\n margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-and-thumbnail-container.sc-digi-form-file-upload {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload {\n width: 1.375rem;\n height: 1.375rem;\n display: flex;\n align-self: baseline;\n position: relative;\n top: 4px;\n left: 0px;\n margin-right: 4px;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload svg.sc-digi-form-file-upload {\n --digi--icon--height: 16px;\n --digi--icon--width: 16px;\n --digi--icon--color: var(--digi--color--icon--validation--success);\n background-color: var(--digi--color--background--primary);\n border-radius: 50%;\n align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n width: 100%;\n margin: auto 0;\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n height: max-content;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name--thumbnail.sc-digi-form-file-upload {\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n margin: auto 0 auto var(--digi--margin--small);\n color: var(--digi--form-file-upload--button-text--color--default);\n}\n@media (max-width: 500px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n max-width: 17.5rem;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n box-shadow: 0px 0px 0px 5px white;\n}\n@container (max-width: 620px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item-name {\n max-width: 17.5rem;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload {\n position: relative;\n display: flex;\n padding: 0;\n margin: 0;\n justify-content: space-between;\n align-items: center;\n overflow-wrap: break-word;\n gap: 32px;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-inner.sc-digi-form-file-upload {\n display: flex;\n width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload {\n margin: 0;\n align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload::after {\n position: absolute;\n 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\");\n top: -6px;\n left: 24px;\n width: 18px;\n height: 18px;\n overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .thumbnail.sc-digi-form-file-upload {\n width: 2rem;\n height: 2rem;\n object-fit: cover;\n flex-grow: 0;\n margin-right: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .hidden.sc-digi-form-file-upload {\n margin-left: var(--digi--margin--larger);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload {\n position: relative;\n top: 6px;\n left: 5px;\n margin-right: 1.25rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload::after {\n position: absolute;\n 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\");\n top: -7px;\n left: 15px;\n width: 18px;\n height: 18px;\n overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-info.sc-digi-form-file-upload {\n width: 100%;\n}\n@container (max-width: 500px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item span {\n margin-left: 0;\n margin-right: auto;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error.sc-digi-form-file-upload {\n color: var(--digi--color--icon--validation--error);\n}\n.sc-digi-form-file-upload-h .visually-hidden.sc-digi-form-file-upload {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap;\n}\n@container (min-width: 500px) {\n .sc-digi-form-file-upload-h .hidden-desktop {\n display: none !important;\n }\n}\n@container (max-width: 499px) {\n .sc-digi-form-file-upload-h .hidden-mobile {\n display: none !important;\n }\n}";
|
|
11
|
+
const formFileUploadCss = ".sc-digi-form-file-upload-h {\n --digi--form-file-upload--color--background--small--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--small--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--background--medium--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--medium--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--background--large--default: var(--digi--color--background--interactive--default--quaternary);\n --digi--form-file-upload--color--background--large--hover: var(--digi--color--background--interactive--hover--secondary);\n --digi--form-file-upload--color--background--uploaded-files: var(--digi--color--background--secondary-elevated);\n --digi--form-file-upload--color--border--small--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--small--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--color--border--medium--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--medium--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--color--border--large--default: var(--digi--color--border--interactive--default--on-input-nuance);\n --digi--form-file-upload--color--border--large--hover: var(--digi--color--border--interactive--hover--primary);\n --digi--form-file-upload--border-width--small--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--small--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-width--medium--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--medium--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-width--large--default: var(--digi--border-width--secondary);\n --digi--form-file-upload--border-width--large--hover: var(--digi--border-width--primary);\n --digi--form-file-upload--border-style--small--default: var(--digi--global--border-style--none);\n --digi--form-file-upload--border-style--medium--default: var(--digi--global--border-style--dashed);\n --digi--form-file-upload--border-style--large--default: var(--digi--global--border-style--dashed);\n --digi--form-file-upload--border-radius--small--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--border-radius--medium--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--border-radius--large--default: var(--digi--border-radius--secondary);\n --digi--form-file-upload--padding--small: var(--digi--gutter--medium) var(--digi--gutter--largest);\n --digi--form-file-upload--padding--medium: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n --digi--form-file-upload--padding--large: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n --digi--form-file-upload--font-size--small: var(--digi--global--typography--font-size--small);\n --digi--form-file-upload--font-size--medium: var(--digi--global--typography--font-size--base);\n --digi--form-file-upload--font-size--large: var(--digi--global--typography--font-size--large);\n --digi--form-file-upload--heading--font-family: var(--digi--global--typography--font-family--default);\n --digi--form-file-upload--heading--font-weight: var(--digi--typography--heading-4--font-weight--desktop);\n --digi--form-file-upload--heading--font-size: var(--digi--typography--heading-4--font-size--desktop);\n --digi--form-file-upload--heading--font-size--large: var(--digi--typography--heading-4--font-size--desktop-large);\n --digi--form-file-upload--font-family: var(--digi--global--typography--font-family--default);\n --digi--form-file-upload--font-weight: var(--digi--typography--form-file-upload--font-weight--desktop);\n --digi--form-file-upload--button-text--color--default: var(--digi--color--text--interactive--primary);\n --digi--form-file-upload--button-text--color--hover: var(--digi--color--text--interactive--primary);\n --digi--form-file-upload--padding--small--icon: var(--digi--global--spacing--smaller) var(--digi--global--spacing--smallest-2);\n --digi--form-file-upload--padding--medium--icon: var(--digi--global--spacing--base) var(--digi--global--spacing--smallest-2);\n --digi--form-file-upload--width--small: 132px;\n --digi--form-file-upload--width--medium: 304px;\n --digi--form-file-upload--width--large: inherit;\n --digi--form-file-upload--border--error: var(--digi--global--border-style--solid) solid;\n --digi--form-file-upload--border-color--error: var(--digi--color--border--interactive--validation--error);\n --digi--form-file-upload--border--error--width: var(--digi--border-width--secondary);\n --digi--form-file-upload--background--error: var(--digi--color--background--interactive--validation--error);\n container-type: inline-size;\n display: block;\n width: 100%;\n}\n.sc-digi-form-file-upload-h a.sc-digi-form-file-upload {\n font-weight: var(--digi--global--typography--font-weight--semibold);\n color: var(--digi--color--text--interactive--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload.sc-digi-form-file-upload {\n font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--small.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--uploaded-files);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--small--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--small--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--small--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--small--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--small--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--small--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--small--default);\n --WIDTH: var(--digi--form-file-upload--width--small);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--small);\n --ICON--PADDING: var(--digi--form-file-upload--padding--small--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--medium.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--uploaded-files);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--medium--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--medium--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--medium--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--medium--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--medium--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--medium--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--medium--default);\n --WIDTH: var(--digi--form-file-upload--width--medium);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--medium);\n --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--large.sc-digi-form-file-upload {\n --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--uploaded-files);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--large--default);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--large--hover);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--large--default);\n --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--large--hover);\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--large--default);\n --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--large--default);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--large--default);\n --WIDTH: var(--digi--form-file-upload--width--large);\n --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n --PADDING: var(--digi--form-file-upload--padding--large);\n --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--has-errors.sc-digi-form-file-upload {\n --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border--error);\n --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--border-color--error);\n --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--border-color--error);\n --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border--error--width);\n --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--background--error);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n margin-right: 0.5rem;\n animation: animation__rotation 3s infinite linear;\n transform-origin: center;\n --digi--icon--height: 1rem;\n}\n@media (prefers-reduced-motion) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n animation: none;\n }\n}\n@keyframes animation__rotation {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__input.sc-digi-form-file-upload {\n display: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload {\n margin: 0 0 auto 0.5rem;\n text-align: center;\n white-space: nowrap;\n background: none;\n border: none;\n cursor: pointer;\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n color: var(--digi--form-file-upload--button-text--color--default);\n display: flex;\n align-items: center;\n font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover {\n color: var(--digi--form-file-upload--button-text--color--hover);\n text-decoration: underline;\n}\n.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 {\n --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n box-shadow: 0px 0px 0px 5px white;\n text-decoration: underline;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n --digi--icon--height: 1.25rem;\n --digi--icon--width: 1.25rem;\n --digi--icon--color: var(--digi--color--text--interactive--primary);\n margin-left: 5px;\n padding: var(--ICON--PADDING);\n padding-right: 0;\n padding-left: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload:hover {\n --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area.sc-digi-form-file-upload {\n border-color: var(--COLOR--BORDER--DEFAULT);\n border-radius: var(--BORDER-RADIUS--DEFAULT);\n border-width: var(--BORDER-WIDTH--DEFAULT);\n border-style: var(--BORDER-STYLE--DEFAULT);\n max-width: var(--WIDTH);\n margin: 0;\n display: flex;\n flex-direction: column;\n background-color: var(--COLOR--BACKGROUND--DEFAULT);\n align-items: center;\n padding: var(--PADDING);\n margin-bottom: var(--digi--gutter--medium);\n margin-top: var(--digi--gutter--button-block-small);\n position: relative;\n cursor: pointer;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area--hover.sc-digi-form-file-upload {\n border-color: var(--COLOR--BORDER--HOVER);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area-overlay.sc-digi-form-file-upload {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: var(--COLOR--BACKGROUND--HOVER);\n opacity: 0.1;\n top: 0;\n left: 0;\n z-index: 10;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload .paper-clip.sc-digi-form-file-upload {\n padding-right: 0.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-list.sc-digi-form-file-upload {\n max-width: none;\n padding: 0;\n margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files.sc-digi-form-file-upload {\n border-radius: var(--BORDER-RADIUS--DEFAULT);\n max-width: 100%;\n width: 100%;\n box-sizing: border-box;\n background-color: var(--COLOR--BACKGROUND--FILE-LIST);\n padding: var(--digi--gutter--largest-2) var(--digi--padding--large);\n margin-bottom: var(--digi--gutter--medium);\n margin-top: var(--digi--gutter--medium);\n padding-bottom: var(--digi--padding--smaller);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading.sc-digi-form-file-upload {\n font-family: var(--digi--form-file-upload--heading--font-family);\n font-size: var(--digi--typography--label--font-size--desktop);\n font-weight: var(--digi--form-file-upload--heading--font-weight);\n color: var(--digi--color--text--primary);\n margin: var(--digi--margin--small) 0 var(--digi--margin--medium) 0;\n display: block;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading--and-errors.sc-digi-form-file-upload {\n margin-top: var(--digi--margin--largest);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload {\n display: flex;\n justify-content: space-between;\n padding-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.with-files.sc-digi-form-file-upload {\n border-bottom: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.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 {\n max-height: 1.5rem;\n}\n.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 {\n padding-right: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload {\n margin: 0;\n padding: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload {\n list-style: none;\n margin-bottom: 0.75rem;\n}\n.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 {\n margin-bottom: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item.sc-digi-form-file-upload {\n margin: var(--digi--margin--small) 0;\n margin-bottom: var(--digi--margin--medium);\n width: 100%;\n box-sizing: border-box;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload {\n list-style-type: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload:nth-child(n+2) {\n border-top: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n}\n.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 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: auto;\n min-width: 20%;\n}\n.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 {\n display: flex;\n min-width: 20%;\n justify-content: flex-end;\n align-items: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload p.sc-digi-form-file-upload {\n margin: auto var(--digi--margin--small) !important;\n font-weight: var(--digi--form-file-upload--font-weight);\n font-size: var(--digi--typography--body--font-size--desktop);\n white-space: nowrap;\n height: max-content;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.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 {\n margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-and-thumbnail-container.sc-digi-form-file-upload {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload {\n width: 1.375rem;\n height: 1.375rem;\n display: flex;\n align-self: baseline;\n position: relative;\n top: 4px;\n left: 0px;\n margin-right: 4px;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload svg.sc-digi-form-file-upload {\n --digi--icon--height: 16px;\n --digi--icon--width: 16px;\n --digi--icon--color: var(--digi--color--icon--validation--success);\n background-color: var(--digi--color--background--primary);\n border-radius: 50%;\n align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n width: 100%;\n margin: auto 0;\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n height: max-content;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name--thumbnail.sc-digi-form-file-upload {\n font-weight: var(--digi--typography--button--font-weight--desktop);\n font-size: var(--digi--typography--body--font-size--desktop);\n margin: auto 0 auto var(--digi--margin--small);\n color: var(--digi--form-file-upload--button-text--color--default);\n}\n@media (max-width: 500px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n max-width: 17.5rem;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload:focus-visible {\n outline: 2px solid black;\n outline-offset: 2px;\n box-shadow: 0px 0px 0px 5px white;\n}\n@container (max-width: 620px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item-name {\n max-width: 17.5rem;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload {\n position: relative;\n display: flex;\n padding: 0;\n margin: 0;\n justify-content: space-between;\n align-items: center;\n overflow-wrap: break-word;\n gap: 32px;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-inner.sc-digi-form-file-upload {\n display: flex;\n width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload {\n margin: 0;\n align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload::after {\n position: absolute;\n 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\");\n top: -6px;\n left: 24px;\n width: 18px;\n height: 18px;\n overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .thumbnail.sc-digi-form-file-upload {\n width: 2rem;\n height: 2rem;\n object-fit: cover;\n flex-grow: 0;\n margin-right: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .hidden.sc-digi-form-file-upload {\n margin-left: var(--digi--margin--larger);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload {\n position: relative;\n top: 6px;\n left: 5px;\n margin-right: 1.25rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload::after {\n position: absolute;\n 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\");\n top: -7px;\n left: 15px;\n width: 18px;\n height: 18px;\n overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-info.sc-digi-form-file-upload {\n width: 100%;\n}\n@container (max-width: 500px) {\n .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item span {\n margin-left: 0;\n margin-right: auto;\n }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error.sc-digi-form-file-upload {\n color: var(--digi--color--icon--validation--error);\n}\n.sc-digi-form-file-upload-h .visually-hidden.sc-digi-form-file-upload {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n white-space: nowrap;\n}\n@container (min-width: 500px) {\n .sc-digi-form-file-upload-h .hidden-desktop {\n display: none !important;\n }\n}\n@container (max-width: 499px) {\n .sc-digi-form-file-upload-h .hidden-mobile {\n display: none !important;\n }\n}";
|
|
13
12
|
const DigiFormFileUploadStyle0 = formFileUploadCss;
|
|
14
13
|
|
|
15
14
|
const FormFileUpload = class {
|
|
@@ -39,7 +38,7 @@ const FormFileUpload = class {
|
|
|
39
38
|
this.fileHover = false;
|
|
40
39
|
this.afLabel = text._t.form.file_upload;
|
|
41
40
|
this.afLabelDescription = undefined;
|
|
42
|
-
this.afVariation =
|
|
41
|
+
this.afVariation = formValidationMessageVariation_enum.FormFileUploadVariation.SMALL;
|
|
43
42
|
this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-file-upload');
|
|
44
43
|
this.afFileTypes = undefined;
|
|
45
44
|
this.afFileMaxSize = 10;
|
|
@@ -55,8 +54,8 @@ const FormFileUpload = class {
|
|
|
55
54
|
this.afShowThumbnail = false;
|
|
56
55
|
this.afEnablePreview = false;
|
|
57
56
|
this.afValidationText = undefined;
|
|
58
|
-
this.afValidation =
|
|
59
|
-
this.afHeadingLevel =
|
|
57
|
+
this.afValidation = formValidationMessageVariation_enum.FormFileUploadValidation.DISABLED;
|
|
58
|
+
this.afHeadingLevel = formValidationMessageVariation_enum.FormFileUploadHeadingLevel.H2;
|
|
60
59
|
this.afErrorMessageIsAlert = true;
|
|
61
60
|
}
|
|
62
61
|
afValidationTextChange() {
|
|
@@ -69,7 +68,7 @@ const FormFileUpload = class {
|
|
|
69
68
|
breakpointHandler(e) {
|
|
70
69
|
if (e.detail.value) {
|
|
71
70
|
if (e.detail.value === utilBreakpointObserverBreakpoints_enum.UtilBreakpointObserverBreakpoints.SMALL) {
|
|
72
|
-
this.afVariation =
|
|
71
|
+
this.afVariation = formValidationMessageVariation_enum.FormFileUploadVariation.SMALL;
|
|
73
72
|
}
|
|
74
73
|
else {
|
|
75
74
|
this.afVariation = this.aforiginalVariation;
|
|
@@ -362,7 +361,7 @@ const FormFileUpload = class {
|
|
|
362
361
|
}
|
|
363
362
|
emitFile(file) {
|
|
364
363
|
const index = this.getIndexOfFile(file['id']);
|
|
365
|
-
if (this.afValidation ===
|
|
364
|
+
if (this.afValidation === formValidationMessageVariation_enum.FormFileUploadValidation.ENABLED) {
|
|
366
365
|
this.afOnUploadFile.emit(this.files[index]);
|
|
367
366
|
}
|
|
368
367
|
else {
|
|
@@ -386,7 +385,7 @@ const FormFileUpload = class {
|
|
|
386
385
|
}
|
|
387
386
|
}
|
|
388
387
|
handleAllowDrop(e) {
|
|
389
|
-
if (this.afVariation ===
|
|
388
|
+
if (this.afVariation === formValidationMessageVariation_enum.FormFileUploadVariation.SMALL)
|
|
390
389
|
return;
|
|
391
390
|
e.stopPropagation();
|
|
392
391
|
e.preventDefault();
|
|
@@ -566,7 +565,7 @@ const FormFileUpload = class {
|
|
|
566
565
|
'digi-form-file-upload__upload-area': true,
|
|
567
566
|
'digi-form-file-upload__upload-area--hover': this.fileHover
|
|
568
567
|
}, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), onDragEnter: (e) => this.handleOnDragEnterLeave(e), onDragLeave: (e) => this.handleOnDragEnterLeave(e), onClick: (e) => this.handleInputClick(e) }, this.fileHover &&
|
|
569
|
-
this.afVariation !=
|
|
568
|
+
this.afVariation != formValidationMessageVariation_enum.FormFileUploadVariation.SMALL && (index.h("div", { key: '563d428c64e909dd45331c6dd3c20fd4196dd41b', class: "digi-form-file-upload__upload-area-overlay" })), index.h("div", { key: '1ebec5c26501773a1104f878380fcc0377a33010', class: "digi-form-file-upload__text-area" }, index.h("button", { key: '8a1c7c8bf8ccacb620a95ba0221742a6c436cf3c', type: "button", id: this.afId + '-button', ref: (el) => {
|
|
570
569
|
this._uploadButton = el;
|
|
571
570
|
}, onClick: (e) => this.handleInputClick(e), class: "digi-form-file-upload__button hidden_mobile", style: {
|
|
572
571
|
margin: '0'
|
|
@@ -574,7 +573,7 @@ const FormFileUpload = class {
|
|
|
574
573
|
? this.afUploadBtnText
|
|
575
574
|
: text._t.form.file_choose), index.h("input", { key: '3370708299eb4f53f38cb15ae4fb9cb97b993bb9', ref: (el) => {
|
|
576
575
|
this._input = el;
|
|
577
|
-
}, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), index.h("span", { key: 'c4deee14a4318dc38368eeec5f5a3b51e0e79e27' }, this.afVariation !==
|
|
576
|
+
}, onChange: (e) => this.onButtonUploadFileHandler(e), class: "digi-form-file-upload__input", multiple: true, type: "file", id: this.afId, accept: this.afFileTypes, name: this.afName ? this.afName : null, required: this.afRequired ? this.afRequired : null, onDrop: (e) => this.handleDrop(e), onDragOver: (e) => this.handleAllowDrop(e), "aria-errormessage": "digi-form-file-upload__error", "aria-describedBy": "digi-form-file-upload__error" }), index.h("span", { key: 'c4deee14a4318dc38368eeec5f5a3b51e0e79e27' }, this.afVariation !== formValidationMessageVariation_enum.FormFileUploadVariation.SMALL &&
|
|
578
577
|
text._t.form.file_dropzone))), index.h("p", { key: '6553b8226f080d825eb276ce3f684a95ebeeb649', class: "visually-hidden", role: this.errorMessageIsAlert ? 'alert' : null, "aria-atomic": "true", ref: (el) => {
|
|
579
578
|
this._srTextContainer = el;
|
|
580
579
|
} }), (this.files.length > 0 || this.error) && (index.h("div", { key: 'c514dfcf95137b192fa490d6cb61e1b68ae82768', class: "digi-form-file-upload__files" }, this.renderErrorMessage(), this.renderFileContainer())))));
|
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-7a477838.js');
|
|
6
6
|
const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
|
|
7
|
-
const
|
|
8
|
-
const formInputType_enum = require('./form-input-type.enum-9c8ee12a.js');
|
|
9
|
-
const buttonType_enum = require('./button-type.enum-406723db.js');
|
|
7
|
+
const formInputType_enum = require('./form-input-type.enum-1fb2180a.js');
|
|
10
8
|
const detectClickOutside_util = require('./detectClickOutside.util-3e764eb3.js');
|
|
11
9
|
const detectFocusOutside_util = require('./detectFocusOutside.util-03c62976.js');
|
|
12
10
|
require('./detectClosest.util-85b3507b.js');
|
|
@@ -43,9 +41,9 @@ const FormInputSearch = class {
|
|
|
43
41
|
this.afAriaActivedescendant = undefined;
|
|
44
42
|
this.afAriaLabelledby = undefined;
|
|
45
43
|
this.afAriaDescribedby = undefined;
|
|
46
|
-
this.afVariation =
|
|
44
|
+
this.afVariation = formInputType_enum.FormInputSearchVariation.MEDIUM;
|
|
47
45
|
this.afHideButton = undefined;
|
|
48
|
-
this.afButtonType =
|
|
46
|
+
this.afButtonType = formInputType_enum.ButtonType.SUBMIT;
|
|
49
47
|
this.afButtonText = undefined;
|
|
50
48
|
this.afButtonAriaLabel = undefined;
|
|
51
49
|
this.afButtonAriaLabelledby = undefined;
|
|
@@ -129,16 +127,16 @@ const FormInputSearch = class {
|
|
|
129
127
|
}
|
|
130
128
|
get cssModifiers() {
|
|
131
129
|
return {
|
|
132
|
-
'digi-form-input-search--small': this.afVariation ===
|
|
133
|
-
'digi-form-input-search--medium': this.afVariation ===
|
|
134
|
-
'digi-form-input-search--large': this.afVariation ===
|
|
130
|
+
'digi-form-input-search--small': this.afVariation === formInputType_enum.FormInputSearchVariation.SMALL,
|
|
131
|
+
'digi-form-input-search--medium': this.afVariation === formInputType_enum.FormInputSearchVariation.MEDIUM,
|
|
132
|
+
'digi-form-input-search--large': this.afVariation === formInputType_enum.FormInputSearchVariation.LARGE
|
|
135
133
|
};
|
|
136
134
|
}
|
|
137
135
|
render() {
|
|
138
|
-
return (index.h(index.Host, { key: '
|
|
136
|
+
return (index.h(index.Host, { key: '5502afd53a378b67ffaed787a84ffd0e154c6a75', tabindex: -1 }, index.h("div", { key: '9d76ceba2e057efe2029cb600ce43e3e2d39ebfb', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, index.h("digi-form-input", { key: 'fbee883f2df35b697093aa7fcdd134704583b350', class: {
|
|
139
137
|
'digi-form-input-search__input': true,
|
|
140
138
|
'digi-form-input-search__input--no-button': this.afHideButton
|
|
141
|
-
}, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (index.h("digi-button", { key: '
|
|
139
|
+
}, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (index.h("digi-button", { key: '45ca4cd2086bf49f53781bd11919ea8cbee9d9fa', class: "digi-form-input-search__button", onAfOnClick: (e) => this.clickHandler(e), onAfOnFocus: (e) => e.stopPropagation(), afType: this.afButtonType, afAriaLabel: this.afButtonAriaLabel, afAriaLabelledby: this.afButtonAriaLabelledby, afSize: this.afVariation, slot: "button" }, index.h("digi-icon-search", { key: '1860c4ec6f386c16552d959c0b8091e4e88060cb', slot: "icon" }), this.afButtonText))))));
|
|
142
140
|
}
|
|
143
141
|
get hostElement() { return index.getElement(this); }
|
|
144
142
|
static get watchers() { return {
|
|
@@ -3,32 +3,22 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-7a477838.js');
|
|
6
|
-
const typographyVariation_enum = require('./typography-variation.enum-
|
|
6
|
+
const typographyVariation_enum = require('./typography-variation.enum-e41bd69d.js');
|
|
7
7
|
require('./badge-notification-shape.enum-ff802554.js');
|
|
8
8
|
require('./badge-status-variation.enum-0a5adc21.js');
|
|
9
|
-
require('./
|
|
10
|
-
require('./
|
|
9
|
+
require('./code-example-variation.enum-1611825e.js');
|
|
10
|
+
require('./form-input-type.enum-1fb2180a.js');
|
|
11
11
|
require('./button-variation.enum-bc521499.js');
|
|
12
12
|
require('./calendar-week-view-heading-level.enum-fd0c841b.js');
|
|
13
13
|
require('./bar-chart-variation.enum-a4e866b6.js');
|
|
14
|
-
require('./code-example-variation.enum-c6557727.js');
|
|
15
14
|
require('./code-variation.enum-c4a4e6fd.js');
|
|
16
15
|
require('./expandable-accordion-header-level.enum-45483252.js');
|
|
17
|
-
require('./expandable-faq-item-variation.enum-89427195.js');
|
|
18
16
|
require('./expandable-faq-variation.enum-af923f49.js');
|
|
19
17
|
require('./footer-card-variation.enum-99555edc.js');
|
|
20
|
-
require('./form-
|
|
21
|
-
require('./form-file-upload-variation.enum-634cfae8.js');
|
|
22
|
-
require('./form-input-search-variation.enum-c50239bc.js');
|
|
23
|
-
require('./form-input-type.enum-9c8ee12a.js');
|
|
24
|
-
require('./form-input-variation.enum-c750520c.js');
|
|
25
|
-
require('./form-radiogroup-validation.enum-03a17d4d.js');
|
|
26
|
-
require('./form-select-variation.enum-528c1bf0.js');
|
|
18
|
+
require('./form-validation-message-variation.enum-c5ec3e2d.js');
|
|
27
19
|
require('./form-textarea-variation.enum-9c90d40f.js');
|
|
28
|
-
require('./form-validation-message-variation.enum-855ae0be.js');
|
|
29
20
|
require('./info-card-multi-type.enum-14746572.js');
|
|
30
21
|
require('./info-card-variation.enum-64cef637.js');
|
|
31
|
-
require('./layout-container-max-width.enum-7e637f44.js');
|
|
32
22
|
const layoutBlockVariation_enum = require('./layout-block-variation.enum-f6102119.js');
|
|
33
23
|
require('./layout-columns-variation.enum-65675649.js');
|
|
34
24
|
require('./link-button-variation.enum-137785e3.js');
|
|
@@ -38,8 +28,6 @@ require('./loader-spinner-size.enum-db2973f0.js');
|
|
|
38
28
|
require('./logo-variation.enum-607fadb4.js');
|
|
39
29
|
require('./media-figure-alignment.enum-3885aba5.js');
|
|
40
30
|
require('./navigation-sidebar-variation.enum-1c0c3064.js');
|
|
41
|
-
require('./navigation-vertical-menu-variation.enum-c237edd3.js');
|
|
42
|
-
require('./progress-indicator-variation.enum-7cf8e0e4.js');
|
|
43
31
|
require('./progress-list-item-variation.enum-90e4c874.js');
|
|
44
32
|
require('./progress-list-variation.enum-06d5ce27.js');
|
|
45
33
|
require('./progressbar-variation.enum-aff9fa80.js');
|
|
@@ -49,8 +37,6 @@ require('./tag-media-icon.enum-372563c5.js');
|
|
|
49
37
|
require('./tag-size.enum-387c516c.js');
|
|
50
38
|
require('./tools-feedback-banner-type.enum-de373ba0.js');
|
|
51
39
|
require('./tools-feedback-rating-variation.enum-2f71e84d.js');
|
|
52
|
-
require('./tools-theme-provider.brand.enum-bc855272.js');
|
|
53
|
-
require('./typography-heading-jumbo-variation.enum-8677e099.js');
|
|
54
40
|
require('./typography-meta-variation.enum-13ac3538.js');
|
|
55
41
|
require('./typography-time-variation.enum-bce1d87e.js');
|
|
56
42
|
require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
|