@ebrains/components 3.0.0 → 3.2.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/dist/cjs/color-primary-palette_6.cjs.entry.js +14 -14
- package/dist/cjs/components-section.cjs.entry.js +1 -1
- package/dist/cjs/components.cjs.js +1 -1
- package/dist/cjs/correct-use-of-colors.cjs.entry.js +1 -1
- package/dist/cjs/docs-palettes.cjs.entry.js +1 -1
- package/dist/cjs/docs-tokens.cjs.entry.js +1 -1
- package/dist/cjs/{eds-accordion_52.cjs.entry.js → eds-accordion_53.cjs.entry.js} +1095 -336
- package/dist/cjs/eds-app-root.cjs.entry.js +1 -1
- package/dist/cjs/eds-cookies-preference.cjs.entry.js +1 -1
- package/dist/cjs/eds-feedback.cjs.entry.js +1 -1
- package/dist/cjs/eds-frame.cjs.entry.js +1 -1
- package/dist/cjs/eds-gauge.cjs.entry.js +1 -1
- package/dist/cjs/eds-gitlab-contributors.cjs.entry.js +35 -32
- package/dist/cjs/eds-icon-bluesky.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-eu.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-facebook.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-gitlab.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-linkedin.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-mastodon.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-twitter.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-youtube.cjs.entry.js +1 -1
- package/dist/cjs/eds-input-search.cjs.entry.js +76 -0
- package/dist/cjs/eds-modal.cjs.entry.js +18 -9
- package/dist/cjs/eds-pie.cjs.entry.js +2 -2
- package/dist/cjs/eds-section-core_2.cjs.entry.js +3 -3
- package/dist/cjs/eds-timeline.cjs.entry.js +1 -1
- package/dist/cjs/eds-toast-manager.cjs.entry.js +1 -1
- package/dist/cjs/eds-trl-badge.cjs.entry.js +184 -0
- package/dist/cjs/incorrect-use-of-colors.cjs.entry.js +1 -1
- package/dist/cjs/index-50bc1aa4.js +10 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/logo-space.cjs.entry.js +58 -1
- package/dist/cjs/logo-variations-horizontal_2.cjs.entry.js +2 -2
- package/dist/cjs/logo-variations-tabs.cjs.entry.js +1 -1
- package/dist/cjs/logo-wrong-usage.cjs.entry.js +1 -1
- package/dist/cjs/svg-repository.cjs.entry.js +1 -1
- package/dist/cjs/token-list_3.cjs.entry.js +3 -3
- package/dist/cjs/token-ratios.cjs.entry.js +1 -1
- package/dist/cjs/token-spacing.cjs.entry.js +1 -1
- package/dist/cjs/token-typography.cjs.entry.js +8 -2
- package/dist/collection/collection-manifest.json +4 -1
- package/dist/collection/components/eds-accordion/eds-accordion.css +3 -2
- package/dist/collection/components/eds-accordion/eds-accordion.js +2 -5
- package/dist/collection/components/eds-accordion/eds-accordion.stories.js +7 -19
- package/dist/collection/components/eds-alert/eds-alert.css +14 -0
- package/dist/collection/components/eds-alert/eds-alert.js +2 -1
- package/dist/collection/components/eds-alert/eds-alert.stories.js +19 -147
- package/dist/collection/components/eds-avatar/eds-avatar.js +1 -1
- package/dist/collection/components/eds-avatar/eds-avatar.stories.js +2 -2
- package/dist/collection/components/eds-block-break/eds-block-break.js +1 -1
- package/dist/collection/components/eds-breadcrump/eds-breadcrump.js +1 -1
- package/dist/collection/components/eds-button/eds-button.css +15 -0
- package/dist/collection/components/eds-button/eds-button.js +17 -14
- package/dist/collection/components/eds-button/eds-button.stories.js +4 -1
- package/dist/collection/components/eds-cards/eds-card-app/eds-card-app.js +2 -5
- package/dist/collection/components/eds-cards/eds-card-composer/eds-card-desc/eds-card-desc.js +1 -1
- package/dist/collection/components/eds-cards/eds-card-composer/eds-card-title/eds-card-title.js +1 -1
- package/dist/collection/components/eds-cards/eds-card-cta/eds-card-cta.css +10 -1
- package/dist/collection/components/eds-cards/eds-card-cta/eds-card-cta.js +2 -5
- package/dist/collection/components/eds-cards/eds-card-cta/eds-card-cta.stories.js +4 -1
- package/dist/collection/components/eds-cards/eds-card-feature/eds-card-feature.js +2 -5
- package/dist/collection/components/eds-cards/eds-card-generic/eds-card-generic.js +2 -4
- package/dist/collection/components/eds-cards/eds-card-hero/eds-card-hero.js +6 -7
- package/dist/collection/components/eds-cards/eds-card-stat/eds-card-stat.js +6 -7
- package/dist/collection/components/eds-charts/eds-gauge/eds-gauge.js +1 -1
- package/dist/collection/components/eds-charts/eds-pie/eds-pie.js +2 -2
- package/dist/collection/components/eds-code-block/eds-code-block.css +72 -106
- package/dist/collection/components/eds-code-block/eds-code-block.js +1 -1
- package/dist/collection/components/eds-dropdown/eds-dropdown.js +30 -4
- package/dist/collection/components/eds-feedback/eds-feedback.js +1 -1
- package/dist/collection/components/eds-footer/eds-footer.css +143 -203
- package/dist/collection/components/eds-footer/eds-footer.js +176 -74
- package/dist/collection/components/eds-footer/eds-footer.stories.js +109 -17
- package/dist/collection/components/eds-form/eds-form.css +493 -1
- package/dist/collection/components/eds-form/eds-form.js +256 -14
- package/dist/collection/components/eds-form/eds-form.stories.js +110 -3
- package/dist/collection/components/eds-frame/eds-frame.js +1 -1
- package/dist/collection/components/eds-header/eds-header.js +1 -1
- package/dist/collection/components/eds-header/eds-header.stories.js +26 -12
- package/dist/collection/components/eds-icon-wrapper/eds-icon-wrapper.js +20 -1
- package/dist/collection/components/eds-icons/eds-icon-eu/eds-icon-eu.js +1 -1
- package/dist/collection/components/eds-icons/eds-icon-gitlab/eds-icon-gitlab.js +1 -1
- package/dist/collection/components/eds-icons/social/eds-icon-bluesky/eds-icon-bluesky.js +1 -1
- package/dist/collection/components/eds-icons/social/eds-icon-facebook/eds-icon-facebook.js +1 -1
- package/dist/collection/components/eds-icons/social/eds-icon-linkedin/eds-icon-linkedin.js +1 -1
- package/dist/collection/components/eds-icons/social/eds-icon-mastodon/eds-icon-mastodon.js +1 -1
- package/dist/collection/components/eds-icons/social/eds-icon-twitter/eds-icon-twitter.js +1 -1
- package/dist/collection/components/eds-icons/social/eds-icon-youtube/eds-icon-youtube.js +1 -1
- package/dist/collection/components/eds-img/eds-img.js +2 -2
- package/dist/collection/components/eds-img/eds-img.stories.js +29 -52
- package/dist/collection/components/eds-input-dropzone/eds-input-dropzone.js +7 -4
- package/dist/collection/components/eds-input-elements/eds-input/eds-input.js +20 -2
- package/dist/collection/components/eds-input-elements/eds-input-footer/eds-input-footer.css +39 -0
- package/dist/collection/components/eds-input-elements/eds-input-footer/eds-input-footer.js +2 -1
- package/dist/collection/components/eds-input-elements/eds-input-label/eds-input-label.css +17 -5
- package/dist/collection/components/eds-input-elements/eds-input-label/eds-input-label.js +1 -1
- package/dist/collection/components/eds-input-elements/eds-input-range/eds-input-range.js +15 -5
- package/dist/collection/components/eds-input-elements/eds-input-search/eds-input-search.js +1 -1
- package/dist/collection/components/eds-input-elements/eds-input-search/eds-input-search.stories.js +30 -0
- package/dist/collection/components/eds-input-elements/eds-input-select/eds-input-select.js +6 -2
- package/dist/collection/components/eds-input-field/eds-input-field.css +219 -0
- package/dist/collection/components/eds-input-field/eds-input-field.js +16 -5
- package/dist/collection/components/eds-input-field/eds-input-field.stories.js +105 -125
- package/dist/collection/components/eds-input-file/eds-input-file.js +5 -3
- package/dist/collection/components/eds-link/eds-link.js +4 -8
- package/dist/collection/components/eds-link/eds-link.stories.js +13 -8
- package/dist/collection/components/eds-logo/eds-logo.js +13 -66
- package/dist/collection/components/eds-logo/eds-logo.stories.js +36 -17
- package/dist/collection/components/eds-modal/eds-modal.js +18 -9
- package/dist/collection/components/eds-modal/eds-modal.stories.js +11 -8
- package/dist/collection/components/eds-nps/eds-nps.css +32 -0
- package/dist/collection/components/eds-nps/eds-nps.js +3 -3
- package/dist/collection/components/eds-pagination/eds-pagination.js +2 -2
- package/dist/collection/components/eds-progress-bar/eds-progress-bar.js +1 -8
- package/dist/collection/components/eds-rating/eds-rating.css +9 -0
- package/dist/collection/components/eds-rating/eds-rating.js +2 -2
- package/dist/collection/components/eds-section/eds-section-core/eds-section-core.js +1 -1
- package/dist/collection/components/eds-section/eds-section-heading/eds-section-heading.js +2 -2
- package/dist/collection/components/eds-sidebar/eds-sidebar.js +2 -2
- package/dist/collection/components/eds-social-networks/eds-social-networks.js +1 -1
- package/dist/collection/components/eds-spinner/eds-spinner.js +1 -1
- package/dist/collection/components/eds-steps/eds-steps.css +56 -25
- package/dist/collection/components/eds-steps/eds-steps.js +27 -7
- package/dist/collection/components/eds-steps-v2/eds-steps-v2.css +93 -28
- package/dist/collection/components/eds-steps-v2/eds-steps-v2.js +57 -10
- package/dist/collection/components/eds-steps-v2/eds-steps-v2.stories.js +80 -17
- package/dist/collection/components/eds-switch/eds-switch.css +26 -3
- package/dist/collection/components/eds-switch/eds-switch.js +10 -7
- package/dist/collection/components/eds-switch/eds-switch.stories.js +20 -1
- package/dist/collection/components/eds-table/eds-table.css +21 -4
- package/dist/collection/components/eds-table/eds-table.js +16 -51
- package/dist/collection/components/eds-table/eds-table.stories.js +7 -115
- package/dist/collection/components/eds-tabs/eds-tabs.css +7 -1
- package/dist/collection/components/eds-tabs/eds-tabs.js +49 -18
- package/dist/collection/components/eds-tabs/eds-tabs.stories.js +2 -2
- package/dist/collection/components/eds-tag/eds-tag.js +1 -1
- package/dist/collection/components/eds-timeline/eds-timeline.js +1 -1
- package/dist/collection/components/eds-toast/eds-toast.css +146 -0
- package/dist/collection/components/eds-toast/eds-toast.js +106 -4
- package/dist/collection/components/eds-toast/eds-toast.stories.js +102 -5
- package/dist/collection/components/eds-toast-manager/eds-toast-manager.js +1 -1
- package/dist/collection/components/eds-tooltip/eds-tooltip.js +1 -1
- package/dist/collection/components/eds-tooltip/eds-tooltip.stories.js +7 -1
- package/dist/collection/components/eds-user/eds-user.js +2 -5
- package/dist/collection/components/eds-user/eds-user.stories.js +8 -11
- package/dist/collection/eds-docs-ui/colors/color-palette/primary.js +1 -1
- package/dist/collection/eds-docs-ui/colors/color-palette/secondary.js +1 -1
- package/dist/collection/eds-docs-ui/colors/color-palette/support.js +1 -1
- package/dist/collection/eds-docs-ui/colors/gradient-palette/primary.js +1 -1
- package/dist/collection/eds-docs-ui/colors/gradient-palette/secondary.js +7 -7
- package/dist/collection/eds-docs-ui/colors/gradient-palette/support.js +3 -3
- package/dist/collection/eds-docs-ui/colors/use-of-colors/correct-use-of-colors.js +1 -1
- package/dist/collection/eds-docs-ui/colors/use-of-colors/incorrect-use-of-colors.js +1 -1
- package/dist/collection/eds-docs-ui/components-section/components-section.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/docs-tokens/docs-tokens.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-list/token-list.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-radii/token-radii.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-ratios/token-ratios.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-shadows/token-shadows.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-spacing/token-spacing.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-typography/token-typography.js +8 -2
- package/dist/collection/eds-docs-ui/docs-palettes/docs-palettes.js +1 -1
- package/dist/collection/eds-docs-ui/logo/logo-space/logo-space.js +58 -1
- package/dist/collection/eds-docs-ui/logo/logo-variations/horizontal/logo-variations-horizontal.js +1 -1
- package/dist/collection/eds-docs-ui/logo/logo-variations/vertical/logo-variations-vertical.js +1 -1
- package/dist/collection/eds-docs-ui/logo/logo-variations-tabs/logo-variations.js +1 -1
- package/dist/collection/eds-docs-ui/logo/logo-wrong-usage/logo-wrong-usage.js +1 -1
- package/dist/collection/eds-docs-ui/svg-repository/svg-repository.js +1 -1
- package/dist/collection/shared-ui/eds-cookies-preference/eds-cookies-preference.js +1 -1
- package/dist/collection/shared-ui/eds-gitlab-contributors/eds-gitlab-contributors.css +19 -0
- package/dist/collection/shared-ui/eds-gitlab-contributors/eds-gitlab-contributors.js +34 -31
- package/dist/collection/shared-ui/eds-global-search/eds-global-search.css +166 -0
- package/dist/collection/shared-ui/eds-global-search/eds-global-search.js +69 -7
- package/dist/collection/shared-ui/eds-kg-learning-resources/eds-kg-learning-resources.css +205 -0
- package/dist/collection/shared-ui/eds-kg-learning-resources/eds-kg-learning-resources.js +253 -0
- package/dist/collection/shared-ui/eds-kg-web-services-select/eds-kg-web-services-select.js +2 -2
- package/dist/collection/shared-ui/eds-kg-web-services-select/eds-kg-web-services-select.stories.js +1 -3
- package/dist/collection/shared-ui/eds-matomo-notice/eds-matomo-notice.css +23 -102
- package/dist/collection/shared-ui/eds-matomo-notice/eds-matomo-notice.js +7 -1
- package/dist/collection/shared-ui/eds-matomo-notice/eds-matomo-notice.stories.js +1 -1
- package/dist/collection/shared-ui/eds-search-select/eds-search-select.css +213 -0
- package/dist/collection/shared-ui/eds-search-select/eds-search-select.js +706 -0
- package/dist/collection/shared-ui/eds-search-select/eds-search-select.stories.js +90 -0
- package/dist/collection/shared-ui/eds-trl-badge/ebrains-mark.js +26 -0
- package/dist/collection/shared-ui/eds-trl-badge/eds-trl-badge.css +22 -0
- package/dist/collection/shared-ui/eds-trl-badge/eds-trl-badge.js +324 -0
- package/dist/collection/shared-ui/eds-trl-badge/eds-trl-badge.stories.js +99 -0
- package/dist/collection/shared-ui/examples/eds-app-root/eds-app-root.js +1 -1
- package/dist/collection/utils/eds-form/formValidators.js +2 -1
- package/dist/collection/utils/eds-form/safeFormat.js +35 -0
- package/dist/components/components-section.js +1 -1
- package/dist/components/components.css +12 -11
- package/dist/components/components.esm.js +1 -1
- package/dist/components/correct-use-of-colors.js +1 -1
- package/dist/components/docs-palettes.js +1 -1
- package/dist/components/docs-tokens.js +1 -1
- package/dist/components/eds-accordion2.js +3 -6
- package/dist/components/eds-alert2.js +3 -2
- package/dist/components/eds-app-root.js +1 -1
- package/dist/components/eds-avatar2.js +1 -1
- package/dist/components/eds-block-break2.js +1 -1
- package/dist/components/eds-breadcrumb.js +1 -1
- package/dist/components/eds-button2.js +16 -13
- package/dist/components/eds-card-app.js +2 -5
- package/dist/components/eds-card-cta.js +3 -6
- package/dist/components/eds-card-desc2.js +1 -1
- package/dist/components/eds-card-feature.js +2 -5
- package/dist/components/eds-card-generic2.js +2 -4
- package/dist/components/eds-card-hero.js +6 -7
- package/dist/components/eds-card-stat.js +6 -7
- package/dist/components/eds-card-title2.js +1 -1
- package/dist/components/eds-code-block2.js +2 -2
- package/dist/components/eds-cookies-preference.js +1 -1
- package/dist/components/eds-dropdown2.js +30 -4
- package/dist/components/eds-feedback.js +1 -1
- package/dist/components/eds-footer2.js +118 -24
- package/dist/components/eds-form.js +146 -45
- package/dist/components/eds-frame.js +1 -1
- package/dist/components/eds-gauge.js +1 -1
- package/dist/components/eds-gitlab-contributors.js +35 -32
- package/dist/components/eds-global-search.js +55 -70
- package/dist/components/eds-header.js +1 -1
- package/dist/components/eds-icon-bluesky.js +1 -1
- package/dist/components/eds-icon-eu.js +1 -1
- package/dist/components/eds-icon-facebook.js +1 -1
- package/dist/components/eds-icon-gitlab.js +1 -1
- package/dist/components/eds-icon-linkedin.js +1 -1
- package/dist/components/eds-icon-mastodon.js +1 -1
- package/dist/components/eds-icon-twitter.js +1 -1
- package/dist/components/eds-icon-wrapper2.js +5 -2
- package/dist/components/eds-icon-youtube.js +1 -1
- package/dist/components/eds-img2.js +2 -2
- package/dist/components/eds-input-dropzone2.js +7 -4
- package/dist/components/eds-input-field2.js +31 -26
- package/dist/components/eds-input-file2.js +5 -3
- package/dist/components/eds-input-footer2.js +39 -3
- package/dist/components/eds-input-label2.js +2 -2
- package/dist/components/eds-input-range2.js +15 -5
- package/dist/components/eds-input-search.js +100 -1
- package/dist/components/eds-input-select2.js +6 -2
- package/dist/components/eds-input2.js +4 -2
- package/dist/components/eds-kg-learning-resources.d.ts +11 -0
- package/dist/components/eds-kg-learning-resources.js +217 -0
- package/dist/components/eds-kg-web-services-select2.js +18 -24
- package/dist/components/eds-link2.js +3 -7
- package/dist/components/eds-logo2.js +4 -22
- package/dist/components/eds-matomo-notice2.js +8 -2
- package/dist/components/eds-modal.js +18 -9
- package/dist/components/eds-nps2.js +4 -4
- package/dist/components/eds-pagination2.js +2 -2
- package/dist/components/eds-pie.js +2 -2
- package/dist/components/eds-progress-bar.js +1 -8
- package/dist/components/eds-rating2.js +3 -3
- package/dist/components/eds-search-select.d.ts +11 -0
- package/dist/components/eds-search-select.js +6 -0
- package/dist/components/eds-search-select2.js +382 -0
- package/dist/components/eds-section-core2.js +1 -1
- package/dist/components/eds-section-heading2.js +2 -2
- package/dist/components/eds-sidebar.js +2 -2
- package/dist/components/eds-social-networks2.js +1 -1
- package/dist/components/eds-spinner2.js +1 -1
- package/dist/components/eds-steps-v2.js +41 -11
- package/dist/components/eds-steps2.js +28 -8
- package/dist/components/eds-switch2.js +8 -5
- package/dist/components/eds-table2.js +30 -54
- package/dist/components/eds-tabs.js +50 -19
- package/dist/components/eds-tag2.js +1 -1
- package/dist/components/eds-timeline.js +1 -1
- package/dist/components/eds-toast-manager.js +1 -1
- package/dist/components/eds-toast2.js +39 -3
- package/dist/components/eds-tooltip2.js +1 -1
- package/dist/components/eds-trl-badge.d.ts +11 -0
- package/dist/components/eds-trl-badge.js +207 -0
- package/dist/components/eds-user.js +1 -4
- package/dist/components/incorrect-use-of-colors.js +1 -1
- package/dist/components/logo-space.js +76 -25
- package/dist/components/logo-variations-horizontal2.js +1 -1
- package/dist/components/logo-variations-tabs.js +1 -1
- package/dist/components/logo-variations-vertical2.js +1 -1
- package/dist/components/logo-wrong-usage.js +1 -1
- package/dist/components/p-05e96609.entry.js +1 -0
- package/dist/components/p-0d778d10.entry.js +1 -0
- package/dist/components/{p-d2576747.entry.js → p-114f6d54.entry.js} +1 -1
- package/dist/components/p-1534204d.entry.js +1 -0
- package/dist/components/p-337d4ee3.entry.js +9 -0
- package/dist/components/p-340bc935.entry.js +1 -0
- package/dist/components/{p-a6dc1f88.entry.js → p-37ef07d9.entry.js} +1 -1
- package/dist/components/p-39dbb964.entry.js +1 -0
- package/dist/components/{p-dfe93385.entry.js → p-3f66bc26.entry.js} +1 -1
- package/dist/components/p-43f9e64f.entry.js +1 -0
- package/dist/components/p-46cc6c1a.entry.js +1 -0
- package/dist/components/{p-773bd015.entry.js → p-4b8a7979.entry.js} +1 -1
- package/dist/components/p-6b94b2ec.entry.js +1 -0
- package/dist/components/p-6d965fef.entry.js +1 -0
- package/dist/components/{p-d16b5363.entry.js → p-6e370182.entry.js} +1 -1
- package/dist/components/{p-7b93a385.entry.js → p-6ffe581c.entry.js} +1 -1
- package/dist/components/p-726637b1.entry.js +1 -0
- package/dist/components/{p-a63e14bb.entry.js → p-86ccc09f.entry.js} +1 -1
- package/dist/components/{p-c2fc62f7.entry.js → p-8755a21b.entry.js} +1 -1
- package/dist/components/{p-0d7aee0b.entry.js → p-8ab461e2.entry.js} +1 -1
- package/dist/components/p-8cb162b8.entry.js +1 -0
- package/dist/components/p-8cdbc280.entry.js +1 -0
- package/dist/components/{p-940a2d42.entry.js → p-8e034c4e.entry.js} +1 -1
- package/dist/components/p-9f649fa3.entry.js +1 -0
- package/dist/components/{p-d1b3aa52.entry.js → p-a26dad9b.entry.js} +1 -1
- package/dist/components/p-a2d6a9ca.entry.js +1 -0
- package/dist/components/p-afabe1be.entry.js +1 -0
- package/dist/components/{p-c46675c8.entry.js → p-b1519098.entry.js} +1 -1
- package/dist/components/{p-04e9c2d7.entry.js → p-b1a10842.entry.js} +1 -1
- package/dist/components/{p-7aa4edef.entry.js → p-b4023b45.entry.js} +1 -1
- package/dist/components/p-c53b3563.entry.js +1 -0
- package/dist/components/p-c7d612d1.entry.js +1 -0
- package/dist/components/p-dc9aef22.entry.js +1 -0
- package/dist/components/{p-f364296f.entry.js → p-f66a7cf9.entry.js} +1 -1
- package/dist/components/p-f97f62f2.entry.js +1 -0
- package/dist/components/primary.js +1 -1
- package/dist/components/primary2.js +1 -1
- package/dist/components/secondary.js +1 -1
- package/dist/components/secondary2.js +7 -7
- package/dist/components/support.js +1 -1
- package/dist/components/support2.js +3 -3
- package/dist/components/svg-repository.js +19 -25
- package/dist/components/token-list2.js +1 -1
- package/dist/components/token-radii2.js +1 -1
- package/dist/components/token-ratios.js +1 -1
- package/dist/components/token-shadows2.js +1 -1
- package/dist/components/token-spacing.js +1 -1
- package/dist/components/token-typography.js +8 -2
- package/dist/esm/color-primary-palette_6.entry.js +14 -14
- package/dist/esm/components-section.entry.js +1 -1
- package/dist/esm/components.js +1 -1
- package/dist/esm/correct-use-of-colors.entry.js +1 -1
- package/dist/esm/docs-palettes.entry.js +1 -1
- package/dist/esm/docs-tokens.entry.js +1 -1
- package/dist/esm/{eds-accordion_52.entry.js → eds-accordion_53.entry.js} +1094 -336
- package/dist/esm/eds-app-root.entry.js +1 -1
- package/dist/esm/eds-cookies-preference.entry.js +1 -1
- package/dist/esm/eds-feedback.entry.js +1 -1
- package/dist/esm/eds-frame.entry.js +1 -1
- package/dist/esm/eds-gauge.entry.js +1 -1
- package/dist/esm/eds-gitlab-contributors.entry.js +35 -32
- package/dist/esm/eds-icon-bluesky.entry.js +1 -1
- package/dist/esm/eds-icon-eu.entry.js +1 -1
- package/dist/esm/eds-icon-facebook.entry.js +1 -1
- package/dist/esm/eds-icon-gitlab.entry.js +1 -1
- package/dist/esm/eds-icon-linkedin.entry.js +1 -1
- package/dist/esm/eds-icon-mastodon.entry.js +1 -1
- package/dist/esm/eds-icon-twitter.entry.js +1 -1
- package/dist/esm/eds-icon-youtube.entry.js +1 -1
- package/dist/{components/eds-input-search2.js → esm/eds-input-search.entry.js} +9 -39
- package/dist/esm/eds-modal.entry.js +18 -9
- package/dist/esm/eds-pie.entry.js +2 -2
- package/dist/esm/eds-section-core_2.entry.js +3 -3
- package/dist/esm/eds-timeline.entry.js +1 -1
- package/dist/esm/eds-toast-manager.entry.js +1 -1
- package/dist/esm/eds-trl-badge.entry.js +180 -0
- package/dist/esm/incorrect-use-of-colors.entry.js +1 -1
- package/dist/esm/index-870ab08f.js +10 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/logo-space.entry.js +58 -1
- package/dist/esm/logo-variations-horizontal_2.entry.js +2 -2
- package/dist/esm/logo-variations-tabs.entry.js +1 -1
- package/dist/esm/logo-wrong-usage.entry.js +1 -1
- package/dist/esm/svg-repository.entry.js +1 -1
- package/dist/esm/token-list_3.entry.js +3 -3
- package/dist/esm/token-ratios.entry.js +1 -1
- package/dist/esm/token-spacing.entry.js +1 -1
- package/dist/esm/token-typography.entry.js +8 -2
- package/dist/hydrate/index.js +1616 -397
- package/dist/hydrate/index.mjs +1616 -397
- package/dist/types/components/eds-accordion/eds-accordion.stories.d.ts +4 -8
- package/dist/types/components/eds-alert/eds-alert.stories.d.ts +7 -73
- package/dist/types/components/eds-button/eds-button.d.ts +1 -1
- package/dist/types/components/eds-dropdown/eds-dropdown.d.ts +1 -0
- package/dist/types/components/eds-footer/eds-footer.d.ts +84 -55
- package/dist/types/components/eds-footer/eds-footer.stories.d.ts +62 -1
- package/dist/types/components/eds-form/eds-form.d.ts +66 -0
- package/dist/types/components/eds-form/eds-form.stories.d.ts +63 -0
- package/dist/types/components/eds-header/eds-header.stories.d.ts +6 -6
- package/dist/types/components/eds-icon-wrapper/eds-icon-wrapper.d.ts +8 -0
- package/dist/types/components/eds-img/eds-img.stories.d.ts +6 -20
- package/dist/types/components/eds-input-elements/eds-input/eds-input.d.ts +7 -0
- package/dist/types/components/eds-input-elements/eds-input-search/eds-input-search.stories.d.ts +36 -0
- package/dist/types/components/eds-input-field/eds-input-field.stories.d.ts +97 -38
- package/dist/types/components/eds-link/eds-link.stories.d.ts +9 -6
- package/dist/types/components/eds-logo/eds-logo.d.ts +11 -28
- package/dist/types/components/eds-logo/eds-logo.stories.d.ts +22 -2
- package/dist/types/components/eds-steps/eds-steps.d.ts +7 -0
- package/dist/types/components/eds-steps-v2/eds-steps-v2.d.ts +14 -1
- package/dist/types/components/eds-steps-v2/eds-steps-v2.stories.d.ts +40 -9
- package/dist/types/components/eds-switch/eds-switch.d.ts +6 -2
- package/dist/types/components/eds-switch/eds-switch.stories.d.ts +8 -0
- package/dist/types/components/eds-table/eds-table.d.ts +8 -14
- package/dist/types/components/eds-table/eds-table.stories.d.ts +0 -107
- package/dist/types/components/eds-tabs/eds-tabs.d.ts +10 -0
- package/dist/types/components/eds-toast/eds-toast.d.ts +33 -1
- package/dist/types/components/eds-toast/eds-toast.stories.d.ts +49 -1
- package/dist/types/components/eds-user/eds-user.d.ts +0 -2
- package/dist/types/components/eds-user/eds-user.stories.d.ts +5 -9
- package/dist/types/components.d.ts +715 -144
- package/dist/types/shared-ui/eds-global-search/eds-global-search.d.ts +12 -0
- package/dist/types/shared-ui/eds-kg-learning-resources/eds-kg-learning-resources.d.ts +60 -0
- package/dist/types/shared-ui/eds-search-select/eds-search-select.d.ts +98 -0
- package/dist/types/shared-ui/eds-search-select/eds-search-select.stories.d.ts +81 -0
- package/dist/types/shared-ui/eds-trl-badge/ebrains-mark.d.ts +7 -0
- package/dist/types/shared-ui/eds-trl-badge/eds-trl-badge.d.ts +54 -0
- package/dist/types/shared-ui/eds-trl-badge/eds-trl-badge.stories.d.ts +112 -0
- package/dist/types/utils/eds-form/safeFormat.d.ts +21 -0
- package/package.json +1 -1
- package/dist/components/p-0fe10e6c.entry.js +0 -1
- package/dist/components/p-18e852e1.entry.js +0 -1
- package/dist/components/p-3ccd6948.entry.js +0 -1
- package/dist/components/p-3d3841d6.entry.js +0 -1
- package/dist/components/p-3f38df99.entry.js +0 -1
- package/dist/components/p-527e71d0.entry.js +0 -1
- package/dist/components/p-55047f7f.entry.js +0 -9
- package/dist/components/p-64c23098.entry.js +0 -1
- package/dist/components/p-74b9c9a8.entry.js +0 -1
- package/dist/components/p-878f65a6.entry.js +0 -1
- package/dist/components/p-92f6d9c0.entry.js +0 -1
- package/dist/components/p-9eedf771.entry.js +0 -1
- package/dist/components/p-b4355cec.entry.js +0 -1
- package/dist/components/p-d2f17fac.entry.js +0 -1
- package/dist/components/p-db5eea95.entry.js +0 -1
- package/dist/components/p-e205c269.entry.js +0 -1
- package/dist/components/p-f55dd314.entry.js +0 -1
- package/dist/components/p-f88b5f21.entry.js +0 -1
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-870ab08f.js';
|
|
2
|
+
|
|
3
|
+
/* eslint-disable */
|
|
4
|
+
/**
|
|
5
|
+
* Official EBRAINS sphere mark, extracted from
|
|
6
|
+
* packages/assets/EBRAINS_logo_25/new_ebrains_logo_rgb/250901_new_ebrains_logo_rgb_positive.svg
|
|
7
|
+
* (the gradient-filled wave segments only — wordmark dropped).
|
|
8
|
+
*
|
|
9
|
+
* Gradient ids carry a `__UID__` placeholder so each badge instance can
|
|
10
|
+
* namespace them (no <defs> collisions when several badges share a page).
|
|
11
|
+
* Gradient template inheritance uses SVG2 `href` (no xlink namespace needed).
|
|
12
|
+
* Use markDefs() inside the badge <defs> and markGroup() in the body.
|
|
13
|
+
*/
|
|
14
|
+
const MARK_DEFS = `<linearGradient id="__UID__Unbenannter_Verlauf_29" x1="-26.7" y1="64.8" x2="155" y2="-19.9" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#03a98f"/> <stop offset=".1" stop-color="#10a97b"/> <stop offset=".3" stop-color="#23aa5f"/> <stop offset="1" stop-color="#00ff9d"/> </linearGradient><linearGradient id="__UID__Unbenannter_Verlauf_291" x1="38.6" y1="205" x2="220.3" y2="120.2" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_292" x1="33" y1="193" x2="214.8" y2="108.3" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_293" x1="-3.5" y1="114.7" x2="178.3" y2="30" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_294" x1="4.5" y1="131.8" x2="186.2" y2="47.1" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_295" x1="28.6" y1="183.6" x2="210.4" y2="98.9" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_296" x1="3.8" y1="130.3" x2="185.5" y2="45.5" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_297" x1="18" y1="160.6" x2="199.7" y2="75.9" href="#__UID__Unbenannter_Verlauf_29"/>`;
|
|
15
|
+
const MARK_PATHS = `<path fill="url(#__UID__Unbenannter_Verlauf_29)" d="M67.3,19.9c11.2-2.3,22.5-1,32.1,1.5.8.2,1.2-.8.5-1.3-11.6-7.3-20.9-11.4-26.6-13.5l-18.3,4.9c-3.4.9-6.4,2.7-8.9,5.1l-29.6,29.6c-2.5,2.5-4.2,5.5-5.1,8.9l-.7,2.6c1.7-1.5,3.4-3.2,5.2-4.9,12.6-12,29.9-28.4,51.3-32.9Z"/><path fill="url(#__UID__Unbenannter_Verlauf_291)" d="M33.8,172.2l12.3,12.3c2.5,2.5,5.5,4.2,8.9,5.1l40.4,10.8c3.4.9,6.9.9,10.2,0l40.4-10.8c3.4-.9,6.4-2.7,8.9-5.1l2.8-2.8c-80-32.2-119-12.3-123.9-9.5Z"/><path fill="url(#__UID__Unbenannter_Verlauf_292)" d="M97.7,137.4c-25.1.2-51.1.4-78.8,19.8l10.5,10.5h.1c2-1.5,42.4-27.9,132.8,9.1h.2c0,.1,18.6-18.4,18.6-18.4-7.8-2.8-58.6-21-83.1-21h-.3Z"/><path fill="url(#__UID__Unbenannter_Verlauf_293)" d="M137.2,41h0c2.6,2.4,5.3,5,8,7.7,26.3,26.3,43.8,37.2,53.9,41.8l-9.5-35.5c-.9-3.4-2.7-6.4-5.1-8.9l-29.6-29.6c-2.5-2.5-5.5-4.2-8.9-5.1L105.7.7c-3.4-.9-6.9-.9-10.2,0l-12.1,3.2c12.4,5.6,31.5,16.5,53.7,37,0,0,.1.1.2.2Z"/><path fill="url(#__UID__Unbenannter_Verlauf_294)" d="M132.7,86.1c4.9,1.6,26.3,12,26.3,12,1.7.7,7.3,3.3,8.9,4.1.7.3,1.3-.6.8-1.1-1.5-1.4-5.8-5-10.9-8.6,0,0-21.8-15.4-27.2-18.5-7.8-4.3-47.4-26.7-81.3-10C25.8,75.6,8,89.7.6,96c-.8,3.2-.7,6.5.1,9.7l3.4,12.8c7.2-6.7,20.2-17.2,40.4-28.2,35.4-19.2,61.9-12.8,88.2-4.2Z"/><path fill="url(#__UID__Unbenannter_Verlauf_295)" d="M55.9,128c-3.1,1.7-17.5,10.3-17.5,10.3,0,0-4.9,3-.2,1.9,2-.5,7.8-3.1,9.7-3.6,0,0,19.1-7,49.8-5.4.1,0,.2,0,.4,0,27.6,0,84.2,21,86.6,21.9l1.1.5c1.8-2.2,3.2-4.7,3.9-7.5l2.7-10.2c-14.1-5.9-55.1-22.3-81-22.3s-55.3,14.3-55.5,14.4Z"/><path fill="url(#__UID__Unbenannter_Verlauf_296)" d="M131.7,44.5c-2-1.7-4.9-3.9-8.5-6.3-1.8-1.3-3.6-2.3-5.4-3.2-8.1-4.1-29.1-13.1-49.2-9-19.7,4.1-35.5,19.2-48.2,31.3-4.7,4.5-8.7,8.3-12.4,11.1l-4.6,17.2c9.4-7.4,24.4-18,43.2-27.2,36.9-18.1,79.2,5.4,87.3,10.3,12.1,7.3,47.9,34.4,64,46.8l2.6-9.8c.7-2.5.8-5,.5-7.5-10.4-3.8-29.7-14.5-60.2-45-3.1-3.1-6.1-5.9-9.1-8.6Z"/><path fill="url(#__UID__Unbenannter_Verlauf_297)" d="M47.5,95.8c-22.1,12-35.5,23.6-41.5,29.6l5.5,20.7c.3,1.2.8,2.4,1.4,3.5,9.5-9.3,38.6-26.3,39.8-27,1-.6,25.6-15.3,58.7-15.3s67.5,16,82.6,22.4l1.1-4.2c-9.9-6.7-37.4-24.5-64.4-33.5-24.9-8.3-50-14.3-83.2,3.8Z"/>`;
|
|
16
|
+
/** Gradient <defs> for the mark, namespaced with `uid`. */
|
|
17
|
+
function markDefs(uid) {
|
|
18
|
+
return MARK_DEFS.replace(/__UID__/g, uid);
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* The mark paths wrapped in a positioned, scaled group.
|
|
22
|
+
* The source artwork lives in a ~201×201 canvas; `size` is the rendered px.
|
|
23
|
+
*/
|
|
24
|
+
function markGroup(uid, x, y, size = 16) {
|
|
25
|
+
const s = (size / 201.1).toFixed(4);
|
|
26
|
+
const paths = MARK_PATHS.replace(/__UID__/g, uid);
|
|
27
|
+
return `<g transform="translate(${x},${y}) scale(${s})">${paths}</g>`;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
const edsTrlBadgeCss = ":host{display:inline-block;line-height:0;}.link{display:inline-block;line-height:0;text-decoration:none;color:inherit}.link svg{display:block}";
|
|
31
|
+
const EdsTrlBadgeStyle0 = edsTrlBadgeCss;
|
|
32
|
+
|
|
33
|
+
let _uid = 0;
|
|
34
|
+
const EdsTrlBadge = class {
|
|
35
|
+
constructor(hostRef) {
|
|
36
|
+
registerInstance(this, hostRef);
|
|
37
|
+
/** Per-instance suffix so the mark's gradient ids never collide. */
|
|
38
|
+
this.uid = `trl${++_uid}-`;
|
|
39
|
+
this.level = undefined;
|
|
40
|
+
this.assessed = undefined;
|
|
41
|
+
this.methodology = undefined;
|
|
42
|
+
this.theme = 'dark';
|
|
43
|
+
this.variant = 'tone';
|
|
44
|
+
this.size = undefined;
|
|
45
|
+
this.label = 'EBRAINS TRL';
|
|
46
|
+
this.href = undefined;
|
|
47
|
+
}
|
|
48
|
+
esc(s) {
|
|
49
|
+
return String(s).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
|
|
50
|
+
}
|
|
51
|
+
/** Maturity tier → value/pip colour (brand palette). */
|
|
52
|
+
levelColor() {
|
|
53
|
+
const n = Number(this.level);
|
|
54
|
+
if (n >= 7) {
|
|
55
|
+
return '#00FF9D';
|
|
56
|
+
}
|
|
57
|
+
if (n >= 4) {
|
|
58
|
+
return '#00C87B';
|
|
59
|
+
}
|
|
60
|
+
return '#7A7B7A';
|
|
61
|
+
}
|
|
62
|
+
/** Readable value text on a coloured segment (black on green, light on grey). */
|
|
63
|
+
valueText() {
|
|
64
|
+
return Number(this.level) >= 4 ? '#07140D' : '#ECECEC';
|
|
65
|
+
}
|
|
66
|
+
fullText() {
|
|
67
|
+
const parts = [`${this.label} ${this.level}`];
|
|
68
|
+
if (this.assessed) {
|
|
69
|
+
parts.push(`assessed ${this.assessed}`);
|
|
70
|
+
}
|
|
71
|
+
if (this.methodology) {
|
|
72
|
+
parts.push(`methodology ${this.methodology}`);
|
|
73
|
+
}
|
|
74
|
+
return parts.join(' · ');
|
|
75
|
+
}
|
|
76
|
+
/** Build the inner markup + intrinsic dimensions for the chosen variant. */
|
|
77
|
+
build() {
|
|
78
|
+
const CW = EdsTrlBadge.CW;
|
|
79
|
+
const uid = this.uid;
|
|
80
|
+
const clip = `${uid}clip`;
|
|
81
|
+
const valColor = this.levelColor();
|
|
82
|
+
const logoSpace = 28; // 8 margin + ~16 mark + 4 gap
|
|
83
|
+
const mono = `font-family="'IBM Plex Mono',monospace"`;
|
|
84
|
+
const lvl = this.esc(String(this.level));
|
|
85
|
+
if (this.variant === 'full') {
|
|
86
|
+
const tail = (this.assessed ? ` · assessed ${this.esc(this.assessed)}` : '') +
|
|
87
|
+
(this.methodology ? ` · methodology ${this.esc(this.methodology)}` : '');
|
|
88
|
+
const w = Math.ceil(logoSpace + this.fullText().length * CW + 10);
|
|
89
|
+
const inner = `<defs><clipPath id="${clip}"><rect width="${w}" height="24" rx="6"/></clipPath>${markDefs(uid)}</defs>` +
|
|
90
|
+
`<g clip-path="url(#${clip})"><rect width="${w}" height="24" fill="#07140D"/></g>${markGroup(uid, 8, 4, 16)}` +
|
|
91
|
+
`<text x="30" y="15.5" ${mono} font-size="11" letter-spacing=".2">` +
|
|
92
|
+
`<tspan fill="#ECECEC">${this.esc(this.label)} </tspan>` +
|
|
93
|
+
`<tspan fill="${valColor}" font-weight="600">${lvl}</tspan>` +
|
|
94
|
+
`<tspan fill="#7A7B7A">${this.esc(tail)}</tspan></text>`;
|
|
95
|
+
return { w, h: 24, inner };
|
|
96
|
+
}
|
|
97
|
+
if (this.variant === 'pill') {
|
|
98
|
+
const txt = `TRL ${this.level}`;
|
|
99
|
+
const w = Math.ceil(logoSpace + txt.length * CW + 14);
|
|
100
|
+
const tx = logoSpace + (w - logoSpace) / 2 - 4;
|
|
101
|
+
const inner = `<defs>${markDefs(uid)}</defs>` +
|
|
102
|
+
`<rect width="${w}" height="24" rx="12" fill="#07140D"/>${markGroup(uid, 7, 4, 16)}` +
|
|
103
|
+
`<text x="${tx}" y="16" ${mono} font-size="11" font-weight="500" letter-spacing=".5" text-anchor="middle">` +
|
|
104
|
+
`<tspan fill="#ECECEC">TRL </tspan><tspan fill="${valColor}" font-weight="600">${lvl}</tspan></text>`;
|
|
105
|
+
return { w, h: 24, inner };
|
|
106
|
+
}
|
|
107
|
+
if (this.variant === 'outline') {
|
|
108
|
+
const dark = this.theme !== 'light';
|
|
109
|
+
const bg = dark ? '#0c1c14' : '#ffffff';
|
|
110
|
+
const stroke = dark ? '#34473d' : '#07140D';
|
|
111
|
+
const labelColor = dark ? '#ECECEC' : '#07140D';
|
|
112
|
+
const sep = dark ? '#5a6b62' : '#9aa39d';
|
|
113
|
+
const value = dark ? valColor : Number(this.level) >= 4 ? '#00966a' : '#7A7B7A';
|
|
114
|
+
const w = Math.ceil(logoSpace + `${this.label} · ${this.level}`.length * CW + 12);
|
|
115
|
+
const inner = `<defs>${markDefs(uid)}</defs>` +
|
|
116
|
+
`<rect x=".5" y=".5" width="${w - 1}" height="23" rx="6" fill="${bg}" stroke="${stroke}"/>${markGroup(uid, 8, 4, 16)}` +
|
|
117
|
+
`<text x="30" y="16" ${mono} font-size="11" letter-spacing=".3">` +
|
|
118
|
+
`<tspan fill="${labelColor}">${this.esc(this.label)} </tspan>` +
|
|
119
|
+
`<tspan fill="${sep}">· </tspan>` +
|
|
120
|
+
`<tspan fill="${value}" font-weight="600">${lvl}</tspan></text>`;
|
|
121
|
+
return { w, h: 24, inner };
|
|
122
|
+
}
|
|
123
|
+
if (this.variant === 'scale') {
|
|
124
|
+
const dark = this.theme !== 'light';
|
|
125
|
+
const bg = dark ? '#07140D' : '#ECECEC';
|
|
126
|
+
const labelColor = dark ? '#ECECEC' : '#07140D';
|
|
127
|
+
const emptyPip = dark ? '#2f4339' : '#c4ccc7';
|
|
128
|
+
const sep = dark ? '#5a6b62' : '#9aa39d';
|
|
129
|
+
const n = Math.max(0, Math.min(9, Number(this.level) || 0));
|
|
130
|
+
const pipStart = Math.ceil(30 + this.label.length * CW + 12);
|
|
131
|
+
const pipStep = 9, pipW = 6, pipH = 8, pipY = 9;
|
|
132
|
+
let pips = '';
|
|
133
|
+
for (let i = 0; i < 9; i++) {
|
|
134
|
+
const x = pipStart + i * pipStep;
|
|
135
|
+
pips += `<rect x="${x}" y="${pipY}" width="${pipW}" height="${pipH}" rx="1" fill="${i < n ? valColor : emptyPip}"/>`;
|
|
136
|
+
}
|
|
137
|
+
const valueX = pipStart + 9 * pipStep + 5;
|
|
138
|
+
const w = Math.ceil(valueX + `${this.level}/9`.length * CW + 8);
|
|
139
|
+
const inner = `<defs>${markDefs(uid)}</defs>` +
|
|
140
|
+
`<rect width="${w}" height="26" rx="6" fill="${bg}"/>${markGroup(uid, 8, 5, 16)}` +
|
|
141
|
+
`<text x="30" y="17" ${mono} font-size="11" letter-spacing=".3" fill="${labelColor}">${this.esc(this.label)}</text>` +
|
|
142
|
+
`<g>${pips}</g>` +
|
|
143
|
+
`<text x="${valueX}" y="17" ${mono} font-size="11" font-weight="500">` +
|
|
144
|
+
`<tspan fill="${valColor}">${lvl}</tspan><tspan fill="${sep}">/9</tspan></text>`;
|
|
145
|
+
return { w, h: 26, inner };
|
|
146
|
+
}
|
|
147
|
+
// tone (default) — dark or light theme
|
|
148
|
+
const dark = this.theme !== 'light';
|
|
149
|
+
const labelBg = dark ? '#07140D' : '#ECECEC';
|
|
150
|
+
const labelTextColor = dark ? '#ECECEC' : '#07140D';
|
|
151
|
+
const valTextColor = dark ? this.valueText() : '#07140D';
|
|
152
|
+
const labelSegW = Math.ceil(logoSpace + this.label.length * CW + 12);
|
|
153
|
+
const valSegW = Math.ceil(12 + String(this.level).length * CW + 12);
|
|
154
|
+
const w = labelSegW + valSegW;
|
|
155
|
+
const inner = `<defs><clipPath id="${clip}"><rect width="${w}" height="24" rx="6"/></clipPath>${markDefs(uid)}</defs>` +
|
|
156
|
+
`<g clip-path="url(#${clip})"><rect width="${labelSegW}" height="24" fill="${labelBg}"/>` +
|
|
157
|
+
`<rect x="${labelSegW}" width="${valSegW}" height="24" fill="${valColor}"/></g>${markGroup(uid, 8, 4, 16)}` +
|
|
158
|
+
`<text x="${logoSpace + (labelSegW - logoSpace) / 2}" y="16" ${mono} font-size="11" letter-spacing=".4" fill="${labelTextColor}" text-anchor="middle">${this.esc(this.label)}</text>` +
|
|
159
|
+
`<text x="${labelSegW + valSegW / 2}" y="16" ${mono} font-size="11" font-weight="600" fill="${valTextColor}" text-anchor="middle">${lvl}</text>`;
|
|
160
|
+
return { w, h: 24, inner };
|
|
161
|
+
}
|
|
162
|
+
buildSvg() {
|
|
163
|
+
const { w, h, inner } = this.build();
|
|
164
|
+
const aria = this.esc(this.fullText());
|
|
165
|
+
const k = this.size ? this.size / h : 1;
|
|
166
|
+
const outW = Math.round(w * k);
|
|
167
|
+
const outH = Math.round(h * k);
|
|
168
|
+
return (`<svg xmlns="http://www.w3.org/2000/svg" width="${outW}" height="${outH}" ` +
|
|
169
|
+
`viewBox="0 0 ${w} ${h}" role="img" aria-label="${aria}"><title>${aria}</title>${inner}</svg>`);
|
|
170
|
+
}
|
|
171
|
+
render() {
|
|
172
|
+
const svg = this.buildSvg();
|
|
173
|
+
return (h(Host, { key: '8da5cadf8dc1cef28dd16902013905bfefdd67aa' }, this.href ? (h("a", { class: "link", href: this.href, "aria-label": this.fullText(), innerHTML: svg })) : (h("span", { class: "link", innerHTML: svg }))));
|
|
174
|
+
}
|
|
175
|
+
};
|
|
176
|
+
// IBM Plex Mono advance width at 11px (used to size segments to the text).
|
|
177
|
+
EdsTrlBadge.CW = 6.8;
|
|
178
|
+
EdsTrlBadge.style = EdsTrlBadgeStyle0;
|
|
179
|
+
|
|
180
|
+
export { EdsTrlBadge as eds_trl_badge };
|
|
@@ -39,7 +39,7 @@ const IncorrectUseOfColors = class {
|
|
|
39
39
|
registerInstance(this, hostRef);
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
|
-
return (h("div", { key: '
|
|
42
|
+
return (h("div", { key: 'a6d5c05544bb0af37aeec022d53c9ebd64e891cc', class: "container" }, h("div", { key: '058290373f57f7f887f79a41d0441f0791037220', class: "mb-8" }, h("eds-alert", { key: 'f6168be82e7a540a1940314134c9eb57dbd1fae4', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), h("div", { key: 'c05365d2dcdce23a750c752cef81a7843fe9b54f', class: "flex" }, h("div", { key: '16ca87385a2e3a8fc108df30d628f78534a1b057', class: "w-full" }, h("ul", { key: 'f8c62eec7f63fb153c1785ede3a2cf535dfad6e5', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '9c918b52798d9a50a4b4171dd3d2df0ff276a8fa', class: "w-full" }, h("ul", { key: 'f93524796d29dfc7d85da5a86a937519df10cdd3', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
45
|
|
|
@@ -52,10 +52,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
52
52
|
}
|
|
53
53
|
switch(bundleId) {
|
|
54
54
|
|
|
55
|
-
case 'eds-
|
|
55
|
+
case 'eds-accordion_53':
|
|
56
56
|
return import(
|
|
57
57
|
/* webpackMode: "lazy" */
|
|
58
|
-
'./eds-
|
|
58
|
+
'./eds-accordion_53.entry.js').then(processMod, consoleError);
|
|
59
59
|
case 'components-section':
|
|
60
60
|
return import(
|
|
61
61
|
/* webpackMode: "lazy" */
|
|
@@ -128,6 +128,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
128
128
|
return import(
|
|
129
129
|
/* webpackMode: "lazy" */
|
|
130
130
|
'./eds-icon-youtube.entry.js').then(processMod, consoleError);
|
|
131
|
+
case 'eds-input-search':
|
|
132
|
+
return import(
|
|
133
|
+
/* webpackMode: "lazy" */
|
|
134
|
+
'./eds-input-search.entry.js').then(processMod, consoleError);
|
|
131
135
|
case 'eds-modal':
|
|
132
136
|
return import(
|
|
133
137
|
/* webpackMode: "lazy" */
|
|
@@ -144,6 +148,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
144
148
|
return import(
|
|
145
149
|
/* webpackMode: "lazy" */
|
|
146
150
|
'./eds-toast-manager.entry.js').then(processMod, consoleError);
|
|
151
|
+
case 'eds-trl-badge':
|
|
152
|
+
return import(
|
|
153
|
+
/* webpackMode: "lazy" */
|
|
154
|
+
'./eds-trl-badge.entry.js').then(processMod, consoleError);
|
|
147
155
|
case 'incorrect-use-of-colors':
|
|
148
156
|
return import(
|
|
149
157
|
/* webpackMode: "lazy" */
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy(JSON.parse("[[\"eds-accordion_52\",[[1,\"eds-form\",{\"name\":[1],\"title\":[1],\"description\":[1],\"setFormUrl\":[4,\"set-form-url\"],\"formBtn\":[4,\"form-btn\"],\"formBtnLabel\":[1,\"form-btn-label\"],\"buttonIntent\":[1,\"button-intent\"],\"clearBtn\":[4,\"clear-btn\"],\"clearBtnLabel\":[1,\"clear-btn-label\"],\"errorMessage\":[1,\"error-message\"],\"fields\":[1],\"groups\":[1],\"initData\":[16],\"formStyle\":[1,\"form-style\"],\"values\":[32],\"isSubmitting\":[32],\"hasError\":[32],\"errors\":[32],\"parsedFields\":[32],\"parsedGroups\":[32],\"setData\":[64],\"getData\":[64]},null,{\"fields\":[\"parseFields\"],\"groups\":[\"parseGroups\"]}],[1,\"eds-global-search\",{\"apiEndpoint\":[1,\"api-endpoint\"],\"placeholder\":[1],\"limit\":[2],\"debounceDelay\":[2,\"debounce-delay\"],\"forceNewTab\":[4,\"force-new-tab\"],\"currentOrigin\":[1,\"current-origin\"],\"currentSource\":[1,\"current-source\"],\"authToken\":[1,\"auth-token\"],\"query\":[32],\"results\":[32],\"loading\":[32],\"error\":[32],\"hasSearched\":[32],\"showDropdown\":[32],\"selectedIndex\":[32]},[[4,\"click\",\"handleDocumentClick\"],[0,\"keydown\",\"handleKeydown\"]]],[1,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32],\"open\":[64],\"close\":[64]},[[16,\"toggleheadermenu\",\"handleToggleMenu\"],[8,\"keydown\",\"onKeydown\"]]],[1,\"eds-user\",{\"user\":[1025],\"intent\":[1],\"dropdownLabel\":[1,\"dropdown-label\"],\"expanded\":[32],\"shortMode\":[32],\"closeDropdown\":[64]}],[1,\"eds-header\",{\"url\":[513],\"links\":[1],\"variant\":[513],\"menu\":[4],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32]}],[1,\"eds-card-app\",{\"category\":[1],\"title\":[1],\"description\":[1],\"tags\":[1],\"url\":[1],\"linkText\":[1,\"link-text\"],\"variant\":[1]}],[1,\"eds-card-cta\",{\"title\":[1],\"description\":[1],\"primaryButtonText\":[1,\"primary-button-text\"],\"primaryButtonUrl\":[1,\"primary-button-url\"],\"secondaryButtonText\":[1,\"secondary-button-text\"],\"secondaryButtonUrl\":[1,\"secondary-button-url\"],\"links\":[1],\"variant\":[1]}],[1,\"eds-steps-v2\",{\"steps\":[1],\"type\":[1],\"orientation\":[1],\"theme\":[1],\"imageSrc\":[1,\"image-src\"],\"imageWidth\":[2,\"image-width\"],\"message\":[1],\"nextLabel\":[1,\"next-label\"],\"backLabel\":[1,\"back-label\"],\"finishLabel\":[1,\"finish-label\"],\"showFinish\":[4,\"show-finish\"],\"disableNext\":[1032,\"disable-next\"],\"headingLevel\":[513,\"heading-level\"],\"activeStep\":[32]},null,{\"disableNext\":[\"handleDisableNextChange\"],\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}],[1,\"eds-card-feature\",{\"icon\":[1],\"title\":[1],\"description\":[1],\"url\":[1],\"linkText\":[1,\"link-text\"],\"variant\":[1]}],[1,\"eds-sidebar\",{\"items\":[1],\"theme\":[1],\"activeUrl\":[1,\"active-url\"],\"enableRouting\":[4,\"enable-routing\"],\"maxLevel\":[2,\"max-level\"],\"openItems\":[32],\"parsedItems\":[32]},null,{\"items\":[\"handleItemsChange\"],\"activeUrl\":[\"handleActiveUrlChange\"]}],[1,\"eds-card-hero\",{\"category\":[1],\"title\":[1],\"description\":[1],\"tags\":[1],\"url\":[1],\"variant\":[1]}],[1,\"eds-card-stat\",{\"number\":[1],\"label\":[1],\"description\":[1],\"url\":[1],\"variant\":[1]}],[1,\"eds-progress-bar\",{\"value\":[1026],\"showLabel\":[4,\"show-label\"],\"variant\":[1],\"labelPaddingX\":[1,\"label-padding-x\"],\"updateValue\":[64]}],[1,\"eds-tabs\",{\"identifier\":[1,\"id\"],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"variant\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}],[0,\"eds-kg-web-services-select\",{\"apiEndpoint\":[1,\"api-endpoint\"],\"label\":[1],\"name\":[1],\"placeholder\":[1],\"required\":[4],\"disabled\":[4],\"size\":[2],\"searchTerm\":[1,\"search-term\"],\"value\":[1025],\"hint\":[1],\"message\":[1],\"error\":[4],\"errorMessage\":[1,\"error-message\"],\"loading\":[32],\"webServices\":[32],\"fetchError\":[32],\"selectOptions\":[32]}],[1,\"eds-card-generic\",{\"title\":[1],\"url\":[1],\"description\":[1],\"tags\":[1],\"intent\":[1],\"icon\":[1],\"titleSize\":[1,\"title-size\"],\"isHovered\":[32]},[[0,\"parentContext\",\"handleParentContext\"]]],[1,\"eds-footer\",{\"social\":[4],\"variant\":[1],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"cookiesPreferences\":[1,\"cookies-preferences\"],\"enableCookiesSettings\":[4,\"enable-cookies-settings\"],\"backToTopAriaLabel\":[1,\"back-to-top-aria-label\"],\"showMatomoNotice\":[32]},[[9,\"scroll\",\"handleScroll\"]]],[1,\"eds-matomo-notice\",{\"heading\":[1,\"title\"],\"description\":[1],\"optOutMessage\":[1,\"opt-out-message\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]},[[16,\"cookies\",\"toggleCookiesConsent\"]]],[1,\"eds-nps\",{\"question\":[1],\"leftLabel\":[1,\"left-label\"],\"rightLabel\":[1,\"right-label\"],\"selectedValue\":[2,\"selected-value\"],\"internalValue\":[32]},null,{\"selectedValue\":[\"handleSelectedValueChange\"]}],[1,\"eds-dropdown\",{\"icon\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"asNav\":[4,\"as-nav\"],\"dropdownPos\":[1,\"dropdown-pos\"],\"dropdownOffset\":[4,\"dropdown-offset\"],\"intent\":[1],\"autoClose\":[4,\"auto-close\"],\"noCloseSelector\":[1,\"no-close-selector\"],\"isOpen\":[32],\"focusIndex\":[32],\"close\":[64]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"],[0,\"click\",\"handleHostInternalClick\"]]],[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"orientation\":[1],\"theme\":[1],\"nextLabel\":[1,\"next-label\"],\"backLabel\":[1,\"back-label\"],\"finishLabel\":[1,\"finish-label\"],\"showFinish\":[4,\"show-finish\"],\"disableNext\":[1032,\"disable-next\"],\"headingLevel\":[513,\"heading-level\"],\"collapsibleTitles\":[4,\"collapsible-titles\"],\"activeStep\":[32]},null,{\"disableNext\":[\"handleDisableNextChange\"],\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}],[1,\"eds-table\",{\"data\":[1,\"table-data\"],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"hostWidth\":[1,\"host-width\"],\"columnSize\":[1,\"column-size\"],\"actions\":[1],\"actionTemplate\":[16],\"sortingEnabled\":[4,\"sorting-enabled\"],\"theme\":[1],\"view\":[1025],\"showViewToggle\":[4,\"show-view-toggle\"],\"parsedActions\":[32],\"dataColumns\":[32],\"tbData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32],\"containerWidth\":[32],\"sortColumn\":[32],\"sortDirection\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"],\"actions\":[\"handleActionsChange\"]}],[1,\"eds-rating\",{\"ratingType\":[1,\"rating-type\"],\"ratingCount\":[2,\"rating-count\"],\"selectedRating\":[2,\"selected-rating\"],\"internalRating\":[32]},null,{\"selectedRating\":[\"handleSelectedRatingChange\"]}],[1,\"eds-social-networks\",{\"heading\":[1,\"title\"],\"variant\":[1]}],[1,\"eds-accordion\",{\"heading\":[1,\"title\"],\"description\":[1],\"variant\":[1],\"icon\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"isExpanded\":[32],\"toggleIcon\":[32]}],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1]}],[1,\"eds-card-desc\",{\"description\":[1],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"],\"intent\":[1]}],[1,\"eds-card-title\",{\"url\":[1],\"externalLink\":[4,\"external-link\"],\"title\":[1],\"intent\":[1],\"size\":[1]}],[1,\"eds-spinner\",{\"size\":[1],\"variant\":[1],\"message\":[1],\"background\":[1],\"fullscreen\":[4]}],[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"icon\":[1],\"dismissible\":[4],\"withBtn\":[32],\"dismissed\":[32]},null,{\"pressableLabel\":[\"onPressableLabelChange\"]}],[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"useButtons\":[4,\"use-buttons\"],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32],\"focusedIndex\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}],[1,\"eds-block-break\",{\"inverse\":[4]}],[1,\"eds-switch\",{\"checked\":[1540],\"disabled\":[4],\"labelOn\":[1,\"label-on\"],\"labelOff\":[1,\"label-off\"],\"variant\":[1]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1],\"size\":[1]}],[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1]},[[1,\"mouseenter\",\"handleHover\"]]],[1,\"eds-img\",{\"src\":[1],\"alt\":[1],\"width\":[2],\"height\":[2],\"srcset\":[1],\"sizes\":[1],\"formats\":[16],\"lazyload\":[4],\"withBg\":[4,\"with-bg\"],\"loaded\":[32],\"showBg\":[32]}],[17,\"eds-input-field\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"required\":[4],\"label\":[1],\"hint\":[1],\"icon\":[1],\"link\":[16],\"message\":[1],\"error\":[4],\"checked\":[4],\"errorMessage\":[1,\"error-message\"],\"value\":[8],\"maxLength\":[2,\"max-length\"],\"min\":[2],\"max\":[2],\"step\":[2],\"options\":[1],\"type\":[1],\"onChangeNative\":[16],\"onInput\":[16],\"exposeValueEvents\":[4,\"expose-value-events\"]}],[1,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}],[0,\"eds-input\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"checked\":[4],\"type\":[1],\"required\":[4],\"value\":[8],\"icon\":[1],\"maxLength\":[2,\"max-length\"],\"options\":[16],\"extraClass\":[1,\"extra-class\"],\"min\":[2],\"max\":[2],\"step\":[2],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}],[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"decorate\":[1],\"label\":[1],\"getInputElement\":[64]}],[0,\"eds-input-select\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"required\":[4],\"options\":[16],\"value\":[8]}],[1,\"eds-input-dropzone\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"multiple\":[4],\"accept\":[1],\"maxFileSize\":[2,\"max-file-size\"],\"primaryText\":[1,\"primary-text\"],\"secondaryText\":[1,\"secondary-text\"],\"selectedFiles\":[32],\"isDragging\":[32]}],[1,\"eds-input-file\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"multiple\":[4],\"accept\":[1],\"maxFileSize\":[2,\"max-file-size\"],\"buttonLabel\":[1,\"button-label\"],\"selectedFiles\":[32]}],[0,\"eds-input-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2],\"sliderVal\":[32],\"getInputElement\":[64]},null,{\"value\":[\"onValueChange\"]}],[1,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}],[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"variant\":[1,\"type\"],\"label\":[1]}],[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}],[17,\"eds-button\",{\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"elementType\":[1,\"element-type\"],\"intent\":[1],\"loading\":[4],\"disabled\":[4],\"pill\":[4],\"icon\":[1],\"size\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"triggerClick\":[16],\"fullWidth\":[4,\"full-width\"]},[[0,\"parentContext\",\"handleParentContext\"]]],[1,\"eds-link\",{\"label\":[1],\"intent\":[1],\"icon\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"size\":[1],\"pill\":[4],\"external\":[4],\"current\":[4],\"download\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"hideLabelOnSmallScreen\":[4,\"hide-label-on-small-screen\"]},[[0,\"parentContext\",\"handleParentContext\"]]],[1,\"eds-icon-wrapper\",{\"name\":[1],\"size\":[2]}]]],[\"logo-space\",[[1,\"logo-space\"]]],[\"svg-repository\",[[1,\"svg-repository\"]]],[\"docs-palettes\",[[0,\"docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"components-section\",[[0,\"components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-gitlab-contributors\",[[1,\"eds-gitlab-contributors\",{\"accessToken\":[1,\"access-token\"],\"projectId\":[1,\"project-id\"],\"apiUrl\":[1,\"api-url\"],\"path\":[1],\"limit\":[2],\"minCommits\":[2,\"min-commits\"],\"showStats\":[4,\"show-stats\"],\"columns\":[1],\"sortBy\":[1,\"sort-by\"],\"contributors\":[32],\"loading\":[32],\"error\":[32]}]]],[\"docs-tokens\",[[0,\"docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-cookies-preference\",[[0,\"eds-cookies-preference\",{\"buttonText\":[1,\"button-text\"],\"intent\":[1],\"showMatomoNotice\":[32],\"noticeKey\":[32]}]]],[\"eds-timeline\",[[1,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"incorrect-use-of-colors\",[[0,\"incorrect-use-of-colors\"]]],[\"eds-feedback\",[[1,\"eds-feedback\",{\"headingLevel\":[1,\"heading-level\"],\"type\":[1],\"count\":[2],\"label\":[1],\"description\":[1],\"textMapping\":[1,\"text-mapping\"],\"selectedRating\":[32]},[[16,\"rating\",\"ratingUpdated\"]]]]],[\"eds-toast-manager\",[[1,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"logo-variations-tabs\",[[0,\"logo-variations-tabs\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"correct-use-of-colors\",[[0,\"correct-use-of-colors\"]]],[\"eds-app-root\",[[1,\"eds-app-root\",{\"isAuthenticated\":[32]}]]],[\"eds-frame\",[[1,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"frameSrc\":[1,\"frame-src\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"url\":[1],\"intent\":[1],\"size\":[1],\"iframeError\":[32]}]]],[\"eds-modal\",[[1,\"eds-modal\",{\"heading\":[1,\"title\"],\"truncate\":[2],\"position\":[1],\"size\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]},[[0,\"eds-modal-open\",\"handleGlobalOpen\"],[0,\"eds-modal-close\",\"handleGlobalClose\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"eds-section-core_2\",[[1,\"eds-section-core\",{\"tag\":[1],\"sectionTitle\":[1,\"section-title\"],\"headingLevel\":[1,\"heading-level\"]}],[0,\"eds-section-heading\",{\"sectionTitle\":[1,\"section-title\"],\"withContainer\":[4,\"with-container\"],\"headingLevel\":[1,\"heading-level\"],\"tag\":[1],\"spacingLarge\":[4,\"spacing-large\"]}]]],[\"token-ratios\",[[0,\"token-ratios\"]]],[\"token-typography\",[[0,\"token-typography\"]]],[\"eds-gauge\",[[1,\"eds-gauge\",{\"size\":[2],\"valueMin\":[2,\"value-min\"],\"valueMax\":[2,\"value-max\"],\"value\":[2],\"thickness\":[2],\"variant\":[1]}]]],[\"eds-icon-bluesky\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-eu\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-facebook\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-mastodon\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-twitter\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-youtube\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-pie\",[[1,\"eds-pie\",{\"size\":[2],\"slices\":[1],\"thickness\":[2],\"display\":[1],\"legend\":[4],\"colorScheme\":[1,\"color-scheme\"]}]]],[\"logo-wrong-usage\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing\",[[0,\"token-spacing\"]]],[\"eds-splash-screen\",[[1,\"eds-splash-screen\",{\"inverse\":[4],\"initPromise\":[16],\"isVisible\":[32]},[[8,\"hideSplash\",\"handleHideSplash\"]],{\"initPromise\":[\"watchInitPromise\"]}]]],[\"logo-variations-horizontal_2\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"token-list_3\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"color-primary-palette_6\",[[0,\"gradient-secondary-palette\"],[0,\"color-primary-palette\"],[0,\"color-secondary-palette\",{\"show\":[1]}],[0,\"color-support-palette\"],[0,\"gradient-primary-palette\"],[0,\"gradient-support-palette\"]]]]"), options);
|
|
8
|
+
return bootstrapLazy(JSON.parse("[[\"eds-accordion_53\",[[1,\"eds-form\",{\"name\":[1],\"title\":[1],\"description\":[1],\"eyebrow\":[1],\"estimatedTime\":[1,\"estimated-time\"],\"progress\":[2],\"expires\":[1],\"policy\":[1],\"gdpr\":[4],\"setFormUrl\":[4,\"set-form-url\"],\"formBtn\":[4,\"form-btn\"],\"formBtnLabel\":[1,\"form-btn-label\"],\"buttonIntent\":[1,\"button-intent\"],\"clearBtn\":[4,\"clear-btn\"],\"clearBtnLabel\":[1,\"clear-btn-label\"],\"errorMessage\":[1,\"error-message\"],\"fields\":[1],\"groups\":[1],\"initData\":[16],\"formStyle\":[1,\"form-style\"],\"status\":[1],\"saveStatus\":[1,\"save-status\"],\"saveLabel\":[1,\"save-label\"],\"values\":[32],\"showClearConfirm\":[32],\"isSubmitting\":[32],\"hasError\":[32],\"errors\":[32],\"parsedFields\":[32],\"parsedGroups\":[32],\"setData\":[64],\"getData\":[64]},null,{\"fields\":[\"parseFields\"],\"groups\":[\"parseGroups\"]}],[1,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32],\"open\":[64],\"close\":[64]},[[16,\"toggleheadermenu\",\"handleToggleMenu\"],[8,\"keydown\",\"onKeydown\"]]],[1,\"eds-kg-learning-resources\",{\"apiEndpoint\":[1,\"api-endpoint\"],\"resolveNames\":[4,\"resolve-names\"],\"size\":[2],\"heading\":[1],\"variant\":[1],\"loading\":[32],\"error\":[32],\"software\":[32],\"meta\":[32],\"filterType\":[32],\"filterLevel\":[32],\"searchQuery\":[32]}],[1,\"eds-user\",{\"user\":[1025],\"intent\":[1],\"dropdownLabel\":[1,\"dropdown-label\"],\"expanded\":[32],\"closeDropdown\":[64]}],[1,\"eds-header\",{\"url\":[513],\"links\":[1],\"variant\":[513],\"menu\":[4],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32]}],[1,\"eds-card-app\",{\"category\":[1],\"title\":[1],\"description\":[1],\"tags\":[1],\"url\":[1],\"linkText\":[1,\"link-text\"],\"variant\":[1]}],[1,\"eds-card-cta\",{\"title\":[1],\"description\":[1],\"primaryButtonText\":[1,\"primary-button-text\"],\"primaryButtonUrl\":[1,\"primary-button-url\"],\"secondaryButtonText\":[1,\"secondary-button-text\"],\"secondaryButtonUrl\":[1,\"secondary-button-url\"],\"links\":[1],\"variant\":[1]}],[1,\"eds-steps-v2\",{\"steps\":[1],\"type\":[1],\"orientation\":[1],\"theme\":[1],\"imageSrc\":[1,\"image-src\"],\"imageWidth\":[2,\"image-width\"],\"message\":[1],\"nextLabel\":[1,\"next-label\"],\"backLabel\":[1,\"back-label\"],\"finishLabel\":[1,\"finish-label\"],\"showFinish\":[4,\"show-finish\"],\"card\":[4],\"disableNext\":[1032,\"disable-next\"],\"headingLevel\":[513,\"heading-level\"],\"activeStep\":[32],\"isMobile\":[32]},null,{\"disableNext\":[\"handleDisableNextChange\"],\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}],[1,\"eds-card-feature\",{\"icon\":[1],\"title\":[1],\"description\":[1],\"url\":[1],\"linkText\":[1,\"link-text\"],\"variant\":[1]}],[1,\"eds-global-search\",{\"apiEndpoint\":[1,\"api-endpoint\"],\"placeholder\":[1],\"limit\":[2],\"debounceDelay\":[2,\"debounce-delay\"],\"forceNewTab\":[4,\"force-new-tab\"],\"currentOrigin\":[1,\"current-origin\"],\"currentSource\":[1,\"current-source\"],\"authToken\":[1,\"auth-token\"],\"variant\":[513],\"query\":[32],\"results\":[32],\"loading\":[32],\"error\":[32],\"hasSearched\":[32],\"showDropdown\":[32],\"selectedIndex\":[32]},[[4,\"click\",\"handleDocumentClick\"],[0,\"keydown\",\"handleKeydown\"]]],[1,\"eds-sidebar\",{\"items\":[1],\"theme\":[1],\"activeUrl\":[1,\"active-url\"],\"enableRouting\":[4,\"enable-routing\"],\"maxLevel\":[2,\"max-level\"],\"openItems\":[32],\"parsedItems\":[32]},null,{\"items\":[\"handleItemsChange\"],\"activeUrl\":[\"handleActiveUrlChange\"]}],[1,\"eds-card-hero\",{\"category\":[1],\"title\":[1],\"description\":[1],\"tags\":[1],\"url\":[1],\"variant\":[1]}],[1,\"eds-card-stat\",{\"number\":[1],\"label\":[1],\"description\":[1],\"url\":[1],\"variant\":[1]}],[1,\"eds-progress-bar\",{\"value\":[1026],\"showLabel\":[4,\"show-label\"],\"variant\":[1],\"labelPaddingX\":[1,\"label-padding-x\"],\"updateValue\":[64]}],[1,\"eds-tabs\",{\"identifier\":[1,\"id\"],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"variant\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}],[0,\"eds-kg-web-services-select\",{\"apiEndpoint\":[1,\"api-endpoint\"],\"label\":[1],\"name\":[1],\"placeholder\":[1],\"required\":[4],\"disabled\":[4],\"size\":[2],\"searchTerm\":[1,\"search-term\"],\"value\":[1025],\"hint\":[1],\"message\":[1],\"error\":[4],\"errorMessage\":[1,\"error-message\"],\"loading\":[32],\"webServices\":[32],\"fetchError\":[32],\"selectOptions\":[32]}],[1,\"eds-card-generic\",{\"title\":[1],\"url\":[1],\"description\":[1],\"tags\":[1],\"intent\":[1],\"icon\":[1],\"titleSize\":[1,\"title-size\"],\"isHovered\":[32]},[[0,\"parentContext\",\"handleParentContext\"]]],[1,\"eds-footer\",{\"social\":[4],\"variant\":[513],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"cookiesPreferences\":[1,\"cookies-preferences\"],\"enableCookiesSettings\":[4,\"enable-cookies-settings\"],\"backToTopAriaLabel\":[1,\"back-to-top-aria-label\"],\"columns\":[1],\"resolvedColumns\":[32]},[[9,\"scroll\",\"handleScroll\"]],{\"columns\":[\"onColumnsChange\"]}],[1,\"eds-search-select\",{\"name\":[1],\"label\":[1],\"placeholder\":[1],\"required\":[4],\"disabled\":[4],\"hint\":[1],\"message\":[1],\"error\":[4],\"errorMessage\":[1,\"error-message\"],\"value\":[1025],\"multiple\":[4],\"options\":[1],\"source\":[1],\"apiBase\":[1,\"api-base\"],\"searchParam\":[1,\"search-param\"],\"limit\":[2],\"debounceMs\":[2,\"debounce-ms\"],\"maxVisible\":[2,\"max-visible\"],\"open\":[32],\"query\":[32],\"loading\":[32],\"fetchError\":[32],\"items\":[32],\"total\":[32],\"activeIndex\":[32],\"selectedLabel\":[32]},null,{\"options\":[\"onOptionsChange\"],\"value\":[\"onValueChange\"]}],[1,\"eds-matomo-notice\",{\"heading\":[1,\"title\"],\"description\":[1],\"optOutMessage\":[1,\"opt-out-message\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]},[[16,\"cookies\",\"toggleCookiesConsent\"]]],[1,\"eds-nps\",{\"question\":[1],\"leftLabel\":[1,\"left-label\"],\"rightLabel\":[1,\"right-label\"],\"selectedValue\":[2,\"selected-value\"],\"internalValue\":[32]},null,{\"selectedValue\":[\"handleSelectedValueChange\"]}],[1,\"eds-dropdown\",{\"icon\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"asNav\":[4,\"as-nav\"],\"dropdownPos\":[1,\"dropdown-pos\"],\"dropdownOffset\":[4,\"dropdown-offset\"],\"intent\":[1],\"autoClose\":[4,\"auto-close\"],\"noCloseSelector\":[1,\"no-close-selector\"],\"isOpen\":[32],\"focusIndex\":[32],\"close\":[64]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"],[0,\"click\",\"handleHostInternalClick\"]]],[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"orientation\":[1],\"theme\":[1],\"nextLabel\":[1,\"next-label\"],\"backLabel\":[1,\"back-label\"],\"finishLabel\":[1,\"finish-label\"],\"showFinish\":[4,\"show-finish\"],\"disableNext\":[1032,\"disable-next\"],\"headingLevel\":[513,\"heading-level\"],\"collapsibleTitles\":[4,\"collapsible-titles\"],\"activeStep\":[32],\"isMobile\":[32]},null,{\"disableNext\":[\"handleDisableNextChange\"],\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"variant\":[1],\"heading\":[1],\"icon\":[1],\"dismissible\":[4],\"duration\":[2],\"visible\":[32],\"hasActions\":[32]}],[1,\"eds-table\",{\"data\":[1,\"table-data\"],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"hostWidth\":[1,\"host-width\"],\"actions\":[1],\"actionTemplate\":[16],\"sortingEnabled\":[4,\"sorting-enabled\"],\"theme\":[1025],\"view\":[1025],\"showViewToggle\":[4,\"show-view-toggle\"],\"parsedActions\":[32],\"dataColumns\":[32],\"tbData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32],\"containerWidth\":[32],\"sortColumn\":[32],\"sortDirection\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"],\"actions\":[\"handleActionsChange\"]}],[1,\"eds-rating\",{\"ratingType\":[1,\"rating-type\"],\"ratingCount\":[2,\"rating-count\"],\"selectedRating\":[2,\"selected-rating\"],\"internalRating\":[32]},null,{\"selectedRating\":[\"handleSelectedRatingChange\"]}],[1,\"eds-social-networks\",{\"heading\":[1,\"title\"],\"variant\":[1]}],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1]}],[1,\"eds-card-desc\",{\"description\":[1],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"],\"intent\":[1]}],[1,\"eds-card-title\",{\"url\":[1],\"externalLink\":[4,\"external-link\"],\"title\":[1],\"intent\":[1],\"size\":[1]}],[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"useButtons\":[4,\"use-buttons\"],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32],\"focusedIndex\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}],[1,\"eds-accordion\",{\"heading\":[1,\"title\"],\"description\":[1],\"variant\":[1],\"icon\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"isExpanded\":[32],\"toggleIcon\":[32]}],[1,\"eds-block-break\",{\"inverse\":[4]}],[1,\"eds-spinner\",{\"size\":[1],\"variant\":[1],\"message\":[1],\"background\":[1],\"fullscreen\":[4]}],[1,\"eds-switch\",{\"checked\":[1540],\"disabled\":[4],\"labelOn\":[1,\"label-on\"],\"labelOff\":[1,\"label-off\"],\"variant\":[1]}],[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1]},[[1,\"mouseenter\",\"handleHover\"]]],[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"icon\":[1],\"dismissible\":[4],\"withBtn\":[32],\"dismissed\":[32]},null,{\"pressableLabel\":[\"onPressableLabelChange\"]}],[1,\"eds-img\",{\"src\":[1],\"alt\":[1],\"width\":[2],\"height\":[2],\"srcset\":[1],\"sizes\":[1],\"formats\":[16],\"lazyload\":[4],\"withBg\":[4,\"with-bg\"],\"loaded\":[32],\"showBg\":[32]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1],\"size\":[1]}],[17,\"eds-input-field\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"required\":[4],\"label\":[1],\"hint\":[1],\"icon\":[1],\"link\":[16],\"message\":[1],\"error\":[4],\"checked\":[4],\"errorMessage\":[1,\"error-message\"],\"value\":[8],\"maxLength\":[2,\"max-length\"],\"min\":[2],\"max\":[2],\"step\":[2],\"options\":[1],\"type\":[1],\"onChangeNative\":[16],\"onInput\":[16],\"exposeValueEvents\":[4,\"expose-value-events\"]}],[0,\"eds-input\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"checked\":[4],\"type\":[1],\"required\":[4],\"value\":[8],\"icon\":[1],\"maxLength\":[2,\"max-length\"],\"options\":[16],\"extraClass\":[1,\"extra-class\"],\"min\":[2],\"max\":[2],\"step\":[2],\"inputTabIndex\":[2,\"input-tab-index\"],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}],[0,\"eds-input-select\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"required\":[4],\"options\":[16],\"value\":[8]}],[1,\"eds-input-dropzone\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"multiple\":[4],\"accept\":[1],\"maxFileSize\":[2,\"max-file-size\"],\"primaryText\":[1,\"primary-text\"],\"secondaryText\":[1,\"secondary-text\"],\"selectedFiles\":[32],\"isDragging\":[32]}],[1,\"eds-input-file\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"multiple\":[4],\"accept\":[1],\"maxFileSize\":[2,\"max-file-size\"],\"buttonLabel\":[1,\"button-label\"],\"selectedFiles\":[32]}],[0,\"eds-input-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2],\"sliderVal\":[32],\"getInputElement\":[64]},null,{\"value\":[\"onValueChange\"]}],[1,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}],[1,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}],[1,\"eds-logo\",{\"href\":[1],\"variant\":[1,\"type\"]}],[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}],[17,\"eds-button\",{\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"elementType\":[1,\"element-type\"],\"intent\":[1],\"loading\":[4],\"disabled\":[4],\"pill\":[4],\"icon\":[1],\"size\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"triggerClick\":[16],\"fullWidth\":[4,\"full-width\"]},[[0,\"parentContext\",\"handleParentContext\"]]],[1,\"eds-link\",{\"label\":[1],\"intent\":[1],\"icon\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"size\":[1],\"pill\":[4],\"external\":[4],\"current\":[4],\"download\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"hideLabelOnSmallScreen\":[4,\"hide-label-on-small-screen\"]},[[0,\"parentContext\",\"handleParentContext\"]]],[1,\"eds-icon-wrapper\",{\"name\":[1],\"size\":[2],\"label\":[1]}]]],[\"logo-space\",[[1,\"logo-space\"]]],[\"svg-repository\",[[1,\"svg-repository\"]]],[\"docs-palettes\",[[0,\"docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"components-section\",[[0,\"components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-gitlab-contributors\",[[1,\"eds-gitlab-contributors\",{\"accessToken\":[1,\"access-token\"],\"projectId\":[1,\"project-id\"],\"apiUrl\":[1,\"api-url\"],\"path\":[1],\"limit\":[2],\"minCommits\":[2,\"min-commits\"],\"showStats\":[4,\"show-stats\"],\"columns\":[1],\"sortBy\":[1,\"sort-by\"],\"contributors\":[32],\"loading\":[32],\"error\":[32]}]]],[\"docs-tokens\",[[0,\"docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-cookies-preference\",[[0,\"eds-cookies-preference\",{\"buttonText\":[1,\"button-text\"],\"intent\":[1],\"showMatomoNotice\":[32],\"noticeKey\":[32]}]]],[\"eds-timeline\",[[1,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"incorrect-use-of-colors\",[[0,\"incorrect-use-of-colors\"]]],[\"eds-feedback\",[[1,\"eds-feedback\",{\"headingLevel\":[1,\"heading-level\"],\"type\":[1],\"count\":[2],\"label\":[1],\"description\":[1],\"textMapping\":[1,\"text-mapping\"],\"selectedRating\":[32]},[[16,\"rating\",\"ratingUpdated\"]]]]],[\"eds-toast-manager\",[[1,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"logo-variations-tabs\",[[0,\"logo-variations-tabs\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"correct-use-of-colors\",[[0,\"correct-use-of-colors\"]]],[\"eds-app-root\",[[1,\"eds-app-root\",{\"isAuthenticated\":[32]}]]],[\"eds-frame\",[[1,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"frameSrc\":[1,\"frame-src\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"url\":[1],\"intent\":[1],\"size\":[1],\"iframeError\":[32]}]]],[\"eds-modal\",[[1,\"eds-modal\",{\"heading\":[1,\"title\"],\"truncate\":[2],\"position\":[1],\"size\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]},[[0,\"eds-modal-open\",\"handleGlobalOpen\"],[0,\"eds-modal-close\",\"handleGlobalClose\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"token-ratios\",[[0,\"token-ratios\"]]],[\"token-typography\",[[0,\"token-typography\"]]],[\"eds-input-search\",[[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"decorate\":[1],\"label\":[1],\"getInputElement\":[64]}]]],[\"eds-gauge\",[[1,\"eds-gauge\",{\"size\":[2],\"valueMin\":[2,\"value-min\"],\"valueMax\":[2,\"value-max\"],\"value\":[2],\"thickness\":[2],\"variant\":[1]}]]],[\"eds-icon-bluesky\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-eu\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-facebook\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-mastodon\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-twitter\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-youtube\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-pie\",[[1,\"eds-pie\",{\"size\":[2],\"slices\":[1],\"thickness\":[2],\"display\":[1],\"legend\":[4],\"colorScheme\":[1,\"color-scheme\"]}]]],[\"eds-trl-badge\",[[1,\"eds-trl-badge\",{\"level\":[2],\"assessed\":[1],\"methodology\":[1],\"theme\":[1],\"variant\":[1],\"size\":[2],\"label\":[1],\"href\":[1]}]]],[\"logo-wrong-usage\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing\",[[0,\"token-spacing\"]]],[\"eds-splash-screen\",[[1,\"eds-splash-screen\",{\"inverse\":[4],\"initPromise\":[16],\"isVisible\":[32]},[[8,\"hideSplash\",\"handleHideSplash\"]],{\"initPromise\":[\"watchInitPromise\"]}]]],[\"logo-variations-horizontal_2\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"token-list_3\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"eds-section-core_2\",[[1,\"eds-section-core\",{\"tag\":[1],\"sectionTitle\":[1,\"section-title\"],\"headingLevel\":[1,\"heading-level\"]}],[0,\"eds-section-heading\",{\"sectionTitle\":[1,\"section-title\"],\"withContainer\":[4,\"with-container\"],\"headingLevel\":[1,\"heading-level\"],\"tag\":[1],\"spacingLarge\":[4,\"spacing-large\"]}]]],[\"color-primary-palette_6\",[[0,\"gradient-secondary-palette\"],[0,\"color-primary-palette\"],[0,\"color-secondary-palette\",{\"show\":[1]}],[0,\"color-support-palette\"],[0,\"gradient-primary-palette\"],[0,\"gradient-support-palette\"]]]]"), options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -8,7 +8,64 @@ const LogoSpace = class {
|
|
|
8
8
|
registerInstance(this, hostRef);
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: 'd8adaf2c085aef0029453aef21a527c8e2677ca5', class: "container" }, h("ul", { key: 'f9919afa9a7788769934fa408e3647f409ad436b', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '4defd03de432869a1acd5735011b6dbbbb18b6a8', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'fa018de1f0dcbfc32dc6ed5e00618bf238c7e928', class: "logo-clear-space mx-auto", style: { position: 'relative', padding: '2.5rem', background: '#f5f5f5', borderRadius: '8px' } }, h("div", { key: 'd275d9edb872b43a183e8a76b1c9531d981d585c', style: {
|
|
12
|
+
position: 'absolute',
|
|
13
|
+
top: '0',
|
|
14
|
+
left: '50%',
|
|
15
|
+
transform: 'translateX(-50%)',
|
|
16
|
+
display: 'flex',
|
|
17
|
+
flexDirection: 'column',
|
|
18
|
+
alignItems: 'center'
|
|
19
|
+
} }, h("span", { key: '11163f214005427e024b04ce1df24f41b8145f57', style: {
|
|
20
|
+
fontSize: '11px',
|
|
21
|
+
fontWeight: '600',
|
|
22
|
+
color: '#00C87B',
|
|
23
|
+
fontFamily: 'IBM Plex Mono, monospace'
|
|
24
|
+
} }, "E"), h("div", { key: 'ef4d8d4f7318eba7a9e4cfc8f32119d2c9e23477', style: { width: '1px', height: '12px', borderLeft: '1px dashed #00C87B' } })), h("div", { key: 'ffe1a1ae439d3fd9b129acd336e75aa19624c2b6', style: {
|
|
25
|
+
position: 'absolute',
|
|
26
|
+
bottom: '0',
|
|
27
|
+
left: '50%',
|
|
28
|
+
transform: 'translateX(-50%)',
|
|
29
|
+
display: 'flex',
|
|
30
|
+
flexDirection: 'column',
|
|
31
|
+
alignItems: 'center'
|
|
32
|
+
} }, h("div", { key: '7b8342fd5b5202dfaa6da0665d91bcd3a47f79a7', style: { width: '1px', height: '12px', borderLeft: '1px dashed #00C87B' } }), h("span", { key: '4efc55d4f8a642acfb77a571694ea05460d12594', style: {
|
|
33
|
+
fontSize: '11px',
|
|
34
|
+
fontWeight: '600',
|
|
35
|
+
color: '#00C87B',
|
|
36
|
+
fontFamily: 'IBM Plex Mono, monospace'
|
|
37
|
+
} }, "E")), h("div", { key: '70eb593013f530ef57f9794266ec8909d6f6bbd8', style: {
|
|
38
|
+
position: 'absolute',
|
|
39
|
+
left: '4px',
|
|
40
|
+
top: '50%',
|
|
41
|
+
transform: 'translateY(-50%)',
|
|
42
|
+
display: 'flex',
|
|
43
|
+
alignItems: 'center'
|
|
44
|
+
} }, h("span", { key: 'eeaf30fd53b36844e52b2e92142b8f8adbaacca2', style: {
|
|
45
|
+
fontSize: '11px',
|
|
46
|
+
fontWeight: '600',
|
|
47
|
+
color: '#00C87B',
|
|
48
|
+
fontFamily: 'IBM Plex Mono, monospace'
|
|
49
|
+
} }, "E"), h("div", { key: '27682de58b8ac8bf1d7f17d25ab4e2429e7c5897', style: { height: '1px', width: '12px', borderTop: '1px dashed #00C87B' } })), h("div", { key: 'ced953919078e5ddd4b5c70d750693b89e4d8cbc', style: {
|
|
50
|
+
position: 'absolute',
|
|
51
|
+
right: '4px',
|
|
52
|
+
top: '50%',
|
|
53
|
+
transform: 'translateY(-50%)',
|
|
54
|
+
display: 'flex',
|
|
55
|
+
alignItems: 'center'
|
|
56
|
+
} }, h("div", { key: '4fe3e43ca20645c3631119cf089aa9f3d83be1f4', style: { height: '1px', width: '12px', borderTop: '1px dashed #00C87B' } }), h("span", { key: '27ca09a454a253730b7cb1ac4246b36c54748745', style: {
|
|
57
|
+
fontSize: '11px',
|
|
58
|
+
fontWeight: '600',
|
|
59
|
+
color: '#00C87B',
|
|
60
|
+
fontFamily: 'IBM Plex Mono, monospace'
|
|
61
|
+
} }, "E")), h("div", { key: 'df5159d9341ceebeaca350e5589a59c5f14c8b9a', style: {
|
|
62
|
+
border: '1px dashed rgba(0, 200, 123, 0.5)',
|
|
63
|
+
borderRadius: '4px',
|
|
64
|
+
padding: '1rem',
|
|
65
|
+
display: 'flex',
|
|
66
|
+
alignItems: 'center',
|
|
67
|
+
justifyContent: 'center'
|
|
68
|
+
} }, h("eds-logo", { key: '1fe938ec424cf65abffa2b1421f9e5ad5fd7f29a', variant: "positive", href: "#", style: { display: 'block', width: '250px' } })))), h("li", { key: '7db8f82af5f6231048d040d8d96c6c8aabada665', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '8912e3482e1590b4f0cbcf1a8d3a02492b24c2f1', class: "text-center mt-16" }, h("p", { key: '94c6b05c888b177afcce6f0eb8ee2c8b0328a89d', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: 'b02c7b046b2b11effc65ff9c889a962b3b6bd2f5', data: '[\n { "Media": "Print", "Min Size": "0.75 cm" },\n { "Media": "Web", "Min Size": "29 px" }\n ]', config: '{\n "Media": { "format": "bold" }\n }' }))))));
|
|
12
69
|
}
|
|
13
70
|
};
|
|
14
71
|
LogoSpace.style = LogoSpaceStyle0;
|
|
@@ -8,7 +8,7 @@ const LogoVariationsHorizontal = class {
|
|
|
8
8
|
registerInstance(this, hostRef);
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: '5011adf9e8af3aac24dca24120996b52643e601b', class: "container" }, h("ul", { key: '2b8d7d8ea5c09140279d199372dd06e336e78bc1', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'eaeac5d7de69e2b8a745d4961fb26cf411f4cf91', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '44c29035848feb5380b5efb20b37e5f86d65314f', class: "f-body-01 text-center my-4" }, "#1 Positive"), h("div", { key: 'b438024e4b9fe2ede6e1d8193d5021f84d78baeb', class: "coloured" }, h("eds-logo", { key: '196ccaa50454d4b26c14d7187736fec16f89349a', variant: "positive", href: "#" }))), h("li", { key: '9eb5bbaf4081f2265ea60d2d2099ca039f190389', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '9b95ee3022aafc4c68ea8bed146dd3780b9ef4f2', class: "f-body-01 text-center my-4" }, "#2 Negative"), h("div", { key: '137e1f0451b41bb66c36151e6967e14002bde4ac', class: "bg-default" }, h("eds-logo", { key: '9d97fade01d3e8b59e69d4ba6758ee41f84ef571', variant: "negative", href: "#" }))))));
|
|
12
12
|
}
|
|
13
13
|
};
|
|
14
14
|
LogoVariationsHorizontal.style = LogoVariationsHorizontalStyle0;
|
|
@@ -23,7 +23,7 @@ const LogoVariationsVertical = class {
|
|
|
23
23
|
this.type = undefined;
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h("div", { key: '
|
|
26
|
+
return (h("div", { key: '67acdc82a0e7dbc0aa07e6607d31c81939ee5d7a', class: "container" }, h("ul", { key: '8c7eb2ee978a402cd85c570e61eb523721dffdd9', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'f6620aaf501e6dc5168e5d0d2baa238ce82680fa', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'abeb6b64713250a61476e2947dae5490ca18afea', class: "f-body-01 text-center my-4" }, "#1 Positive"), h("div", { key: '825f3020ce0e73ac80b78e2bbb898c26cb1d2190', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: '6aaa41b6beaf9fbcdcce1c6f3130a4db3c97afb4', variant: "positive", href: "#" }))), h("li", { key: '91db370167cecb19689bc2b13d7155a906d14a12', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'b44bf3c628adf0d1f5ca3c1e9dc48e5a6b09a9ee', class: "f-body-01 text-center my-4" }, "#2 Negative"), h("div", { key: '3e9ffec9903d8cfdb38ca64c8a69c201024f593d', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: 'cfb79e36eb78bd046c783cc4f210febfe30e28e9', variant: "negative", href: "#" }))))));
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
LogoVariationsVertical.style = LogoVariationsVerticalStyle0;
|
|
@@ -16,7 +16,7 @@ const LogoVariationsTabs = class {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return h("div", { key: '
|
|
19
|
+
return h("div", { key: '5be7df6877ce83e4cdf3652b6e66640e90fb3081', class: "container" }, this.renderContent());
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
|
|
@@ -9,7 +9,7 @@ const LogoWrongUsage = class {
|
|
|
9
9
|
registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h("div", { key: '
|
|
12
|
+
return (h("div", { key: 'f2917e2a6ea6fb5e2eb31dd1bc915a20256ff676', class: "container" }, h("ul", { key: 'd80a9c848c64f2603fa0aef5dd6cde3e9947eb64', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'acbdc5eba5aa42a629e0af955b8b05b693c04280', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'ee377c6fc03df3ea4d36de8f488ff0e3d01795f0', class: "mx-auto no-other-bg-color logo", innerHTML: logoPositive }), h("p", { key: 'ff57d7ac90e5dc0fd03aa3cce651f8a7b05f4215', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: '39ff08699d8640290f529f2bf3bee718770f452a', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '9f718c4ff9148444c2b039c4afba117fd84959bf', class: "mx-auto no-other-color logo non-brand-color", innerHTML: logoPositive }), h("p", { key: '263702a71e19f66e5e133d50ff5a05d78334aa22', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '18261985b96396ab2b6fc2a782acd101565756de', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'f6cd02054601479517153821e15c51c07aac549d', class: "mx-auto distorted logo", innerHTML: logoPositive }), h("p", { key: 'cdfd4f9640d3f85a96f194b146a63ff39fb02be6', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '609660c30557cebaa4798f7f13706cf62c5985ce', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '80c7f31b812f42ae2de7ab04e8ab237bd09d5951', class: "mx-auto effects logo", innerHTML: logoPositive }), h("p", { key: 'a0ef2f9c5358be703f6e997bf7f2d865ac7e743b', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: '52d87ca2b6fc2bd650f5051dae0a98a54b9c8681', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '78af2276be724f7e989ad46698de80679759d614', class: "mx-auto rotated logo", innerHTML: logoPositive }), h("p", { key: '8fe1680390e358afd2febdac98a5b91f043e3ce3', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: 'dc503648d2ed6aa8b116cd5a3bdcfcf8fdabbe7c', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'b33e68a6e1ea1a21cab8832b46fc8a6305151edf', class: "mx-auto outlined logo", innerHTML: logoPositive }), h("p", { key: '59f356aa9af489175849716b43903567acbb202d', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '9754f0dc1a175ede68a9caf494d2e603e06f9bf1', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '1636ab42d0f934b54e44b55c67f99c6f936b02d5', class: "mx-auto" }, h("div", { key: '710300090e0862499e6d712b1155275a1a58ea18', class: "bg-accent p-16" }, h("div", { key: '71792d037786e7cd5321e969fca8421422daa387', class: "text-inverse", innerHTML: logoPositive })), h("p", { key: '185980c11a566e4ad84dfbf5d0c063f1730b2f3b', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
LogoWrongUsage.style = LogoWrongUsageStyle0;
|
|
@@ -63,7 +63,7 @@ const SvgRepository = class {
|
|
|
63
63
|
icon: { format: 'svg' },
|
|
64
64
|
name: { format: 'bold' }
|
|
65
65
|
};
|
|
66
|
-
return (h("div", { key: '
|
|
66
|
+
return (h("div", { key: '623499f3d4e926067be51c7049442ea1d0782439', class: "full-width" }, h("eds-table", { key: 'cec77964e4c9c9e0876f2db6e5a199220be58b7c', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
|
|
67
67
|
}
|
|
68
68
|
get hostEl() { return getElement(this); }
|
|
69
69
|
};
|
|
@@ -257,7 +257,7 @@ const TokenList = class {
|
|
|
257
257
|
render() {
|
|
258
258
|
// Check if `show` prop is provided; if not, display all sections
|
|
259
259
|
const sectionsToDisplay = this.show ? { [this.show]: colors[this.show] } : colors;
|
|
260
|
-
return (h("section", { key: '
|
|
260
|
+
return (h("section", { key: 'de737cb2dcf5942c1e4a8b67bf5c757c9ca6564b', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) =>
|
|
261
261
|
// Only render sections that exist in `colors`
|
|
262
262
|
sectionContent ? this.renderSection(sectionName, sectionContent) : null)));
|
|
263
263
|
}
|
|
@@ -277,7 +277,7 @@ const TokenRadii = class {
|
|
|
277
277
|
registerInstance(this, hostRef);
|
|
278
278
|
}
|
|
279
279
|
render() {
|
|
280
|
-
return (h("section", { key: '
|
|
280
|
+
return (h("section", { key: '199f8893d44b2c1087056d8c6d922652e08d78bd', class: "w-full mt-28" }, h("ul", { key: '175e5d717cb3e8a2ef32d3ace1a37fa3b305fda2', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, h("eds-code-block", { language: "Utility Class", code: `rounded-${key}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), h("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
|
|
281
281
|
}
|
|
282
282
|
};
|
|
283
283
|
|
|
@@ -329,7 +329,7 @@ const TokenShadows = class {
|
|
|
329
329
|
registerInstance(this, hostRef);
|
|
330
330
|
}
|
|
331
331
|
render() {
|
|
332
|
-
return (h("section", { key: '
|
|
332
|
+
return (h("section", { key: '178756bcd7a0192ed59e4cca5850529ed79d14ff', class: "w-full mt-28" }, h("ul", { key: 'f50430eca17728500d9bf3a074530f29e02708fb', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, h("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: value } }, h("eds-code-block", { code: `${category}-${key}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), h("eds-code-block", { code: `${value}`, language: "css", class: "ml-auto min-w-[200px]" })))))))));
|
|
333
333
|
}
|
|
334
334
|
};
|
|
335
335
|
|
|
@@ -14,7 +14,7 @@ const TokenRatios = class {
|
|
|
14
14
|
registerInstance(this, hostRef);
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (h("section", { key: '
|
|
17
|
+
return (h("section", { key: '0f19e93b3841aa49c36e1195c25b01aa445158ce', class: "w-full" }, h("eds-section-core", { key: '750e15f4957fa7b0d0e050be22a5fcc06d947203', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: '217447bc36c9ce0ccd309d0712711e30f704f5ef', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(ratios).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: "container ratio-box flex items-center justify-center text-center border-2 border-soft", style: {
|
|
18
18
|
aspectRatio: value.replace('/', ':'), // Cast to string to resolve TypeScript error
|
|
19
19
|
width: '100%', // Full width to show the aspect ratio correctly
|
|
20
20
|
maxWidth: '300px'
|
|
@@ -5,7 +5,7 @@ const TokenSpacing = class {
|
|
|
5
5
|
registerInstance(this, hostRef);
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h("div", { key: '
|
|
8
|
+
return (h("div", { key: '21c919b5124094eb34f820327f439c0198758b2a', class: "w-full" }, h("ul", { key: '9dea1c4eb37380b4cf00c1e2b4ccc3b69eca5536', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'bf719062fc2724411a54076a272acf4d06f8cdad', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '6bab4e4c52e273faead36180c744593c5365d012', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'b1327b6ce1ccca9f3ea64cc5eac0987a76209e04', class: "spacing-sample m-16 bg-strong" }, h("span", { key: '188476bd66a4dff9fa395275088ef94c92f2afca', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), h("li", { key: '8ba0cdfbde803aa803b21641e4c15917ccbd8988', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'b1b88688a7ff18ac204d49c0536875c0b5a717ab', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'b72362f8a8460253e39927f1efde1115aed0a873', class: "spacing-sample ml-64 bg-strong" }, h("span", { key: '156be8010b2a809d71354ba28c7908f4fe58064f', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), h("li", { key: '228d4fecc2d4b7f5958048d0d15c548455287392', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '9c92a7fe82b51896bc1ee2462f66efa9251c2fcc', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '7059294203bace35afd2ed57b77807e2db806219', class: "spacing-sample mt-32 bg-strong" }, h("span", { key: '2e8ec24a3c550ca536a5701c04e0bed7844bc297', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), h("li", { key: 'd79846088a37e1f03a409d11ba69b3ff3cafa5dd', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '0bd8e24e7369fd83c3de2fe7e841c0f3e97cd80b', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'c502d2567fb9dc49516390a9a8405c31ab324f0a', class: "spacing-sample p-32 bg-strong" }, h("span", { key: '6f07cec99d6fe8c32053ca3c407c336c7a40a64c', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), h("li", { key: 'f6ddca79e1ab773c7a2f64653fbae0d49c03e071', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'bad00c444c75c5a458f66f8b480b69263e9d1548', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'd889c0216ded4bc9fce48d68ab7d8008bf9bd045', class: "spacing-sample pt-32 bg-strong" }, h("span", { key: '3b00250165aeb560641e99b5859266f1cecd7baf', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), h("li", { key: '53077e307812a3d15f534070e4ceb8dd39e22255', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '9e7e1a60ef73524b630845bc686e9a44714c6de7', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'c8e3e113b805376f03f9ffe2f2afa985f5e19739', class: "spacing-sample pl-32 bg-strong" }, h("span", { key: '924878b9f3c36c8b83112ed93ba354527037f6bd', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
|
|
9
9
|
}
|
|
10
10
|
};
|
|
11
11
|
|