@ebrains/components 0.7.0-alpha.1 → 0.9.0-beta

package/dist/components/components.css

@@ -5781,15 +5781,6 @@ video {
 .cols-container > .ml-0 {
   margin-left: 0;
 }
-.w-12-cols {
-  width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-}
-.cols-container > .w-12-cols {
-  width: calc(((12 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (12 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-}
-.w-12-cols > * {
-  --container-grid-columns: 12;
-}
 .border-inside {
   position: relative;
 
@@ -6237,6 +6228,9 @@ input[type="range"]::-webkit-slider-thumb {
 .right-8 {
   right: 0.5rem;
 }
+.right-\[4px\] {
+  right: 4px;
+}
 .right-\[6px\] {
   right: 6px;
 }
@@ -6288,8 +6282,8 @@ input[type="range"]::-webkit-slider-thumb {
 .m-0 {
   margin: 0rem;
 }
-.m-32 {
-  margin: 2rem;
+.m-16 {
+  margin: 1rem;
 }
 .mx-auto {
   margin-left: auto;
@@ -6317,6 +6311,9 @@ input[type="range"]::-webkit-slider-thumb {
 .-mr-16 {
   margin-right: -1rem;
 }
+.-mr-4 {
+  margin-right: -0.25rem;
+}
 .mb-10 {
   margin-bottom: 0.625rem;
 }
@@ -6506,6 +6503,9 @@ input[type="range"]::-webkit-slider-thumb {
 .h-full {
   height: 100%;
 }
+.\!min-h-0 {
+  min-height: 0rem !important;
+}
 .\!min-h-20 {
   min-height: 1.25rem !important;
 }
@@ -6536,15 +6536,15 @@ input[type="range"]::-webkit-slider-thumb {
 .min-h-full {
   min-height: 100%;
 }
-.min-h-screen {
-  min-height: 100vh;
-}
 .w-1\/2 {
   width: 50%;
 }
 .w-20 {
   width: 1.25rem;
 }
+.w-24 {
+  width: 1.5rem;
+}
 .w-28 {
   width: 1.75rem;
 }
@@ -6623,11 +6623,6 @@ input[type="range"]::-webkit-slider-thumb {
 .resize {
   resize: both;
 }
-.appearance-none {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-}
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -6888,9 +6883,6 @@ input[type="range"]::-webkit-slider-thumb {
 .border-transparent {
   border-color: var(--transparent);
 }
-.border-b-softer {
-  border-bottom-color: rgba(0, 0, 0, .1 );
-}
 .\!bg-accent-dark {
   background-color: var(--green-600) !important;
 }
@@ -6900,6 +6892,10 @@ input[type="range"]::-webkit-slider-thumb {
 .\!bg-strong-dark {
   background-color: var(--grey-800) !important;
 }
+.bg-\[\#00A595\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 165 149 / var(--tw-bg-opacity));
+}
 .bg-accent {
   background-color: var(--green-500);
 }
@@ -6995,6 +6991,9 @@ input[type="range"]::-webkit-slider-thumb {
 .p-20 {
   padding: 1.25rem;
 }
+.p-24 {
+  padding: 1.5rem;
+}
 .p-32 {
   padding: 2rem;
 }
@@ -7039,10 +7038,6 @@ input[type="range"]::-webkit-slider-thumb {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
-.px-6 {
-  padding-left: 0.375rem;
-  padding-right: 0.375rem;
-}
 .py-1 {
   padding-top: 0.0625rem;
   padding-bottom: 0.0625rem;
@@ -7080,9 +7075,6 @@ input[type="range"]::-webkit-slider-thumb {
 .pb-28 {
   padding-bottom: 1.75rem;
 }
-.pb-60 {
-  padding-bottom: 3.75rem;
-}
 .pb-8 {
   padding-bottom: 0.5rem;
 }
@@ -7116,6 +7108,9 @@ input[type="range"]::-webkit-slider-thumb {
 .pr-4 {
   padding-right: 0.25rem;
 }
+.pr-40 {
+  padding-right: 2.5rem;
+}
 .pr-8 {
   padding-right: 0.5rem;
 }
@@ -7131,8 +7126,8 @@ input[type="range"]::-webkit-slider-thumb {
 .pt-32 {
   padding-top: 2rem;
 }
-.pt-40 {
-  padding-top: 2.5rem;
+.pt-4 {
+  padding-top: 0.25rem;
 }
 .pt-48 {
   padding-top: 3rem;
@@ -7273,6 +7268,13 @@ input[type="range"]::-webkit-slider-thumb {
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
+.transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -7286,6 +7288,9 @@ input[type="range"]::-webkit-slider-thumb {
 .duration-300 {
   transition-duration: 300ms;
 }
+.duration-75 {
+  transition-duration: 75ms;
+}
 [class*="keyline-"] {
   position: relative;
 }
@@ -7372,6 +7377,10 @@ input[type="range"]::-webkit-slider-thumb {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 @media (min-width: 750px) {
+  .md\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
+  }
   .md\:grid-col-span-4 {
     --container-grid-columns: 4;
     grid-column: span 4 / span 4;
@@ -7380,17 +7389,12 @@ input[type="range"]::-webkit-slider-thumb {
     --container-grid-columns: 6;
     grid-column: span 6 / span 6;
   }
-  .md\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .cols-container > .md\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .md\:w-10-cols > * {
-    --container-grid-columns: 10;
-  }
 }
 @media (min-width: 900px) {
+  .lg\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
+  }
   .lg\:grid-col-span-5 {
     --container-grid-columns: 5;
     grid-column: span 5 / span 5;
@@ -7402,23 +7406,21 @@ input[type="range"]::-webkit-slider-thumb {
   .lg\:grid-col-start-7 {
     grid-column-start: 7;
   }
-  .lg\:w-8-cols {
-    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .cols-container > .lg\:w-8-cols {
-    width: calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
-  }
-  .lg\:w-8-cols > * {
-    --container-grid-columns: 8;
-  }
-  .lg\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
+}
+@media (min-width: 1024px) {
+  .xl\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
   }
-  .cols-container > .lg\:w-10-cols {
-    width: calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))));
+}
+@media (min-width: 1280px) {
+  .xxl\:grid-col-span-2 {
+    --container-grid-columns: 2;
+    grid-column: span 2 / span 2;
   }
-  .lg\:w-10-cols > * {
-    --container-grid-columns: 10;
+  .xxl\:grid-col-span-3 {
+    --container-grid-columns: 3;
+    grid-column: span 3 / span 3;
   }
 }
 .even\:bg-inverse-softer:nth-child(even) {
@@ -7517,6 +7519,9 @@ input[type="range"]::-webkit-slider-thumb {
 .aria-disabled\:line-through[aria-disabled="true"] {
   text-decoration-line: line-through;
 }
+.aria-disabled\:no-underline[aria-disabled="true"] {
+  text-decoration-line: none;
+}
 .aria-disabled\:shadow-none[aria-disabled="true"] {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -7694,9 +7699,6 @@ input[type="range"]::-webkit-slider-thumb {
   .md\:hidden {
     display: none;
   }
-  .md\:w-\[300px\] {
-    width: 300px;
-  }
   .md\:-translate-x-1\/2 {
     --tw-translate-x: -50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -7708,6 +7710,9 @@ input[type="range"]::-webkit-slider-thumb {
   .md\:gap-y-12 {
     row-gap: 0.75rem;
   }
+  .md\:p-48 {
+    padding: 3rem;
+  }
   .md\:pt-28 {
     padding-top: 1.75rem;
   }
@@ -7731,9 +7736,6 @@ input[type="range"]::-webkit-slider-thumb {
   .lg\:hidden {
     display: none;
   }
-  .lg\:w-\[500px\] {
-    width: 500px;
-  }
   .lg\:w-auto {
     width: auto;
   }

package/dist/components/components.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-cccacbd3.js";export{s as setNonce}from"./p-cccacbd3.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await t(),a(JSON.parse('[["p-77cc7c02",[[4,"eds-form-v2",{"name":[1],"setFormUrl":[4,"set-form-url"],"formBtn":[4,"form-btn"],"formBtnLabel":[1,"form-btn-label"],"errorMessage":[1,"error-message"],"fields":[1],"initData":[16],"values":[32],"isSubmitting":[32],"hasError":[32],"errors":[32],"parsedFields":[32]},null,{"fields":["parseFields"]}],[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-footer",{"extraClass":[1,"extra-class"],"social":[4],"enableScrollTop":[4,"enable-scroll-top"],"fundedBy":[1,"funded-by"],"rightsReserved":[1,"rights-reserved"],"showMatomoNotice":[32]}],[1,"eds-matomo-notice",{"title":[1],"description":[1],"forceShow":[4,"force-show"],"showNotice":[32]}],[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-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]}],[1,"eds-social-networks",{"title":[1]}],[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"]}],[1,"eds-block-break",{"extraClass":[1,"extra-class"]}],[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],"decorate":[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],"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]}],[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]},[[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","handleParentContext"]]],[0,"eds-icon-wrapper",{"icon":[1],"class":[1],"IconComponent":[32]},null,{"icon":["iconChanged"]}]]],["p-066f6d27",[[0,"eds-trl",{"applications":[1]}]]],["p-94698510",[[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"],"user":[16],"draft":[4],"draftData":[16],"values":[32],"formSubmitted":[32],"hasError":[32],"errors":[32],"isSubmitting":[32],"alertMessage":[32],"isAuthenticated":[32],"parsedFields":[32]},null,{"fields":["parseFields"]}]]],["p-5520a3b6",[[1,"eds-svg-repository"]]],["p-43b3579a",[[0,"eds-docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-86eed1b7",[[1,"eds-app-root",{"isAuthenticated":[32]}]]],["p-b8ba7e5c",[[1,"eds-card-section",{"cards":[1],"occupyCols":[2,"occupy-cols"]}]]],["p-8154d013",[[0,"eds-components-section",{"tabIndex":[2,"tab-index"]}]]],["p-3368cfd5",[[0,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-467fe746",[[4,"eds-user",{"user":[16]}]]],["p-5e2216ae",[[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-a91ab66e",[[1,"eds-cookies-preference",{"buttonText":[1,"button-text"],"intent":[1],"showMatomoNotice":[32],"noticeKey":[32]}]]],["p-5c12a0df",[[0,"eds-docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-7e0dd5d8",[[1,"eds-steps",{"steps":[1],"type":[1],"activeStep":[32]}]]],["p-7dd81017",[[1,"eds-vertical-stepper",{"steps":[1],"activeStep":[32]}]]],["p-f905ac92",[[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-fba4080d",[[1,"eds-feedback",{"type":[1],"count":[2],"label":[1],"description":[1],"textMapping":[1,"text-mapping"],"selectedRating":[32]},[[16,"rating","ratingUpdated"]]]]],["p-117d180f",[[0,"eds-logo-variations",{"tabIndex":[2,"tab-index"]}]]],["p-ad746789",[[1,"eds-toast-manager",{"toasts":[32]}]]],["p-a6cd418e",[[0,"incorrect-use-of-colors"]]],["p-4b2e6f03",[[0,"correct-use-of-colors"]]],["p-6fd0c3b3",[[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}]]],["p-b80a9020",[[1,"eds-frame",{"frameLabel":[1,"frame-label"],"urlLabel":[1,"url-label"],"errorMessage":[1,"error-message"],"storybookUrl":[1,"storybook-url"],"storyPath":[1,"story-path"],"intent":[1],"size":[1],"iframeError":[32]}]]],["p-5e63e8a5",[[1,"eds-modal",{"title":[1],"truncate":[4],"truncateLines":[1,"truncate-lines"],"position":[1],"isOpen":[32],"open":[64],"close":[64],"toggle":[64]},[[0,"eds-modal-open","handleGlobalOpen"],[0,"eds-modal-close","handleGlobalClose"],[8,"keydown","handleKeyDown"]]]]],["p-2354daeb",[[0,"token-ratios"]]],["p-56ec190f",[[0,"token-typography"]]],["p-9b9fba38",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-0443ac40",[[4,"eds-card-wrapper",{"tiny":[4],"withBg":[4,"with-bg"],"withHover":[4,"with-hover"]}]]],["p-5aff1ea0",[[0,"eds-icon-arrow-diagonal",{"addClass":[1,"add-class"]}]]],["p-90503a64",[[0,"eds-icon-arrow-right",{"class":[1]}]]],["p-3af94671",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-c6b32753",[[0,"eds-icon-chevron-down",{"class":[1]}]]],["p-eac63c82",[[0,"eds-icon-chevron-left",{"class":[1]}]]],["p-e9a533e0",[[0,"eds-icon-chevron-right",{"class":[1]}]]],["p-fcc32210",[[0,"eds-icon-chevron-up",{"class":[1]}]]],["p-c3dda942",[[0,"eds-icon-close",{"class":[1]}]]],["p-4ac27fe7",[[0,"eds-icon-copy",{"class":[1]}]]],["p-552b6a50",[[0,"eds-icon-eu",{"class":[1]}]]],["p-6404e157",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-ab292dd5",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-9dc879c9",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-90f85604",[[0,"eds-icon-loader",{"class":[1]}]]],["p-20e9ae7f",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-46a6042d",[[0,"eds-icon-menu",{"class":[1]}]]],["p-33c5b937",[[0,"eds-icon-more",{"class":[1]}]]],["p-fc619588",[[0,"eds-icon-search",{"class":[1]}]]],["p-60e7e745",[[0,"eds-icon-star",{"class":[1]}]]],["p-79c14cf1",[[0,"eds-icon-success",{"class":[1]}]]],["p-4a860d5b",[[0,"eds-icon-thumbs-down",{"class":[1]}]]],["p-950ecb1c",[[0,"eds-icon-thumbs-up",{"class":[1]}]]],["p-dbcf1f0e",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-dcc08064",[[0,"eds-icon-user",{"class":[1]}]]],["p-a56f0579",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-8b70a350",[[1,"eds-switch",{"checked":[1540],"disabled":[4],"labelOn":[1,"label-on"],"labelOff":[1,"label-off"]}]]],["p-4cd69983",[[1,"eds-tabs",{"id":[1],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}]]],["p-a5c61d1c",[[1,"eds-tooltip",{"content":[1],"position":[1],"isVisible":[32],"isPositioned":[32],"tooltipStyle":[32]},[[1,"mouseover","showTooltip"],[1,"mouseout","hideTooltip"],[8,"keydown","handleKeyPress"]]]]],["p-c06d4f14",[[1,"logo-space"]]],["p-56b4e0fe",[[1,"logo-wrong-usage"]]],["p-c12d9350",[[0,"token-spacing"]]],["p-f5959676",[[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"]]]]],["p-c935aa46",[[1,"eds-rating",{"ratingType":[1,"rating-type"],"ratingCount":[2,"rating-count"],"selectedRating":[32]}]]],["p-dcd4de1f",[[1,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}]]],["p-ff7acb55",[[1,"eds-progress-bar",{"value":[1026],"updateValue":[64]}]]],["p-0e0106fc",[[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-62f2f274",[[1,"eds-login",{"keycloakUrl":[1,"keycloak-url"],"keycloakRealm":[1,"keycloak-realm"],"keycloakClientId":[1,"keycloak-client-id"],"authenticated":[32],"user":[32],"serverAvailable":[32]}],[1,"eds-splash-screen",{"inverse":[4],"initPromise":[16],"isVisible":[32]},[[8,"hideSplash","handleHideSplash"]]]]],["p-9ebc84d6",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-e64cd6f7",[[1,"eds-spinner",{"size":[1],"thickness":[1],"borderColor":[1,"border-color"],"bottomColor":[1,"bottom-color"],"background":[1],"fullscreen":[4]}]]],["p-9eb2e870",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-2b31ca60",[[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"withBtn":[32]}]]],["p-8e548691",[[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"]}]]],["p-43350dff",[[1,"eds-code-block",{"code":[1],"language":[1],"copied":[32]}]]],["p-033480b2",[[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-a8dd1953",[[1,"eds-card-desc",{"description":[1],"descClass":[1,"desc-class"],"truncate":[4],"truncateLines":[1,"truncate-lines"]}],[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-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]}]]]]'),e))));
+import{p as e,b as a}from"./p-cccacbd3.js";export{s as setNonce}from"./p-cccacbd3.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await t(),a(JSON.parse('[["p-30a319d5",[[1,"eds-form",{"name":[1],"setFormUrl":[4,"set-form-url"],"formBtn":[4,"form-btn"],"formBtnLabel":[1,"form-btn-label"],"errorMessage":[1,"error-message"],"fields":[1],"initData":[16],"values":[32],"isSubmitting":[32],"hasError":[32],"errors":[32],"parsedFields":[32]},null,{"fields":["parseFields"]}],[1,"eds-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32]},[[16,"toggleMenu","handleToggleMenu"]]],[1,"eds-user",{"user":[1025]}],[1,"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"]]],[1,"eds-steps-v2",{"steps":[1],"type":[1],"imageSrc":[1,"image-src"],"bg":[4],"message":[1],"activeStep":[32]},null,{"activeStep":["activeStepChanged"]}],[0,"token-spacing"],[1,"eds-footer",{"social":[4],"enableScrollTop":[4,"enable-scroll-top"],"fundedBy":[1,"funded-by"],"rightsReserved":[1,"rights-reserved"],"enableCookiesSettings":[4,"enable-cookies-settings"],"showMatomoNotice":[32]}],[1,"eds-dropdown",{"icon":[1],"label":[1],"rounded":[4],"ariaLabel":[1,"aria-label"],"asNav":[4,"as-nav"],"dropdownPos":[1,"dropdown-pos"],"dropdownOffset":[4,"dropdown-offset"],"intent":[1],"isOpen":[32],"focusIndex":[32]},[[8,"click","handleWindowClick"],[8,"keydown","handleKeyDown"]]],[1,"eds-steps",{"steps":[1],"type":[1],"activeStep":[32]},null,{"activeStep":["activeStepChanged"]}],[1,"eds-social-networks",{"title":[1]}],[1,"eds-block-break",{"extraClass":[1,"extra-class"]}],[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]}],[1,"eds-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"picture":[1],"initials":[1],"color":[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],"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],"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],"value":[2],"sliderVal":[32],"getInputElement":[64]},null,{"value":["onValueChange"]}],[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-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"]]],[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"]]],[0,"eds-icon-wrapper",{"icon":[1],"class":[1],"IconComponent":[32]},null,{"icon":["iconChanged"]}]]],["p-b0b37831",[[0,"eds-trl",{"applications":[1]}]]],["p-063b0683",[[1,"logo-space"]]],["p-4e8a317b",[[1,"svg-repository"]]],["p-1aab55cf",[[0,"docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-f48a4313",[[0,"components-section",{"tabIndex":[2,"tab-index"]}]]],["p-b96fc468",[[1,"eds-app-root",{"isAuthenticated":[32]}]]],["p-b8ba7e5c",[[1,"eds-card-section",{"cards":[1],"occupyCols":[2,"occupy-cols"]}]]],["p-bcbc7b7f",[[1,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-6dc26e53",[[0,"docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-3f480c3c",[[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-941240b5",[[0,"eds-cookies-preference",{"buttonText":[1,"button-text"],"intent":[1],"showMatomoNotice":[32],"noticeKey":[32]}]]],["p-91440d2f",[[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-0ce924b1",[[1,"eds-feedback",{"type":[1],"count":[2],"label":[1],"description":[1],"textMapping":[1,"text-mapping"],"selectedRating":[32]},[[16,"rating","ratingUpdated"]]]]],["p-526cdc57",[[1,"eds-toast-manager",{"toasts":[32]}]]],["p-cd624044",[[0,"incorrect-use-of-colors"]]],["p-c8abff96",[[0,"logo-variations-tabs",{"tabIndex":[2,"tab-index"]}]]],["p-cccff1e3",[[0,"correct-use-of-colors"]]],["p-b47d115d",[[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}]]],["p-18eb23ff",[[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-b55b0091",[[1,"eds-modal",{"title":[1],"truncate":[4],"truncateLines":[1,"truncate-lines"],"position":[1],"isOpen":[32],"open":[64],"close":[64],"toggle":[64]},[[0,"eds-modal-open","handleGlobalOpen"],[0,"eds-modal-close","handleGlobalClose"],[8,"keydown","handleKeyDown"]]]]],["p-41e89554",[[0,"token-ratios"]]],["p-3a7be9a7",[[0,"token-typography"]]],["p-c86243a3",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-622dd2a1",[[4,"eds-card-wrapper",{"tiny":[4],"withBg":[4,"with-bg"],"withHover":[4,"with-hover"]}]]],["p-b299b89a",[[0,"eds-icon-arrow-diagonal",{"class":[1]}]]],["p-a1d55013",[[0,"eds-icon-arrow-right",{"class":[1]}]]],["p-3af94671",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-b76aa402",[[0,"eds-icon-bookmark",{"class":[1]}]]],["p-9873ebec",[[0,"eds-icon-chevron-down",{"class":[1]}]]],["p-376b706b",[[0,"eds-icon-chevron-left",{"class":[1]}]]],["p-cdc36ea8",[[0,"eds-icon-chevron-right",{"class":[1]}]]],["p-8baa7e01",[[0,"eds-icon-chevron-up",{"class":[1]}]]],["p-97e95520",[[0,"eds-icon-close",{"class":[1]}]]],["p-acc4d234",[[0,"eds-icon-copy",{"class":[1]}]]],["p-83936521",[[0,"eds-icon-eu",{"class":[1]}]]],["p-923f67b5",[[0,"eds-icon-external",{"class":[1]}]]],["p-6404e157",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-35ed7ebf",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-9dc879c9",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-29e807f5",[[0,"eds-icon-loader",{"class":[1]}]]],["p-20e9ae7f",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-a8b0fe92",[[0,"eds-icon-menu",{"class":[1]}]]],["p-bab07ba6",[[0,"eds-icon-minus",{"class":[1]}]]],["p-93093977",[[0,"eds-icon-more",{"class":[1]}]]],["p-52913e2e",[[0,"eds-icon-paper",{"class":[1]}]]],["p-efc73304",[[0,"eds-icon-plus",{"class":[1]}]]],["p-b2b46793",[[0,"eds-icon-portal",{"class":[1]}]]],["p-7dce734a",[[0,"eds-icon-private",{"class":[1]}]]],["p-4c7852f8",[[0,"eds-icon-public",{"class":[1]}]]],["p-435a8942",[[0,"eds-icon-search",{"class":[1]}]]],["p-3932d0af",[[0,"eds-icon-star",{"class":[1]}]]],["p-eebf7ebf",[[0,"eds-icon-success",{"class":[1]}]]],["p-78fa7132",[[0,"eds-icon-thumbs-down",{"class":[1]}]]],["p-f13e9ab1",[[0,"eds-icon-thumbs-up",{"class":[1]}]]],["p-66bb44c9",[[0,"eds-icon-tutorial",{"class":[1]}]]],["p-dbcf1f0e",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-8653bc36",[[0,"eds-icon-unknown",{"class":[1]}]]],["p-20b3a999",[[0,"eds-icon-updown",{"class":[1]}]]],["p-dcc08064",[[0,"eds-icon-user",{"class":[1]}]]],["p-a56f0579",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-424ba743",[[1,"eds-switch",{"checked":[1540],"disabled":[4],"labelOn":[1,"label-on"],"labelOff":[1,"label-off"]}]]],["p-85ad681a",[[1,"eds-tabs",{"id":[1],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}]]],["p-2c1be2bb",[[1,"eds-tooltip",{"content":[1],"position":[1],"isVisible":[32],"isPositioned":[32],"tooltipStyle":[32]},[[1,"mouseover","showTooltip"],[1,"mouseout","hideTooltip"],[8,"keydown","handleKeyPress"]]]]],["p-d94a44b9",[[1,"logo-wrong-usage"]]],["p-032f9f64",[[1,"eds-accordion",{"title":[1],"description":[1],"switchBg":[4,"switch-bg"],"expanded":[4],"clampText":[4,"clamp-text"],"isExpanded":[32],"panelHeight":[32],"shortContent":[32],"headerHeight":[32]}]]],["p-1b4e9576",[[1,"eds-matomo-notice",{"title":[1],"description":[1],"optOutMessage":[1,"opt-out-message"],"forceShow":[4,"force-show"],"showNotice":[32]},[[16,"cookies","toggleCookiesConsent"]]]]],["p-c935aa46",[[1,"eds-rating",{"ratingType":[1,"rating-type"],"ratingCount":[2,"rating-count"],"selectedRating":[32]}]]],["p-dcd4de1f",[[1,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}]]],["p-ff7acb55",[[1,"eds-progress-bar",{"value":[1026],"updateValue":[64]}]]],["p-21a746a4",[[1,"eds-code-block",{"code":[1],"language":[1],"copied":[32]}]]],["p-058cf100",[[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]}]]],["p-9cbcccf8",[[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-7fa88255",[[1,"eds-login",{"keycloakUrl":[1,"keycloak-url"],"keycloakRealm":[1,"keycloak-realm"],"keycloakClientId":[1,"keycloak-client-id"],"authenticated":[32],"user":[32],"serverAvailable":[32]}],[1,"eds-splash-screen",{"inverse":[4],"initPromise":[16],"isVisible":[32]},[[8,"hideSplash","handleHideSplash"]],{"initPromise":["watchInitPromise"]}]]],["p-ea089f4e",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-8527ef5f",[[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"brd":[1],"withBtn":[32]}]]],["p-e64cd6f7",[[1,"eds-spinner",{"size":[1],"thickness":[1],"borderColor":[1,"border-color"],"bottomColor":[1,"bottom-color"],"background":[1],"fullscreen":[4]}]]],["p-9a1a6df1",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-59d963d1",[[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"]}]]],["p-8e3c6c63",[[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-d525ed36",[[1,"eds-table",{"data":[1,"table-data"],"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"],"tbData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32],"containerWidth":[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"]}]]]]'),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: 'ade28f6aa4a670443a4d077ff534117acb265bfe', class: "container" }, h("p", { key: '23adcbeb3a15cd2b1248f63c808ddbe7cacef531', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '9b8b9909d409565e2c37cd4048a84b7c3751147f', label: "primary", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'fb3fe62e34d86fe345cbe177eef5b9ac57b749d5', label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'e24ff6eed3125519961d1cdd7789ada200d8cc3b', class: "flex" }, h("div", { key: '670ef68f1f25d9267e9a8eb90a94e6300b9d78d3', class: "w-full" }, h("ul", { key: '2ed821a59b849dd540233371f831a16974a2dc99', class: "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: 'b72cc79258522b595d4bd024de51b2dec6458f57', class: "w-full" }, h("ul", { key: '9650c15d16fc184f0f5c518da5944567afe30fd6', class: "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: 'ff9c1ae248f5cdc91bf9fe902e2a5aa00394a27c', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '1fcdd015426a1512ea9a70a732e4615447238e7f', label: "purple", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'ec0b3529cfcb402556274e83a2a62d899eb8c7e9', label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'edcd735b912341fdaaac6087c0d838a3341af687', class: "flex" }, h("div", { key: '8a96a72c29fb46b8189080ca257832cad444fd40', class: "w-full" }, h("ul", { key: 'a169a2f187db3fabc955ea28aed6019b5904b9f4', class: "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: 'ba11e5e1ce445aec36d4eb3baf5ae39c956704fe', class: "w-full" }, h("ul", { key: '01c6ee6e5a77cafbb38928afdd6716a5aec6c93c', class: "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: '91ff22c373f1ae354ab9f76008f16d5e5be21331', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'a58977e316d22cb662173cc9d2d76448808fb2f8', label: "blue", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '0fd12af19848395b2a631a5ccb33b0530005bebc', label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '38c4eea411b4021dbf15cc7d73ff26371d8175a4', class: "flex" }, h("div", { key: 'bdd75c354631d54fa03ea35e798ab5dcbde4f248', class: "w-full" }, h("ul", { key: '8777390f722798653df7ec72e6596a36246a5f2b', class: "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: 'c61047b695bdc8d29f5c665753b4ebfa2cbb272a', class: "w-full" }, h("ul", { key: '7de74c3a918a30cacaf4ffb78d24145d78e4511a', class: "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: 'd0c3a7170ba185caccf3cecf7e4d39cce5292c49', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '16ae6a94124ea87782095058857d47a4a91789a9', label: "redish", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'c5c4d82a809a586637f00013782e69fa6bab2879', label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '83d408a58b5bf5dddbcceb2336ffa7c58bdcea44', class: "flex" }, h("div", { key: 'dca88ee121c036f50f23105cd8a430ed883f19db', class: "w-full" }, h("ul", { key: '9b12b41325dfb100e87e1ced15f4b1b9c3457822', class: "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: '013e039ef9ebecdde9b59c82d819047976e77523', class: "w-full" }, h("ul", { key: '7c6125cc0f7e9998c1f74be9456a8a171545edf1', class: "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: '966cb542b868e89c3f2538548e8a1ca8e20ea8d8', class: "container" }, h("p", { key: '3c595ffa9a2de45b681924354486309004d4ceaf', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '1d1fded0f8cf78cec9e364e5b6844598b55f3f86', 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: 'abae691bb80eca1019f97375997b1aa6a577ba8b', 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: '251e6d8ad16d70974b67fa044d53abd1be79ccac', class: "flex" }, h("div", { key: 'de5b9b6720aababb693421663c52db85cee1b5fc', class: "w-full" }, h("ul", { key: 'a61f669f45c2f9d3b53d87bacc222a4274f93d34', 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: 'e7787d0ae843d7767ecac3267f11325dcfecf948', class: "w-full" }, h("ul", { key: '0d740ad8178c88175939d32a4f84d518f587e43a', 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: '6c59b2c574f5039baafd91a2939fbbb307732500', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '03e9ca7b0831c2b1d1908001324a38147ecea835', 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: '021affd3b5db00ccb5ef0d51de4552c5d3a11f44', 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: 'b7a5c4c10adab099c57ed70c0d2186d791aa70ec', class: "flex" }, h("div", { key: '3732c49a47158c206e1b40fc5425e555487ec757', class: "w-full" }, h("ul", { key: '54a5d35510bd77397d1418aa2638cf310534e986', 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: '048de44bd69a7b6ecefe3188d76821e4d5145620', class: "w-full" }, h("ul", { key: 'e3f8cadce4b9a575e1d844958cfccf20a19db681', 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: '14d7f9c88ae769d6feb2a8344f8b45b40d4ae095', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '810bdfa6fd175f9d483129b70bbae469051e0e0d', 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: 'fb8a9712f8e1ae1cffbb85c79f7e9c2657f867db', 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: '1df0919bb4c75ee251d7f5c8cf95bb2e2e990242', class: "flex" }, h("div", { key: '5a898462aa680267f4ac35aefb98e60b7f486c63', class: "w-full" }, h("ul", { key: 'ad6f3e6ccde7d225be344efbc176064fc89aa796', 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: '8dd6e01b989c8589be6b553c85f0512c268ac369', class: "w-full" }, h("ul", { key: 'c36937d99efd585c4e8a37b80de5bce82374186c', 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: '452c68d1c797de34e531d7c734d350fcc36ae2f2', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '17453c9d78c20583c989281672c0f41bbe8d036f', 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: '3e78eb924b6a857674d50d4a209e4843f76e5fc3', 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: 'ae3e2a703633013f632df3a75f45ec932ce5e13b', class: "flex" }, h("div", { key: '4a0f256fa355dcbd6d6fc0e95e81a6c2821c917d', class: "w-full" }, h("ul", { key: '8aaf611ed9b87b86d0c1b47b1e37cb01989838b2', 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: '112e50da1627a671fbca843111becf51cd02ebc5', class: "w-full" }, h("ul", { key: '14033bd08a9d16bd0b6cfe8b87acc2a841c48a29', 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/{eds-svg-repository.d.ts → docs-palettes.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface EdsSvgRepository extends Components.EdsSvgRepository, HTMLElement {}
-export const EdsSvgRepository: {
-    prototype: EdsSvgRepository;
-    new (): EdsSvgRepository;
+interface DocsPalettes extends Components.DocsPalettes, HTMLElement {}
+export const DocsPalettes: {
+    prototype: DocsPalettes;
+    new (): DocsPalettes;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/{eds-docs-palettes.js → docs-palettes.js}

@@ -9,7 +9,7 @@ import { d as defineCustomElement$4 } from './primary2.js';
 import { d as defineCustomElement$3 } from './secondary2.js';
 import { d as defineCustomElement$2 } from './support2.js';
 
-const EdsDocsPalettes$1 = /*@__PURE__*/ proxyCustomElement(class EdsDocsPalettes extends HTMLElement {
+const DocsPalettes$1 = /*@__PURE__*/ proxyCustomElement(class DocsPalettes extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
@@ -26,20 +26,20 @@ const EdsDocsPalettes$1 = /*@__PURE__*/ proxyCustomElement(class EdsDocsPalettes
         }
     }
     render() {
-        return h("div", { key: '80f0922a40e212252a858b019d88f104defc2632', class: "container" }, this.renderContent());
+        return h("div", { key: 'f985628b9ea3f02a511e2facbda99b54f0723acf', class: "container" }, this.renderContent());
     }
-}, [0, "eds-docs-palettes", {
+}, [0, "docs-palettes", {
         "tabIndex": [2, "tab-index"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["eds-docs-palettes", "color-primary-palette", "color-secondary-palette", "color-support-palette", "eds-block-break", "eds-code-block", "eds-icon-wrapper", "gradient-primary-palette", "gradient-secondary-palette", "gradient-support-palette"];
+    const components = ["docs-palettes", "color-primary-palette", "color-secondary-palette", "color-support-palette", "eds-block-break", "eds-code-block", "eds-icon-wrapper", "gradient-primary-palette", "gradient-secondary-palette", "gradient-support-palette"];
     components.forEach(tagName => { switch (tagName) {
-        case "eds-docs-palettes":
+        case "docs-palettes":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsDocsPalettes$1);
+                customElements.define(tagName, DocsPalettes$1);
             }
             break;
         case "color-primary-palette":
@@ -90,7 +90,7 @@ function defineCustomElement$1() {
     } });
 }
 
-const EdsDocsPalettes = EdsDocsPalettes$1;
+const DocsPalettes = DocsPalettes$1;
 const defineCustomElement = defineCustomElement$1;
 
-export { EdsDocsPalettes, defineCustomElement };
+export { DocsPalettes, defineCustomElement };

package/dist/components/{eds-form-v2.d.ts → docs-tokens.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface EdsFormV2 extends Components.EdsFormV2, HTMLElement {}
-export const EdsFormV2: {
-    prototype: EdsFormV2;
-    new (): EdsFormV2;
+interface DocsTokens extends Components.DocsTokens, HTMLElement {}
+export const DocsTokens: {
+    prototype: DocsTokens;
+    new (): DocsTokens;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/{eds-docs-tokens.js → docs-tokens.js}

@@ -5,7 +5,7 @@ import { d as defineCustomElement$4 } from './token-list2.js';
 import { d as defineCustomElement$3 } from './token-radii2.js';
 import { d as defineCustomElement$2 } from './token-shadows2.js';
 
-const EdsDocsContent = /*@__PURE__*/ proxyCustomElement(class EdsDocsContent extends HTMLElement {
+const DocsContent = /*@__PURE__*/ proxyCustomElement(class DocsContent extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
@@ -30,20 +30,20 @@ const EdsDocsContent = /*@__PURE__*/ proxyCustomElement(class EdsDocsContent ext
         }
     }
     render() {
-        return h("div", { key: 'cf676cf54781de4a4f8b75d174201d24d30d3538', class: "container" }, this.renderContent());
+        return h("div", { key: '29810a0ace60d2e5a0fc84d6715fc2fc89d6187f', class: "container" }, this.renderContent());
     }
-}, [0, "eds-docs-tokens", {
+}, [0, "docs-tokens", {
         "tabIndex": [2, "tab-index"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["eds-docs-tokens", "eds-code-block", "eds-icon-wrapper", "token-list", "token-radii", "token-shadows"];
+    const components = ["docs-tokens", "eds-code-block", "eds-icon-wrapper", "token-list", "token-radii", "token-shadows"];
     components.forEach(tagName => { switch (tagName) {
-        case "eds-docs-tokens":
+        case "docs-tokens":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsDocsContent);
+                customElements.define(tagName, DocsContent);
             }
             break;
         case "eds-code-block":
@@ -74,7 +74,7 @@ function defineCustomElement$1() {
     } });
 }
 
-const EdsDocsTokens = EdsDocsContent;
+const DocsTokens = DocsContent;
 const defineCustomElement = defineCustomElement$1;
 
-export { EdsDocsTokens, defineCustomElement };
+export { DocsTokens, defineCustomElement };

package/dist/components/eds-accordion2.js

@@ -3,7 +3,7 @@ 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-36{min-height:2.25rem}.min-h-44{min-height:2.75rem}.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}.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}.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-20{padding-top:1.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-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-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 = "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-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-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 EdsAccordionStyle0 = edsAccordionCss;
 
 const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends HTMLElement {
@@ -41,16 +41,19 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
                         : this.childContentRef.scrollHeight <= 20;
                 this.panelHeight = this.isExpanded && !this.shortContent ? this.childContentRef.scrollHeight : 0;
             }
+            if (this.headerRef) {
+                this.headerHeight = this.headerRef.scrollHeight - 30;
+            }
         };
         this.title = undefined;
         this.description = undefined;
         this.switchBg = true;
         this.expanded = false;
         this.clampText = true;
-        this.minHeightContent = false;
         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
@@ -71,11 +74,10 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
      * Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
      */
     render() {
-        const minHeightContentClass = this.minHeightContent ? 'min-h-56' : '';
-        return (h("div", { key: '93d8b1af3a97c6d35d05a3f910f220f59aa74b01', ref: (el) => (this.wrapperRef = el), class: `flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
+        return (h("div", { key: 'db04fa9db1f53e95a7ac758656b32e75281f5749', 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' : ''} 
-          ${minHeightContentClass}` }, h("h3", { key: '0bbf1f73305a708b59faf3f792c2e215b5681f9e', class: "mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1" }, this.title), h("div", { key: 'b721809100038d658cc186a08363faad034967de', class: "ml-auto" }, h("eds-button", { key: 'b7b600d0a0b91121916c25dd7c03b415072098c1', id: "toggleAccordion", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-label": "Toggle accordion", "aria-controls": "accordionSection", class: `effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none`, onClick: this.handleClick, icon: "chevron-down" })), h("div", { key: '53054fe651ca9857ec9c2ca2d06546d6a56ceb64', class: `w-full` }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: 'ca71d4a2733f3eb1df78cf570c24b8b0b1d8841b', id: "accordionSection", role: "region", "aria-labelledby": "accordionHeader", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? 'overflow-hidden' : ''}`, style: { height: this.isExpanded ? 'auto' : '0' } }, h("div", { key: '9a4a1d9fbd2c42f574f093ec679044f5ad9c17c8', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-20`, "aria-hidden": !this.isExpanded }, h("span", { key: '9e293b9e6980a06db2aeb73f5c718c2e8b49da61', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: 'fa467b088ab28100ebf8acc86bf2ebf7886eab8e' })))))));
+          ${this.switchBg ? 'hover:bg-inverse' : ''}
+          ${this.description ? 'min-h-56' : ''}` }, h("h3", { key: 'a6fc54388e0eab3ddfb81dfb5907c55a1d6d40e1', ref: (el) => (this.headerRef = el), class: "mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40" }, this.title), h("div", { key: '96a1e4ae2849300e6cd3c737357a7e6e9a0439d5', class: "ml-auto" }, h("eds-button", { key: 'ca53eed446f9bc7a96182da9e9e3a45b1c63dba2', id: "toggleAccordion", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-label": "Toggle accordion", "aria-controls": "accordionSection", class: `effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none`, onClick: this.handleClick, icon: "chevron-down" })), h("div", { key: '2e1c52759fa07ecf63fed47f79c0384a79cd81c6', 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: '6ca819b2d9cb989f0942b98f32cd7243771b6ae9', id: "accordionSection", role: "region", "aria-labelledby": "accordionHeader", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? 'overflow-hidden' : ''}`, style: { height: this.isExpanded ? 'auto' : '0' } }, h("div", { key: 'aa33297747aca21c3b3ed33eb3eabc2998192aeb', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-4`, "aria-hidden": !this.isExpanded }, h("span", { key: 'af5b6e2218419a3c95e21e7e432696b073b7752b', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: '2a9d1ef2d2537c831b28fbecb02a6125a1412019' })))))));
     }
     get el() { return this; }
     static get style() { return EdsAccordionStyle0; }
@@ -85,10 +87,10 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
         "switchBg": [4, "switch-bg"],
         "expanded": [4],
         "clampText": [4, "clamp-text"],
-        "minHeightContent": [4, "min-height-content"],
         "isExpanded": [32],
         "panelHeight": [32],
-        "shortContent": [32]
+        "shortContent": [32],
+        "headerHeight": [32]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {