@ebrains/components 0.3.0-alpha.0 → 0.5.0-alpha.0

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"eds-avatar_17.cjs\",[[4,\"eds-header\",{\"homeUrl\":[513,\"home-url\"],\"links\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"userFeature\":[4,\"user-feature\"],\"menuEnabled\":[4,\"menu-enabled\"],\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32],\"isAuthenticated\":[32]},[[16,\"authStatusChanged\",\"onAuthStatusChanged\"]]],[0,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32]},[[16,\"toggleMenu\",\"handleToggleMenu\"]]],[0,\"eds-toast-manager\",{\"toasts\":[32]}],[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}],[0,\"eds-user\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"user\":[32],\"authenticated\":[32],\"serverAvailable\":[32],\"username\":[32]}],[0,\"eds-footer\",{\"extraClass\":[1,\"extra-class\"],\"social\":[4],\"hasCookiesSetUp\":[4,\"has-cookies-set-up\"],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"cookiesPreference\":[1,\"cookies-preference\"]}],[0,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}],[0,\"eds-user-modal\",{\"user\":[1],\"links\":[1],\"onLogout\":[16],\"parsedUser\":[32],\"parsedLinks\":[32]},null,{\"user\":[\"parseUserProp\"],\"links\":[\"parseLinksProp\"]}],[1,\"eds-dropdown\",{\"icon\":[1],\"label\":[1],\"rounded\":[4],\"ariaLabel\":[1,\"aria-label\"],\"asNav\":[4,\"as-nav\"],\"dropdownPos\":[1,\"dropdown-pos\"],\"dropdownOffset\":[4,\"dropdown-offset\"],\"intent\":[1],\"isOpen\":[32],\"focusIndex\":[32]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"]]],[1,\"eds-social-networks\",{\"title\":[1]}],[1,\"eds-block-break\",{\"extraClass\":[1,\"extra-class\"]}],[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1]}],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1],\"rounded\":[4],\"initialsStrong\":[4,\"initials-strong\"]}],[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-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\"],\"extraClass\":[1,\"extra-class\"],\"triggerClick\":[16]},[[0,\"parentContext\",\"handleParentContext\"]]],[1,\"eds-link\",{\"label\":[1],\"intent\":[1],\"icon\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"size\":[1],\"external\":[4],\"current\":[4],\"download\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"hideLabelOnSmallScreen\":[4,\"hide-label-on-small-screen\"],\"extraClass\":[1,\"extra-class\"]},[[0,\"parentContext\",\"handleBreadcrumbContext\"]]],[0,\"eds-icon-wrapper\",{\"icon\":[1],\"class\":[1],\"IconComponent\":[32]},null,{\"icon\":[\"iconChanged\"]}]]],[\"eds-trl.cjs\",[[0,\"eds-trl\",{\"applications\":[1]}]]],[\"eds-form.cjs\",[[4,\"eds-form\",{\"smallAlert\":[4,\"small-alert\"],\"setFormUrl\":[4,\"set-form-url\"],\"submitBtn\":[4,\"submit-btn\"],\"submitBtnLabel\":[1,\"submit-btn-label\"],\"successMessage\":[1,\"success-message\"],\"errorMessage\":[1,\"error-message\"],\"submitBtnHintMessage\":[1,\"submit-btn-hint-message\"],\"endpoint\":[1],\"name\":[1],\"fields\":[1],\"coupleAuth\":[4,\"couple-auth\"],\"values\":[32],\"formSubmitted\":[32],\"hasError\":[32],\"errors\":[32],\"isSubmitting\":[32],\"alertMessage\":[32],\"isAuthenticated\":[32],\"authUser\":[32]},[[16,\"authStatusChanged\",\"onAuthStatusChanged\"]]]]],[\"eds-svg-repository.cjs\",[[1,\"eds-svg-repository\"]]],[\"eds-docs-palettes.cjs\",[[0,\"eds-docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-section.cjs\",[[1,\"eds-card-section\",{\"cards\":[1],\"cols\":[2]}]]],[\"eds-components-section.cjs\",[[0,\"eds-components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-timeline.cjs\",[[0,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"eds-card-tool.cjs\",[[1,\"eds-card-tool\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[8],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"external\":[4],\"hierarchy\":[4]}]]],[\"eds-docs-tokens.cjs\",[[0,\"eds-docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-project.cjs\",[[0,\"eds-card-project\",{\"image\":[8],\"editorialTitle\":[1,\"editorial-title\"],\"headingLevel\":[1,\"heading-level\"],\"categoryTitle\":[1,\"category-title\"],\"color\":[1],\"bgOnHover\":[4,\"bg-on-hover\"],\"vertical\":[4],\"titleProject\":[1,\"title-project\"],\"url\":[1],\"parsedImage\":[32]}]]],[\"eds-logo-variations.cjs\",[[0,\"eds-logo-variations\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-matomo-notice.cjs\",[[1,\"eds-matomo-notice\",{\"title\":[1],\"description\":[1],\"showNotice\":[32]}]]],[\"incorrect-use-of-colors.cjs\",[[0,\"incorrect-use-of-colors\"]]],[\"correct-use-of-colors.cjs\",[[0,\"correct-use-of-colors\"]]],[\"eds-frame.cjs\",[[0,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"storybookUrl\":[1,\"storybook-url\"],\"storyPath\":[1,\"story-path\"],\"intent\":[1],\"tiny\":[4],\"size\":[1],\"bg\":[4],\"iframeError\":[32]}]]],[\"eds-login.cjs\",[[1,\"eds-login\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"authenticated\":[32],\"user\":[32]}]]],[\"eds-modal.cjs\",[[1,\"eds-modal\",{\"title\":[1],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]}]]],[\"eds-navigator.cjs\",[[0,\"eds-navigator\",{\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"linkSize\":[1,\"link-size\"],\"linkIntent\":[1,\"link-intent\"]}]]],[\"token-ratios.cjs\",[[0,\"token-ratios\"]]],[\"token-typography.cjs\",[[0,\"token-typography\"]]],[\"eds-card-tags.cjs\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-tabs.cjs\",[[0,\"eds-tabs\",{\"id\":[1],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"eds-tabs-content.cjs\",[[4,\"eds-tabs-content\",{\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"eds-card-wrapper.cjs\",[[4,\"eds-card-wrapper\",{\"tiny\":[4],\"withBg\":[4,\"with-bg\"],\"withHover\":[4,\"with-hover\"]}]]],[\"eds-icon-arrow-diagonal.cjs\",[[0,\"eds-icon-arrow-diagonal\",{\"addClass\":[1,\"add-class\"]}]]],[\"eds-icon-arrow-right.cjs\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bluesky.cjs\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-chevron-down.cjs\",[[0,\"eds-icon-chevron-down\",{\"class\":[1]}]]],[\"eds-icon-chevron-left.cjs\",[[0,\"eds-icon-chevron-left\",{\"class\":[1]}]]],[\"eds-icon-chevron-right.cjs\",[[0,\"eds-icon-chevron-right\",{\"class\":[1]}]]],[\"eds-icon-chevron-up.cjs\",[[0,\"eds-icon-chevron-up\",{\"class\":[1]}]]],[\"eds-icon-close.cjs\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy.cjs\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-eu.cjs\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-facebook.cjs\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab.cjs\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin.cjs\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-loader.cjs\",[[0,\"eds-icon-loader\",{\"class\":[1]}]]],[\"eds-icon-mastodon.cjs\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-menu.cjs\",[[0,\"eds-icon-menu\",{\"class\":[1]}]]],[\"eds-icon-more.cjs\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-search.cjs\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-success.cjs\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-twitter.cjs\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-user.cjs\",[[0,\"eds-icon-user\",{\"class\":[1]}]]],[\"eds-icon-youtube.cjs\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-rating.cjs\",[[1,\"eds-rating\",{\"stars\":[2],\"label\":[1],\"textMapping\":[8,\"text-mapping\"],\"selectedRating\":[32]}]]],[\"eds-tooltip.cjs\",[[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1],\"isVisible\":[32],\"isPositioned\":[32],\"tooltipStyle\":[32]},[[1,\"mouseover\",\"showTooltip\"],[1,\"mouseout\",\"hideTooltip\"],[8,\"keydown\",\"handleKeyPress\"]]]]],[\"logo-space.cjs\",[[1,\"logo-space\"]]],[\"logo-wrong-usage.cjs\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing.cjs\",[[0,\"token-spacing\"]]],[\"eds-accordion.cjs\",[[1,\"eds-accordion\",{\"title\":[1],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"minHeightContent\":[4,\"min-height-content\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32]}]]],[\"eds-progress-bar.cjs\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"updateValue\":[64]}]]],[\"eds-card-generic.cjs\",[[1,\"eds-card-generic\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[8],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"hierarchy\":[4],\"parsedImage\":[32]},[[0,\"parentContext\",\"handleParentContext\"]]]]],[\"logo-variations-horizontal_2.cjs\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"eds-tab.cjs\",[[0,\"eds-tab\",{\"label\":[1],\"url\":[1],\"active\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"token-list_3.cjs\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"eds-alert.cjs\",[[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"withBtn\":[32]}]]],[\"eds-pagination_2.cjs\",[[1,\"eds-table\",{\"data\":[1],\"endpoint\":[1],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"hostWidth\":[1,\"host-width\"],\"columnSize\":[1,\"column-size\"],\"tableData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"]}],[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}]]],[\"eds-section-core_2.cjs\",[[4,\"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\"]}]]],[\"eds-code-block.cjs\",[[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}]]],[\"color-primary-palette_6.cjs\",[[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\"]]],[\"eds-card-desc_3.cjs\",[[1,\"eds-card-desc\",{\"description\":[1],\"descClass\":[1,\"desc-class\"],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"]}],[1,\"eds-card-title\",{\"url\":[1],\"titleClass\":[1,\"title-class\"],\"headingLevel\":[1,\"heading-level\"],\"externalLink\":[4,\"external-link\"],\"cardTitle\":[1,\"card-title\"],\"hierarchy\":[4]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1]}]]],[\"eds-input_7.cjs\",[[1,\"eds-input-field\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"onChange\":[16],\"onInput\":[16],\"type\":[1],\"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\"],\"options\":[1]}],[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\"],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}],[0,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}],[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"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],\"labelKey\":[1,\"label-key\"],\"valueKey\":[1,\"value-key\"],\"value\":[8],\"dynamicOptions\":[32],\"loading\":[32],\"dynamicValueKey\":[32],\"dynamicLabelKey\":[32]},null,{\"options\":[\"loadOptions\"]}],[0,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}],[0,\"eds-input-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"sliderVal\":[32],\"getInputElement\":[64]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"eds-alert_17.cjs\",[[0,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32]},[[16,\"toggleMenu\",\"handleToggleMenu\"]]],[4,\"eds-header\",{\"homeUrl\":[513,\"home-url\"],\"links\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"menuEnabled\":[4,\"menu-enabled\"],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32],\"isAuthenticated\":[32]},[[16,\"authStatusChanged\",\"onAuthStatusChanged\"]]],[0,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"activeStep\":[32]}],[0,\"eds-toast-manager\",{\"toasts\":[32]}],[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}],[1,\"eds-rating\",{\"stars\":[2],\"label\":[1],\"textMapping\":[1,\"text-mapping\"],\"selectedRating\":[32]}],[1,\"eds-switch\",{\"checked\":[1540],\"disabled\":[4],\"labelOn\":[1,\"label-on\"],\"labelOff\":[1,\"label-off\"]}],[0,\"eds-footer\",{\"extraClass\":[1,\"extra-class\"],\"social\":[4],\"hasCookiesSetUp\":[4,\"has-cookies-set-up\"],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"cookiesPreference\":[1,\"cookies-preference\"]}],[0,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}],[1,\"eds-social-networks\",{\"title\":[1]}],[1,\"eds-block-break\",{\"extraClass\":[1,\"extra-class\"]}],[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"withBtn\":[32]}],[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1],\"label\":[1]}],[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-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\"],\"extraClass\":[1,\"extra-class\"],\"triggerClick\":[16]}],[1,\"eds-link\",{\"label\":[1],\"intent\":[1],\"icon\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"size\":[1],\"external\":[4],\"current\":[4],\"download\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"hideLabelOnSmallScreen\":[4,\"hide-label-on-small-screen\"],\"extraClass\":[1,\"extra-class\"]},[[0,\"parentContext\",\"handleParentContext\"]]],[0,\"eds-icon-wrapper\",{\"icon\":[1],\"class\":[1],\"IconComponent\":[32]},null,{\"icon\":[\"iconChanged\"]}]]],[\"eds-trl.cjs\",[[0,\"eds-trl\",{\"applications\":[1]}]]],[\"eds-form.cjs\",[[4,\"eds-form\",{\"setFormUrl\":[4,\"set-form-url\"],\"submitBtn\":[4,\"submit-btn\"],\"submitBtnLabel\":[1,\"submit-btn-label\"],\"successMessage\":[1,\"success-message\"],\"errorMessage\":[1,\"error-message\"],\"submitBtnHintMessage\":[1,\"submit-btn-hint-message\"],\"endpoint\":[1],\"name\":[1],\"fields\":[1],\"coupleAuth\":[4,\"couple-auth\"],\"values\":[32],\"formSubmitted\":[32],\"hasError\":[32],\"errors\":[32],\"isSubmitting\":[32],\"alertMessage\":[32],\"isAuthenticated\":[32],\"authUser\":[32],\"parsedFields\":[32]},[[16,\"authStatusChanged\",\"onAuthStatusChanged\"]],{\"fields\":[\"parseFields\"]}]]],[\"eds-svg-repository.cjs\",[[1,\"eds-svg-repository\"]]],[\"eds-docs-palettes.cjs\",[[0,\"eds-docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-user.cjs\",[[0,\"eds-user\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"user\":[32],\"authenticated\":[32],\"username\":[32],\"serverAvailable\":[32]}]]],[\"eds-card-section.cjs\",[[1,\"eds-card-section\",{\"cards\":[1],\"cols\":[2]}]]],[\"eds-components-section.cjs\",[[0,\"eds-components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-timeline.cjs\",[[0,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"eds-card-tool.cjs\",[[1,\"eds-card-tool\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[8],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"external\":[4],\"hierarchy\":[4]}]]],[\"eds-docs-tokens.cjs\",[[0,\"eds-docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-vertical-stepper.cjs\",[[1,\"eds-vertical-stepper\",{\"steps\":[1],\"activeStep\":[32]}]]],[\"eds-card-project.cjs\",[[0,\"eds-card-project\",{\"image\":[8],\"editorialTitle\":[1,\"editorial-title\"],\"headingLevel\":[1,\"heading-level\"],\"categoryTitle\":[1,\"category-title\"],\"color\":[1],\"bgOnHover\":[4,\"bg-on-hover\"],\"vertical\":[4],\"titleProject\":[1,\"title-project\"],\"url\":[1],\"parsedImage\":[32]}]]],[\"eds-logo-variations.cjs\",[[0,\"eds-logo-variations\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-matomo-notice.cjs\",[[1,\"eds-matomo-notice\",{\"title\":[1],\"description\":[1],\"showNotice\":[32]}]]],[\"incorrect-use-of-colors.cjs\",[[0,\"incorrect-use-of-colors\"]]],[\"correct-use-of-colors.cjs\",[[0,\"correct-use-of-colors\"]]],[\"eds-frame.cjs\",[[0,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"storybookUrl\":[1,\"storybook-url\"],\"storyPath\":[1,\"story-path\"],\"intent\":[1],\"tiny\":[4],\"size\":[1],\"bg\":[4],\"iframeError\":[32]}]]],[\"eds-login.cjs\",[[1,\"eds-login\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"authenticated\":[32],\"user\":[32]}]]],[\"eds-modal.cjs\",[[1,\"eds-modal\",{\"title\":[1],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"],\"position\":[1],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]},[[8,\"keydown\",\"handleKeyDown\"]]]]],[\"eds-navigator.cjs\",[[0,\"eds-navigator\",{\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"linkSize\":[1,\"link-size\"],\"linkIntent\":[1,\"link-intent\"]}]]],[\"token-ratios.cjs\",[[0,\"token-ratios\"]]],[\"token-typography.cjs\",[[0,\"token-typography\"]]],[\"eds-card-tags.cjs\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-card-wrapper.cjs\",[[4,\"eds-card-wrapper\",{\"tiny\":[4],\"withBg\":[4,\"with-bg\"],\"withHover\":[4,\"with-hover\"]}]]],[\"eds-icon-arrow-diagonal.cjs\",[[0,\"eds-icon-arrow-diagonal\",{\"addClass\":[1,\"add-class\"]}]]],[\"eds-icon-arrow-right.cjs\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bluesky.cjs\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-chevron-down.cjs\",[[0,\"eds-icon-chevron-down\",{\"class\":[1]}]]],[\"eds-icon-chevron-left.cjs\",[[0,\"eds-icon-chevron-left\",{\"class\":[1]}]]],[\"eds-icon-chevron-right.cjs\",[[0,\"eds-icon-chevron-right\",{\"class\":[1]}]]],[\"eds-icon-chevron-up.cjs\",[[0,\"eds-icon-chevron-up\",{\"class\":[1]}]]],[\"eds-icon-close.cjs\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy.cjs\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-eu.cjs\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-facebook.cjs\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab.cjs\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin.cjs\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-loader.cjs\",[[0,\"eds-icon-loader\",{\"class\":[1]}]]],[\"eds-icon-mastodon.cjs\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-menu.cjs\",[[0,\"eds-icon-menu\",{\"class\":[1]}]]],[\"eds-icon-more.cjs\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-search.cjs\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-success.cjs\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-twitter.cjs\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-user.cjs\",[[0,\"eds-icon-user\",{\"class\":[1]}]]],[\"eds-tab.cjs\",[[0,\"eds-tab\",{\"label\":[1],\"url\":[1],\"active\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"eds-tabs.cjs\",[[0,\"eds-tabs\",{\"id\":[1],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"eds-tabs-content.cjs\",[[4,\"eds-tabs-content\",{\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"eds-icon-youtube.cjs\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-tooltip.cjs\",[[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1],\"isVisible\":[32],\"isPositioned\":[32],\"tooltipStyle\":[32]},[[1,\"mouseover\",\"showTooltip\"],[1,\"mouseout\",\"hideTooltip\"],[8,\"keydown\",\"handleKeyPress\"]]]]],[\"logo-space.cjs\",[[1,\"logo-space\"]]],[\"logo-wrong-usage.cjs\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing.cjs\",[[0,\"token-spacing\"]]],[\"eds-accordion.cjs\",[[1,\"eds-accordion\",{\"title\":[1],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"minHeightContent\":[4,\"min-height-content\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32]}]]],[\"eds-progress-bar.cjs\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"updateValue\":[64]}]]],[\"eds-avatar_4.cjs\",[[1,\"eds-card-desc\",{\"description\":[1],\"descClass\":[1,\"desc-class\"],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"]}],[1,\"eds-card-title\",{\"url\":[1],\"titleClass\":[1,\"title-class\"],\"headingLevel\":[1,\"heading-level\"],\"externalLink\":[4,\"external-link\"],\"cardTitle\":[1,\"card-title\"],\"hierarchy\":[4]}],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1],\"rounded\":[4],\"initialsStrong\":[4,\"initials-strong\"]}],[1,\"eds-tag\",{\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"intent\":[1]}]]],[\"eds-dropdown_2.cjs\",[[0,\"eds-user-modal\",{\"user\":[1],\"links\":[1],\"onLogout\":[16],\"parsedUser\":[32],\"parsedLinks\":[32]},null,{\"user\":[\"parseUserProp\"],\"links\":[\"parseLinksProp\"]}],[1,\"eds-dropdown\",{\"icon\":[1],\"label\":[1],\"rounded\":[4],\"ariaLabel\":[1,\"aria-label\"],\"asNav\":[4,\"as-nav\"],\"dropdownPos\":[1,\"dropdown-pos\"],\"dropdownOffset\":[4,\"dropdown-offset\"],\"intent\":[1],\"isOpen\":[32],\"focusIndex\":[32]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"eds-card-generic.cjs\",[[1,\"eds-card-generic\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[1],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"hierarchy\":[4],\"parsedImage\":[32]},[[0,\"parentContext\",\"handleParentContext\"]]]]],[\"logo-variations-horizontal_2.cjs\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"token-list_3.cjs\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"eds-pagination_2.cjs\",[[1,\"eds-table\",{\"data\":[1],\"endpoint\":[1],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"hostWidth\":[1,\"host-width\"],\"columnSize\":[1,\"column-size\"],\"tableData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"]}],[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}]]],[\"eds-section-core_2.cjs\",[[4,\"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\"]}]]],[\"eds-code-block.cjs\",[[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}]]],[\"color-primary-palette_6.cjs\",[[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\"]]],[\"eds-input_7.cjs\",[[1,\"eds-input-field\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"onChange\":[16],\"onInput\":[16],\"type\":[1],\"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\"],\"options\":[1]}],[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\"],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}],[0,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}],[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"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],\"labelKey\":[1,\"label-key\"],\"valueKey\":[1,\"value-key\"],\"value\":[8],\"dynamicOptions\":[32],\"loading\":[32],\"dynamicValueKey\":[32],\"dynamicLabelKey\":[32],\"hasFetched\":[32]},null,{\"options\":[\"loadOptions\"]}],[0,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}],[0,\"eds-input-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"sliderVal\":[32],\"getInputElement\":[64]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/logo-space.cjs.entry.js

@@ -13,7 +13,7 @@ const LogoSpace = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '004134f2770f755a3ae0d158b9ec6987a64dcc8b', class: "container my-20" }, index.h("div", { key: '49b57e44a4a68b5d6393ee3284af58d56aa5c014', class: "w-[300px]" }, index.h("div", { key: '4812ffe1b1df94ece0e2d391648aea812c7c9028', class: "bg-dark" }, index.h("div", { key: 'ce3bbecdba5bbabb14d1b0e197318cf4180f8699', class: "logo-container", innerHTML: logoColorMargins.vLogoMargins })))));
+        return (index.h("div", { key: 'fc5040b294d45ecbf8e3ee0ab26875c63efa3625', class: "container my-20" }, index.h("div", { key: 'acad9c182cb46fd58f37d9195c9e20658df81767', class: "w-[300px]" }, index.h("div", { key: '4caac9e94b715c967958fe6bd9e5d988622c8729', class: "bg-dark" }, index.h("div", { key: 'd82b6156de96fd91e996c0ab775b9503395ba04f', class: "logo-container", innerHTML: logoColorMargins.vLogoMargins })))));
     }
 };
 LogoSpace.style = LogoSpaceStyle0;

package/dist/cjs/logo-variations-horizontal_2.cjs.entry.js

@@ -12,7 +12,7 @@ const LogoVariationsHorizontal = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '577cade970766dbbbd654258efe78920d8c0dbaf' }, index.h("div", { key: '1c577dafe342384bffce716b4bcb9494685f2283', class: "container my-16" }, index.h("h3", { key: 'b9f78264dbbe144cc9c7823c48874b3618af3919', class: "f-heading03" }, "Coloured Background"), index.h("div", { key: 'c07b24eb1a3338d33a3b95c0228a1a7f297a0976', class: "coloured lg:w-[500px] md:w-[300px]" }, index.h("eds-logo", { key: 'ed173d7c59ae22ad55814cf64222a5ce52d108d4', type: "no-bg", href: "#" }))), index.h("div", { key: '7d939b469a8ce14f609e529121a830d9a47af857', class: "container my-16" }, index.h("h3", { key: 'f110490f66e3d27f204e289a5eb85461c13594fa', class: "f-heading03" }, "Black and White Background"), index.h("div", { key: 'd05bd8166d2a60aac723436b96e2451ae4459c04', class: "bg-default lg:w-[500px] md:w-[300px]" }, index.h("eds-logo", { key: 'ce24bb6db3038d781a4d1917012c0d4ed7f23b1a', type: "black", href: "#" }))), index.h("div", { key: '32fbbb1568604bdfd04c6ca6c14a558a3c490ed8', class: "container my-16" }, index.h("h3", { key: 'ef03e68319669f548c7826d6387072af8d3f5a66', class: "f-heading03" }, "Dark Background "), index.h("div", { key: 'a6b082f14400be771f43074c1f7f0bc348e77673', class: "lg:w-[500px] md:w-[300px]" }, index.h("eds-logo", { key: '569f77f1b43b4a65a39720017b34273d6f3d7baa', type: "color-white", href: "#" })))));
+        return (index.h("div", { key: '17506a830e62dd31e1415d2be8b4553c3068bfd0' }, index.h("div", { key: '4ae7fe3624155cf1b2a749bed360d8b55cd2bede', class: "container my-16" }, index.h("h3", { key: 'e6daae3d262a53fb374162b5e3313fa98e11bf6b', class: "f-heading03" }, "Coloured Background"), index.h("div", { key: 'ab405030d5cac7ec5fe95f638dfeaa0e48f70af7', class: "coloured lg:w-[500px] md:w-[300px]" }, index.h("eds-logo", { key: '05441cfb40658a2bd01f7f9a8c28e28d340b6dc1', type: "no-bg", href: "#" }))), index.h("div", { key: '82731279160c6c666889d32f329cf8469f853783', class: "container my-16" }, index.h("h3", { key: '73269548408d466223d44f9293f589e7e4b99bae', class: "f-heading03" }, "Black and White Background"), index.h("div", { key: '1d3e89b35eca34712e184ce42ba2f7632439ce4f', class: "bg-default lg:w-[500px] md:w-[300px]" }, index.h("eds-logo", { key: 'fc59306d8098f4764ab0f72fdbb5009bea5f3c44', type: "black", href: "#" }))), index.h("div", { key: '355ce3ef5cbd6872ce86ec847c3394deb29f2846', class: "container my-16" }, index.h("h3", { key: '57adbc464a1e2f2d5818112f00149840c2c0758a', class: "f-heading03" }, "Dark Background "), index.h("div", { key: '84e43ad22d556672c1b0e82a9ed3e2c988649598', class: "lg:w-[500px] md:w-[300px]" }, index.h("eds-logo", { key: '0d0d38e691d763189c88ae803f9b02523b362ff8', type: "color-white", href: "#" })))));
     }
 };
 LogoVariationsHorizontal.style = LogoVariationsHorizontalStyle0;
@@ -27,7 +27,7 @@ const LogoVariationsVertical = class {
         this.type = undefined;
     }
     render() {
-        return (index.h("div", { key: '70bc4a46031bb4456ba28bef27efbbfe5e7cf6f2' }, index.h("div", { key: '84ab774067350c75982d41b6d97500e19d3fe5e5', class: "container my-16" }, index.h("h3", { key: 'c080f9b4cfa18a3a48fb703f749c62531a322267', class: "f-heading03" }, "Coloured Background"), index.h("div", { key: 'a9a871769d76e97c879f49437187ca553a633dd2', class: "coloured w-[200px]" }, index.h("eds-logo", { key: '668f2607e0394ab1b25ddfbef4cd3e3880e1b4f9', orientation: "vertical", type: "no-bg", href: "#" }))), index.h("div", { key: 'd1674061f47b242930599337d605b51831214d7a', class: "container my-16" }, index.h("h3", { key: '8b1470587ad99fdf379c0c4b4646098d14f087e8', class: "f-heading03" }, "Black and White Background"), index.h("div", { key: 'bbb9997369a93ce84450a7d289948049fcfa5bf6', class: "bg-default w-[200px]" }, index.h("eds-logo", { key: '4f3dc6ad9f9db6f605d54df3c8adecea051cf34e', orientation: "vertical", type: "black", href: "#" }))), index.h("div", { key: '0f54fde04fbef65477809b45371ac15914b1433b', class: "container my-16" }, index.h("h3", { key: '5c46f1d7b09bf3e113e2733531611943ad21be4e', class: "f-heading03" }, "Dark Background "), index.h("div", { key: '88609875109aae85cb5333426a3bc270314d9fb5', class: "w-[200px]" }, index.h("eds-logo", { key: '0eeeba0006e25a8a4f0c4fb5c0d38b089e0a22f4', orientation: "vertical", type: "color-white", href: "#" })))));
+        return (index.h("div", { key: 'fee70336cee863d905a6537392f1ddf6bda1d449' }, index.h("div", { key: 'f04e0928bbd1875982190f5fe685c43a0e712704', class: "container my-16" }, index.h("h3", { key: 'd10318ccf82f90743af6279afea3afa36ec411dc', class: "f-heading03" }, "Coloured Background"), index.h("div", { key: '06cca782bfc5564172c1a745652c66d5304ad9c8', class: "coloured w-[200px]" }, index.h("eds-logo", { key: '175bbd4acc1b184e8d372b78246524b2d4ae6758', orientation: "vertical", type: "no-bg", href: "#" }))), index.h("div", { key: 'a7eb431d1ee679bc8c28aed0932325c99d4e0798', class: "container my-16" }, index.h("h3", { key: '0a5d4e193f9b8e36c81beb5fcc81eccaa2433ee9', class: "f-heading03" }, "Black and White Background"), index.h("div", { key: 'c2d6c02f46629f32155bfb0ef1eee7522cd4b6c1', class: "bg-default w-[200px]" }, index.h("eds-logo", { key: 'a97c323c7af4c98fab5da6721450b80e2c8d85cb', orientation: "vertical", type: "black", href: "#" }))), index.h("div", { key: 'ac99317a56b7ce01f324efc3423593a20164f932', class: "container my-16" }, index.h("h3", { key: '908f915f49802906b1d0d5cb008ed4cdb3b5a68a', class: "f-heading03" }, "Dark Background "), index.h("div", { key: '94e25cd1734ec0ef18d3742f908a08ceec50aa6f', class: "w-[200px]" }, index.h("eds-logo", { key: '7f74de4532f6696e7168f0fc9c5dc28afed91f98', orientation: "vertical", type: "color-white", href: "#" })))));
     }
 };
 LogoVariationsVertical.style = LogoVariationsVerticalStyle0;

package/dist/cjs/logo-wrong-usage.cjs.entry.js

@@ -13,7 +13,7 @@ const LogoWrongUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("ul", { key: 'e2fbd7802c153f970a457011a5dcaf3163d6290f', class: "container grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("span", { key: '07d6a5b930dd8ae652e63310c4232e8c3e6858b2', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '5d3dd01a67f41f839e79aa3d449ba319dcc0209c', class: "example" }, index.h("div", { key: '6b51ea71b6b4072ec6c66223a4f92c1232e8691a', class: "bg-dark " }, index.h("div", { key: '03a476635bc1112f1ea2d4ed10df0415ead7f0f8', class: "no-other-bg-color logo", innerHTML: logoColor.hLogoColor })), index.h("p", { key: '084116335e9f8ed4c9d2a04a9551097dc2a53c4a', class: "f-ui-02" }, "Do not use with backgrounds that make legibility difficult"))), index.h("span", { key: 'e67f1bdeee28928f4f6f8fb5d1e0b59160edd949', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: 'b0e909eb57a6771b32a93dd0932ef5b848a19ff2', class: "example" }, index.h("div", { key: '19bc9f29ddbffd1c308cb429100f0af3d58237a1', class: "no-other-color p-16" }, index.h("div", { key: '301c5cb926b9ad167f1ba096f99a874577617fb1', class: "logo non-brand-color", innerHTML: logoColor.hLogoColor })), index.h("p", { key: 'b41ab53c2af9efeafb46d41a515eba2f801d49e4', class: "f-ui-02" }, "Do not apply other colors"))), index.h("span", { key: '826ae54f62c5a3880adf1833dbc19bbb9e1ec6f2', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '092d5fc3176845532ecf577c66d6e3a349ebfe45', class: "example" }, index.h("div", { key: '1d1d3cc86e728fc21f898c59ff1511c5fa728f9f', class: "bg-light p-16" }, index.h("div", { key: 'df05102398d3de9916a23d0998529d8ca8a66257', class: "logo distorted", innerHTML: logoColor.hLogoColor })), index.h("p", { key: '377e38a762855d563d087eb275481de6a17ddbbb', class: "f-ui-02" }, "Do not deform the logo"))), index.h("span", { key: '766c4ea568c8bf2fa1efa207ff5f602e5128aef3', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: 'cf4e883370c0ee284167bea7f2c0c603932d1682', class: "example" }, index.h("div", { key: 'de160646456f91316bf966db6568c20ff382dd3b', class: "bg-white p-16" }, index.h("div", { key: '5aa03093e5e483547919eaeca58643e54a286405', class: "logo effects", innerHTML: logoColor.hLogoColor })), index.h("p", { key: 'aa65e295008001d6fe2b2168d8f7f43a770ec8e3', class: "f-ui-02" }, "Do not apply effects"))), index.h("span", { key: 'd0eb2536e430b6e9fdb9a37d638d5c31ee81e205', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '43ec87b4632c2709404aff9d3e7bbcb2910426ca', class: "example" }, index.h("div", { key: '36cd6dc2b23070e5c7fdfc09444d3ccbb8681216', class: "bg-white p-16" }, index.h("div", { key: 'a1077b322d113220e05ee3edce627c60547cb49a', class: "logo rotated", innerHTML: logoColor.hLogoColor })), index.h("p", { key: '86c384f5cf362d16bd6ac5ac8448e3e0d591fa18', class: "f-ui-02" }, "Do not rotate the logo"))), index.h("span", { key: 'b267f6024a4e7bad6348d323606922888db5264b', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '0bd0c5d62e454ce133a187e7d3917afc0c26c551', class: "example" }, index.h("div", { key: '71e4c1681cfbb64970237b410e0925a0f22e1141', class: "bg-light p-16" }, index.h("div", { key: '01ab5d75102b9f476fecebcc31c975f6d4720c12', class: "logo outlined", innerHTML: logoColor.hLogoColor })), index.h("p", { key: '0734a049d710d1f6406989668f60da1249e29c7b', class: "f-ui-02" }, "Do not apply outlines"))), index.h("span", { key: '830b7b2a8cdf6dfc7f395dc92db42fbe626a7ae4', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }), index.h("span", { key: 'ca40bb4ea839eacf62e93f7fbec41f076f7b12a6', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '641a963ba81294eefe8fc00dd0a3bdca91af94a2', class: "example" }, index.h("div", { key: '70691be08e9081899fb2928d5d287aaebef3b399', class: "bg-accent p-16" }, index.h("div", { key: '556135fd6596b530bf959bb9984641f185cd9f96', class: "text-inverse", innerHTML: logoColor.hLogoColor })), index.h("p", { key: '7eaded302e41fc1d04f2033add829dfaba6e8012', class: "f-ui-02" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones")))));
+        return (index.h("ul", { key: '3b7b6626be122a983b8e75560519c5cf7e31140a', class: "container grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("span", { key: 'ec2af2fbd7ca5fe85b15be216bec42a9289b40f1', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: 'cef460808c414cc1a14e380d7862523e9d53b214', class: "example" }, index.h("div", { key: '759ea5b73ced15cf2caef3566f2f1fdeb2122612', class: "bg-dark " }, index.h("div", { key: '9d0b7aef45f578f1c6e0d84f80583f8116688cf7', class: "no-other-bg-color logo", innerHTML: logoColor.hLogoColor })), index.h("p", { key: '223611a3bedea685dd1904922f472fee474ddf11', class: "f-ui-02" }, "Do not use with backgrounds that make legibility difficult"))), index.h("span", { key: '49e6907610dfaede93ddf179dafbc93f340832ec', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: 'f11f675e9b002bc5d571907faeabfa7c8a2ea4f4', class: "example" }, index.h("div", { key: 'b63ab2771e06f9d56c1ae995be5b23612b670e6e', class: "no-other-color p-16" }, index.h("div", { key: '91d331a3fd50976496cd9eff08e5150d5fb8c368', class: "logo non-brand-color", innerHTML: logoColor.hLogoColor })), index.h("p", { key: 'b34ec2c20218499972367287e730e3ea75d94bb2', class: "f-ui-02" }, "Do not apply other colors"))), index.h("span", { key: '20d1babcf42bd66e56633f78e5e7a38689b1c831', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '057c8a11c93076e2b9663baa49f101f90c3007be', class: "example" }, index.h("div", { key: '767471f768d48de8a230dac229f86a751590bfb6', class: "bg-light p-16" }, index.h("div", { key: 'd5e807d0cdea5958b0c2d93c3207924616fece63', class: "logo distorted", innerHTML: logoColor.hLogoColor })), index.h("p", { key: 'c357e9516bb82a3f431270c56a23fd614684d126', class: "f-ui-02" }, "Do not deform the logo"))), index.h("span", { key: '789d0af543f4ccc9a270c3a332f1dcb2dc79b77f', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: 'a5e0d0a85a4e1656a0e7d01dc41f59711971b403', class: "example" }, index.h("div", { key: 'a7eb16e39e2f954e42f5f8c0c2ed152fb53f7c2a', class: "bg-white p-16" }, index.h("div", { key: '46ec9c3b424cf4661cda4adc31989a8c355376d4', class: "logo effects", innerHTML: logoColor.hLogoColor })), index.h("p", { key: '2c7e8e98a0306d08f30e857e5476703993ffda2c', class: "f-ui-02" }, "Do not apply effects"))), index.h("span", { key: '846791ec992abd3f0632070cb09d9ef3dcfa67b7', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '82fb8f93a6cb8789bf4a56e589975ad353bc88c2', class: "example" }, index.h("div", { key: '8c7e30c775364fa1d79b118e5aff5cd1e883101f', class: "bg-white p-16" }, index.h("div", { key: 'a18af5ffaba038fff7a442ab626f783a8a1f08ba', class: "logo rotated", innerHTML: logoColor.hLogoColor })), index.h("p", { key: '8ad738506d45e065ad5c96df9f5bf569a632e446', class: "f-ui-02" }, "Do not rotate the logo"))), index.h("span", { key: 'f556f0d638d48bcd95d0cc198e0408bb109cd92f', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '153d0704622a633e8937bb0a481941cca7446a8f', class: "example" }, index.h("div", { key: 'e4d9e874f931413d924635432df55de18d329f2f', class: "bg-light p-16" }, index.h("div", { key: '2435bddf3af2928878338793e895cc080b7e1f7a', class: "logo outlined", innerHTML: logoColor.hLogoColor })), index.h("p", { key: '64c46cd279b062ab87ce34187bd979c58f1c9312', class: "f-ui-02" }, "Do not apply outlines"))), index.h("span", { key: 'd28391400911e4b8481a707a197915d2f9fffbf2', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }), index.h("span", { key: '4aa8af822ff81bb7313145ccc24dbb79a7041f26', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '63fc69af51c57497cde82c7377dc5cc56bcd264e', class: "example" }, index.h("div", { key: '54029b8e273baddb810ea869b341a66f0b9a9e9a', class: "bg-accent p-16" }, index.h("div", { key: 'd82bbfa6ea877ec8af75230093548fffd086b1b4', class: "text-inverse", innerHTML: logoColor.hLogoColor })), index.h("p", { key: 'f12f0cd6baedc08020ebd206c1c5c2fd8a6c7eda', class: "f-ui-02" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones")))));
     }
 };
 LogoWrongUsage.style = LogoWrongUsageStyle0;

package/dist/cjs/token-list_3.cjs.entry.js

@@ -244,7 +244,7 @@ const TokenList = class {
     render() {
         // Check if `show` prop is provided; if not, display all sections
         const sectionsToDisplay = this.show ? { [this.show]: colors[this.show] } : colors;
-        return (index.h("section", { key: 'ac8573b341ad313eba0f9f082dcc72cfc81208b3', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
+        return (index.h("section", { key: '43d7e8b3192d4a2d596ca99a4dce072ea7387924', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
         // Only render sections that exist in `colors`
         sectionContent ? this.renderSection(sectionName, sectionContent) : null)));
     }
@@ -264,7 +264,7 @@ const TokenRadii = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("section", { key: '84dabcd5a39d49e116f8fc9e9b26e00455c7fbb3', class: "w-full mt-28" }, index.h("ul", { key: 'a821c747c45b8898ab2e7626d2ead91814549335', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, index.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" }), index.h("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
+        return (index.h("section", { key: '0b0ccb9adcfa77ea898828ddbb244e959f93e2e4', class: "w-full mt-28" }, index.h("ul", { key: '7c81d0a9725565c4e2587369528568d640e7b1a3', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, index.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" }), index.h("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
     }
 };
 
@@ -291,7 +291,7 @@ const TokenShadows = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("section", { key: '4575feac8b5bff23aed39733e638fbb62916988f', class: "w-full mt-28" }, index.h("ul", { key: 'c9833aa0d698a7ec33911011ccb9227d43c8261a', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, index.h("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: value } }, index.h("eds-code-block", { code: `${category}-${key}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), index.h("eds-code-block", { code: `${value}`, language: "css", class: "ml-auto min-w-[200px]" })))))))));
+        return (index.h("section", { key: '18d2b4cdcc3b6d6ce8864a9c36e869be9b9e5cb4', class: "w-full mt-28" }, index.h("ul", { key: 'b258c50ab37a0445d523187c773e92f6569dd6ad', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, index.h("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: value } }, index.h("eds-code-block", { code: `${category}-${key}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), index.h("eds-code-block", { code: `${value}`, language: "css", class: "ml-auto min-w-[200px]" })))))))));
     }
 };
 

package/dist/cjs/token-ratios.cjs.entry.js

@@ -18,7 +18,7 @@ const TokenRatios = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("section", { key: '9c4dc70bd40a40fbeedc88280ea3fdd4b2597e40', class: "w-full" }, index.h("eds-section-core", { key: '039b72b762e48f62a4fa58d5af7803d0ed73bf6a', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, index.h("ul", { key: 'be3e37d842a24536488b7bc03f24399faa1304ff', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(ratios).map(([key, value]) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { class: "container ratio-box flex items-center justify-center text-center border-2 border-soft", style: {
+        return (index.h("section", { key: '0fb029d34cba573e04e15030b3fdd1497ac9974e', class: "w-full" }, index.h("eds-section-core", { key: 'd6914b95ef74d590d58b0c90600fc44f5d9d6678', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, index.h("ul", { key: 'f08511f07380707795b810fd0f34c1acdc47d37d', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(ratios).map(([key, value]) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { class: "container ratio-box flex items-center justify-center text-center border-2 border-soft", style: {
                 aspectRatio: value.replace('/', ':'), // Cast to string to resolve TypeScript error
                 width: '100%', // Full width to show the aspect ratio correctly
                 maxWidth: '300px'

package/dist/cjs/token-spacing.cjs.entry.js

@@ -9,7 +9,7 @@ const TokenSpacing = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '5f72b8386e92973faca8b22ebadcffa5b8ca8744', class: "w-full" }, index.h("ul", { key: '619cc2546059aaac566dc89f56b098f72f7c2bde', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: 'b90587543210e02a577854ce061472ef8f3bdc7a', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'd98ea95c641209ba592aae8c695e278549840420', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '6dd84540a213d98fa09480eac823fe030dfb2404', class: "spacing-sample m-32 bg-darker" }, index.h("span", { key: 'ad0493ba8d97cdcc15535505db4d726d6f69bd38', class: "text-white" }, "Margin: 2rem / m-32")))), index.h("li", { key: 'a0914d288cdb4b9caef6956af0069cd0937ee019', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '95adc2b10d3962378de300e00b749b691fda88af', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '8bad94397c9fe8112b49933a508958000f9cd99d', class: "spacing-sample ml-64 bg-darker" }, index.h("span", { key: '04229385104243a5ce9a194c4f8056f7341a6736', class: "text-white" }, "Margin Left: 4rem / ml-64")))), index.h("li", { key: 'f34e1fd5ccafc528ed9359766deaa5c615a2e14b', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '38e12800b2c8502ea2f9e912af929f71d3ec9699', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'f4e93d89576ab3de7f44ce3a85d9838f21bfa7f6', class: "spacing-sample mt-32 bg-darker" }, index.h("span", { key: 'e85e2e1c7c4c7e765dfafd25dc9f2c33b6bd5069', class: "text-white" }, "Margin Top: 2rem / mt-32")))), index.h("li", { key: 'b42299c17c024a5906bd09c80a2f309b461b6fde', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'f54a9e32893ac6f1b0384e79e2959d1e65a251e2', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '4209fa0c979a1d55d42d7b892bc94cc0f3788e88', class: "spacing-sample p-32 bg-darker" }, index.h("span", { key: '1d9249c56d3a42500dfb8cc1d3eae1f89e79cdcd', class: "text-white" }, "Padding: 2rem / p-32")))), index.h("li", { key: 'ad6f2e33e15c4c21bdfed8478b3d2faa905490fa', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '9950970e66b8a382e7b0158b54e980a5e5f45774', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '40e96cd046eaddf3a23387995affbfc399d171ae', class: "spacing-sample pt-32 bg-darker" }, index.h("span", { key: '2d120273f7a6d4429061d0ade2164ada9a14b506', class: "text-white" }, "Padding Top: 2rem / pt-32")))), index.h("li", { key: '8c3327edc63f8959c0cb01cce0a8407bf3a605af', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'c0be38039770c54577f073e1a707110cd0807ab5', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'd8085da375e734ed11fe580f1a9004f6fddef679', class: "spacing-sample pl-32 bg-darker" }, index.h("span", { key: '029857c00659221390438d8477734d0f130d1b97', class: "text-white" }, "Padding Left: 2rem / pl-32")))))));
+        return (index.h("div", { key: '144e643ff3f26d09b932b3bfa2086164134728c0', class: "w-full" }, index.h("ul", { key: '901ef03cdff10b00eb4c8bdbda083760fcde7f24', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '330a1a3bae65fde46111f2213d25e436fd2a91cf', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '1d2a762f9cf33ea03af1d63892f9ab53293ee1e7', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'adb666cc7517d3bf05d3599c75adb94833522848', class: "spacing-sample m-32 bg-darker" }, index.h("span", { key: 'b7b11b55a5ccc619c2aa9890d1051995ba9a22f7', class: "text-white" }, "Margin: 2rem / m-32")))), index.h("li", { key: '0cf9be1778f86479eca5db5d38964cdffeb4d336', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '5327b962b290dcaf1479cee8a0ae4c85d195be6f', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '7ada04bb258adad1d06562a6f35d44fcfe21ab5a', class: "spacing-sample ml-64 bg-darker" }, index.h("span", { key: '5b50ff36cd166f19704cc431ea607fa95fdfe2aa', class: "text-white" }, "Margin Left: 4rem / ml-64")))), index.h("li", { key: '93c162e7bd651e4e7876e9098327b5d0d6a14001', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'baad427ed16e9f64f268cf4b5172426dee3fbf81', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '4e9cf544dd6ef7bace03d025a887e0c21b7fe3b4', class: "spacing-sample mt-32 bg-darker" }, index.h("span", { key: '64858f80ac6535ad5d1f5e0dda7ed0b4ea61c9ba', class: "text-white" }, "Margin Top: 2rem / mt-32")))), index.h("li", { key: 'a5f0b462645727b11bdd874b7883cde9e3208e04', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '90fd6d72e160d5e16088c715153370b53ba07e36', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'c46fbff19edc9b0389b3a3347e96846e8e01d0ea', class: "spacing-sample p-32 bg-darker" }, index.h("span", { key: '0acbde0ab78642e37e25103260804a096cb9e996', class: "text-white" }, "Padding: 2rem / p-32")))), index.h("li", { key: 'cdb0d711cad94887bd001defe30f0334dd948d16', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '6874126bd20267fdd9d0031002e24a71e0a39693', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '8ab168cab95089dffdc8bff3b9bb2f9cb1fc3832', class: "spacing-sample pt-32 bg-darker" }, index.h("span", { key: '4366fbd79ce583f9399bc739da790b01759eb5ea', class: "text-white" }, "Padding Top: 2rem / pt-32")))), index.h("li", { key: 'affbabf8b1d8c4abdd61f51ac12cac4c5e3460a7', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '6e9eae3de01dd4ff99b19fdfc62eb4a301d5071d', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '5e6788281bc9f57aab48cd768fa81fb98e1e31c3', class: "spacing-sample pl-32 bg-darker" }, index.h("span", { key: '8fe02840d35475a60536f13abf97bd98cb53b07e', class: "text-white" }, "Padding Left: 2rem / pl-32")))))));
     }
 };
 

package/dist/cjs/token-typography.cjs.entry.js

@@ -207,7 +207,7 @@ const TokenTypography = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("section", { key: '23815518d694435812ed3d7b9aab850043941b96', class: "w-full" }, index.h("ul", { key: '366ed5bc5933c5b8a563d33b70471f507a21386c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
+        return (index.h("section", { key: 'b831c9707b00d17768f585e2015de8a7289b11d2', class: "w-full" }, index.h("ul", { key: '472e46f2c903597d24e8f24cf28b6f475c7d7a82', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
             .filter(([typeKey]) => typeKey !== 'displays') // Exclude "displays"
             .flatMap(([typeKey, typeValues]) => Object.entries(typeValues).map(([size, style]) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { class: "w-full p-4 block lg:flex items-center border border-soft rounded" }, index.h("div", { class: "mr-auto hidden lg:block", style: {
                 fontFamily: typography.families.sans,

package/dist/collection/collection-manifest.json

@@ -1,5 +1,8 @@
 {
   "entries": [
+    "components/eds-cards/eds-card-generic/eds-card-generic.js",
+    "shared-ui/eds-card-section/eds-card-section.js",
+    "components/eds-steps/eds-steps.js",
     "components/eds-accordion/eds-accordion.js",
     "components/eds-alert/eds-alert.js",
     "components/eds-avatar/eds-avatar.js",
@@ -10,7 +13,6 @@
     "components/eds-cards/eds-card-composer/eds-card-tags/eds-card-tags.js",
     "components/eds-cards/eds-card-composer/eds-card-title/eds-card-title.js",
     "components/eds-cards/eds-card-composer/eds-card-wrapper/eds-card-wrapper.js",
-    "components/eds-cards/eds-card-generic/eds-card-generic.js",
     "components/eds-cards/eds-card-project/eds-card-project.js",
     "components/eds-cards/eds-card-tool/eds-card-tool.js",
     "components/eds-code-block/eds-code-block.js",
@@ -57,6 +59,8 @@
     "components/eds-rating/eds-rating.js",
     "components/eds-section/eds-section-core/eds-section-core.js",
     "components/eds-section/eds-section-heading/eds-section-heading.js",
+    "components/eds-steps/eds-vertical-stepper.js",
+    "components/eds-switch/eds-switch.js",
     "components/eds-tab/eds-tab.js",
     "components/eds-table/eds-table.js",
     "components/eds-tag/eds-tag.js",
@@ -87,7 +91,6 @@
     "eds-docs-ui/logo/logo-variations/horizontal/logo-variations-horizontal.js",
     "eds-docs-ui/logo/logo-variations/vertical/logo-variations-vertical.js",
     "eds-docs-ui/logo/logo-wrong-usage/logo-wrong-usage.js",
-    "shared-ui/eds-card-section/eds-card-section.js",
     "shared-ui/eds-footer/eds-footer.js",
     "shared-ui/eds-fullscreen-menu/eds-fullscreen-menu.js",
     "shared-ui/eds-header/eds-header.js",

package/dist/collection/components/eds-accordion/eds-accordion.js

@@ -1,3 +1,4 @@
+import { sendAnalytics } from "../../utils/analytics";
 import { h } from "@stencil/core";
 /**
  * `EdsAccordion` is a flexible, interactive component for expanding and collapsing content sections.
@@ -25,9 +26,17 @@ export class EdsAccordion {
          * Toggles the `isExpanded` state and emits the `accordionChange` event.
          */
         this.handleClick = () => {
+            var _a;
             this.isExpanded = !this.isExpanded;
             this.accordionChange.emit(this.isExpanded);
             this.setPanelHeight();
+            sendAnalytics({
+                category: 'ui-component',
+                parentContext: null,
+                tag: this.el.tagName.toLowerCase(),
+                name: ((_a = this.title) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+                action: this.isExpanded ? 'expanded' : 'collapsed'
+            });
         };
         /**
          * Calculates and sets the panel height based on the content height
@@ -58,26 +67,8 @@ export class EdsAccordion {
      */
     componentDidLoad() {
         this.setPanelHeight();
-        // Emit context for each eds-link element after the component is fully loaded
-        const btn = this.el.shadowRoot.querySelector('eds-button');
-        this.emitContext(btn);
         window.addEventListener('resize', this.setPanelHeight);
     }
-    /**
-     * Emits a custom event called `parentContext` for a given link element.
-     * This event provides context information about the breadcrumb component.
-     *
-     * @param linkElement - The link element to which the event will be dispatched.
-     */
-    emitContext(linkElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.el.tagName.toLowerCase(),
-                identifier: null
-            }
-        });
-        linkElement.dispatchEvent(event);
-    }
     /**
      * Lifecycle method that cleans up the resize event listener when the component is removed.
      */
@@ -90,10 +81,10 @@ export class EdsAccordion {
      */
     render() {
         const minHeightContentClass = this.minHeightContent ? 'min-h-56' : '';
-        return (h("div", { key: '1f8ea188c4b39f6d1a8d10cdbf43d3df88d1281f', ref: (el) => (this.wrapperRef = el), class: `container flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
+        return (h("div", { key: '00bd9a34ceb469bef74c827bd1f48bf3d4b545b6', ref: (el) => (this.wrapperRef = el), class: `container flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
           ${this.switchBg && this.isExpanded ? 'bg-inverse' : 'bg-default'} 
           ${this.switchBg ? 'hover:bg-inverse' : ''} 
-          ${minHeightContentClass}` }, h("h3", { key: '4490bdc1a18b99850e8db8ae1c38fcb37912ec0d', class: "mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1" }, this.title), h("div", { key: '82df433a9cc6805a735300fd1bb52f41c639c992', class: "ml-auto" }, h("eds-button", { key: '9965d5eecfa02fbea08c23c44d325417767f6495', id: "accordionId", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-controls": "accordionId", class: `effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none`, onClick: this.handleClick, icon: "chevron-down" })), h("div", { key: '7ab8d2d07d55fa05c5e5647d1d00d1165f0d40ce', class: `w-full` }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: 'cb122dd5433d7012cba6f3769f79e92a155c45d7', id: "sectionId", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? 'overflow-hidden' : ''}`, style: { height: this.isExpanded ? 'auto' : '0' } }, h("div", { key: '0c2e1d9b38f21f0cb7f50aa3923edcc448418e3f', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-20`, "aria-hidden": !this.isExpanded }, h("span", { key: 'd119c88d54e8d5e83d4cc3d4d16d1cd53d689bc7', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: 'b2a6917ec65bc808389a2d1c77cd1183f00cbaa1' })))))));
+          ${minHeightContentClass}` }, h("h3", { key: 'ab6a953797e0a8379a01a9a2f00a4988d4fc8357', class: "mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1" }, this.title), h("div", { key: 'cfd6f4ad2ec5e412cdf2348d188dfcf90770012d', class: "ml-auto" }, h("eds-button", { key: 'beaee69d610727b397645fc0a507b234003fde5e', id: "toggleAccordion", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-label": "Toggle accordion", "aria-controls": "accordionSection", class: `effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none`, onClick: this.handleClick, icon: "chevron-down" })), h("div", { key: '795f14c0930a0b0862a86451cc7b7e807cb79c37', class: `w-full` }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: '28f6cba233cdee58743faaacc992bf7497c2ff2e', id: "accordionSection", role: "region", "aria-labelledby": "accordionHeader", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? 'overflow-hidden' : ''}`, style: { height: this.isExpanded ? 'auto' : '0' } }, h("div", { key: '939e442c55babfd3f1750d20d9b95f664c3a67c8', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-20`, "aria-hidden": !this.isExpanded }, h("span", { key: '648d16ed84cb3da227a10e6370004c6479789aed', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: '90ca94f15e408b4b05c0eac4bd20fa21766cbb19' })))))));
     }
     static get is() { return "eds-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-alert/eds-alert.js

@@ -69,11 +69,12 @@ export class EdsAlert {
         this.withBtn = Boolean(this.pressableLabel);
     }
     componentDidLoad() {
-        // Query all 'eds-link' elements, including those inside shadow DOM
-        const links = this.el.shadowRoot.querySelectorAll('eds-link');
-        links.forEach((link) => {
-            this.emitContext(link);
-        });
+        var _a;
+        // Query for the 'eds-link' element inside the shadow root.
+        const lnk = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('eds-link');
+        if (lnk) {
+            this.emitContext(lnk);
+        }
     }
     emitContext(linkElement) {
         const event = new CustomEvent('parentContext', {
@@ -85,12 +86,12 @@ export class EdsAlert {
         linkElement.dispatchEvent(event);
     }
     render() {
-        return (h("div", { key: '99518cd34cbfc04691f2f827b53105ef88c03af8', class: alertStyles({
+        return (h("div", { key: '519742081f681d6d67bc1b42c89fe1b6d005fe0f', class: alertStyles({
                 intent: this.intent,
                 direction: this.direction,
                 withBtn: this.withBtn
-            }), role: "alert" }, h("p", { key: '7eca97c849473bb4c8472d11243dc5eb9dded61f', class: "f-ui-01 py-8" }, this.message), this.withBtn &&
-            (this.pressableUrl ? (h("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary" })) : null)));
+            }), role: "alert" }, h("p", { key: '6a5d11fdc2a975512b12c307286b0a8b06998bec', class: "f-ui-01 py-8" }, this.message), this.withBtn &&
+            (this.pressableUrl ? (h("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary", external: true })) : null)));
     }
     static get is() { return "eds-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-alert/eds-alert.stories.js

@@ -29,8 +29,8 @@ export default {
         message: 'This is an alert message.',
         intent: 'default',
         direction: 'horizontal',
-        pressableLabel: '',
-        pressableUrl: ''
+        pressableLabel: 'Click Me',
+        pressableUrl: 'https://example.com'
     }
 };
 export const Default = {
@@ -46,7 +46,7 @@ export const Default = {
         message: 'This is an alert message.',
         intent: 'default',
         direction: 'horizontal',
-        pressableLabel: '',
-        pressableUrl: ''
+        pressableLabel: 'Click Me',
+        pressableUrl: 'https://example.com'
     }
 };

package/dist/collection/components/eds-avatar/eds-avatar.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { gradientBGColorVariants } from "../../../../../../../packages/utils/src/index";
+import { gradientBGColorVariants } from "../../utils/color";
 /**
  * `EdsAvatar` is a versatile component for displaying user profile representations, including initials or profile pictures.
  * This component is customizable to adapt to various styles and use cases.
@@ -14,8 +14,8 @@ import { gradientBGColorVariants } from "../../../../../../../packages/utils/src
  */
 export class EdsAvatar {
     constructor() {
-        this.firstName = undefined;
-        this.lastName = undefined;
+        this.firstName = 'User';
+        this.lastName = 'Avatar';
         this.picture = undefined;
         this.initials = undefined;
         this.color = undefined;
@@ -68,7 +68,7 @@ export class EdsAvatar {
      * @returns {JSX.Element} The rendered avatar component.
      */
     render() {
-        return (h("div", { key: '716279a35cc9235da991563d5f84d2dedbdae001', class: this.containerClasses }, this.picture ? (h("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: true, withBg: true })) : (h("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials))));
+        return (h("div", { key: '47ee5ffd12c0f90c536dea77b3ffa9120d67f37f', class: this.containerClasses }, this.picture ? (h("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: true, withBg: true })) : (h("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials))));
     }
     static get is() { return "eds-avatar"; }
     static get encapsulation() { return "shadow"; }
@@ -99,7 +99,8 @@ export class EdsAvatar {
                     "text": "First name of the user for generating initials."
                 },
                 "attribute": "first-name",
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "'User'"
             },
             "lastName": {
                 "type": "string",
@@ -116,7 +117,8 @@ export class EdsAvatar {
                     "text": "Last name of the user for generating initials."
                 },
                 "attribute": "last-name",
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "'Avatar'"
             },
             "picture": {
                 "type": "string",

package/dist/collection/components/eds-avatar/eds-avatar.stories.js

@@ -33,33 +33,35 @@ export const Default = {
         rounded: false
     }
 };
-export const WithPicture = {
-    render: (args) => `
-        <eds-avatar 
-          first-name="${args.firstName}" 
-          last-name="${args.lastName}" 
+/*export const WithPicture = {
+  render: (args) => `
+        <eds-avatar
+          first-name="${args.firstName}"
+          last-name="${args.lastName}"
           picture="${args.picture}"
           rounded=${args.rounded}
         ></eds-avatar>`,
-    args: {
-        firstName: 'Jane',
-        lastName: 'Doe',
-        picture: 'https://files.ebrains.eu/img/686e0edc-f3be-4d79-aa02-373c32c08d65/ebrains-logo-high-resolution.png?fit=max&q=80&fm=webp&crop=879%2C879%2C597%2C0&w=200',
-        rounded: true
-    }
+  args: {
+    firstName: 'Jane',
+    lastName: 'Doe',
+    picture:
+      'https://files.ebrains.eu/img/686e0edc-f3be-4d79-aa02-373c32c08d65/ebrains-logo-high-resolution.png?fit=max&q=80&fm=webp&crop=879%2C879%2C597%2C0&w=200',
+    rounded: true
+  }
 };
+
 export const BackgroundColorVariant = {
-    render: (args) => `
-        <eds-avatar 
-          first-name="${args.firstName}" 
-          last-name="${args.lastName}" 
+  render: (args) => `
+        <eds-avatar
+          first-name="${args.firstName}"
+          last-name="${args.lastName}"
           color="${args.color}"
           rounded=${args.rounded}
         ></eds-avatar>`,
-    args: {
-        firstName: 'Bob',
-        lastName: 'Brown',
-        color: 'grey',
-        rounded: true
-    }
-};
+  args: {
+    firstName: 'Bob',
+    lastName: 'Brown',
+    color: 'grey',
+    rounded: true
+  }
+};*/

package/dist/collection/components/eds-block-break/eds-block-break.js

@@ -12,7 +12,7 @@ export class EdsBlockBreak {
         this.extraClass = '';
     }
     render() {
-        return h("hr", { key: '85b5253d4abb77072424452d2ff6a0d631e67652', class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
+        return h("hr", { key: '8cb39dda5d7f909b459390fe7e3f86dfd147ba98', class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
     }
     static get is() { return "eds-block-break"; }
     static get encapsulation() { return "shadow"; }