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

package/dist/components/components.css

@@ -5775,6 +5775,9 @@ input[type="range"]::-webkit-slider-thumb {
 .top-full {
   top: 100%;
 }
+.z-0 {
+  z-index: 0;
+}
 .z-1 {
   z-index: 1;
 }
@@ -6048,6 +6051,9 @@ input[type="range"]::-webkit-slider-thumb {
 .min-h-screen {
   min-height: 100vh;
 }
+.w-1\/2 {
+  width: 50%;
+}
 .w-20 {
   width: 1.25rem;
 }
@@ -6057,6 +6063,9 @@ input[type="range"]::-webkit-slider-thumb {
 .w-32 {
   width: 2rem;
 }
+.w-4 {
+  width: 0.25rem;
+}
 .w-44 {
   width: 2.75rem;
 }
@@ -6109,6 +6118,12 @@ input[type="range"]::-webkit-slider-thumb {
 .grow {
   flex-grow: 1;
 }
+.table-auto {
+  table-layout: auto;
+}
+.border-collapse {
+  border-collapse: collapse;
+}
 .-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));
@@ -6200,6 +6215,11 @@ input[type="range"]::-webkit-slider-thumb {
   margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
 }
+.space-y-16 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
 .space-y-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
@@ -6418,6 +6438,9 @@ input[type="range"]::-webkit-slider-thumb {
 .bg-warning {
   background-color: var(--yellow-200);
 }
+.bg-opacity-90 {
+  --tw-bg-opacity: 0.9;
+}
 .object-cover {
   -o-object-fit: cover;
      object-fit: cover;
@@ -6497,6 +6520,10 @@ input[type="range"]::-webkit-slider-thumb {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+.py-2 {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
 .py-20 {
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
@@ -6588,6 +6615,10 @@ input[type="range"]::-webkit-slider-thumb {
 .text-center {
   text-align: center;
 }
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
 .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;

package/dist/components/components.esm.js

@@ -1,47 +1 @@
-import { B as BUILD, c as consoleDevInfo, H, d as doc, N as NAMESPACE, p as promiseResolve, b as bootstrapLazy } from './index-b384416e.js';
-export { s as setNonce } from './index-b384416e.js';
-import { g as globalScripts } from './app-globals-0f993ce5.js';
-
-/*
- Stencil Client Patch Browser v4.22.0 | MIT Licensed | https://stenciljs.com
- */
-var patchBrowser = () => {
-  if (BUILD.isDev && !BUILD.isTesting) {
-    consoleDevInfo("Running in development mode.");
-  }
-  if (BUILD.cloneNodeFix) {
-    patchCloneNodeFix(H.prototype);
-  }
-  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll("script")).find(
-    (s) => new RegExp(`/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) || s.getAttribute("data-stencil-namespace") === NAMESPACE
-  ) : null;
-  const importMeta = import.meta.url;
-  const opts = BUILD.scriptDataOpts ? (scriptElm || {})["data-opts"] || {} : {};
-  if (importMeta !== "") {
-    opts.resourcesUrl = new URL(".", importMeta).href;
-  }
-  return promiseResolve(opts);
-};
-var patchCloneNodeFix = (HTMLElementPrototype) => {
-  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
-  HTMLElementPrototype.cloneNode = function(deep) {
-    if (this.nodeName === "TEMPLATE") {
-      return nativeCloneNodeFn.call(this, deep);
-    }
-    const clonedNode = nativeCloneNodeFn.call(this, false);
-    const srcChildNodes = this.childNodes;
-    if (deep) {
-      for (let i = 0; i < srcChildNodes.length; i++) {
-        if (srcChildNodes[i].nodeType !== 2) {
-          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
-        }
-      }
-    }
-    return clonedNode;
-  };
-};
-
-patchBrowser().then(async (options) => {
-  await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"eds-form\",[[4,\"eds-form\",{\"smallAlert\":[4,\"small-alert\"],\"setFormUrl\":[4,\"set-form-url\"],\"submitBtn\":[4,\"submit-btn\"],\"submitBtnLabel\":[1,\"submit-btn-label\"],\"successMessage\":[1,\"success-message\"],\"errorMessage\":[1,\"error-message\"],\"endpoint\":[1],\"name\":[1],\"fields\":[1],\"coupleAuth\":[4,\"couple-auth\"],\"formSubmitted\":[32],\"hasError\":[32],\"errors\":[32],\"isSubmitting\":[32],\"alertMessage\":[32],\"isAuthenticated\":[32],\"authUser\":[32]},[[16,\"authStatusChanged\",\"onAuthStatusChanged\"]]]]],[\"eds-svg-repository\",[[1,\"eds-svg-repository\"]]],[\"eds-docs-palettes\",[[0,\"eds-docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-header\",[[4,\"eds-header\",{\"homeUrl\":[1,\"home-url\"],\"links\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"userFeature\":[4,\"user-feature\"],\"menuEnabled\":[4,\"menu-enabled\"],\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32],\"isAuthenticated\":[32]},[[16,\"authStatusChanged\",\"onAuthStatusChanged\"]]]]],[\"eds-fullscreen-menu\",[[0,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32]},[[16,\"toggleMenu\",\"handleToggleMenu\"]]]]],[\"eds-card-section\",[[1,\"eds-card-section\",{\"cards\":[1],\"cols\":[2]}]]],[\"eds-components-section\",[[0,\"eds-components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-tool\",[[1,\"eds-card-tool\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[8],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"external\":[4],\"hierarchy\":[4]}]]],[\"eds-docs-tokens\",[[0,\"eds-docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-project\",[[0,\"eds-card-project\",{\"image\":[8],\"editorialTitle\":[1,\"editorial-title\"],\"headingLevel\":[1,\"heading-level\"],\"categoryTitle\":[1,\"category-title\"],\"color\":[1],\"bgOnHover\":[4,\"bg-on-hover\"],\"vertical\":[4],\"titleProject\":[1,\"title-project\"],\"url\":[1],\"parsedImage\":[32]}]]],[\"eds-matomo-notice\",[[1,\"eds-matomo-notice\",{\"title\":[1],\"description\":[1],\"showNotice\":[32]}]]],[\"eds-toast-manager\",[[0,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"correct-use-of-colors\",[[0,\"correct-use-of-colors\"]]],[\"eds-breadcrumb\",[[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}]]],[\"eds-frame\",[[0,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"storybookUrl\":[1,\"storybook-url\"],\"storyPath\":[1,\"story-path\"],\"intent\":[1],\"tiny\":[4],\"size\":[1],\"bg\":[4],\"iframeError\":[32]}]]],[\"eds-login\",[[0,\"eds-login\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"authenticated\":[32],\"user\":[32]}]]],[\"eds-modal\",[[1,\"eds-modal\",{\"title\":[1],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]}]]],[\"eds-navigator\",[[0,\"eds-navigator\",{\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"linkSize\":[1,\"link-size\"],\"linkIntent\":[1,\"link-intent\"]}]]],[\"token-ratios\",[[0,\"token-ratios\"]]],[\"token-typography\",[[0,\"token-typography\"]]],[\"eds-card-tags\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-tabs\",[[0,\"eds-tabs\",{\"id\":[1],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"eds-tabs-content\",[[4,\"eds-tabs-content\",{\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"logo-variations-horizontal\",[[1,\"logo-variations-horizontal\",{\"orientation\":[1],\"type\":[1]}]]],[\"logo-variations-vertical\",[[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"eds-card-wrapper\",[[4,\"eds-card-wrapper\",{\"tiny\":[4],\"withBg\":[4,\"with-bg\"],\"withHover\":[4,\"with-hover\"]}]]],[\"eds-icon-arrow-diagonal\",[[0,\"eds-icon-arrow-diagonal\",{\"addClass\":[1,\"add-class\"]}]]],[\"eds-icon-arrow-right\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bluesky\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-chevron-down\",[[0,\"eds-icon-chevron-down\",{\"class\":[1]}]]],[\"eds-icon-chevron-left\",[[0,\"eds-icon-chevron-left\",{\"class\":[1]}]]],[\"eds-icon-chevron-right\",[[0,\"eds-icon-chevron-right\",{\"class\":[1]}]]],[\"eds-icon-chevron-up\",[[0,\"eds-icon-chevron-up\",{\"class\":[1]}]]],[\"eds-icon-close\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-eu\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-facebook\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-loader\",[[0,\"eds-icon-loader\",{\"class\":[1]}]]],[\"eds-icon-mastodon\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-menu\",[[0,\"eds-icon-menu\",{\"class\":[1]}]]],[\"eds-icon-more\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-search\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-success\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-twitter\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-user\",[[0,\"eds-icon-user\",{\"class\":[1]}]]],[\"eds-icon-youtube\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-progress-bar\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"updateValue\":[64]}]]],[\"eds-rating\",[[1,\"eds-rating\",{\"stars\":[2],\"label\":[1],\"textMapping\":[8,\"text-mapping\"],\"selectedRating\":[32]}]]],[\"eds-tooltip\",[[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1],\"isVisible\":[32],\"isPositioned\":[32],\"tooltipStyle\":[32]},[[1,\"mouseover\",\"showTooltip\"],[1,\"mouseout\",\"hideTooltip\"],[8,\"keydown\",\"handleKeyPress\"]]]]],[\"incorrect-use-of-colors\",[[0,\"incorrect-use-of-colors\"]]],[\"logo-space\",[[1,\"logo-space\"]]],[\"logo-wrong-usage\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing\",[[0,\"token-spacing\"]]],[\"eds-icon-wrapper\",[[0,\"eds-icon-wrapper\",{\"icon\":[1],\"class\":[1],\"IconComponent\":[32]},null,{\"icon\":[\"iconChanged\"]}]]],[\"eds-table\",[[1,\"eds-table\",{\"data\":[1],\"endpoint\":[1],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"tableData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32]},null,{\"data\":[\"handleDataChange\"],\"config\":[\"handleConfigChange\"]}]]],[\"eds-user\",[[0,\"eds-user\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"user\":[32],\"authenticated\":[32],\"serverAvailable\":[32],\"username\":[32]}]]],[\"eds-card-generic\",[[1,\"eds-card-generic\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[8],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"hierarchy\":[4],\"parsedImage\":[32]}]]],[\"eds-footer\",[[0,\"eds-footer\",{\"extraClass\":[1,\"extra-class\"],\"social\":[4],\"hasCookiesSetUp\":[4,\"has-cookies-set-up\"],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"cookiesPreference\":[1,\"cookies-preference\"]}]]],[\"gradient-secondary-palette\",[[0,\"gradient-secondary-palette\"]]],[\"color-primary-palette\",[[0,\"color-primary-palette\"]]],[\"color-secondary-palette\",[[0,\"color-secondary-palette\",{\"show\":[1]}]]],[\"color-support-palette\",[[0,\"color-support-palette\"]]],[\"eds-accordion\",[[1,\"eds-accordion\",{\"title\":[1],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"minHeightContent\":[4,\"min-height-content\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32]}]]],[\"eds-toast\",[[0,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}]]],[\"gradient-primary-palette\",[[0,\"gradient-primary-palette\"]]],[\"gradient-support-palette\",[[0,\"gradient-support-palette\"]]],[\"token-list\",[[0,\"token-list\",{\"show\":[1]}]]],[\"token-radii\",[[0,\"token-radii\"]]],[\"token-shadows\",[[0,\"token-shadows\"]]],[\"eds-link\",[[1,\"eds-link\",{\"label\":[1],\"intent\":[1],\"icon\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"size\":[1],\"external\":[4],\"current\":[4],\"download\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"hideLabelOnSmallScreen\":[4,\"hide-label-on-small-screen\"],\"extraClass\":[1,\"extra-class\"]},[[0,\"parentContext\",\"handleBreadcrumbContext\"]]]]],[\"eds-user-modal\",[[0,\"eds-user-modal\",{\"user\":[1],\"links\":[1],\"onLogout\":[16],\"parsedUser\":[32],\"parsedLinks\":[32]},null,{\"user\":[\"parseUserProp\"],\"links\":[\"parseLinksProp\"]}]]],[\"eds-alert\",[[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"withBtn\":[32]}]]],[\"eds-dropdown\",[[1,\"eds-dropdown\",{\"icon\":[1],\"label\":[1],\"rounded\":[4],\"ariaLabel\":[1,\"aria-label\"],\"asNav\":[4,\"as-nav\"],\"dropdownPos\":[1,\"dropdown-pos\"],\"dropdownOffset\":[4,\"dropdown-offset\"],\"intent\":[1],\"isOpen\":[32],\"focusIndex\":[32]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"eds-pagination\",[[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}]]],[\"eds-social-networks\",[[1,\"eds-social-networks\",{\"title\":[1]}]]],[\"eds-section-core\",[[4,\"eds-section-core\",{\"tag\":[1],\"sectionTitle\":[1,\"section-title\"],\"headingLevel\":[1,\"heading-level\"]}]]],[\"eds-tab\",[[0,\"eds-tab\",{\"label\":[1],\"url\":[1],\"active\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"eds-input-search\",[[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"getInputElement\":[64]}]]],[\"eds-input-field\",[[1,\"eds-input-field\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"onChange\":[16],\"onInput\":[16],\"type\":[1],\"required\":[4],\"label\":[1],\"hint\":[1],\"icon\":[1],\"link\":[16],\"message\":[1],\"error\":[4],\"checked\":[4],\"errorMessage\":[1,\"error-message\"],\"value\":[8],\"maxLength\":[2,\"max-length\"],\"options\":[1]}]]],[\"eds-block-break\",[[1,\"eds-block-break\",{\"extraClass\":[1,\"extra-class\"]}]]],[\"eds-card-desc\",[[1,\"eds-card-desc\",{\"description\":[1],\"descClass\":[1,\"desc-class\"],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"]}]]],[\"eds-section-heading\",[[0,\"eds-section-heading\",{\"sectionTitle\":[1,\"section-title\"],\"withContainer\":[4,\"with-container\"],\"headingLevel\":[1,\"heading-level\"],\"tag\":[1],\"spacingLarge\":[4,\"spacing-large\"]}]]],[\"eds-input\",[[0,\"eds-input\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"checked\":[4],\"type\":[1],\"required\":[4],\"value\":[8],\"icon\":[1],\"maxLength\":[2,\"max-length\"],\"options\":[16],\"extraClass\":[1,\"extra-class\"],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}]]],[\"eds-input-footer\",[[0,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}]]],[\"eds-input-select\",[[0,\"eds-input-select\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"required\":[4],\"options\":[16],\"value\":[8]}]]],[\"eds-card-title\",[[1,\"eds-card-title\",{\"url\":[1],\"titleClass\":[1,\"title-class\"],\"headingLevel\":[1,\"heading-level\"],\"externalLink\":[4,\"external-link\"],\"cardTitle\":[1,\"card-title\"],\"hierarchy\":[4]}]]],[\"eds-input-label\",[[0,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}]]],[\"eds-input-range\",[[0,\"eds-input-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"sliderVal\":[32],\"getInputElement\":[64]}]]],[\"eds-logo\",[[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1]}]]],[\"eds-tag\",[[1,\"eds-tag\",{\"label\":[1],\"intent\":[1]}]]],[\"eds-img\",[[1,\"eds-img\",{\"src\":[1],\"alt\":[1],\"width\":[2],\"height\":[2],\"srcset\":[1],\"sizes\":[1],\"formats\":[16],\"lazyload\":[4],\"withBg\":[4,\"with-bg\"],\"loaded\":[32],\"showBg\":[32]}]]],[\"eds-avatar\",[[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1],\"rounded\":[4],\"initialsStrong\":[4,\"initials-strong\"]}]]],[\"eds-button\",[[1,\"eds-button\",{\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"elementType\":[1,\"element-type\"],\"intent\":[1],\"loading\":[4],\"disabled\":[4],\"pill\":[4],\"icon\":[1],\"size\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"extraClass\":[1,\"extra-class\"],\"triggerClick\":[16]},[[0,\"parentContext\",\"handleParentContext\"]]]]],[\"eds-code-block\",[[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}]]]]"), options);
-});
+import{p as e,b as a}from"./p-7a8b9de5.js";export{s as setNonce}from"./p-7a8b9de5.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-3afafa59",[[4,"eds-form",{"smallAlert":[4,"small-alert"],"setFormUrl":[4,"set-form-url"],"submitBtn":[4,"submit-btn"],"submitBtnLabel":[1,"submit-btn-label"],"successMessage":[1,"success-message"],"errorMessage":[1,"error-message"],"submitBtnHintMessage":[1,"submit-btn-hint-message"],"endpoint":[1],"name":[1],"fields":[1],"coupleAuth":[4,"couple-auth"],"values":[32],"formSubmitted":[32],"hasError":[32],"errors":[32],"isSubmitting":[32],"alertMessage":[32],"isAuthenticated":[32],"authUser":[32]},[[16,"authStatusChanged","onAuthStatusChanged"]]],[4,"eds-header",{"homeUrl":[513,"home-url"],"links":[1],"inverseHeader":[4,"inverse-header"],"userFeature":[4,"user-feature"],"menuEnabled":[4,"menu-enabled"],"keycloakUrl":[1,"keycloak-url"],"keycloakRealm":[1,"keycloak-realm"],"keycloakClientId":[1,"keycloak-client-id"],"isMenuOpen":[32],"isUserMenuOpen":[32],"isAuthenticated":[32]},[[16,"authStatusChanged","onAuthStatusChanged"]]],[0,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}],[0,"eds-toast-manager",{"toasts":[32]}],[0,"eds-trl",{"applications":[1]}],[0,"eds-user",{"keycloakUrl":[1,"keycloak-url"],"keycloakRealm":[1,"keycloak-realm"],"keycloakClientId":[1,"keycloak-client-id"],"user":[32],"authenticated":[32],"serverAvailable":[32],"username":[32]}],[0,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}],[1,"eds-progress-bar",{"value":[1026],"updateValue":[64]}],[1,"eds-card-generic",{"cardTitle":[1,"card-title"],"url":[1],"description":[1],"image":[8],"avatar":[1],"shortAbbreviation":[1,"short-abbreviation"],"headingLevel":[1,"heading-level"],"tags":[8],"tiny":[4],"bg":[4],"withHover":[4,"with-hover"],"hierarchy":[4],"parsedImage":[32]},[[0,"parentContext","handleParentContext"]]],[0,"eds-user-modal",{"user":[1],"links":[1],"onLogout":[16],"parsedUser":[32],"parsedLinks":[32]},null,{"user":["parseUserProp"],"links":["parseLinksProp"]}],[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"withBtn":[32]}],[1,"eds-dropdown",{"icon":[1],"label":[1],"rounded":[4],"ariaLabel":[1,"aria-label"],"asNav":[4,"as-nav"],"dropdownPos":[1,"dropdown-pos"],"dropdownOffset":[4,"dropdown-offset"],"intent":[1],"isOpen":[32],"focusIndex":[32]},[[8,"click","handleWindowClick"],[8,"keydown","handleKeyDown"]]],[1,"eds-input-field",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"onChange":[16],"onInput":[16],"type":[1],"required":[4],"label":[1],"hint":[1],"icon":[1],"link":[16],"message":[1],"error":[4],"checked":[4],"errorMessage":[1,"error-message"],"value":[8],"maxLength":[2,"max-length"],"options":[1]}],[0,"eds-input",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"checked":[4],"type":[1],"required":[4],"value":[8],"icon":[1],"maxLength":[2,"max-length"],"options":[16],"extraClass":[1,"extra-class"],"innerVal":[32],"maxLengthReached":[32]},null,{"value":["onValueChanged"]}],[0,"eds-input-footer",{"name":[1],"errorMessage":[1,"error-message"],"message":[1],"error":[4],"link":[16]}],[0,"eds-input-search",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"value":[1],"disabled":[4],"required":[4],"getInputElement":[64]}],[0,"eds-input-select",{"inputId":[1,"input-id"],"name":[1],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"required":[4],"options":[16],"value":[8]}],[1,"eds-card-desc",{"description":[1],"descClass":[1,"desc-class"],"truncate":[4],"truncateLines":[1,"truncate-lines"]}],[0,"eds-input-label",{"label":[1],"name":[1],"required":[4],"disabled":[4]}],[0,"eds-input-range",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"min":[2],"max":[2],"step":[2],"sliderVal":[32],"getInputElement":[64]}],[1,"eds-logo",{"href":[1],"orientation":[1],"type":[1]}],[1,"eds-card-title",{"url":[1],"titleClass":[1,"title-class"],"headingLevel":[1,"heading-level"],"externalLink":[4,"external-link"],"cardTitle":[1,"card-title"],"hierarchy":[4]}],[1,"eds-tag",{"label":[1],"intent":[1]}],[1,"eds-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"picture":[1],"initials":[1],"color":[1],"rounded":[4],"initialsStrong":[4,"initials-strong"]}],[1,"eds-img",{"src":[1],"alt":[1],"width":[2],"height":[2],"srcset":[1],"sizes":[1],"formats":[16],"lazyload":[4],"withBg":[4,"with-bg"],"loaded":[32],"showBg":[32]}],[1,"eds-button",{"label":[1],"ariaLabel":[1,"aria-label"],"elementType":[1,"element-type"],"intent":[1],"loading":[4],"disabled":[4],"pill":[4],"icon":[1],"size":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"extraClass":[1,"extra-class"],"triggerClick":[16]},[[0,"parentContext","handleParentContext"]]],[1,"eds-link",{"label":[1],"intent":[1],"icon":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"size":[1],"external":[4],"current":[4],"download":[4],"url":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"hideLabelOnSmallScreen":[4,"hide-label-on-small-screen"],"extraClass":[1,"extra-class"]},[[0,"parentContext","handleBreadcrumbContext"]]],[0,"eds-icon-wrapper",{"icon":[1],"class":[1],"IconComponent":[32]},null,{"icon":["iconChanged"]}]]],["p-04e47e04",[[1,"eds-svg-repository"]]],["p-1bcfbaf1",[[0,"eds-docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-0a3b2576",[[0,"eds-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32]},[[16,"toggleMenu","handleToggleMenu"]]]]],["p-9000b245",[[1,"eds-card-section",{"cards":[1],"cols":[2]}]]],["p-0c99ef81",[[0,"eds-components-section",{"tabIndex":[2,"tab-index"]}]]],["p-e20ed2c7",[[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-5eb32f03",[[0,"eds-docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-73bd0c97",[[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-d9788b54",[[1,"eds-matomo-notice",{"title":[1],"description":[1],"showNotice":[32]}]]],["p-49958f77",[[0,"correct-use-of-colors"]]],["p-bca40434",[[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}]]],["p-32f282a9",[[0,"eds-frame",{"frameLabel":[1,"frame-label"],"urlLabel":[1,"url-label"],"errorMessage":[1,"error-message"],"storybookUrl":[1,"storybook-url"],"storyPath":[1,"story-path"],"intent":[1],"tiny":[4],"size":[1],"bg":[4],"iframeError":[32]}]]],["p-ebed87b8",[[0,"eds-login",{"keycloakUrl":[1,"keycloak-url"],"keycloakRealm":[1,"keycloak-realm"],"keycloakClientId":[1,"keycloak-client-id"],"authenticated":[32],"user":[32]}]]],["p-96c4deda",[[1,"eds-modal",{"title":[1],"truncate":[4],"truncateLines":[1,"truncate-lines"],"isOpen":[32],"open":[64],"close":[64],"toggle":[64]}]]],["p-22762818",[[0,"eds-navigator",{"prevLabel":[1,"prev-label"],"nextLabel":[1,"next-label"],"prevUrl":[1,"prev-url"],"nextUrl":[1,"next-url"],"linkSize":[1,"link-size"],"linkIntent":[1,"link-intent"]}]]],["p-551c0b58",[[0,"token-ratios"]]],["p-c9c3cc49",[[0,"token-typography"]]],["p-02e2a62f",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-5ae9722b",[[0,"eds-tabs",{"id":[1],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}]]],["p-9722811d",[[4,"eds-tabs-content",{"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}]]],["p-559b6ec9",[[1,"logo-variations-horizontal",{"orientation":[1],"type":[1]}]]],["p-b203eb1b",[[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-6fc62452",[[4,"eds-card-wrapper",{"tiny":[4],"withBg":[4,"with-bg"],"withHover":[4,"with-hover"]}]]],["p-32cddd94",[[0,"eds-icon-arrow-diagonal",{"addClass":[1,"add-class"]}]]],["p-f7a6ce69",[[0,"eds-icon-arrow-right",{"class":[1]}]]],["p-4037ad48",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-5aad9d3f",[[0,"eds-icon-chevron-down",{"class":[1]}]]],["p-a44a1abe",[[0,"eds-icon-chevron-left",{"class":[1]}]]],["p-145f13ad",[[0,"eds-icon-chevron-right",{"class":[1]}]]],["p-5fc68438",[[0,"eds-icon-chevron-up",{"class":[1]}]]],["p-8c56e39a",[[0,"eds-icon-close",{"class":[1]}]]],["p-490ba155",[[0,"eds-icon-copy",{"class":[1]}]]],["p-c2d369bc",[[0,"eds-icon-eu",{"class":[1]}]]],["p-d1670eec",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-bf0f851d",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-297b2bc3",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-4a24c2ce",[[0,"eds-icon-loader",{"class":[1]}]]],["p-673dce11",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-d6d86366",[[0,"eds-icon-menu",{"class":[1]}]]],["p-4932aab2",[[0,"eds-icon-more",{"class":[1]}]]],["p-846fc91c",[[0,"eds-icon-search",{"class":[1]}]]],["p-bdd86a3c",[[0,"eds-icon-success",{"class":[1]}]]],["p-388b4966",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-0c2e844e",[[0,"eds-icon-user",{"class":[1]}]]],["p-a4e9b68b",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-42b4ecff",[[1,"eds-rating",{"stars":[2],"label":[1],"textMapping":[8,"text-mapping"],"selectedRating":[32]}]]],["p-54c75346",[[1,"eds-tooltip",{"content":[1],"position":[1],"isVisible":[32],"isPositioned":[32],"tooltipStyle":[32]},[[1,"mouseover","showTooltip"],[1,"mouseout","hideTooltip"],[8,"keydown","handleKeyPress"]]]]],["p-3b40559e",[[0,"incorrect-use-of-colors"]]],["p-bb60412b",[[1,"logo-space"]]],["p-3a2e8ef3",[[1,"logo-wrong-usage"]]],["p-2d8508cd",[[0,"token-spacing"]]],["p-ff5de62c",[[1,"eds-table",{"data":[1],"endpoint":[1],"config":[1],"rowsPerPage":[2,"rows-per-page"],"paginationEnabled":[4,"pagination-enabled"],"searchEnabled":[4,"search-enabled"],"tableData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32]},null,{"data":["handleDataChange"],"config":["handleConfigChange"]}]]],["p-b33941a0",[[0,"eds-footer",{"extraClass":[1,"extra-class"],"social":[4],"hasCookiesSetUp":[4,"has-cookies-set-up"],"enableScrollTop":[4,"enable-scroll-top"],"fundedBy":[1,"funded-by"],"rightsReserved":[1,"rights-reserved"],"cookiesPreference":[1,"cookies-preference"]}]]],["p-79887c2c",[[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]}]]],["p-b14ef448",[[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"]}]]],["p-272d249f",[[1,"eds-social-networks",{"title":[1]}]]],["p-e74834bc",[[0,"eds-tab",{"label":[1],"url":[1],"active":[4],"ariaLabel":[1,"aria-label"]}]]],["p-b717f95a",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-df93db96",[[1,"eds-block-break",{"extraClass":[1,"extra-class"]}]]],["p-16458a81",[[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-e6bfbf51",[[1,"eds-code-block",{"code":[1],"language":[1],"copied":[32]}]]],["p-ffec8755",[[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: '74aa6fcf077ee0f8ffb30e48b388699565d027ae', class: "container" }, h("p", { key: '2d1ce73998a1fe581f2e0084b0d14b12896b9ea9', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '56f7b3bf0f26487ce0f3742d4cac82f9cd78cd80', label: "primary", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block" }), "and", h("eds-link", { key: 'af2f1c9dc2f3ce3e53ddaa4d116841201815369c', label: "support", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#support-palette", "extra-class": "inline-block" }), "color palettes."), h("div", { key: 'df3f4033ee166a0eb59f5e6d34c6573a74cb0a41', class: "flex" }, h("div", { key: '4805b4ab6c53e01d303df8683e6e279da29749fa', class: "w-full" }, h("ul", { key: '80e5def16148d8377731cb92f865eeacd2558750', 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: 'f0dcc515f6b9dcfcaeb65f0d9a68bd8c81e85e76', class: "w-full" }, h("ul", { key: '507ddd79c0ccf5dfcfca36de9b9d7ad2a3c2fff4', 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: '696a40e2fde6810d4652768e6e3aa94b785073a7', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '69999f902476bce4b6e3d67264b4c707b07b7501', label: "purple", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block" }), "and", h("eds-link", { key: '51321fa3a7c219dec8f43559c97a9b8654f45bbd', label: "support", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#support-palette", "extra-class": "inline-block" }), "color palettes."), h("div", { key: 'f0c8a66e81cd968b40b6b40547118d29957822ed', class: "flex" }, h("div", { key: 'e5df5ea36c4953943eec98b252d8f7cb16ba7691', class: "w-full" }, h("ul", { key: '8786457bdfd058c75bd4100398549ad4cf54a974', 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: '8c2c4be0b5cef8219cfdfffe2bba7da6745af720', class: "w-full" }, h("ul", { key: '4bb7edfb7048522b18c338b0190760e755a7859f', 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: 'cde93ab4d8198cf0f1e04c8af9617c2a1afc8804', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'ce6d84aa369f1509e9ef2d9418282d1307aba27e', label: "blue", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block" }), "and", h("eds-link", { key: '9033315eae2e61ee1f50c473c5171bba151b9f26', label: "support", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#support-palette", "extra-class": "inline-block" }), "color palettes."), h("div", { key: '3b28d87bd0824e84b8a1b36c50f36f214dd6f58f', class: "flex" }, h("div", { key: '3a088d08c67c43fb5a4bf70a703f8a0667c40877', class: "w-full" }, h("ul", { key: 'd773d5c724306bfdffcfb8685cabbc570f2c347b', 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: '526015f7431ade04dcc569b71fe9b0d7ee853fb9', class: "w-full" }, h("ul", { key: 'ea6f0569fac6c7678df0f431605a1b52c2cf3198', 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: 'ea15819fa41c0f0303a849ba50dbf889f7b06171', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'd1a5d00980846fb31014b9bc9631fe6fecc406ab', label: "redish", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block" }), "and", h("eds-link", { key: 'b5111ad668077a29d2b89caf182ce1d6f7c83941', label: "support", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#support-palette", "extra-class": "inline-block" }), "color palettes."), h("div", { key: '3418135ed8af2a53b819c062c4090513c706895c', class: "flex" }, h("div", { key: 'e304ed3c2895a699b703cae1041bc1f495d4df9d', class: "w-full" }, h("ul", { key: '9bd9ec31d7239b5adcd48842ae7507bc9a4f938c', 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: 'a5d47f7a62e5d5af432915cb43a3ecfd84ee9ef3', class: "w-full" }, h("ul", { key: '9fb1be5f4635f01482db671998990b688d63d310', 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: 'c200227a9e2f169d0aa287867fbb8e37950ba1fc', class: "container" }, h("p", { key: '8fb2fee0b58ee6ad9386bd7ab9b7defe77bf0ea8', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '779695d669a2dcea9dfa02ad98afbbbb40fd1c60', label: "primary", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block" }), "and", h("eds-link", { key: '9adae0aedf1121fcae938fea0a190a4c6d919615', label: "support", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#support-palette", "extra-class": "inline-block" }), "color palettes."), h("div", { key: 'ba6f9af827fc2d961d3bbe6e525f322a1cd1915a', class: "flex" }, h("div", { key: 'c7c0375674e317e44501061074498a4d61061815', class: "w-full" }, h("ul", { key: '3b47359203802b385a3ebfb3112d358860bb3aef', 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: '4762b034c77712345d8dccbad21d670e0e4b00b8', class: "w-full" }, h("ul", { key: '4378c6902da37592f8a793e106a43ddee1ef93c4', 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: 'fbc81d54d8b403928b8ed06313b3c8cc43ed94ea', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '3cebed0ccba94099b7c7434009317ac5f2bd0b4c', label: "purple", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block" }), "and", h("eds-link", { key: '022ecd8aee653634c17289be36406a57c50870e2', label: "support", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#support-palette", "extra-class": "inline-block" }), "color palettes."), h("div", { key: '199e32e4956d061d8900905ff5bb5f5de3e241aa', class: "flex" }, h("div", { key: 'ff328c18717b9e8e59a556f1158d20c1ee81e7d8', class: "w-full" }, h("ul", { key: 'e01f03ac9c1926e545cb7eed8bda7bbac85ec1df', 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: '9c916943b14e9c30dc4c378cd1f17e01898c07ba', class: "w-full" }, h("ul", { key: 'f4ed3a0dbf49acf1f9377b88974a95aad039786e', 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: '4639f1444d9623cba363eeb5c2d8d31c878df248', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '06f173575af08f66a54cbecda06d8c8571831e14', label: "blue", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block" }), "and", h("eds-link", { key: '27190261ee2836060d3a82ff8b1e99cf2a3a4418', label: "support", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#support-palette", "extra-class": "inline-block" }), "color palettes."), h("div", { key: '56b46450301b6ff4971d3d0a8db82e4490926a7d', class: "flex" }, h("div", { key: '149dfb6f4888042bc3bc0155e13f0546619d0407', class: "w-full" }, h("ul", { key: '170c840e01c036180d14b4ad3ff05a91d0d2a294', 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: '7bf3c17e287839feb7de1f9efb025468b6be01d5', class: "w-full" }, h("ul", { key: '0933b22c83b1146fd3df7872168c46696612ee6f', 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: '13d3cc503cec5ff8368bb067669fd40c39474ad9', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '3d56221761895007dca7959d41dc9c2de7d5bee9', label: "redish", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block" }), "and", h("eds-link", { key: '816bfadc9f98d2f2ac59bc14df8d4160d89116b3', label: "support", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#support-palette", "extra-class": "inline-block" }), "color palettes."), h("div", { key: 'b6eab4a5bb07fd34b59c0e9460ad4aab06e424f6', class: "flex" }, h("div", { key: 'd2779763b7a8ac3b9d718cb2c98dcfeb6b81e311', class: "w-full" }, h("ul", { key: '269881df5e4209d3670ceae03c37182d5d17fe7f', 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: 'e014acde3e2676f4db049bd1df3f49fb68953470', class: "w-full" }, h("ul", { key: '6881842a8f199741784d1a1382353ff271869ee0', 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 } })))))))));
     }
 }, [0, "correct-use-of-colors"]);
 function defineCustomElement$1() {

package/dist/components/eds-accordion2.js

@@ -3,6 +3,7 @@ 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 EdsAccordionStyle0 = edsAccordionCss;
 
 const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends HTMLElement {
     constructor() {
@@ -80,13 +81,13 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
      */
     render() {
         const minHeightContentClass = this.minHeightContent ? 'min-h-56' : '';
-        return (h("div", { key: 'fc5727e75b74058ee2ce86f99f77cf0b09fca4aa', ref: (el) => (this.wrapperRef = el), class: `container flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
+        return (h("div", { key: '1f8ea188c4b39f6d1a8d10cdbf43d3df88d1281f', ref: (el) => (this.wrapperRef = el), class: `container flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
           ${this.switchBg && this.isExpanded ? 'bg-inverse' : 'bg-default'} 
           ${this.switchBg ? 'hover:bg-inverse' : ''} 
-          ${minHeightContentClass}` }, h("h3", { key: 'e58c2839cf6ee75be7752acc5c54497fe8bf3dde', class: "mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1" }, this.title), h("div", { key: '55724b741d8654b66da22c88a764cca1af240e78', class: "ml-auto" }, h("eds-button", { key: '9020e6cf183bdbc6dc83fe5c7d387f53e248bc98', id: "accordionId", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-controls": "accordionId", class: `effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none`, onClick: this.handleClick, icon: "chevron-down" })), h("div", { key: '2e0510604a57a9f4c9aee0de3c9b295e22946363', class: `w-full` }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: 'f39f19fe2e1a6489853b5fea2ac2da2b9e954787', id: "sectionId", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? 'overflow-hidden' : ''}`, style: { height: this.isExpanded ? 'auto' : '0' } }, h("div", { key: '91c64ddbc22197fb929f55f8b6a9022c92ed729e', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-20`, "aria-hidden": !this.isExpanded }, h("span", { key: 'c1c496948b8bfdc22573b9ec83dfbaab484db901', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: '758757e3cb9d4d71ecfab9764cffda697fabeaf8' })))))));
+          ${minHeightContentClass}` }, h("h3", { key: '4490bdc1a18b99850e8db8ae1c38fcb37912ec0d', class: "mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1" }, this.title), h("div", { key: '82df433a9cc6805a735300fd1bb52f41c639c992', class: "ml-auto" }, h("eds-button", { key: '9965d5eecfa02fbea08c23c44d325417767f6495', id: "accordionId", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-controls": "accordionId", class: `effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none`, onClick: this.handleClick, icon: "chevron-down" })), h("div", { key: '7ab8d2d07d55fa05c5e5647d1d00d1165f0d40ce', class: `w-full` }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: 'cb122dd5433d7012cba6f3769f79e92a155c45d7', id: "sectionId", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? 'overflow-hidden' : ''}`, style: { height: this.isExpanded ? 'auto' : '0' } }, h("div", { key: '0c2e1d9b38f21f0cb7f50aa3923edcc448418e3f', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-20`, "aria-hidden": !this.isExpanded }, h("span", { key: 'd119c88d54e8d5e83d4cc3d4d16d1cd53d689bc7', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: 'b2a6917ec65bc808389a2d1c77cd1183f00cbaa1' })))))));
     }
     get el() { return this; }
-    static get style() { return edsAccordionCss; }
+    static get style() { return EdsAccordionStyle0; }
 }, [1, "eds-accordion", {
         "title": [1],
         "description": [1],

package/dist/components/eds-alert2.js

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { c as cva } from './index3.js';
+import { c as cva } from './index2.js';
 import { d as defineCustomElement$2 } from './eds-icon-wrapper2.js';
 import { d as defineCustomElement$1 } from './eds-link2.js';
 
 const edsAlertCss = ":root {\n  font-optical-sizing: auto;\n}\nhtml,\nbody {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n/*\n:focus[data-focus-method=\"mouse\"],\n:focus[data-focus-method=\"touch\"] {\n  outline: none !important;\n}\n*/\n/*FADE*/\n/*FADE TRANSLATE Y*/\n/*SLIDE LEFT*/\n/*SLIDE BOTTOM*/\n/*COLLAPSE Y*/\n*, ::before, ::after {\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n}\n::backdrop {\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n}\n/*\n! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com\n*/\n/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: currentColor; /* 2 */\n}\n::before,\n::after {\n}\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n/*\nRemove the default font size and weight for headings.\n*/\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n/*\nAdd the correct font weight in Edge and Safari.\n*/\nb,\nstrong {\n  font-weight: bolder;\n}\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\ncode,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n/*\nAdd the correct font size in all browsers.\n*/\nsmall {\n  font-size: 80%;\n}\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\nsub {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\nbutton,\ninput,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\nbutton,\nselect {\n  text-transform: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\nbutton,\ninput:where([type='button']),\ninput:where([type='submit']) {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n/*\nAdd the correct display in Chrome and Safari.\n*/\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\np,\npre {\n  margin: 0;\n}\nfieldset {\n  margin: 0;\n  padding: 0;\n}\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n/*\nPrevent resizing textareas horizontally by default.\n*/\ntextarea {\n  resize: vertical;\n}\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n/*\nSet the default cursor for buttons.\n*/\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\niframe,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg {\n  max-width: 100%;\n  height: auto;\n}\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n:root {\n  --inner-gutter: 8px;\n}\n@media (min-width: 750px) {\n  :root {\n    --inner-gutter: 12px;\n  }\n}\n@media (min-width: 900px) {\n  :root {\n    --inner-gutter: 16px;\n  }\n}\n@media (min-width: 1024px) {\n  :root {\n    --inner-gutter: 16px;\n  }\n}\n@media (min-width: 1280px) {\n  :root {\n    --inner-gutter: 16px;\n  }\n}\n@media (min-width: 2200px) {\n  :root {\n    --inner-gutter: 16px;\n  }\n}\n:root {\n}\n@media (min-width: 900px) {\n  :root {\n}\n}\n:root {\n  --sans: Inter, Helvetica, Arial, sans-serif;\n  --f-ui-01-fontFamily: var(--sans);\n  --f-ui-01-fontWeight: 800;\n  --f-ui-01-fontSize: 18px;\n  --f-ui-01-lineHeight: 110%;\n  --f-ui-01-letterSpacing: -0.01em;\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@media (min-width: 750px) {\n  :root {\n}\n}\n@media (min-width: 900px) {\n  :root {\n}\n}\n@media (min-width: 1024px) {\n  :root {\n}\n}\n.f-ui-01 b, .f-ui-01 strong {\n  font-weight: var(--f-ui-01---bold-weight, bold);\n}\n:root {\n  --grey-300: #e6e6e6;\n  --green-200: #d3ffdc;\n  --yellow-200: #ffffcb;\n  --red-200: #ffe0e1;\n}\n@media (min-width: 750px) {\n  .md\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .md\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .md\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .md\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .md\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .md\\:grid-line-y-0 > *::after {\n    content: none;\n  }\n}\n@media (min-width: 900px) {\n  .lg\\:grid-line-x > *::before {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: 0;\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .lg\\:grid-line-xfull > *::before {\n    content: attr(👻);\n    inset-inline-start: calc(var(--inner-gutter) / -2);\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: calc(var(--inner-gutter) / -2);\n    border-top: 0 solid transparent;\n    border-bottom: 0 solid transparent;\n  }\n  .lg\\:grid-line-x-0 > *::before {\n    content: none;\n  }\n  .lg\\:grid-line-y > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: 0;\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .lg\\:grid-line-yfull > *::after {\n    content: attr(👻);\n    inset-inline-start: 0;\n    inset-inline-end: calc(var(--inner-gutter) / -2);\n    top: calc(var(--inner-gutter) / -1);\n    bottom: 0;\n    border-inline-start: 0 solid transparent;\n    border-inline-end: 0 solid transparent;\n  }\n  .lg\\:grid-line-y-0 > *::after {\n    content: none;\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/** region TRANSITIONS */\n/** endregion */\n/* region FOCUS */\n/* endregion */\n/* region BG */\n/* endregion */\n/*region shadow*/\n/*endregion*/\n.flex {\n  display: flex;\n}\n.w-full {\n  width: 100%;\n}\n.flex-row {\n  flex-direction: row;\n}\n.items-center {\n  align-items: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.gap-x-12 {\n  -moz-column-gap: 0.75rem;\n       column-gap: 0.75rem;\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.rounded-lg {\n  border-radius: 16px;\n}\n.bg-dark {\n  background-color: var(--grey-300);\n}\n.bg-error {\n  background-color: var(--red-200);\n}\n.bg-success {\n  background-color: var(--green-200);\n}\n.bg-warning {\n  background-color: var(--yellow-200);\n}\n.p-16 {\n  padding: 1rem;\n}\n.p-20 {\n  padding: 1.25rem;\n}\n.px-12 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-20 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.py-12 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.py-20 {\n  padding-top: 1.25rem;\n  padding-bottom: 1.25rem;\n}\n.py-8 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.pr-12 {\n  padding-right: 0.75rem;\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[class*=underline-] {\n  text-decoration-line: underline;\n}\n.after\\:rounded-lg::after {\n  border-radius: 16px;\n}\n.after\\:border-softest::after {\n  border-color: rgba(0, 0, 0, .05 );\n}\n";
+const EdsAlertStyle0 = edsAlertCss;
 
 const alertStyles = cva(['w-full bg-dark rounded-lg border-inside after:border-softest after:rounded-lg'], {
     variants: {
@@ -89,7 +90,7 @@ const EdsAlert = /*@__PURE__*/ proxyCustomElement(class EdsAlert extends HTMLEle
             (this.pressableUrl ? (h("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary" })) : null)));
     }
     get el() { return this; }
-    static get style() { return edsAlertCss; }
+    static get style() { return EdsAlertStyle0; }
 }, [1, "eds-alert", {
         "message": [1],
         "pressableLabel": [1, "pressable-label"],

package/dist/components/eds-avatar2.js

@@ -1,8 +1,9 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { g as gradientBGColorVariants } from './index2.js';
+import { g as gradientBGColorVariants } from './color.js';
 import { d as defineCustomElement$1 } from './eds-img2.js';
 
 const edsAvatarCss = ".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\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}";
+const EdsAvatarStyle0 = edsAvatarCss;
 
 const EdsAvatar = /*@__PURE__*/ proxyCustomElement(class EdsAvatar extends HTMLElement {
     constructor() {
@@ -65,7 +66,7 @@ const EdsAvatar = /*@__PURE__*/ proxyCustomElement(class EdsAvatar extends HTMLE
     render() {
         return (h("div", { key: '716279a35cc9235da991563d5f84d2dedbdae001', class: this.containerClasses }, this.picture ? (h("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: true, withBg: true })) : (h("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials))));
     }
-    static get style() { return edsAvatarCss; }
+    static get style() { return EdsAvatarStyle0; }
 }, [1, "eds-avatar", {
         "firstName": [1, "first-name"],
         "lastName": [1, "last-name"],

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

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
 const edsBlockBreakCss = ".border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-softest{border-color:rgba(0, 0, 0, .05)}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.border-t-2{border-top-width:2px}";
+const EdsBlockBreakStyle0 = edsBlockBreakCss;
 
 const EdsBlockBreak = /*@__PURE__*/ proxyCustomElement(class EdsBlockBreak extends HTMLElement {
     constructor() {
@@ -12,7 +13,7 @@ const EdsBlockBreak = /*@__PURE__*/ proxyCustomElement(class EdsBlockBreak exten
     render() {
         return h("hr", { key: '85b5253d4abb77072424452d2ff6a0d631e67652', class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
     }
-    static get style() { return edsBlockBreakCss; }
+    static get style() { return EdsBlockBreakStyle0; }
 }, [1, "eds-block-break", {
         "extraClass": [1, "extra-class"]
     }]);

package/dist/components/eds-breadcrumb.js

@@ -3,6 +3,7 @@ import { d as defineCustomElement$3 } from './eds-icon-wrapper2.js';
 import { d as defineCustomElement$2 } from './eds-link2.js';
 
 const edsBreadcrumbCss = "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}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}";
+const EdsBreadcrumbStyle0 = edsBreadcrumbCss;
 
 const EdsBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class EdsBreadcrumb extends HTMLElement {
     constructor() {
@@ -146,7 +147,7 @@ const EdsBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class EdsBreadcrumb ext
     static get watchers() { return {
         "items": ["parseItems"]
     }; }
-    static get style() { return edsBreadcrumbCss; }
+    static get style() { return EdsBreadcrumbStyle0; }
 }, [1, "eds-breadcrumb", {
         "items": [1],
         "intent": [1],