@ebrains/components 2.4.0 → 3.0.0

package/dist/components/components.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-271c61ff.js";export{s as setNonce}from"./p-271c61ff.js";import{g as n}from"./p-e1255160.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await n(),a(JSON.parse('[["p-f6baca73",[[1,"eds-form",{"name":[1],"title":[1],"description":[1],"setFormUrl":[4,"set-form-url"],"formBtn":[4,"form-btn"],"formBtnLabel":[1,"form-btn-label"],"buttonIntent":[1,"button-intent"],"errorMessage":[1,"error-message"],"fields":[1],"groups":[1],"initData":[16],"formStyle":[1,"form-style"],"values":[32],"isSubmitting":[32],"hasError":[32],"errors":[32],"parsedFields":[32],"parsedGroups":[32],"setData":[64],"getData":[64]},null,{"fields":["parseFields"],"groups":["parseGroups"]}],[1,"eds-global-search",{"apiEndpoint":[1,"api-endpoint"],"placeholder":[1],"limit":[2],"debounceDelay":[2,"debounce-delay"],"query":[32],"results":[32],"loading":[32],"error":[32],"hasSearched":[32],"showDropdown":[32],"selectedIndex":[32]},[[4,"click","handleDocumentClick"],[0,"keydown","handleKeydown"]]],[1,"eds-user",{"user":[1025],"intent":[1],"dropdownLabel":[1,"dropdown-label"],"expanded":[32],"shortMode":[32],"closeDropdown":[64]}],[1,"eds-header",{"homeUrl":[513,"home-url"],"links":[1],"headerVariant":[513,"header-variant"],"menuEnabled":[4,"menu-enabled"],"isMenuOpen":[32],"isUserMenuOpen":[32]}],[1,"eds-steps-v2",{"steps":[1],"type":[1],"orientation":[1],"imageSrc":[1,"image-src"],"imageWidth":[2,"image-width"],"message":[1],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"disableNext":[1032,"disable-next"],"headingLevel":[513,"heading-level"],"activeStep":[32]},null,{"disableNext":["handleDisableNextChange"],"activeStep":["activeStepChanged"]}],[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}],[1,"eds-sidebar",{"items":[1],"theme":[1],"activeUrl":[1,"active-url"],"enableRouting":[4,"enable-routing"],"maxLevel":[2,"max-level"],"openItems":[32],"parsedItems":[32]},null,{"items":["handleItemsChange"],"activeUrl":["handleActiveUrlChange"]}],[1,"eds-switch",{"checked":[1540],"disabled":[4],"labelOn":[1,"label-on"],"labelOff":[1,"label-off"]}],[1,"eds-tabs",{"identifier":[1,"id"],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}],[1,"eds-matomo-notice",{"heading":[1,"title"],"description":[1],"optOutMessage":[1,"opt-out-message"],"forceShow":[4,"force-show"],"showNotice":[32]},[[16,"cookies","toggleCookiesConsent"]]],[1,"eds-nps",{"question":[1],"leftLabel":[1,"left-label"],"rightLabel":[1,"right-label"],"selectedValue":[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],"autoClose":[4,"auto-close"],"noCloseSelector":[1,"no-close-selector"],"isOpen":[32],"focusIndex":[32],"close":[64]},[[8,"click","handleWindowClick"],[8,"keydown","handleKeyDown"],[0,"click","handleHostInternalClick"]]],[1,"eds-steps",{"steps":[1],"type":[1],"orientation":[1],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"disableNext":[1032,"disable-next"],"headingLevel":[513,"heading-level"],"collapsibleTitles":[4,"collapsible-titles"],"activeStep":[32]},null,{"disableNext":["handleDisableNextChange"],"activeStep":["activeStepChanged"]}],[1,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}],[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"brd":[1],"withBtn":[32]}],[1,"eds-accordion",{"heading":[1,"title"],"description":[1],"switchBg":[4,"switch-bg"],"expanded":[4],"clampText":[4,"clamp-text"],"buttonIntent":[1,"button-intent"],"isExpanded":[32],"panelHeight":[32],"shortContent":[32],"headerHeight":[32]}],[1,"eds-rating",{"ratingType":[1,"rating-type"],"ratingCount":[2,"rating-count"],"selectedRating":[32]}],[1,"eds-table",{"data":[1,"table-data"],"config":[1],"rowsPerPage":[2,"rows-per-page"],"paginationEnabled":[4,"pagination-enabled"],"searchEnabled":[4,"search-enabled"],"hostWidth":[1,"host-width"],"columnSize":[1,"column-size"],"actions":[1],"actionTemplate":[16],"sortingEnabled":[4,"sorting-enabled"],"theme":[1],"parsedActions":[32],"dataColumns":[32],"tbData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32],"containerWidth":[32],"sortColumn":[32],"sortDirection":[32]},null,{"data":["handleDataChange","parseData"],"config":["handleConfigChange"],"actions":["handleActionsChange"]}],[1,"eds-block-break",{"inverse":[4]}],[1,"eds-spinner",{"size":[1],"variant":[1],"message":[1],"background":[1],"fullscreen":[4]}],[1,"eds-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"perPage":[2,"per-page"],"total":[2],"url":[1],"mode":[1],"useButtons":[4,"use-buttons"],"prevLabel":[1,"prev-label"],"nextLabel":[1,"next-label"],"prevUrl":[1,"prev-url"],"nextUrl":[1,"next-url"],"links":[32],"focusedIndex":[32]},null,{"currentPage":["onPageOrLastPageChange"],"lastPage":["onPageOrLastPageChange"]}],[1,"eds-tooltip",{"content":[1],"position":[1]},[[1,"mouseenter","handleHover"]]],[1,"eds-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"picture":[1],"initials":[1],"color":[1]}],[17,"eds-input-field",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"required":[4],"label":[1],"hint":[1],"icon":[1],"link":[16],"message":[1],"error":[4],"checked":[4],"errorMessage":[1,"error-message"],"value":[8],"maxLength":[2,"max-length"],"min":[2],"max":[2],"step":[2],"options":[1],"type":[1],"onChangeNative":[16],"onInput":[16],"exposeValueEvents":[4,"expose-value-events"]}],[1,"eds-input-footer",{"name":[1],"errorMessage":[1,"error-message"],"message":[1],"error":[4],"link":[16]}],[0,"eds-input",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"checked":[4],"type":[1],"required":[4],"value":[8],"icon":[1],"maxLength":[2,"max-length"],"options":[16],"extraClass":[1,"extra-class"],"min":[2],"max":[2],"step":[2],"innerVal":[32],"maxLengthReached":[32]},null,{"value":["onValueChanged"]}],[0,"eds-input-search",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"value":[1],"disabled":[4],"required":[4],"decorate":[1],"label":[1],"getInputElement":[64]}],[0,"eds-input-select",{"inputId":[1,"input-id"],"name":[1],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"required":[4],"options":[16],"value":[8]}],[0,"eds-input-range",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"min":[2],"max":[2],"step":[2],"value":[2],"sliderVal":[32],"getInputElement":[64]},null,{"value":["onValueChange"]}],[1,"eds-logo",{"href":[1],"orientation":[1],"type":[1],"label":[1]}],[1,"eds-tag",{"label":[1],"intent":[1],"size":[1]}],[1,"eds-input-label",{"label":[1],"name":[1],"required":[4],"disabled":[4]}],[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-code-block",{"code":[1],"language":[1],"copied":[32]}],[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"]},[[0,"parentContext","handleParentContext"]]],[17,"eds-button",{"label":[1],"ariaLabel":[1,"aria-label"],"elementType":[1,"element-type"],"intent":[1],"loading":[4],"disabled":[4],"pill":[4],"icon":[1],"size":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"triggerClick":[16]},[[0,"parentContext","handleParentContext"]]],[0,"eds-icon-wrapper",{"icon":[1],"class":[1],"IconComponent":[32]},null,{"icon":["iconChanged"]}]]],["p-ab4acc26",[[0,"eds-trl",{"applications":[1]}]]],["p-f4c954ec",[[1,"logo-space"]]],["p-314aa952",[[1,"svg-repository"]]],["p-801f67a1",[[0,"docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-28ce55ae",[[0,"components-section",{"tabIndex":[2,"tab-index"]}]]],["p-f227bac5",[[1,"eds-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32],"open":[64],"close":[64]},[[16,"toggleheadermenu","handleToggleMenu"],[8,"keydown","onKeydown"]]]]],["p-fda3df86",[[1,"eds-card-section",{"cards":[1],"occupyCols":[2,"occupy-cols"]}]]],["p-80ced58a",[[1,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-632bd36e",[[0,"docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-8c520685",[[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]}]]],["p-3ad7a15b",[[0,"eds-cookies-preference",{"buttonText":[1,"button-text"],"intent":[1],"showMatomoNotice":[32],"noticeKey":[32]}]]],["p-07d5560c",[[0,"incorrect-use-of-colors"]]],["p-e311fe9e",[[1,"eds-app-root",{"isAuthenticated":[32]}]]],["p-9d57b51f",[[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]}]]],["p-67c3bedc",[[1,"eds-feedback",{"headingLevel":[1,"heading-level"],"type":[1],"count":[2],"label":[1],"description":[1],"textMapping":[1,"text-mapping"],"selectedRating":[32]},[[16,"rating","ratingUpdated"]]]]],["p-5ba1c4b4",[[1,"eds-toast-manager",{"toasts":[32]}]]],["p-1f0819cf",[[0,"logo-variations-tabs",{"tabIndex":[2,"tab-index"]}]]],["p-21510f7a",[[0,"correct-use-of-colors"]]],["p-ae471b33",[[1,"eds-frame",{"frameLabel":[1,"frame-label"],"frameSrc":[1,"frame-src"],"urlLabel":[1,"url-label"],"errorMessage":[1,"error-message"],"url":[1],"intent":[1],"size":[1],"iframeError":[32]}]]],["p-f0993844",[[1,"eds-modal",{"heading":[1,"title"],"truncate":[2],"position":[1],"inverseHeader":[4,"inverse-header"],"isOpen":[32],"open":[64],"close":[64],"toggle":[64]},[[0,"eds-modal-open","handleGlobalOpen"],[0,"eds-modal-close","handleGlobalClose"],[8,"keydown","handleKeyDown"]]]]],["p-48825534",[[0,"token-ratios"]]],["p-277d0045",[[0,"token-typography"]]],["p-7aa97ad6",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-15df046d",[[1,"eds-gauge",{"size":[2],"valueMin":[2,"value-min"],"valueMax":[2,"value-max"],"value":[2],"thickness":[2],"variant":[1]}]]],["p-062d2f91",[[0,"eds-icon-arrow-diagonal",{"class":[1]}]]],["p-20e711e6",[[0,"eds-icon-arrow-right",{"class":[1]}]]],["p-15dc5ecf",[[0,"eds-icon-bin",{"class":[1]}]]],["p-15f94425",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-c07e3269",[[0,"eds-icon-bookmark",{"class":[1]}]]],["p-df5fc158",[[0,"eds-icon-chevron-down",{"class":[1]}]]],["p-3b838def",[[0,"eds-icon-chevron-left",{"class":[1]}]]],["p-c286e9d3",[[0,"eds-icon-chevron-right",{"class":[1]}]]],["p-87df6442",[[0,"eds-icon-chevron-up",{"class":[1]}]]],["p-355df495",[[0,"eds-icon-clone",{"class":[1]}]]],["p-ad036475",[[0,"eds-icon-close",{"class":[1]}]]],["p-e4f0f24a",[[0,"eds-icon-copy",{"class":[1]}]]],["p-d29676a0",[[0,"eds-icon-download",{"class":[1]}]]],["p-87481169",[[0,"eds-icon-draft",{"class":[1]}]]],["p-9afd31cb",[[0,"eds-icon-edit",{"class":[1]}]]],["p-53f6527b",[[0,"eds-icon-eu",{"class":[1]}]]],["p-13f74e41",[[0,"eds-icon-external",{"class":[1]}]]],["p-c38c527e",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-b64f8ffc",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-51d0e443",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-bfb00131",[[0,"eds-icon-loader",{"class":[1]}]]],["p-c404226a",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-ee93afac",[[0,"eds-icon-menu",{"class":[1]}]]],["p-30e88fc2",[[0,"eds-icon-minus",{"class":[1]}]]],["p-1f74c192",[[0,"eds-icon-more",{"class":[1]}]]],["p-6197c589",[[0,"eds-icon-paper",{"class":[1]}]]],["p-f3754a20",[[0,"eds-icon-plus",{"class":[1]}]]],["p-941dc156",[[0,"eds-icon-portal",{"class":[1]}]]],["p-f7b88ef5",[[0,"eds-icon-private",{"class":[1]}]]],["p-a7323642",[[0,"eds-icon-public",{"class":[1]}]]],["p-78e85217",[[0,"eds-icon-search",{"class":[1]}]]],["p-7a62ae0d",[[0,"eds-icon-star",{"class":[1]}]]],["p-a83c336c",[[0,"eds-icon-start",{"class":[1]}]]],["p-65948a6e",[[0,"eds-icon-success",{"class":[1]}]]],["p-366c5c03",[[0,"eds-icon-thumbs-down",{"class":[1]}]]],["p-c9d60f21",[[0,"eds-icon-thumbs-up",{"class":[1]}]]],["p-f1c8f841",[[0,"eds-icon-tutorial",{"class":[1]}]]],["p-38113b9c",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-0725a684",[[0,"eds-icon-unknown",{"class":[1]}]]],["p-bb800eec",[[0,"eds-icon-updown",{"class":[1]}]]],["p-8bd954b5",[[0,"eds-icon-user",{"class":[1]}]]],["p-9cd1cc1e",[[0,"eds-icon-view",{"class":[1]}]]],["p-ad295d47",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-da96c7cd",[[1,"eds-pie",{"size":[2],"slices":[1],"thickness":[2],"display":[1],"legend":[4],"colorScheme":[1,"color-scheme"]}]]],["p-721431b8",[[1,"logo-wrong-usage"]]],["p-ad6e7daf",[[0,"token-spacing"]]],["p-ac501eb6",[[1,"eds-footer",{"social":[4],"enableScrollTop":[4,"enable-scroll-top"],"fundedBy":[1,"funded-by"],"rightsReserved":[1,"rights-reserved"],"cookiesPreferences":[1,"cookies-preferences"],"enableCookiesSettings":[4,"enable-cookies-settings"],"backToTopAriaLabel":[1,"back-to-top-aria-label"],"showMatomoNotice":[32]},[[9,"scroll","handleScroll"]]]]],["p-83dde536",[[1,"eds-splash-screen",{"inverse":[4],"initPromise":[16],"isVisible":[32]},[[8,"hideSplash","handleHideSplash"]],{"initPromise":["watchInitPromise"]}]]],["p-7f820989",[[1,"eds-progress-bar",{"value":[1026],"rounded":[4],"updateValue":[64]}]]],["p-a61dbad5",[[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"]]]]],["p-eda55db0",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-4cebd89e",[[1,"eds-social-networks",{"heading":[1,"title"]}]]],["p-3a1e54bd",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-5e6f5588",[[1,"eds-section-core",{"tag":[1],"sectionTitle":[1,"section-title"],"headingLevel":[1,"heading-level"]}],[0,"eds-section-heading",{"sectionTitle":[1,"section-title"],"withContainer":[4,"with-container"],"headingLevel":[1,"heading-level"],"tag":[1],"spacingLarge":[4,"spacing-large"]}]]],["p-7737d5c7",[[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"]]],["p-f24bfc6a",[[1,"eds-card-desc",{"description":[1],"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]}]]]]'),e))));
+import{p as e,b as a}from"./p-271c61ff.js";export{s as setNonce}from"./p-271c61ff.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a(JSON.parse('[["p-55047f7f",[[1,"eds-form",{"name":[1],"title":[1],"description":[1],"setFormUrl":[4,"set-form-url"],"formBtn":[4,"form-btn"],"formBtnLabel":[1,"form-btn-label"],"buttonIntent":[1,"button-intent"],"clearBtn":[4,"clear-btn"],"clearBtnLabel":[1,"clear-btn-label"],"errorMessage":[1,"error-message"],"fields":[1],"groups":[1],"initData":[16],"formStyle":[1,"form-style"],"values":[32],"isSubmitting":[32],"hasError":[32],"errors":[32],"parsedFields":[32],"parsedGroups":[32],"setData":[64],"getData":[64]},null,{"fields":["parseFields"],"groups":["parseGroups"]}],[1,"eds-global-search",{"apiEndpoint":[1,"api-endpoint"],"placeholder":[1],"limit":[2],"debounceDelay":[2,"debounce-delay"],"forceNewTab":[4,"force-new-tab"],"currentOrigin":[1,"current-origin"],"currentSource":[1,"current-source"],"authToken":[1,"auth-token"],"query":[32],"results":[32],"loading":[32],"error":[32],"hasSearched":[32],"showDropdown":[32],"selectedIndex":[32]},[[4,"click","handleDocumentClick"],[0,"keydown","handleKeydown"]]],[1,"eds-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32],"open":[64],"close":[64]},[[16,"toggleheadermenu","handleToggleMenu"],[8,"keydown","onKeydown"]]],[1,"eds-user",{"user":[1025],"intent":[1],"dropdownLabel":[1,"dropdown-label"],"expanded":[32],"shortMode":[32],"closeDropdown":[64]}],[1,"eds-header",{"url":[513],"links":[1],"variant":[513],"menu":[4],"isMenuOpen":[32],"isUserMenuOpen":[32]}],[1,"eds-card-app",{"category":[1],"title":[1],"description":[1],"tags":[1],"url":[1],"linkText":[1,"link-text"],"variant":[1]}],[1,"eds-card-cta",{"title":[1],"description":[1],"primaryButtonText":[1,"primary-button-text"],"primaryButtonUrl":[1,"primary-button-url"],"secondaryButtonText":[1,"secondary-button-text"],"secondaryButtonUrl":[1,"secondary-button-url"],"links":[1],"variant":[1]}],[1,"eds-steps-v2",{"steps":[1],"type":[1],"orientation":[1],"theme":[1],"imageSrc":[1,"image-src"],"imageWidth":[2,"image-width"],"message":[1],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"showFinish":[4,"show-finish"],"disableNext":[1032,"disable-next"],"headingLevel":[513,"heading-level"],"activeStep":[32]},null,{"disableNext":["handleDisableNextChange"],"activeStep":["activeStepChanged"]}],[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}],[1,"eds-card-feature",{"icon":[1],"title":[1],"description":[1],"url":[1],"linkText":[1,"link-text"],"variant":[1]}],[1,"eds-sidebar",{"items":[1],"theme":[1],"activeUrl":[1,"active-url"],"enableRouting":[4,"enable-routing"],"maxLevel":[2,"max-level"],"openItems":[32],"parsedItems":[32]},null,{"items":["handleItemsChange"],"activeUrl":["handleActiveUrlChange"]}],[1,"eds-card-hero",{"category":[1],"title":[1],"description":[1],"tags":[1],"url":[1],"variant":[1]}],[1,"eds-card-stat",{"number":[1],"label":[1],"description":[1],"url":[1],"variant":[1]}],[1,"eds-progress-bar",{"value":[1026],"showLabel":[4,"show-label"],"variant":[1],"labelPaddingX":[1,"label-padding-x"],"updateValue":[64]}],[1,"eds-tabs",{"identifier":[1,"id"],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"variant":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}],[0,"eds-kg-web-services-select",{"apiEndpoint":[1,"api-endpoint"],"label":[1],"name":[1],"placeholder":[1],"required":[4],"disabled":[4],"size":[2],"searchTerm":[1,"search-term"],"value":[1025],"hint":[1],"message":[1],"error":[4],"errorMessage":[1,"error-message"],"loading":[32],"webServices":[32],"fetchError":[32],"selectOptions":[32]}],[1,"eds-card-generic",{"title":[1],"url":[1],"description":[1],"tags":[1],"intent":[1],"icon":[1],"titleSize":[1,"title-size"],"isHovered":[32]},[[0,"parentContext","handleParentContext"]]],[1,"eds-footer",{"social":[4],"variant":[1],"enableScrollTop":[4,"enable-scroll-top"],"fundedBy":[1,"funded-by"],"rightsReserved":[1,"rights-reserved"],"cookiesPreferences":[1,"cookies-preferences"],"enableCookiesSettings":[4,"enable-cookies-settings"],"backToTopAriaLabel":[1,"back-to-top-aria-label"],"showMatomoNotice":[32]},[[9,"scroll","handleScroll"]]],[1,"eds-matomo-notice",{"heading":[1,"title"],"description":[1],"optOutMessage":[1,"opt-out-message"],"forceShow":[4,"force-show"],"showNotice":[32]},[[16,"cookies","toggleCookiesConsent"]]],[1,"eds-nps",{"question":[1],"leftLabel":[1,"left-label"],"rightLabel":[1,"right-label"],"selectedValue":[2,"selected-value"],"internalValue":[32]},null,{"selectedValue":["handleSelectedValueChange"]}],[1,"eds-dropdown",{"icon":[1],"label":[1],"ariaLabel":[1,"aria-label"],"asNav":[4,"as-nav"],"dropdownPos":[1,"dropdown-pos"],"dropdownOffset":[4,"dropdown-offset"],"intent":[1],"autoClose":[4,"auto-close"],"noCloseSelector":[1,"no-close-selector"],"isOpen":[32],"focusIndex":[32],"close":[64]},[[8,"click","handleWindowClick"],[8,"keydown","handleKeyDown"],[0,"click","handleHostInternalClick"]]],[1,"eds-steps",{"steps":[1],"type":[1],"orientation":[1],"theme":[1],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"showFinish":[4,"show-finish"],"disableNext":[1032,"disable-next"],"headingLevel":[513,"heading-level"],"collapsibleTitles":[4,"collapsible-titles"],"activeStep":[32]},null,{"disableNext":["handleDisableNextChange"],"activeStep":["activeStepChanged"]}],[1,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}],[1,"eds-table",{"data":[1,"table-data"],"config":[1],"rowsPerPage":[2,"rows-per-page"],"paginationEnabled":[4,"pagination-enabled"],"searchEnabled":[4,"search-enabled"],"hostWidth":[1,"host-width"],"columnSize":[1,"column-size"],"actions":[1],"actionTemplate":[16],"sortingEnabled":[4,"sorting-enabled"],"theme":[1],"view":[1025],"showViewToggle":[4,"show-view-toggle"],"parsedActions":[32],"dataColumns":[32],"tbData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32],"containerWidth":[32],"sortColumn":[32],"sortDirection":[32]},null,{"data":["handleDataChange","parseData"],"config":["handleConfigChange"],"actions":["handleActionsChange"]}],[1,"eds-rating",{"ratingType":[1,"rating-type"],"ratingCount":[2,"rating-count"],"selectedRating":[2,"selected-rating"],"internalRating":[32]},null,{"selectedRating":["handleSelectedRatingChange"]}],[1,"eds-social-networks",{"heading":[1,"title"],"variant":[1]}],[1,"eds-accordion",{"heading":[1,"title"],"description":[1],"variant":[1],"icon":[1],"switchBg":[4,"switch-bg"],"expanded":[4],"clampText":[4,"clamp-text"],"isExpanded":[32],"toggleIcon":[32]}],[1,"eds-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"picture":[1],"initials":[1],"color":[1]}],[1,"eds-card-desc",{"description":[1],"truncate":[4],"truncateLines":[1,"truncate-lines"],"intent":[1]}],[1,"eds-card-title",{"url":[1],"externalLink":[4,"external-link"],"title":[1],"intent":[1],"size":[1]}],[1,"eds-spinner",{"size":[1],"variant":[1],"message":[1],"background":[1],"fullscreen":[4]}],[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"icon":[1],"dismissible":[4],"withBtn":[32],"dismissed":[32]},null,{"pressableLabel":["onPressableLabelChange"]}],[1,"eds-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"perPage":[2,"per-page"],"total":[2],"url":[1],"mode":[1],"useButtons":[4,"use-buttons"],"prevLabel":[1,"prev-label"],"nextLabel":[1,"next-label"],"prevUrl":[1,"prev-url"],"nextUrl":[1,"next-url"],"links":[32],"focusedIndex":[32]},null,{"currentPage":["onPageOrLastPageChange"],"lastPage":["onPageOrLastPageChange"]}],[1,"eds-block-break",{"inverse":[4]}],[1,"eds-switch",{"checked":[1540],"disabled":[4],"labelOn":[1,"label-on"],"labelOff":[1,"label-off"],"variant":[1]}],[1,"eds-tag",{"label":[1],"intent":[1],"size":[1]}],[1,"eds-tooltip",{"content":[1],"position":[1]},[[1,"mouseenter","handleHover"]]],[1,"eds-img",{"src":[1],"alt":[1],"width":[2],"height":[2],"srcset":[1],"sizes":[1],"formats":[16],"lazyload":[4],"withBg":[4,"with-bg"],"loaded":[32],"showBg":[32]}],[17,"eds-input-field",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"required":[4],"label":[1],"hint":[1],"icon":[1],"link":[16],"message":[1],"error":[4],"checked":[4],"errorMessage":[1,"error-message"],"value":[8],"maxLength":[2,"max-length"],"min":[2],"max":[2],"step":[2],"options":[1],"type":[1],"onChangeNative":[16],"onInput":[16],"exposeValueEvents":[4,"expose-value-events"]}],[1,"eds-input-footer",{"name":[1],"errorMessage":[1,"error-message"],"message":[1],"error":[4],"link":[16]}],[0,"eds-input",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"checked":[4],"type":[1],"required":[4],"value":[8],"icon":[1],"maxLength":[2,"max-length"],"options":[16],"extraClass":[1,"extra-class"],"min":[2],"max":[2],"step":[2],"innerVal":[32],"maxLengthReached":[32]},null,{"value":["onValueChanged"]}],[0,"eds-input-search",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"value":[1],"disabled":[4],"required":[4],"decorate":[1],"label":[1],"getInputElement":[64]}],[0,"eds-input-select",{"inputId":[1,"input-id"],"name":[1],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"required":[4],"options":[16],"value":[8]}],[1,"eds-input-dropzone",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"multiple":[4],"accept":[1],"maxFileSize":[2,"max-file-size"],"primaryText":[1,"primary-text"],"secondaryText":[1,"secondary-text"],"selectedFiles":[32],"isDragging":[32]}],[1,"eds-input-file",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"multiple":[4],"accept":[1],"maxFileSize":[2,"max-file-size"],"buttonLabel":[1,"button-label"],"selectedFiles":[32]}],[0,"eds-input-range",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"min":[2],"max":[2],"step":[2],"value":[2],"sliderVal":[32],"getInputElement":[64]},null,{"value":["onValueChange"]}],[1,"eds-input-label",{"label":[1],"name":[1],"required":[4],"disabled":[4]}],[1,"eds-logo",{"href":[1],"orientation":[1],"variant":[1,"type"],"label":[1]}],[1,"eds-code-block",{"code":[1],"language":[1],"copied":[32]}],[17,"eds-button",{"label":[1],"ariaLabel":[1,"aria-label"],"elementType":[1,"element-type"],"intent":[1],"loading":[4],"disabled":[4],"pill":[4],"icon":[1],"size":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"triggerClick":[16],"fullWidth":[4,"full-width"]},[[0,"parentContext","handleParentContext"]]],[1,"eds-link",{"label":[1],"intent":[1],"icon":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"size":[1],"pill":[4],"external":[4],"current":[4],"download":[4],"url":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"hideLabelOnSmallScreen":[4,"hide-label-on-small-screen"]},[[0,"parentContext","handleParentContext"]]],[1,"eds-icon-wrapper",{"name":[1],"size":[2]}]]],["p-773bd015",[[1,"logo-space"]]],["p-7aa4edef",[[1,"svg-repository"]]],["p-f55dd314",[[0,"docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-940a2d42",[[0,"components-section",{"tabIndex":[2,"tab-index"]}]]],["p-d2f17fac",[[1,"eds-gitlab-contributors",{"accessToken":[1,"access-token"],"projectId":[1,"project-id"],"apiUrl":[1,"api-url"],"path":[1],"limit":[2],"minCommits":[2,"min-commits"],"showStats":[4,"show-stats"],"columns":[1],"sortBy":[1,"sort-by"],"contributors":[32],"loading":[32],"error":[32]}]]],["p-d2576747",[[0,"docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-7b93a385",[[0,"eds-cookies-preference",{"buttonText":[1,"button-text"],"intent":[1],"showMatomoNotice":[32],"noticeKey":[32]}]]],["p-c46675c8",[[1,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-0fe10e6c",[[0,"incorrect-use-of-colors"]]],["p-a6dc1f88",[[1,"eds-feedback",{"headingLevel":[1,"heading-level"],"type":[1],"count":[2],"label":[1],"description":[1],"textMapping":[1,"text-mapping"],"selectedRating":[32]},[[16,"rating","ratingUpdated"]]]]],["p-a63e14bb",[[1,"eds-toast-manager",{"toasts":[32]}]]],["p-d1b3aa52",[[0,"logo-variations-tabs",{"tabIndex":[2,"tab-index"]}]]],["p-c2fc62f7",[[0,"correct-use-of-colors"]]],["p-527e71d0",[[1,"eds-app-root",{"isAuthenticated":[32]}]]],["p-d16b5363",[[1,"eds-frame",{"frameLabel":[1,"frame-label"],"frameSrc":[1,"frame-src"],"urlLabel":[1,"url-label"],"errorMessage":[1,"error-message"],"url":[1],"intent":[1],"size":[1],"iframeError":[32]}]]],["p-1cc26ddf",[[1,"eds-modal",{"heading":[1,"title"],"truncate":[2],"position":[1],"size":[1],"inverseHeader":[4,"inverse-header"],"isOpen":[32],"open":[64],"close":[64],"toggle":[64]},[[0,"eds-modal-open","handleGlobalOpen"],[0,"eds-modal-close","handleGlobalClose"],[8,"keydown","handleKeyDown"]]]]],["p-0d7aee0b",[[1,"eds-section-core",{"tag":[1],"sectionTitle":[1,"section-title"],"headingLevel":[1,"heading-level"]}],[0,"eds-section-heading",{"sectionTitle":[1,"section-title"],"withContainer":[4,"with-container"],"headingLevel":[1,"heading-level"],"tag":[1],"spacingLarge":[4,"spacing-large"]}]]],["p-18e852e1",[[0,"token-ratios"]]],["p-dfe93385",[[0,"token-typography"]]],["p-04e9c2d7",[[1,"eds-gauge",{"size":[2],"valueMin":[2,"value-min"],"valueMax":[2,"value-max"],"value":[2],"thickness":[2],"variant":[1]}]]],["p-9eedf771",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-3f38df99",[[0,"eds-icon-eu",{"class":[1]}]]],["p-b4355cec",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-3ccd6948",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-92f6d9c0",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-f88b5f21",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-878f65a6",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-db5eea95",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-ddb9ce00",[[1,"eds-pie",{"size":[2],"slices":[1],"thickness":[2],"display":[1],"legend":[4],"colorScheme":[1,"color-scheme"]}]]],["p-64c23098",[[1,"logo-wrong-usage"]]],["p-3d3841d6",[[0,"token-spacing"]]],["p-7baaf1a1",[[1,"eds-splash-screen",{"inverse":[4],"initPromise":[16],"isVisible":[32]},[[8,"hideSplash","handleHideSplash"]],{"initPromise":["watchInitPromise"]}]]],["p-74b9c9a8",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-f364296f",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-e205c269",[[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"]]]]'),e))));

package/dist/components/correct-use-of-colors.js

@@ -60,7 +60,7 @@ const CorrectUseOfColors$1 = /*@__PURE__*/ proxyCustomElement(class CorrectUseOf
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '4fe6cbf0872ceb38e8c4ade73f9cd5d71dc02a6d', class: "container" }, h("p", { key: 'a2f95067e472c8ecc8010cc529ec69c48746f243', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '304fd52f6ef4744d6a531a5d7b8729d505c6d7e5', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'eea7378f6153492e2238417887f2ce786c450293', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '87608635aa776aea41fd8d6a9b794fd617e58316', class: "flex" }, h("div", { key: '39197725e0a769ce5aeae4ecf3490c40368a1a69', class: "w-full" }, h("ul", { key: 'fc7bc2dd624ad83209d2e55a31c7fe228e27a05c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '487f4c9776ef797fed3a504bc988529fafafe5d8', class: "w-full" }, h("ul", { key: '40cc46b58f95bdfe281b8336d57200f0b10ba7bf', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: '0d7f40bfb85770112c13562ec947475f3b31a581', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '2574eb39b09d61126d4caceb1ca39718fb84cc49', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '19ae32c4f3db95043b10be2dd1f8542910295db0', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '500638a0a9d1a29962dcffa485612bc716b17585', class: "flex" }, h("div", { key: '8564beedaa965489c3224ab8279a35af3f8234a4', class: "w-full" }, h("ul", { key: 'a60d9044f83a891df3f8855699c9add12826b1e2', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '312f36e79e1a1c1d6c009c8e61fdff15aa7d2d36', class: "w-full" }, h("ul", { key: '239670d7c3ff0eb8e8183999250dd4599f7eb57d', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: '0ad90e8f9b9b5a6e02f60f1992c3290811f7712c', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'df616406dd19b599afba16f1eb7c6efd0ab0a676', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '595d7edcb5d5309daff1bda838a87afaeb91d1ac', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '553e6261bd0b27dee6993b3b828f0a32e9125fa7', class: "flex" }, h("div", { key: 'c2117c24b17629ab511eff847954b54b5ef7dafe', class: "w-full" }, h("ul", { key: 'a18f9635a15188a3b9ae057d83968a26f225289e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '31a3b39cebe2d27d0f14769e9031a6342956ae48', class: "w-full" }, h("ul", { key: 'acd7aab003bade1303b98c6e5cfa31f65078315e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: '3d85b99a224355957176c8511e2ce8847a10b15f', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'c362a37363f542dc6e93f74fd19e1be47a9c2e26', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '30890c8730d50a567611fee53a879511d6c83170', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '0711dc09f3de81be950f9b1103fef11579bf269f', class: "flex" }, h("div", { key: '84e885c4a4102791febe68fa3b3f65f7f14cbf66', class: "w-full" }, h("ul", { key: '68f65fecdc6a4875d0ec1dcc3a187b32a13edaa6', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, red.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '9eb65cffe9ec2b8cd8505dffaf67bb9da1545327', class: "w-full" }, h("ul", { key: 'b8ec8142577d347f87a4a34984c83a7b2b6390de', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
+        return (h("div", { key: '6f2e0d05692813eeb9f7edb52508efd608763908', class: "container" }, h("p", { key: '78ab9fe995f873ae56b734550fb96d5cfcc94ecf', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '2dd1a95794b4e72c5fc54079b69ef48108fca4ac', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'db85859e08c5faa38cc8e04d9e7602486cac1921', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'bbd0f8a9de6ab6d1ad08d79af9695ebee46568c4', class: "flex" }, h("div", { key: '12fe2d6fa1f349e6431a6484e50b637f3a9539cf', class: "w-full" }, h("ul", { key: '8750fcdacb4a408d1003153ef24c1aa1eb266d50', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '899c5ac4127fdab0c26a619e5ba9e9abad682b84', class: "w-full" }, h("ul", { key: '20324cb5001311ad3ff9dc138e2d7dfd4779a071', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: '8d9cf6a12252c3ab51779365467d9b5b8eda2aac', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '01fb910b11041bb7b9891edf0546ad6d48a1c59d', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '0e16590a0ea3dd612c386ec8144d34c46d9cc239', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '409db013f54872918a046349932ffb03cbd5c7c8', class: "flex" }, h("div", { key: '7a4caa407edcf4778769b087e14f1d7725d49541', class: "w-full" }, h("ul", { key: '04a87008d35495235219096d6cee25c5b79c047a', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '42412cb3ccd6019262724d160208c9c74ab0be87', class: "w-full" }, h("ul", { key: '832b788f29badaf0e6b498b743400e98b3d62336', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: '7d5710b21829f9a98d11d9328528391bb35b9b5b', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'afd01b3fbd6ba01f2e6f66c99a8d69e31a21bf1a', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '560b790073d516e3a48217454d2926eb8e7619ae', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '81ec29cd9873c62aa9afffecc9f39ada4535452a', class: "flex" }, h("div", { key: '358baaafe6def20de75387af5bac0cb69cb53daf', class: "w-full" }, h("ul", { key: '338913f0d10c724834a9bf9102ebff0159ad4b42', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'baf990dd3cf2c6587e312e07b93b00e975608268', class: "w-full" }, h("ul", { key: '60bb4363163e3d10eb61388a8f505d1da2027598', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: 'e607f95714c66a02cc8d7e336f2b0731bfeb916f', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '82b699d19d01e11eeea3c13d8e817d12c32ee4ca', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '54f9a3e1e6b7629ace882a50f971e88d983e66d2', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'bf1a294c09474031d042153d402e9fe84907d0f5', class: "flex" }, h("div", { key: '5ec457417cf7a123aabd28e822d437e2706c228f', class: "w-full" }, h("ul", { key: 'ee50fe6ddf736682fb69838f53875b88cd22507d', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, red.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '50fcc531966b131ec36acbf396e1676ea988d1ba', class: "w-full" }, h("ul", { key: '01fa6bca1248df187df894f419ff77efe24bf426', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
     }
 }, [0, "correct-use-of-colors"]);
 function defineCustomElement$1() {

package/dist/components/docs-palettes.js

@@ -26,7 +26,7 @@ const DocsPalettes$1 = /*@__PURE__*/ proxyCustomElement(class DocsPalettes exten
         }
     }
     render() {
-        return h("div", { key: 'dd4c39b9b45b3ac9d7e54898e27c09b3c6b4259d', class: "container" }, this.renderContent());
+        return h("div", { key: '81c8a0516dc577d0a9b04255aa021739abfd6c9e', class: "container" }, this.renderContent());
     }
 }, [0, "docs-palettes", {
         "tabIndex": [2, "tab-index"]

package/dist/components/docs-tokens.js

@@ -30,7 +30,7 @@ const DocsContent = /*@__PURE__*/ proxyCustomElement(class DocsContent extends H
         }
     }
     render() {
-        return h("div", { key: 'dfc087cb088b4505939bcf69559639f0a2075255', class: "container" }, this.renderContent());
+        return h("div", { key: 'd012b0c560b658efc52b6ed9c26f481d2ce38bd9', class: "container" }, this.renderContent());
     }
 }, [0, "docs-tokens", {
         "tabIndex": [2, "tab-index"]

package/dist/components/eds-accordion2.js

@@ -1,9 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { s as sendAnalytics } from './analytics.js';
-import { d as defineCustomElement$2 } from './eds-button2.js';
 import { d as defineCustomElement$1 } from './eds-icon-wrapper2.js';
 
-const edsAccordionCss = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.min-h-56{min-height:3.5rem}.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}.break-words{overflow-wrap:break-word}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.pr-32{padding-right:2rem}.pr-36{padding-right:2.25rem}.pr-40{padding-right:2.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-4{padding-top:0.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.text-left{text-align:left}.text-center{text-align:center}";
+const edsAccordionCss = ":host{display:block;width:100%}.accordion-card{border-radius:16px;padding:1.5rem;transition:all 0.4s ease;position:relative;overflow:hidden;border:1px solid rgba(0, 0, 0, 0.1)}.accordion-card-default{background:var(--brand-black);color:var(--white)}.accordion-card-default:hover{border-color:rgba(0, 255, 157, 0.4);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.accordion-card-default .accordion-title{color:var(--white)}.accordion-card-default .accordion-description{color:var(--grey-light)}.accordion-card-default .accordion-chevron{color:var(--white)}.accordion-card-default .accordion-content{color:var(--grey-light)}.accordion-card-inverse{background:var(--white);color:var(--brand-black)}.accordion-card-inverse:hover{border-color:rgba(0, 255, 157, 0.4);box-shadow:0 4px 20px rgba(0, 0, 0, 0.1)}.accordion-card-inverse .accordion-title{color:var(--brand-black)}.accordion-card-inverse .accordion-description{color:var(--grey-dark)}.accordion-card-inverse .accordion-chevron{color:var(--brand-black)}.accordion-card-inverse .accordion-content{color:var(--grey-dark)}.accordion-header{display:flex;align-items:center;gap:1rem;cursor:pointer;width:100%;background:none;border:none;padding:0;text-align:left;-webkit-user-select:none;user-select:none}.accordion-header:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px;border-radius:8px}.accordion-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:rgba(0, 255, 157, 0.1);border-radius:12px;color:var(--brand-green);flex-shrink:0}.accordion-card-inverse .accordion-icon{background:rgba(0, 0, 0, 0.05);color:var(--brand-black)}.accordion-header-text{flex-grow:1;min-width:0}.accordion-title{font-family:'Inter', var(--f-heading-fontFamily);font-weight:300;font-size:1.25rem;line-height:1.4;margin:0}.accordion-description{font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.9375rem;line-height:1.6;margin-top:0.25rem;margin-bottom:0}.accordion-chevron{flex-shrink:0;transition:transform 0.3s ease}.accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.4s ease}.accordion-panel.expanded{grid-template-rows:1fr}.accordion-panel-inner{overflow:hidden}.accordion-content{padding-top:1rem;font-family:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:0.9375rem;line-height:1.6}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media (max-width: 768px){.accordion-card{padding:1.25rem}.accordion-icon{width:40px;height:40px;min-width:40px}.accordion-title{font-size:1.125rem}.accordion-header{gap:0.75rem}}h3,p{margin:0}";
 const EdsAccordionStyle0 = edsAccordionCss;
 
 const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends HTMLElement {
@@ -19,8 +18,8 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
         this.handleClick = () => {
             var _a;
             this.isExpanded = !this.isExpanded;
+            this.toggleIcon = this.isExpanded ? 'chevron-down' : 'chevron-right';
             this.accordion.emit(this.isExpanded);
-            this.setPanelHeight();
             sendAnalytics({
                 category: 'ui-component',
                 parentContext: null,
@@ -30,86 +29,55 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
             });
         };
         /**
-         * Calculates and sets the panel height based on the content height
-         * and adjusts based on the `shortContent` and `isExpanded` states.
+         * Handles keyboard activation on the header (Enter and Space keys).
          */
-        this.setPanelHeight = () => {
-            if (this.childContentRef) {
-                this.shortContent =
-                    this.wrapperRef.scrollWidth > 830 && !this.description
-                        ? this.childContentRef.scrollHeight <= 80
-                        : this.childContentRef.scrollHeight <= 20;
-                this.panelHeight = this.isExpanded && !this.shortContent ? this.childContentRef.scrollHeight : 0;
-            }
-            if (this.headerRef) {
-                this.headerHeight = this.headerRef.scrollHeight - 30;
+        this.handleKeyDown = (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                this.handleClick();
             }
         };
         this.heading = undefined;
         this.description = undefined;
+        this.variant = 'inverse';
+        this.icon = undefined;
         this.switchBg = true;
         this.expanded = false;
         this.clampText = true;
-        this.buttonIntent = 'tertiary';
         this.isExpanded = this.expanded;
-        this.panelHeight = 0;
-        this.shortContent = false;
-        this.headerHeight = 0;
-    }
-    /**
-     * Lifecycle method that sets up the initial panel height and adds a resize event listener
-     * to recalculate height on window resize.
-     */
-    componentDidLoad() {
-        this.setPanelHeight();
-        window.addEventListener('resize', this.setPanelHeight);
-    }
-    /**
-     * Lifecycle method that cleans up the resize event listener when the component is removed.
-     */
-    disconnectedCallback() {
-        window.removeEventListener('resize', this.setPanelHeight);
+        this.toggleIcon = this.expanded ? 'chevron-down' : 'chevron-right';
     }
-    /**
-     * Renders the accordion structure, including header, content, description, and any slotted content.
-     * Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
-     */
     render() {
-        return (h("div", { key: '095474500f7c60f20e4d737188001d2f3084dbcc', ref: (el) => (this.wrapperRef = el), class: `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' : ''}
-          ${this.description ? 'min-h-56' : ''}` }, h("h3", { key: 'f090fbe3632df8302046f1178e82b8affc4cc821', ref: (el) => (this.headerRef = el), class: "mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40" }, this.heading), h("div", { key: '0a30ab8c27cadbb342fc57f6393111c84f10a664', class: "ml-auto" }, h("eds-button", { key: '01f4658df8181b63b71a2e0d2a67e8f8b58efbb7', id: "toggleAccordion", intent: this.buttonIntent, "aria-expanded": this.isExpanded || this.shortContent, "aria-label": "Toggle accordion", "aria-controls": "accordionSection", class: `effect-color flex w-full items-center justify-between rounded-md`, onClick: this.handleClick, icon: "chevron-down" })), h("div", { key: '9f3b5a0e425c2dffe3b6fe40fa33b020d64256d8', class: `w-full`, style: Number.isFinite(this.headerHeight) ? { marginTop: `${this.headerHeight}px` } : {} }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: '414735d7d982de76d8a1b8db24aa9a569eba37c7', id: "accordionSection", "aria-labelledby": "accordionHeader", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded ? 'overflow-hidden' : ''}`, style: { height: this.isExpanded ? 'auto' : '0' } }, h("div", { key: '11097a0646b18f728af494c14aa4cc0e5335defe', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-4`, "aria-hidden": !this.isExpanded }, h("span", { key: '88414c40490aa77166d23868f16556b9356279a7', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: '8070a7676ca8fba065f813852a2e0cf4146f3374' })))))));
+        const cardClasses = [
+            'accordion-card',
+            `accordion-card-${this.variant}`
+        ].join(' ');
+        return (h("div", { key: 'e9f44914fce505b97f90415ed72f322ff09fcee7', class: cardClasses }, h("div", { key: 'd4c6ec563b66b14fc74bc872c953bd9e3e501a85', class: "accordion-header", onClick: this.handleClick, onKeyDown: this.handleKeyDown, role: "button", tabindex: 0, "aria-expanded": String(this.isExpanded), "aria-controls": "accordionSection" }, this.icon && (h("div", { key: '9c365bc15aeec93ccc2021206e72e457a2032265', class: "accordion-icon" }, h("eds-icon-wrapper", { key: '73742a6cb431342c62e1fd5661c39927dcb57bef', name: this.icon, size: 24 }))), h("div", { key: '1ba17b07eedccb135dc5138ace783ea211b75d52', class: "accordion-header-text" }, h("h3", { key: 'd8c34e66195fbe2863736d39f5a9e8276f30252a', class: "accordion-title" }, this.heading), this.description && (h("p", { key: 'c24a3614a3f2d1bcd29a39cbd3384c25c1c50e47', class: `accordion-description ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description))), h("eds-icon-wrapper", { key: 'deecdbb3c0ec32079b3b913ed7976ae813b9468a', name: this.toggleIcon, size: 20, class: "accordion-chevron" })), h("section", { key: 'f3767c81d79e2681c6317e3268cf1c966fba6bc2', id: "accordionSection", "aria-hidden": String(!this.isExpanded), class: `accordion-panel ${this.isExpanded ? 'expanded' : ''}` }, h("div", { key: '08ce9281f2e7fc858f30d0b7c0da0b0739824193', class: "accordion-panel-inner" }, h("div", { key: 'c9cdc6312fa279d1c1ee5753c7038b0a9ce3c624', class: "accordion-content" }, h("slot", { key: 'aaec055131ce2ae7830aecfc2fc6ace50f05ded1' }))))));
     }
     get el() { return this; }
     static get style() { return EdsAccordionStyle0; }
 }, [1, "eds-accordion", {
         "heading": [1, "title"],
         "description": [1],
+        "variant": [1],
+        "icon": [1],
         "switchBg": [4, "switch-bg"],
         "expanded": [4],
         "clampText": [4, "clamp-text"],
-        "buttonIntent": [1, "button-intent"],
         "isExpanded": [32],
-        "panelHeight": [32],
-        "shortContent": [32],
-        "headerHeight": [32]
+        "toggleIcon": [32]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["eds-accordion", "eds-button", "eds-icon-wrapper"];
+    const components = ["eds-accordion", "eds-icon-wrapper"];
     components.forEach(tagName => { switch (tagName) {
         case "eds-accordion":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, EdsAccordion);
             }
             break;
-        case "eds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
         case "eds-icon-wrapper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();

package/dist/components/eds-alert2.js

@@ -1,114 +1,60 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as cva } from './index2.js';
 import { d as defineCustomElement$3 } from './eds-button2.js';
 import { d as defineCustomElement$2 } from './eds-icon-wrapper2.js';
 import { d as defineCustomElement$1 } from './eds-link2.js';
 
-const edsAlertCss = "*,\n::before,\n::after {\n  box-sizing: border-box;\n  border-width: 0;\n  border-style: solid;\n  border-color: currentColor;\n}\n\np {\n  margin: 0;\n}\n\n.f-ui-01 {\n  font-family: var(--f-ui-01-fontFamily);\n  font-weight: var(--f-ui-01-fontWeight);\n  font-size: var(--f-ui-01-fontSize);\n  line-height: var(--f-ui-01-lineHeight);\n  letter-spacing: var(--f-ui-01-letterSpacing);\n}\n\n.border-inside {\n  position: relative;\n\n  &::after {\n    pointer-events: none;\n  }\n\n  &::after {\n    position: absolute;\n  }\n\n  &::after {\n    inset: 0rem;\n  }\n\n  &::after {\n    z-index: 1;\n  }\n\n  &::after {\n    border-radius: 8px;\n  }\n\n  &::after {\n    border-width: 1px;\n  }\n\n  &::after {\n    border-width: 2px;\n  }\n\n  &::after {\n    border-color: rgba(0, 0, 0, .1);\n  }\n\n  &::after {\n    content: '';\n  }\n}\n\n.flex {\n  display: flex;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.flex-row {\n  flex-direction: row;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.justify-between {\n  justify-content: space-between;\n}\n\n.gap-x-12 {\n  -moz-column-gap: 0.75rem;\n  column-gap: 0.75rem;\n}\n\n.space-y-12> :not([hidden])~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n\n.rounded-lg {\n  border-radius: 16px;\n}\n\n.bg-dark {\n  background-color: var(--grey-300);\n}\n\n.bg-error {\n  background-color: var(--red-200);\n}\n\n.bg-success {\n  background-color: var(--green-200);\n}\n\n.bg-warning {\n  background-color: var(--yellow-200);\n}\n\n.p-16 {\n  padding: 1rem;\n}\n\n.p-20 {\n  padding: 1.25rem;\n}\n\n.px-12 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n\n.px-20 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n\n.py-12 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n\n.py-20 {\n  padding-top: 1.25rem;\n  padding-bottom: 1.25rem;\n}\n\n.py-8 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.pr-12 {\n  padding-right: 0.75rem;\n}\n\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n[class*=underline-] {\n  text-decoration-line: underline;\n}\n\n.after\\:rounded-lg::after {\n  border-radius: 16px;\n}\n\n.after\\:border-softest::after {\n  border-color: rgba(0, 0, 0, .05);\n}";
+const edsAlertCss = ":host{display:block;width:100%}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}p{margin:0}.alert-card{position:relative;border-radius:16px;padding:1rem 1.25rem;display:flex;gap:0.75rem;width:100%;border:1px solid rgba(0, 0, 0, 0.1);overflow:hidden;font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.alert-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px}.alert-default{background-color:var(--grey-light);color:var(--brand-black)}.alert-default::before{background-color:var(--grey-dark)}.alert-default .alert-icon{color:var(--grey-dark)}.alert-warning{background-color:var(--yellow-200);color:var(--brand-black)}.alert-warning::before{background-color:var(--yellow-600)}.alert-warning .alert-icon{color:var(--yellow-600)}.alert-error{background-color:var(--red-200);color:var(--brand-black)}.alert-error::before{background-color:var(--red-600)}.alert-error .alert-icon{color:var(--red-600)}.alert-success{background-color:var(--brand-green);color:var(--brand-black)}.alert-success::before{background-color:var(--green-700)}.alert-success .alert-icon{color:var(--green-700)}.alert-brand{background-color:var(--brand-black);color:var(--brand-green)}.alert-brand::before{background-color:var(--brand-green)}.alert-brand .alert-icon{color:var(--brand-green)}.alert-brand .alert-dismiss{color:var(--brand-green)}.alert-horizontal{flex-direction:row;align-items:center}.alert-vertical{flex-direction:column;align-items:flex-start}.alert-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.alert-body{flex:1;min-width:0}.alert-message{margin:0}.alert-action{flex-shrink:0}.alert-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0.25rem;border-radius:8px;color:inherit;opacity:0.7;transition:opacity 0.2s ease}.alert-dismiss:hover{opacity:1}.alert-dismiss:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}@media (max-width: 768px){.alert-card{padding:0.75rem 1rem;gap:0.5rem}.alert-horizontal{flex-direction:column;align-items:flex-start}}";
 const EdsAlertStyle0 = edsAlertCss;
 
-const alertStyles = cva(['w-full bg-dark'], {
-    variants: {
-        intent: {
-            default: '',
-            warning: 'bg-warning',
-            error: 'bg-error',
-            success: 'bg-success'
-        },
-        brd: {
-            rounded: 'rounded-lg border-inside after:border-softest after:rounded-lg',
-            normal: ''
-        },
-        direction: {
-            vertical: 'space-y-12',
-            horizontal: 'flex flex-row items-center justify-between gap-x-12'
-        },
-        withBtn: {
-            false: '',
-            true: ''
-        }
-    },
-    compoundVariants: [
-        {
-            direction: 'horizontal',
-            withBtn: true,
-            class: 'px-20 pr-12 py-12'
-        },
-        {
-            direction: 'horizontal',
-            withBtn: false,
-            class: 'p-20'
-        },
-        {
-            direction: 'vertical',
-            withBtn: true,
-            class: 'p-16'
-        },
-        {
-            direction: 'vertical',
-            withBtn: false,
-            class: 'px-12 py-20'
-        }
-    ],
-    defaultVariants: {
-        intent: 'default',
-        brd: 'rounded',
-        direction: 'horizontal'
-    }
-});
 const EdsAlert = /*@__PURE__*/ proxyCustomElement(class EdsAlert extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
         this.edsalert = createEvent(this, "edsalert", 7);
+        this.edsDismiss = createEvent(this, "edsDismiss", 7);
         this.message = undefined;
         this.pressableLabel = undefined;
         this.pressableUrl = undefined;
         this.direction = 'horizontal';
         this.intent = 'default';
-        this.brd = 'rounded';
+        this.icon = undefined;
+        this.dismissible = false;
         this.withBtn = false;
+        this.dismissed = false;
     }
     componentWillLoad() {
         this.withBtn = Boolean(this.pressableLabel);
     }
-    componentDidLoad() {
-        // Focus the alert container for immediate screen reader announcement
-        /*if (this.intent === 'error' || this.intent === 'warning') {
-          this.el.shadowRoot?.querySelector('[role="alert"]')?.setAttribute('tabindex', '-1');
-          (this.el.shadowRoot?.querySelector('[role="alert"]') as HTMLElement)?.focus();
-        }*/
-        var _a;
-        // Query for the 'eds-link' element inside the shadow root.
-        const lnk = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('eds-link');
-        if (lnk) {
-            this.emitContext(lnk);
-        }
+    onPressableLabelChange(newVal) {
+        this.withBtn = Boolean(newVal);
     }
-    emitContext(linkElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.el.tagName.toLowerCase(),
-                identifier: null
-            }
-        });
-        linkElement.dispatchEvent(event);
+    /** Normalize 'info' → 'default' */
+    get normalizedIntent() {
+        return this.intent === 'info' ? 'default' : this.intent;
+    }
+    /** Get the icon to display, or null if none provided */
+    get intentIcon() {
+        return this.icon || null;
     }
     handleAction() {
-        // Emit the alertAction event for parent components to handle
         this.edsalert.emit();
     }
+    handleDismiss() {
+        this.dismissed = true;
+        this.edsDismiss.emit();
+    }
     render() {
-        const ariaLabel = this.intent !== 'default' ? `${this.intent} alert` : 'alert';
-        return (h("div", { key: 'd8f0a45ddbaf3d3eb284751e33ddfdce2e13b67a', class: alertStyles({
-                intent: this.intent,
-                brd: this.brd,
-                direction: this.direction,
-                withBtn: this.withBtn
-            }), role: "alert", "aria-label": ariaLabel, "aria-live": this.intent === 'error' ? 'assertive' : 'polite', "aria-labelledby": "alert-message", "aria-describedby": this.withBtn ? 'alert-action' : undefined }, h("p", { key: '179862c141a2ce05fa9f8562be7e64196baa3922', id: "alert-message", class: "f-ui-01 py-8", innerHTML: this.message }), this.withBtn && (h("div", { key: '3677358bd563a3e2ee1b74309dc4fb6c84ac475f', id: "alert-action" }, this.pressableUrl ? (h("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary", external: true })) : (h("eds-button", { class: "eds-alert-button", label: this.pressableLabel, intent: "secondary", onClick: () => this.handleAction() }))))));
+        if (this.dismissed)
+            return null;
+        const intent = this.normalizedIntent;
+        const ariaLabel = intent !== 'default' ? `${intent} alert` : 'alert';
+        return (h("div", { class: `alert-card alert-${intent} alert-${this.direction}`, role: "alert", "aria-label": ariaLabel, "aria-live": intent === 'error' || intent === 'warning' ? 'assertive' : 'polite' }, this.intentIcon && (h("div", { class: "alert-icon" }, h("eds-icon-wrapper", { name: this.intentIcon, size: 20 }))), h("div", { class: "alert-body" }, this.message ? (h("p", { class: "alert-message" }, this.message)) : (h("div", { class: "alert-message" }, h("slot", null)))), this.withBtn && (h("div", { class: "alert-action" }, this.pressableUrl ? (h("eds-link", { label: this.pressableLabel, url: this.pressableUrl, intent: "strong" })) : (h("eds-button", { label: this.pressableLabel, intent: "ghost", onClick: () => this.handleAction() })))), this.dismissible && (h("button", { class: "alert-dismiss", onClick: () => this.handleDismiss(), "aria-label": "Dismiss alert" }, h("eds-icon-wrapper", { name: "close", size: 20 })))));
     }
     get el() { return this; }
+    static get watchers() { return {
+        "pressableLabel": ["onPressableLabelChange"]
+    }; }
     static get style() { return EdsAlertStyle0; }
 }, [1, "eds-alert", {
         "message": [1],
@@ -116,8 +62,12 @@ const EdsAlert = /*@__PURE__*/ proxyCustomElement(class EdsAlert extends HTMLEle
         "pressableUrl": [1, "pressable-url"],
         "direction": [1],
         "intent": [1],
-        "brd": [1],
-        "withBtn": [32]
+        "icon": [1],
+        "dismissible": [4],
+        "withBtn": [32],
+        "dismissed": [32]
+    }, undefined, {
+        "pressableLabel": ["onPressableLabelChange"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/eds-app-root.js

@@ -1,6 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$4 } from './eds-logo2.js';
-import { d as defineCustomElement$3 } from './eds-spinner2.js';
+import { d as defineCustomElement$3 } from './eds-logo2.js';
 import { d as defineCustomElement$2 } from './eds-splash-screen2.js';
 
 const EdsAppRoot$1 = /*@__PURE__*/ proxyCustomElement(class EdsAppRoot extends HTMLElement {
@@ -31,7 +30,7 @@ const EdsAppRoot$1 = /*@__PURE__*/ proxyCustomElement(class EdsAppRoot extends H
         this.combinedInitPromise = Promise.all([initKeycloakPromise, authStatusPromise]);
     }
     render() {
-        return (h("div", { key: 'aa412cafecaceba211d0938d42779d33a20b418f' }, h("eds-splash-screen", { key: '78de23a74a0263c09e400cb16d20e014a50913ba', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: '6a690104e273cbefa9ec4e66c5479c2db0666f39', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: 'e011a7d8a0a78a932f61a218d85aac8f25e8021b' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
+        return (h("div", { key: '10a75e7e117b2f3ab3d0ba8f2a26c122b2e0eed4' }, h("eds-splash-screen", { key: 'ab527af22c9a9fe861bbed4759946428e3e7fdf0', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: '78e7face11e06df76b9dd29e99b7d968cc2cf32e', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: '30f463e667ccc25062bbf2764fdabc8937b6097c' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
     }
 }, [1, "eds-app-root", {
         "isAuthenticated": [32]
@@ -40,7 +39,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["eds-app-root", "eds-logo", "eds-spinner", "eds-splash-screen"];
+    const components = ["eds-app-root", "eds-logo", "eds-splash-screen"];
     components.forEach(tagName => { switch (tagName) {
         case "eds-app-root":
             if (!customElements.get(tagName)) {
@@ -48,11 +47,6 @@ function defineCustomElement$1() {
             }
             break;
         case "eds-logo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "eds-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }

package/dist/components/eds-avatar2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { d as defineCustomElement$1 } from './eds-img2.js';
 
-const edsAvatarCss = "::before,\n::after {\n    box-sizing: border-box;\n    border-width: 0;\n    border-style: solid;\n    border-color: currentColor;\n}\n\n::before,\n::after {\n    --tw-content: '';\n}\n\nabbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n}\n\n.border-inside {\n    position: relative;\n\n    &::after {\n        pointer-events: none;\n    }\n\n    &::after {\n        position: absolute;\n    }\n\n    &::after {\n        inset: 0rem;\n    }\n\n    &::after {\n        z-index: 1;\n    }\n\n    &::after {\n        border-radius: 8px;\n    }\n\n    &::after {\n        border-width: 1px;\n    }\n\n    &::after {\n        border-width: 2px;\n    }\n\n    &::after {\n        border: 2px solid rgba(0, 0, 0, .1);\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.border-inside-pill {\n    &::after {\n        border-radius: 100px;\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.border-inside-inverse {\n    &::after {\n        border: 2px solid rgba(255, 255, 255, 0.3);\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.aspect-1x1 {\n    aspect-ratio: 1/1;\n}\n\n.flex {\n    display: flex;\n}\n\n.inline-flex {\n    display: inline-flex;\n}\n\n.items-center {\n    align-items: center;\n}\n\n.justify-center {\n    justify-content: center;\n}\n\n.overflow-hidden {\n    overflow: hidden;\n}\n\n.px-4 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem;\n}\n\n.rounded-pill {\n    border-radius: 100px;\n}\n\n.rounded-sm {\n    border-radius: 8px;\n}\n\n.rounded-xs {\n    border-radius: 4px;\n}\n\n.rounded-full {\n    border-radius: 9999px;\n}\n\n.bg-dark {\n    background-color: var(--grey-300);\n}\n\n.bg-darker {\n    background-color: var(--grey-400);\n}\n\n.bg-stronger {\n    background-color: var(--grey-900);\n}\n\n.bg-strongest {\n    background-color: var(--black);\n}\n\n.text-accent {\n    color: var(--green-500);\n}\n\n.text-default {\n    color: var(--black);\n}\n\n.\\!no-underline {\n    text-decoration-line: none !important;\n}\n\n.f-ui-01 {\n    font-family: var(--f-ui-01-fontFamily);\n    font-weight: var(--f-ui-01-fontWeight);\n    font-size: var(--f-ui-01-fontSize);\n    line-height: var(--f-ui-01-lineHeight);\n    letter-spacing: var(--f-ui-01-letterSpacing);\n}\n\n.w-32 {\n    width: 2rem;\n}\n\n.w-44 {\n    width: 2.75rem;\n}\n\n.w-\\[54px\\] {\n    width: 54px;\n}\n\n.bg-gradient-01-top {\n    background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-01-bottom {\n    background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-02-top {\n    background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-02-bottom {\n    background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-03-top {\n    background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-03-bottom {\n    background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-04-top {\n    background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-04-bottom {\n    background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n}";
+const edsAvatarCss = "::before,\n::after {\n    box-sizing: border-box;\n    border-width: 0;\n    border-style: solid;\n    border-color: currentColor;\n}\n\n::before,\n::after {\n    --tw-content: '';\n}\n\nabbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n}\n\n.border-inside {\n    position: relative;\n\n    &::after {\n        pointer-events: none;\n    }\n\n    &::after {\n        position: absolute;\n    }\n\n    &::after {\n        inset: 0rem;\n    }\n\n    &::after {\n        z-index: 1;\n    }\n\n    &::after {\n        border-radius: 8px;\n    }\n\n    &::after {\n        border-width: 1px;\n    }\n\n    &::after {\n        border-width: 2px;\n    }\n\n    &::after {\n        border: 2px solid rgba(0, 0, 0, .1);\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.border-inside-pill {\n    &::after {\n        border-radius: 100px;\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.border-inside-inverse {\n    &::after {\n        border: 2px solid rgba(255, 255, 255, 0.3);\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.aspect-1x1 {\n    aspect-ratio: 1/1;\n}\n\n.flex {\n    display: flex;\n}\n\n.inline-flex {\n    display: inline-flex;\n}\n\n.items-center {\n    align-items: center;\n}\n\n.justify-center {\n    justify-content: center;\n}\n\n.overflow-hidden {\n    overflow: hidden;\n}\n\n.px-4 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem;\n}\n\n.rounded-pill {\n    border-radius: 100px;\n}\n\n.rounded-sm {\n    border-radius: 8px;\n}\n\n.rounded-xs {\n    border-radius: 4px;\n}\n\n.rounded-full {\n    border-radius: 9999px;\n}\n\n.bg-dark {\n    background-color: var(--grey-light);\n}\n\n.bg-darker {\n    background-color: var(--grey-light);\n}\n\n.bg-stronger {\n    background-color: var(--grey-dark);\n}\n\n.bg-strongest {\n    background-color: var(--brand-black);\n}\n\n.text-accent {\n    color: var(--brand-green);\n}\n\n.text-default {\n    color: var(--brand-black);\n}\n\n.\\!no-underline {\n    text-decoration-line: none !important;\n}\n\n.f-ui-01 {\n    font-family: var(--f-ui-01-fontFamily);\n    font-weight: var(--f-ui-01-fontWeight);\n    font-size: var(--f-ui-01-fontSize);\n    line-height: var(--f-ui-01-lineHeight);\n    letter-spacing: var(--f-ui-01-letterSpacing);\n}\n\n.w-32 {\n    width: 2rem;\n}\n\n.w-44 {\n    width: 2.75rem;\n}\n\n.w-\\[54px\\] {\n    width: 54px;\n}\n\n.bg-gradient-01-top {\n    background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-01-bottom {\n    background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-02-top {\n    background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-02-bottom {\n    background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-03-top {\n    background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-03-bottom {\n    background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-04-top {\n    background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);\n}\n\n.bg-gradient-04-bottom {\n    background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);\n}";
 const EdsAvatarStyle0 = edsAvatarCss;
 
 const EdsAvatar = /*@__PURE__*/ proxyCustomElement(class EdsAvatar extends HTMLElement {
@@ -60,7 +60,7 @@ const EdsAvatar = /*@__PURE__*/ proxyCustomElement(class EdsAvatar extends HTMLE
      * @returns {JSX.Element} The rendered avatar component.
      */
     render() {
-        return (h("div", { key: '7b5bf31c794c9bbddd2976fdd5a273842a75603a', class: this.containerClasses }, this.picture ? (h("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: true, withBg: true })) : (h("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials))));
+        return (h("div", { key: '00e163f2dd33c92bdfd8f45b6e2d3384afa32a30', class: this.containerClasses }, this.picture ? (h("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: true, withBg: true })) : (h("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials))));
     }
     static get style() { return EdsAvatarStyle0; }
 }, [1, "eds-avatar", {

package/dist/components/eds-block-break2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const edsBlockBreakCss = ".border-softer{border-color:rgba(0, 0, 0, .1)}.border-default{border-color:var(--black)}.my-16{margin-top:1rem;margin-bottom:1rem}.block{display:block}.w-full{width:100%}.border-t-2{border-top-width:2px}";
+const edsBlockBreakCss = ".border-softer{border-color:rgba(0, 0, 0, .1)}.border-default{border-color:var(--brand-black)}.my-16{margin-top:1rem;margin-bottom:1rem}.block{display:block}.w-full{width:100%}.border-t-2{border-top-width:2px}";
 const EdsBlockBreakStyle0 = edsBlockBreakCss;
 
 const EdsBlockBreak = /*@__PURE__*/ proxyCustomElement(class EdsBlockBreak extends HTMLElement {
@@ -11,7 +11,7 @@ const EdsBlockBreak = /*@__PURE__*/ proxyCustomElement(class EdsBlockBreak exten
         this.inverse = false;
     }
     render() {
-        return h("hr", { key: 'dd9b98d66f195135ff2fb1374a56d4c670e43d3e', class: `${this.inverse ? 'border-default' : 'border-softer'}  my-16 inline-block w-full border-t-2` });
+        return h("hr", { key: '7b472ce3dcecc7a0c061d336c4edb1bec098c113', class: `${this.inverse ? 'border-default' : 'border-softer'}  my-16 inline-block w-full border-t-2` });
     }
     static get style() { return EdsBlockBreakStyle0; }
 }, [1, "eds-block-break", {