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

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"eds-avatar_17\",[[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\",[[0,\"eds-trl\",{\"applications\":[1]}]]],[\"eds-form\",[[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\",[[1,\"eds-svg-repository\"]]],[\"eds-docs-palettes\",[[0,\"eds-docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-section\",[[1,\"eds-card-section\",{\"cards\":[1],\"cols\":[2]}]]],[\"eds-components-section\",[[0,\"eds-components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-timeline\",[[0,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"eds-card-tool\",[[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\",[[0,\"eds-docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-project\",[[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\",[[0,\"eds-logo-variations\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-matomo-notice\",[[1,\"eds-matomo-notice\",{\"title\":[1],\"description\":[1],\"showNotice\":[32]}]]],[\"incorrect-use-of-colors\",[[0,\"incorrect-use-of-colors\"]]],[\"correct-use-of-colors\",[[0,\"correct-use-of-colors\"]]],[\"eds-frame\",[[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\",[[1,\"eds-login\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"authenticated\":[32],\"user\":[32]}]]],[\"eds-modal\",[[1,\"eds-modal\",{\"title\":[1],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]}]]],[\"eds-navigator\",[[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\",[[0,\"token-ratios\"]]],[\"token-typography\",[[0,\"token-typography\"]]],[\"eds-card-tags\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-tabs\",[[0,\"eds-tabs\",{\"id\":[1],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"eds-tabs-content\",[[4,\"eds-tabs-content\",{\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"eds-card-wrapper\",[[4,\"eds-card-wrapper\",{\"tiny\":[4],\"withBg\":[4,\"with-bg\"],\"withHover\":[4,\"with-hover\"]}]]],[\"eds-icon-arrow-diagonal\",[[0,\"eds-icon-arrow-diagonal\",{\"addClass\":[1,\"add-class\"]}]]],[\"eds-icon-arrow-right\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bluesky\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-chevron-down\",[[0,\"eds-icon-chevron-down\",{\"class\":[1]}]]],[\"eds-icon-chevron-left\",[[0,\"eds-icon-chevron-left\",{\"class\":[1]}]]],[\"eds-icon-chevron-right\",[[0,\"eds-icon-chevron-right\",{\"class\":[1]}]]],[\"eds-icon-chevron-up\",[[0,\"eds-icon-chevron-up\",{\"class\":[1]}]]],[\"eds-icon-close\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-eu\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-facebook\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-loader\",[[0,\"eds-icon-loader\",{\"class\":[1]}]]],[\"eds-icon-mastodon\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-menu\",[[0,\"eds-icon-menu\",{\"class\":[1]}]]],[\"eds-icon-more\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-search\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-success\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-twitter\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-user\",[[0,\"eds-icon-user\",{\"class\":[1]}]]],[\"eds-icon-youtube\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-rating\",[[1,\"eds-rating\",{\"stars\":[2],\"label\":[1],\"textMapping\":[8,\"text-mapping\"],\"selectedRating\":[32]}]]],[\"eds-tooltip\",[[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1],\"isVisible\":[32],\"isPositioned\":[32],\"tooltipStyle\":[32]},[[1,\"mouseover\",\"showTooltip\"],[1,\"mouseout\",\"hideTooltip\"],[8,\"keydown\",\"handleKeyPress\"]]]]],[\"logo-space\",[[1,\"logo-space\"]]],[\"logo-wrong-usage\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing\",[[0,\"token-spacing\"]]],[\"eds-accordion\",[[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\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"updateValue\":[64]}]]],[\"eds-card-generic\",[[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\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"eds-tab\",[[0,\"eds-tab\",{\"label\":[1],\"url\":[1],\"active\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"token-list_3\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"eds-alert\",[[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"withBtn\":[32]}]]],[\"eds-pagination_2\",[[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\",[[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\",[[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}]]],[\"color-primary-palette_6\",[[0,\"gradient-secondary-palette\"],[0,\"color-primary-palette\"],[0,\"color-secondary-palette\",{\"show\":[1]}],[0,\"color-support-palette\"],[0,\"gradient-primary-palette\"],[0,\"gradient-support-palette\"]]],[\"eds-card-desc_3\",[[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\",[[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 bootstrapLazy(JSON.parse("[[\"eds-alert_17\",[[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\",[[0,\"eds-trl\",{\"applications\":[1]}]]],[\"eds-form\",[[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\",[[1,\"eds-svg-repository\"]]],[\"eds-docs-palettes\",[[0,\"eds-docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-user\",[[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\",[[1,\"eds-card-section\",{\"cards\":[1],\"cols\":[2]}]]],[\"eds-components-section\",[[0,\"eds-components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-timeline\",[[0,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"eds-card-tool\",[[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\",[[0,\"eds-docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-vertical-stepper\",[[1,\"eds-vertical-stepper\",{\"steps\":[1],\"activeStep\":[32]}]]],[\"eds-card-project\",[[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\",[[0,\"eds-logo-variations\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-matomo-notice\",[[1,\"eds-matomo-notice\",{\"title\":[1],\"description\":[1],\"showNotice\":[32]}]]],[\"incorrect-use-of-colors\",[[0,\"incorrect-use-of-colors\"]]],[\"correct-use-of-colors\",[[0,\"correct-use-of-colors\"]]],[\"eds-frame\",[[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\",[[1,\"eds-login\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"authenticated\":[32],\"user\":[32]}]]],[\"eds-modal\",[[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\",[[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\",[[0,\"token-ratios\"]]],[\"token-typography\",[[0,\"token-typography\"]]],[\"eds-card-tags\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-card-wrapper\",[[4,\"eds-card-wrapper\",{\"tiny\":[4],\"withBg\":[4,\"with-bg\"],\"withHover\":[4,\"with-hover\"]}]]],[\"eds-icon-arrow-diagonal\",[[0,\"eds-icon-arrow-diagonal\",{\"addClass\":[1,\"add-class\"]}]]],[\"eds-icon-arrow-right\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bluesky\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-chevron-down\",[[0,\"eds-icon-chevron-down\",{\"class\":[1]}]]],[\"eds-icon-chevron-left\",[[0,\"eds-icon-chevron-left\",{\"class\":[1]}]]],[\"eds-icon-chevron-right\",[[0,\"eds-icon-chevron-right\",{\"class\":[1]}]]],[\"eds-icon-chevron-up\",[[0,\"eds-icon-chevron-up\",{\"class\":[1]}]]],[\"eds-icon-close\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-eu\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-facebook\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-loader\",[[0,\"eds-icon-loader\",{\"class\":[1]}]]],[\"eds-icon-mastodon\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-menu\",[[0,\"eds-icon-menu\",{\"class\":[1]}]]],[\"eds-icon-more\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-search\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-success\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-twitter\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-user\",[[0,\"eds-icon-user\",{\"class\":[1]}]]],[\"eds-tab\",[[0,\"eds-tab\",{\"label\":[1],\"url\":[1],\"active\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"eds-tabs\",[[0,\"eds-tabs\",{\"id\":[1],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"eds-tabs-content\",[[4,\"eds-tabs-content\",{\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"eds-icon-youtube\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-tooltip\",[[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1],\"isVisible\":[32],\"isPositioned\":[32],\"tooltipStyle\":[32]},[[1,\"mouseover\",\"showTooltip\"],[1,\"mouseout\",\"hideTooltip\"],[8,\"keydown\",\"handleKeyPress\"]]]]],[\"logo-space\",[[1,\"logo-space\"]]],[\"logo-wrong-usage\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing\",[[0,\"token-spacing\"]]],[\"eds-accordion\",[[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\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"updateValue\":[64]}]]],[\"eds-avatar_4\",[[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\",[[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\",[[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\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"token-list_3\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"eds-pagination_2\",[[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\",[[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\",[[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}]]],[\"color-primary-palette_6\",[[0,\"gradient-secondary-palette\"],[0,\"color-primary-palette\"],[0,\"color-secondary-palette\",{\"show\":[1]}],[0,\"color-support-palette\"],[0,\"gradient-primary-palette\"],[0,\"gradient-support-palette\"]]],[\"eds-input_7\",[[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);
 };
 
 export { defineCustomElements };

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

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

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

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

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

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

@@ -240,7 +240,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 (h("section", { key: 'ac8573b341ad313eba0f9f082dcc72cfc81208b3', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
+        return (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)));
     }
@@ -260,7 +260,7 @@ const TokenRadii = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("section", { key: '84dabcd5a39d49e116f8fc9e9b26e00455c7fbb3', class: "w-full mt-28" }, h("ul", { key: 'a821c747c45b8898ab2e7626d2ead91814549335', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, h("eds-code-block", { language: "Utility Class", code: `rounded-${key}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), h("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
+        return (h("section", { key: '0b0ccb9adcfa77ea898828ddbb244e959f93e2e4', class: "w-full mt-28" }, h("ul", { key: '7c81d0a9725565c4e2587369528568d640e7b1a3', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, h("eds-code-block", { language: "Utility Class", code: `rounded-${key}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), h("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
     }
 };
 
@@ -287,7 +287,7 @@ const TokenShadows = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("section", { key: '4575feac8b5bff23aed39733e638fbb62916988f', class: "w-full mt-28" }, 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]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, h("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: value } }, h("eds-code-block", { code: `${category}-${key}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), h("eds-code-block", { code: `${value}`, language: "css", class: "ml-auto min-w-[200px]" })))))))));
+        return (h("section", { key: '18d2b4cdcc3b6d6ce8864a9c36e869be9b9e5cb4', class: "w-full mt-28" }, 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]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, h("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: value } }, h("eds-code-block", { code: `${category}-${key}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), h("eds-code-block", { code: `${value}`, language: "css", class: "ml-auto min-w-[200px]" })))))))));
     }
 };
 

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

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

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

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

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

@@ -203,7 +203,7 @@ const TokenTypography = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("section", { key: '23815518d694435812ed3d7b9aab850043941b96', class: "w-full" }, h("ul", { key: '366ed5bc5933c5b8a563d33b70471f507a21386c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
+        return (h("section", { key: 'b831c9707b00d17768f585e2015de8a7289b11d2', class: "w-full" }, 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]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: "w-full p-4 block lg:flex items-center border border-soft rounded" }, h("div", { class: "mr-auto hidden lg:block", style: {
                 fontFamily: typography.families.sans,