@ebrains/components 0.0.1-alpha.0 → 0.2.0-alpha.0

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 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-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\"],\"endpoint\":[1],\"name\":[1],\"fields\":[1],\"coupleAuth\":[4,\"couple-auth\"],\"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-header.cjs\",[[4,\"eds-header\",{\"homeUrl\":[1,\"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\"]]]]],[\"eds-fullscreen-menu.cjs\",[[0,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32]},[[16,\"toggleMenu\",\"handleToggleMenu\"]]]]],[\"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-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-matomo-notice.cjs\",[[1,\"eds-matomo-notice\",{\"title\":[1],\"description\":[1],\"showNotice\":[32]}]]],[\"eds-toast-manager.cjs\",[[0,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"correct-use-of-colors.cjs\",[[0,\"correct-use-of-colors\"]]],[\"eds-breadcrumb.cjs\",[[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}]]],[\"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\",[[0,\"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\"]}]]],[\"logo-variations-horizontal.cjs\",[[1,\"logo-variations-horizontal\",{\"orientation\":[1],\"type\":[1]}]]],[\"logo-variations-vertical.cjs\",[[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"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-progress-bar.cjs\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"updateValue\":[64]}]]],[\"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\"]]]]],[\"incorrect-use-of-colors.cjs\",[[0,\"incorrect-use-of-colors\"]]],[\"logo-space.cjs\",[[1,\"logo-space\"]]],[\"logo-wrong-usage.cjs\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing.cjs\",[[0,\"token-spacing\"]]],[\"eds-icon-wrapper.cjs\",[[0,\"eds-icon-wrapper\",{\"icon\":[1],\"class\":[1],\"IconComponent\":[32]},null,{\"icon\":[\"iconChanged\"]}]]],[\"eds-table.cjs\",[[1,\"eds-table\",{\"data\":[1],\"endpoint\":[1],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"tableData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32]},null,{\"data\":[\"handleDataChange\"],\"config\":[\"handleConfigChange\"]}]]],[\"eds-user.cjs\",[[0,\"eds-user\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"user\":[32],\"authenticated\":[32],\"serverAvailable\":[32],\"username\":[32]}]]],[\"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]}]]],[\"eds-footer.cjs\",[[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\"]}]]],[\"gradient-secondary-palette.cjs\",[[0,\"gradient-secondary-palette\"]]],[\"color-primary-palette.cjs\",[[0,\"color-primary-palette\"]]],[\"color-secondary-palette.cjs\",[[0,\"color-secondary-palette\",{\"show\":[1]}]]],[\"color-support-palette.cjs\",[[0,\"color-support-palette\"]]],[\"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-toast.cjs\",[[0,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}]]],[\"gradient-primary-palette.cjs\",[[0,\"gradient-primary-palette\"]]],[\"gradient-support-palette.cjs\",[[0,\"gradient-support-palette\"]]],[\"token-list.cjs\",[[0,\"token-list\",{\"show\":[1]}]]],[\"token-radii.cjs\",[[0,\"token-radii\"]]],[\"token-shadows.cjs\",[[0,\"token-shadows\"]]],[\"eds-link.cjs\",[[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\"]]]]],[\"eds-user-modal.cjs\",[[0,\"eds-user-modal\",{\"user\":[1],\"links\":[1],\"onLogout\":[16],\"parsedUser\":[32],\"parsedLinks\":[32]},null,{\"user\":[\"parseUserProp\"],\"links\":[\"parseLinksProp\"]}]]],[\"eds-alert.cjs\",[[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"withBtn\":[32]}]]],[\"eds-dropdown.cjs\",[[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-pagination.cjs\",[[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-social-networks.cjs\",[[1,\"eds-social-networks\",{\"title\":[1]}]]],[\"eds-section-core.cjs\",[[4,\"eds-section-core\",{\"tag\":[1],\"sectionTitle\":[1,\"section-title\"],\"headingLevel\":[1,\"heading-level\"]}]]],[\"eds-tab.cjs\",[[0,\"eds-tab\",{\"label\":[1],\"url\":[1],\"active\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"eds-input-search.cjs\",[[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"getInputElement\":[64]}]]],[\"eds-input-field.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]}]]],[\"eds-block-break.cjs\",[[1,\"eds-block-break\",{\"extraClass\":[1,\"extra-class\"]}]]],[\"eds-card-desc.cjs\",[[1,\"eds-card-desc\",{\"description\":[1],\"descClass\":[1,\"desc-class\"],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"]}]]],[\"eds-section-heading.cjs\",[[0,\"eds-section-heading\",{\"sectionTitle\":[1,\"section-title\"],\"withContainer\":[4,\"with-container\"],\"headingLevel\":[1,\"heading-level\"],\"tag\":[1],\"spacingLarge\":[4,\"spacing-large\"]}]]],[\"eds-input.cjs\",[[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\"]}]]],[\"eds-input-footer.cjs\",[[0,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}]]],[\"eds-input-select.cjs\",[[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]}]]],[\"eds-card-title.cjs\",[[1,\"eds-card-title\",{\"url\":[1],\"titleClass\":[1,\"title-class\"],\"headingLevel\":[1,\"heading-level\"],\"externalLink\":[4,\"external-link\"],\"cardTitle\":[1,\"card-title\"],\"hierarchy\":[4]}]]],[\"eds-input-label.cjs\",[[0,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}]]],[\"eds-input-range.cjs\",[[0,\"eds-input-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"sliderVal\":[32],\"getInputElement\":[64]}]]],[\"eds-logo.cjs\",[[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1]}]]],[\"eds-tag.cjs\",[[1,\"eds-tag\",{\"label\":[1],\"intent\":[1]}]]],[\"eds-img.cjs\",[[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]}]]],[\"eds-avatar.cjs\",[[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1],\"rounded\":[4],\"initialsStrong\":[4,\"initials-strong\"]}]]],[\"eds-button.cjs\",[[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\"]]]]],[\"eds-code-block.cjs\",[[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"eds-alert_28.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\"]]],[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-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}],[0,\"eds-toast-manager\",{\"toasts\":[32]}],[0,\"eds-trl\",{\"applications\":[1]}],[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-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}],[1,\"eds-progress-bar\",{\"value\":[1026],\"updateValue\":[64]}],[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\"]]],[0,\"eds-user-modal\",{\"user\":[1],\"links\":[1],\"onLogout\":[16],\"parsedUser\":[32],\"parsedLinks\":[32]},null,{\"user\":[\"parseUserProp\"],\"links\":[\"parseLinksProp\"]}],[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"withBtn\":[32]}],[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-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],\"value\":[8]}],[1,\"eds-card-desc\",{\"description\":[1],\"descClass\":[1,\"desc-class\"],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"]}],[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]}],[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1]}],[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]}],[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-svg-repository.cjs\",[[1,\"eds-svg-repository\"]]],[\"eds-docs-palettes.cjs\",[[0,\"eds-docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-fullscreen-menu.cjs\",[[0,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32]},[[16,\"toggleMenu\",\"handleToggleMenu\"]]]]],[\"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-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-matomo-notice.cjs\",[[1,\"eds-matomo-notice\",{\"title\":[1],\"description\":[1],\"showNotice\":[32]}]]],[\"correct-use-of-colors.cjs\",[[0,\"correct-use-of-colors\"]]],[\"eds-breadcrumb.cjs\",[[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}]]],[\"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\",[[0,\"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\"]}]]],[\"logo-variations-horizontal.cjs\",[[1,\"logo-variations-horizontal\",{\"orientation\":[1],\"type\":[1]}]]],[\"logo-variations-vertical.cjs\",[[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"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\"]]]]],[\"incorrect-use-of-colors.cjs\",[[0,\"incorrect-use-of-colors\"]]],[\"logo-space.cjs\",[[1,\"logo-space\"]]],[\"logo-wrong-usage.cjs\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing.cjs\",[[0,\"token-spacing\"]]],[\"eds-table.cjs\",[[1,\"eds-table\",{\"data\":[1],\"endpoint\":[1],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"tableData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32]},null,{\"data\":[\"handleDataChange\"],\"config\":[\"handleConfigChange\"]}]]],[\"eds-footer.cjs\",[[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\"]}]]],[\"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-pagination.cjs\",[[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-social-networks.cjs\",[[1,\"eds-social-networks\",{\"title\":[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-block-break.cjs\",[[1,\"eds-block-break\",{\"extraClass\":[1,\"extra-class\"]}]]],[\"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\"]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

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

@@ -2,19 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
-const index$1 = require('./index-f62478aa.js');
+const index = require('./index-f08e4f5c.js');
+const logoColorMargins = require('./logo-color-margins-b49c0f46.js');
 
 const logoSpaceCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.w-\\[150px\\]{width:150px}.w-\\[300px\\]{width:300px}";
+const LogoSpaceStyle0 = logoSpaceCss;
 
 const LogoSpace = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '696ba14bb0cd1e633937a4c493720ae5fe255c87', class: "container my-20" }, index.h("div", { key: '4509d6c00d141ad49852d21f1b065a12e16d7df7', class: "w-[300px]" }, index.h("div", { key: '28ebc1d66714ad8208feeed689b43f1e861ea1fd', class: "bg-dark" }, index.h("div", { key: 'fc23d1759745069b09c387e06c65e27c55b164a3', class: "logo-container", innerHTML: index$1.vLogoMargins })))));
+        return (index.h("div", { key: '941aa1eb81d139e0e9676481b9138bb52f7e83df', class: "container my-20" }, index.h("div", { key: 'aebf776430ff757354b7ec6cb777c129d0052f22', class: "w-[300px]" }, index.h("div", { key: '0ba420a45e374b736f360cbf165e1e7819a37184', class: "bg-dark" }, index.h("div", { key: 'abc0532214cde00c7488dbf658891e36b034a307', class: "logo-container", innerHTML: logoColorMargins.vLogoMargins })))));
     }
 };
-LogoSpace.style = logoSpaceCss;
+LogoSpace.style = LogoSpaceStyle0;
 
 exports.logo_space = LogoSpace;

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 
 const logoVariationsHorizontalCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.w-\\[150px\\]{width:150px}.w-\\[300px\\]{width:500px}.coloured{background:linear-gradient(to left, \n  #9CE142 0%, \n  #00C959 50%, \n  #00A595 100%)}";
+const LogoVariationsHorizontalStyle0 = logoVariationsHorizontalCss;
 
 const LogoVariations = class {
     constructor(hostRef) {
@@ -25,6 +26,6 @@ const LogoVariations = class {
         return null;
     }
 };
-LogoVariations.style = logoVariationsHorizontalCss;
+LogoVariations.style = LogoVariationsHorizontalStyle0;
 
 exports.logo_variations_horizontal = LogoVariations;

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 
 const logoVariationsVerticalCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.w-\\[150px\\]{width:150px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:500px}.coloured{background:linear-gradient(to left, \n  #9CE142 0%, \n  #00C959 50%, \n  #00A595 100%)}";
+const LogoVariationsVerticalStyle0 = logoVariationsVerticalCss;
 
 const LogoVariations = class {
     constructor(hostRef) {
@@ -25,6 +26,6 @@ const LogoVariations = class {
         return null;
     }
 };
-LogoVariations.style = logoVariationsVerticalCss;
+LogoVariations.style = LogoVariationsVerticalStyle0;
 
 exports.logo_variations_vertical = LogoVariations;

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

@@ -2,19 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
-const index$1 = require('./index-f62478aa.js');
+const index = require('./index-f08e4f5c.js');
+const logoColor = require('./logo-color-6c787ac1.js');
 
 const logoWrongUsageCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.container{display:flex;flex-wrap:wrap;gap:16px}.example{width:200px;text-align:center;font-size:14px}.logo{width:100%;height:auto}.bg-dark{background-color:#333}.bg-light{background-color:#f3f3f3}.bg-white{background-color:white}.non-brand-color{fill:purple;}.distorted{transform:scaleX(1.5)}.effects{filter:drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5))}.rotated{transform:rotate(15deg)}.no-other-bg-color{background-color:var(--purple-200)}.no-other-color{color:var(--red-700)}.outlined{stroke:red;stroke-width:2px;fill:none;}.custom-font{font-family:'Comic Sans MS', cursive;font-size:20px;color:#333;}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.gap-y-8{row-gap:0.5rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:flex{display:flex}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}@media (min-width: 750px){.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}}.flex-col{flex-direction:column}";
+const LogoWrongUsageStyle0 = logoWrongUsageCss;
 
 const LogoWrongUsage = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("ul", { key: '0cc57b3da3fe93da5d212efe04c5276588388b3c', class: "grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("span", { key: '3c3ef2133b759fd191ee78a28e91219677ddf6f3', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '2a6fff275d938440878a4303968b4d9ec51d1317', class: "example" }, index.h("div", { key: 'bb1a5e1d55c0faf369c8f8210e07f96991d03a7e', class: "bg-dark " }, index.h("div", { key: 'a15bfd5f135d36f8d7e142bebddef547d03e9106', class: "no-other-bg-color logo", innerHTML: index$1.hLogoColor })), index.h("p", { key: '9e9e8c6afb8a6f232ad940869c439b5385bab7f8', class: "f-ui-02" }, "Do not use with backgrounds that make legibility difficult"))), index.h("span", { key: 'a0262fc388cdb5bb479e8e19b452cb26d7ad50f4', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '38e0cae361c255a179fcd1e40034f09c7f68efdb', class: "example" }, index.h("div", { key: 'd86cd1dacf5be058fd7f55434c1c641975d7cff2', class: "no-other-color p-16" }, index.h("div", { key: 'e1bec738b42a1b7a69149cf7fab1aa83c67b71a6', class: "logo non-brand-color", innerHTML: index$1.hLogoColor })), index.h("p", { key: 'fe1f4b002855fbd9c85c3964bed82f7d3e8391d2', class: "f-ui-02" }, "Do not apply other colors"))), index.h("span", { key: '8f15d66b424bb696d11bbfd67260dab8235cca55', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '9802174be7268b50897eb8577e5f2a7e852146c9', class: "example" }, index.h("div", { key: 'c9004c582f5da37657181f13cf094193fd5ccd82', class: "bg-light p-16" }, index.h("div", { key: '0f9c62403a7e0621bc050e8682de264ea38dd252', class: "logo distorted", innerHTML: index$1.hLogoColor })), index.h("p", { key: '2f69f536dbe34278a08e6fa8b08fec081f398a6c', class: "f-ui-02" }, "Do not deform the logo"))), index.h("span", { key: 'a281c7860d69a146f3f9c4f747586b3720ab8c5f', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '31768e18513607222c5f6e3761137279bf915db3', class: "example" }, index.h("div", { key: '8a8c6db62f993ed0faf09c52af76a60aa0abe595', class: "bg-white p-16" }, index.h("div", { key: '8584bada781120c4e8e6f78df096e2bf146a2932', class: "logo effects", innerHTML: index$1.hLogoColor })), index.h("p", { key: 'b39ce49cd867643dbdbd11553a842e4493d89e46', class: "f-ui-02" }, "Do not apply effects"))), index.h("span", { key: '08f767b3c8fca22783b19abfb153b5f137cf195b', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '1d580e1a3d4b1ff8c599856ef93b8d0b15a690f3', class: "example" }, index.h("div", { key: 'be79457c738d824fa45f77bd5d8a6ec59144a2e6', class: "bg-white p-16" }, index.h("div", { key: 'b68491897de72c967d6f55e80b49ca9d38a61703', class: "logo rotated", innerHTML: index$1.hLogoColor })), index.h("p", { key: '48a366d2ebb4692755a50e869ea14db016bbf9e0', class: "f-ui-02" }, "Do not rotate the logo"))), index.h("span", { key: '90385d5ea27b23818c403afcdf4f66ab6e9ad4ee', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '092eb2ddb731efb0661d175cfd1bc9e62d0a56bf', class: "example" }, index.h("div", { key: '6c5193fa3e17537d7835e57b74d54502d82a4ab8', class: "bg-light p-16" }, index.h("div", { key: '3df00f23cfc582861a085d6c45ed749d89843701', class: "logo outlined", innerHTML: index$1.hLogoColor })), index.h("p", { key: '915bfa520f6d489f5700bdb1e708b53e9bde589a', class: "f-ui-02" }, "Do not apply outlines"))), index.h("span", { key: 'dfc1b5ba8f88c8697536aed0d1fa9693b97b655d', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }), index.h("span", { key: '71c7ad168cc56681f365ec7741f86ea84b196dea', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: 'e81d58479a79dce6264b8c9723849e97bcb4af8d', class: "example" }, index.h("div", { key: 'ff81ea921d7807964af169993a10d67ad6f318ed', class: "bg-accent p-16" }, index.h("div", { key: 'c3fb1fe5e8df1b72d853b66649b7f272858976ed', class: "text-inverse", innerHTML: index$1.hLogoColor })), index.h("p", { key: 'ed303d7fd8674a0cdc8f93a247bd81a1cbdacacb', 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: '9aa8a3f496e779f561e54a6ee656528b2e55a500', class: "grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("span", { key: '735e61f1189decb4fef74b5f9f481f94f51c304e', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '8d8859bef157051ca9493bac1fd35e0db80414c0', class: "example" }, index.h("div", { key: '6ee9ce679339e1189439239889a60d8cba39c4b1', class: "bg-dark " }, index.h("div", { key: '492054f20250a9572ac3c641d05bbb955c050be4', class: "no-other-bg-color logo", innerHTML: logoColor.hLogoColor })), index.h("p", { key: 'c9f49c3c44fb7446e6e4e02c1f79ac15827633ba', class: "f-ui-02" }, "Do not use with backgrounds that make legibility difficult"))), index.h("span", { key: 'd5cbda2472d3396f08fdb600676852708991ce0f', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: 'dacbf3bcf4dd4914b4332a663a81732a196457f4', class: "example" }, index.h("div", { key: '9f9bb9b86a840658cf7311a2b035dbadd6a3e0af', class: "no-other-color p-16" }, index.h("div", { key: '9e96d60f66801638898c12b190640ae0dcc18d24', class: "logo non-brand-color", innerHTML: logoColor.hLogoColor })), index.h("p", { key: '5e0470cb9f81e4bba14104746715704fed2fddeb', class: "f-ui-02" }, "Do not apply other colors"))), index.h("span", { key: '5e9e1943ab5d4cda7d6b4cb51b76f9da4370a50b', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '9821754465969edcf1ea98aa7a353ff04140612f', class: "example" }, index.h("div", { key: '513bb5879746d5979cf7f5360ea60c97196e5379', class: "bg-light p-16" }, index.h("div", { key: '25f615bf82c51f8601960cb705fa5983667a4943', class: "logo distorted", innerHTML: logoColor.hLogoColor })), index.h("p", { key: '636efd5a54620ca8248b5e1adbf453a7d5292d0f', class: "f-ui-02" }, "Do not deform the logo"))), index.h("span", { key: 'a006b91c704b1df8f7adf1cad1d0033bd11378d8', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '6a494fdace1e6a2ff48e02a6a8a79f31ca101e02', class: "example" }, index.h("div", { key: '09ea335ac52cb395cc3173263b4a956aba59cc4e', class: "bg-white p-16" }, index.h("div", { key: '9acf37c882acb0a04fddc5754b8e91e6789f36ee', class: "logo effects", innerHTML: logoColor.hLogoColor })), index.h("p", { key: 'f648aefe81578e9768c24de085e53e2484c1bb7b', class: "f-ui-02" }, "Do not apply effects"))), index.h("span", { key: '70f90abc0d6a3292101e29bdfc311ebb0192a585', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '9eb3aa4276d7b0a9f7c5e76ffa9fefe7f3def0a3', class: "example" }, index.h("div", { key: '5a38e80d567d2c2faf08fbcb66a62c24973c3fea', class: "bg-white p-16" }, index.h("div", { key: '7edbadc8850a9babefea43be9c5f9697021712d5', class: "logo rotated", innerHTML: logoColor.hLogoColor })), index.h("p", { key: '96d30acd52838a03f33fd6c8dcf89a72417ce925', class: "f-ui-02" }, "Do not rotate the logo"))), index.h("span", { key: '41d476bd66b39e796f03c669945024720771216f', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '3fd7f690559195125d633097b578b1cc2ff4ccc1', class: "example" }, index.h("div", { key: '684387318cfffdfbc5592486095a28a923e5af07', class: "bg-light p-16" }, index.h("div", { key: '7593acd61c1ea52ce613a1f3395c8769a09f9aed', class: "logo outlined", innerHTML: logoColor.hLogoColor })), index.h("p", { key: '51d6d974c005a0b5059cd002dff682dc50cfb19a', class: "f-ui-02" }, "Do not apply outlines"))), index.h("span", { key: '605db4b33b7aab4d0e81e30f658f639689a433b6', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }), index.h("span", { key: '1dc1e6be701572fb7d31b435f8b25dbaf0bf30c8', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, index.h("div", { key: '30b239799a7d8acf93eba73d3d5dba3cc7117fb5', class: "example" }, index.h("div", { key: '16a146193f1ec233f37a9472dfe5fa92de10864d', class: "bg-accent p-16" }, index.h("div", { key: 'cc5924ad51847399ec52c2ece993bdd22305892f', class: "text-inverse", innerHTML: logoColor.hLogoColor })), index.h("p", { key: 'bdcd59e968000ecd459b65aaa42e75fa9e06f8ef', 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 = logoWrongUsageCss;
+LogoWrongUsage.style = LogoWrongUsageStyle0;
 
 exports.logo_wrong_usage = LogoWrongUsage;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2cc3495f.js');
+const index = require('./index-f08e4f5c.js');
 
 const colors = {
   tokens: {
@@ -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: '3e1da1cf339496fb351d4ab2c6238ac389bccc10', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
+        return (index.h("section", { key: '12f2874bbc9a74aea2a37e3c9314e85b5cf96d8c', 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: '16cab4ed90701a89fe7586cb29e85e01156a2f9a', class: "w-full mt-28" }, index.h("ul", { key: 'e997b51855eb94a8cda474ce537ab81c88938ca9', 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: '8b66cda1370f366c46ed2772ee0a5a18878cdc13', class: "w-full mt-28" }, index.h("ul", { key: '652f4812de4a40c94646b25429b16683bfc8f54c', 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: '019be87dca82cd1edd392ef0758b8a2e37d09ff6', class: "w-full mt-28" }, index.h("ul", { key: 'ade136beb8b25087e26c3f2300b463aa3fda1e41', 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: '6651a6dcd282a9f9df84249c73ab08a6e8d83597', class: "w-full mt-28" }, index.h("ul", { key: '12bda2b4a1306c9a8d1bc4f41da4edd5258e381f', 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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 
 const ratios = {
   '1x1': '1/1',
@@ -18,7 +18,7 @@ const TokenRatios = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("section", { key: '5e6ad389cf71ef5d70b7c4a92314b25ef7272f62', class: "w-full" }, index.h("eds-section-core", { key: '5dd2339752eddd0826987245e7b80edc64816a32', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, index.h("ul", { key: 'd71c41ed6a9d8f6b45c03fb8fa7070810f3fe6ba', 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: 'd6df281aee2b33d5dd1087c9d06aff6656bf9145', class: "w-full" }, index.h("eds-section-core", { key: 'fdf31da89f0fa75f5a724ae9bdb26d59dd22fe9e', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, index.h("ul", { key: '01473ff27842d278c1269870463fb0c1a0658406', 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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 
 const TokenSpacing = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'a5ba01206487d07014bfd41fbed4f2f80f7d067e', class: "w-full" }, index.h("ul", { key: 'be6eb0bbe85f40b123ea04e02d839412401e0e0d', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '1617719d10e11cc1e36df8cdc368fb3f55536d9a', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '3510583e1adc5029a2562b96f33e9f6453240da5', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'b01170621405035c36efe8e5858201b6d12b23e9', class: "spacing-sample m-32 bg-darker" }, index.h("span", { key: 'ce9639400a99d478a5e31f95c9482cec914e90af', class: "text-white" }, "Margin: 2rem / m-32")))), index.h("li", { key: '96dd43d6786acdcb5cf9c911ce39efce00b09a77', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'd8d9178f9f700eb5e752c87333d894a2392d72e9', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'f357493cdad00a69ec48dc3fb7854ba4b25579ab', class: "spacing-sample ml-64 bg-darker" }, index.h("span", { key: '6e5e8b20be76970dead72ca485fb5cc9a6e7c1f1', class: "text-white" }, "Margin Left: 4rem / ml-64")))), index.h("li", { key: '22fec87f6102e0577bf912508128c12716b48cb4', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'dee21a637d965b41cbdd9b4131ae7e6fc241d39a', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '43b150abac42ee2e189ec5fe8de64f5b43fba2c8', class: "spacing-sample mt-32 bg-darker" }, index.h("span", { key: '3789c91cd7db3332af5df28308c4d69ccda4623d', class: "text-white" }, "Margin Top: 2rem / mt-32")))), index.h("li", { key: '07e7c1b44d09a873df7f4488381b561bd952b65f', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '898be718773fee0d091424178ff4302f2fbc137b', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '60ce8427ee0c6deeda95b385c6342ca1b6215bba', class: "spacing-sample p-32 bg-darker" }, index.h("span", { key: '97913f64a9c0b15b200811e59214e0d0b3d8837d', class: "text-white" }, "Padding: 2rem / p-32")))), index.h("li", { key: '01ba17c02dc6fb806a23ce4429091e0417d094c5', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '559de3d223e040d0e1edbff121b99e6218773917', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'a857560b3ad4d7a5a670d5db5baae3fcfbf18d21', class: "spacing-sample pt-32 bg-darker" }, index.h("span", { key: '5fff31ad7de22d84df6741c0f9a611164bbe5cc9', class: "text-white" }, "Padding Top: 2rem / pt-32")))), index.h("li", { key: '6ac602257cb50ac1a05d78b477bc84fb25e89b4c', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'a087fa3b78537b2c0e35b7e9c2693e972092d407', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '76265dd76d79f8eb33f20ae85794c70cf41dd38b', class: "spacing-sample pl-32 bg-darker" }, index.h("span", { key: 'fe6a57a3977218cb6f9ea10560650634080d0931', class: "text-white" }, "Padding Left: 2rem / pl-32")))))));
+        return (index.h("div", { key: 'ae388def4474fbd6e9766c2e04eb382ac9022bb8', class: "w-full" }, index.h("ul", { key: 'a2a51b9494dbd1bbb8b8d454117bc254e9602938', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '9e48e3551369f35ae6ec72d493ae888ebee3cceb', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '65b5b1192cdfef841bd4beed6eedf0068393ba8d', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '770870c171999d004aba77b6058fe32525b1703e', class: "spacing-sample m-32 bg-darker" }, index.h("span", { key: 'fdba92dbc2c78e55481277c2858de4ea220b2397', class: "text-white" }, "Margin: 2rem / m-32")))), index.h("li", { key: '9420b6110f30e9f3cff94d409362627d32782023', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '2e438e9ee4291d1326acb2630ccb55f981acfeaa', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'b199e19274f23490485347d2ef102741f583b612', class: "spacing-sample ml-64 bg-darker" }, index.h("span", { key: '2cde99dd7d0bb469b7f69b852f20abc4f61d6a01', class: "text-white" }, "Margin Left: 4rem / ml-64")))), index.h("li", { key: 'b8cdd7b7245cd3e7c8fe59297b76f2e9e20a1c2e', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '0f9cf988220669a2ebe2e93d33d904ee045af74a', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '88f5a191b1f9878ae6012efd5ec7365cf2f28da4', class: "spacing-sample mt-32 bg-darker" }, index.h("span", { key: 'af8f876d8cdc7620af861620173ea32fc706378f', class: "text-white" }, "Margin Top: 2rem / mt-32")))), index.h("li", { key: 'e65780c7ecfc9685791c40970350ba511e888283', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'c1a8e22fde087ac9f5e69602e23c8b7f429c0e3e', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '19aaa0273c1c818f1f6d57a0fd41d9be14aa4d1b', class: "spacing-sample p-32 bg-darker" }, index.h("span", { key: '18cbdee711f04e90e663d93bd8b752ec0d0b33ee', class: "text-white" }, "Padding: 2rem / p-32")))), index.h("li", { key: 'f2831db3170703786946a12a5b0c0e188c4f944a', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '68ac92294defd683a3c49e38ce0f4366a8b91208', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '6bfd849d0f841d6fefb39d91a4be49ae1db8d43f', class: "spacing-sample pt-32 bg-darker" }, index.h("span", { key: '7f3b5868baf86913d172b07347b15ca1e8901d21', class: "text-white" }, "Padding Top: 2rem / pt-32")))), index.h("li", { key: 'f3608f5562949c9fb82d987719753bc0b59ba999', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'fe9d90cf206906742000da310a53873ecefaa77c', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'd6590820496db0ba1009deea6a4b56c9195814e6', class: "spacing-sample pl-32 bg-darker" }, index.h("span", { key: 'c65179e127861a66ca1c0d6ff429b07bc0d88945', class: "text-white" }, "Padding Left: 2rem / pl-32")))))));
     }
 };
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-383d2951.js');
+const index = require('./index-f08e4f5c.js');
 
 const headings = {
   'heading-01': {
@@ -207,7 +207,7 @@ const TokenTypography = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("section", { key: '8a5867f30800adcc1e5ef9438f01b3a031110402', class: "w-full" }, index.h("ul", { key: 'd1fc83712676e6524bddc2e5d1bc50f0266b05eb', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
+        return (index.h("section", { key: '2078622c91b8906b71ee3aebdadcda0ac2c49512', class: "w-full" }, index.h("ul", { key: 'fe9212731cddcd43e3d5f5518245911d9d4cd493', 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

@@ -60,8 +60,10 @@
     "components/eds-tab/eds-tab.js",
     "components/eds-table/eds-table.js",
     "components/eds-tag/eds-tag.js",
+    "components/eds-timeline/eds-timeline.js",
     "components/eds-toast/eds-toast.js",
     "components/eds-tooltip/eds-tooltip.js",
+    "components/eds-trl/eds-trl.js",
     "eds-docs-ui/colors/color-palette/primary.js",
     "eds-docs-ui/colors/color-palette/secondary.js",
     "eds-docs-ui/colors/color-palette/support.js",

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

@@ -90,10 +90,10 @@ export class EdsAccordion {
      */
     render() {
         const minHeightContentClass = this.minHeightContent ? 'min-h-56' : '';
-        return (h("div", { key: 'fc5727e75b74058ee2ce86f99f77cf0b09fca4aa', 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: '1f8ea188c4b39f6d1a8d10cdbf43d3df88d1281f', 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: 'e58c2839cf6ee75be7752acc5c54497fe8bf3dde', class: "mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1" }, this.title), h("div", { key: '55724b741d8654b66da22c88a764cca1af240e78', class: "ml-auto" }, h("eds-button", { key: '9020e6cf183bdbc6dc83fe5c7d387f53e248bc98', 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: '2e0510604a57a9f4c9aee0de3c9b295e22946363', class: `w-full` }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: 'f39f19fe2e1a6489853b5fea2ac2da2b9e954787', 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: '91c64ddbc22197fb929f55f8b6a9022c92ed729e', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-20`, "aria-hidden": !this.isExpanded }, h("span", { key: 'c1c496948b8bfdc22573b9ec83dfbaab484db901', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: '758757e3cb9d4d71ecfab9764cffda697fabeaf8' })))))));
+          ${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' })))))));
     }
     static get is() { return "eds-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-cards/eds-card-generic/eds-card-generic.js

@@ -14,6 +14,7 @@ import { h } from "@stencil/core";
  */
 export class EdsCardGeneric {
     constructor() {
+        this.parentContext = null; // Accepts the entire event detail or null
         this.cardTitle = undefined;
         this.url = undefined;
         this.description = undefined;
@@ -47,6 +48,15 @@ export class EdsCardGeneric {
             }
         }
     }
+    handleParentContext(event) {
+        if (event.target !== this.el) {
+            // Ignore the event if it's not targeted at this specific instance
+            return;
+        }
+        //console.log(event.detail);
+        this.parentContext = event.detail;
+        event.stopPropagation();
+    }
     /**
      * Parses the `tags` prop into an array of link objects.
      * Returns an empty array if parsing fails or if `tags` is not a valid JSON string or object.
@@ -81,13 +91,14 @@ export class EdsCardGeneric {
         var _a;
         sendAnalytics({
             category: 'ui-component',
+            parentContext: this.parentContext,
             tag: this.el.tagName.toLowerCase(),
             name: ((_a = this.cardTitle) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
             action: 'click'
         });
     }
     render() {
-        return (h("article", { key: 'e8965da0703c85bcba94c324028c0d8c0b6c8e13', class: this.articleClasses(), onClick: () => this.handleClick() }, h("eds-card-title", { key: '54b1fff3f3a32c26ef68cd33c85c2f2fd8a0fc52', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, hierarchy: this.hierarchy }), this.description && (h("eds-card-desc", { key: '8ee395e5f84e6bdf7651554d9806147d03a9324c', class: "mt-8", "truncate-lines": "3", description: this.description })), this.parsedImage ? (h("eds-img", Object.assign({ class: "mt-8" }, this.parsedImage))) : this.avatar || this.shortAbbreviation ? (h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, h("div", { key: 'd73e14a888d2015a39f86913b6cc9428fda67f59', class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.style, label: tag.label })))), ' '));
+        return (h("article", { key: '17d1f00f232a4436756fa3846684bbae8c716036', class: this.articleClasses(), onClick: () => this.handleClick() }, h("eds-card-title", { key: 'd99ee1716c4e308a3ea446f0f7cedfaeac30f2ed', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, hierarchy: this.hierarchy }), this.description && (h("eds-card-desc", { key: 'c5bdc76e68a8d660609630aa8184ec3a9508ab61', class: "mt-8", "truncate-lines": "3", description: this.description })), this.parsedImage ? (h("eds-img", Object.assign({ class: "mt-8" }, this.parsedImage))) : this.avatar || this.shortAbbreviation ? (h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, h("div", { key: 'fa993e3c60d357eb0d9a63e612bdd2bf026e7a85', class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.style, label: tag.label })))), ' '));
     }
     static get is() { return "eds-card-generic"; }
     static get encapsulation() { return "shadow"; }
@@ -321,4 +332,13 @@ export class EdsCardGeneric {
         };
     }
     static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "parentContext",
+                "method": "handleParentContext",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
 }

package/dist/collection/components/eds-form/eds-form.css

@@ -6193,6 +6193,16 @@
     margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
   }
+  .space-y-4 {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+  }
+  .space-y-8 {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+  }
   .overflow-hidden {
     overflow: hidden;
   }