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

package/dist/components/analytics.js

@@ -4,11 +4,12 @@ function isMatomoAvailable() {
 }
 // General function to push data to Matomo
 function pushToMatomo(action, ...args) {
-    console.log('Pushing Matomo');
+    //console.log('Pushing Matomo')
     if (isMatomoAvailable()) {
         window._paq.push([action, ...args]);
     }
     else {
+        // eslint-disable-next-line
         console.warn('Matomo is not available or not initialized.');
     }
 }
@@ -16,7 +17,9 @@ function pushToMatomo(action, ...args) {
 function sendAnalytics(eventData) {
     var _a;
     if (!isMatomoAvailable()) {
+        // eslint-disable-next-line
         console.warn('Matomo is not available or not initialized.');
+        // eslint-disable-next-line
         console.log(Object.assign({}, eventData));
         return;
     }
@@ -30,12 +33,14 @@ function sendAnalytics(eventData) {
     const name = nameParts.join('/');
     //console.log('trackEvent', eventData.category, eventData.action, name)
     pushToMatomo('trackEvent', eventData.category, eventData.action, name);
+    // eslint-disable-next-line
     console.log(Object.assign({}, eventData));
 }
 // Function to opt-in the user
 function matomoOptIn() {
     if (isMatomoAvailable()) {
         window._paq.push(['rememberConsentGiven']);
+        // eslint-disable-next-line
         console.log('User has opted in to tracking');
     }
 }

package/dist/components/color.js

@@ -1,169 +1,5 @@
 import { c as cva } from './index2.js';
 
-[
-    ['eds-header', {
-            'home-url': '/',
-            'user-feature': 'false',
-            'keycloak-url': 'http://localhost:8080',
-            'keycloak-realm': 'nigeor-realm',
-            'keycloak-client-id': 'stencil-app',
-            links: JSON.stringify([
-                { label: 'About', url: '/about' },
-                { label: 'Focus Areas', url: '/focus-areas' },
-                { label: 'News & Events', url: '/news-and-events' },
-                { label: 'Contact', url: '/contact' },
-            ]),
-        }],
-    ['eds-block-break', {}],
-    ['eds-footer', {}],
-    ['eds-block-break', {}],
-    ['eds-tabs', {
-            tabs: JSON.stringify([
-                { label: 'Home', url: '#', active: true, ariaLabel: 'Home Tab' },
-                { label: 'Profile', url: '#', active: false, ariaLabel: 'Profile Tab' },
-                { label: 'Settings', url: '#', active: false, ariaLabel: 'Settings Tab' },
-            ]),
-        }],
-    ['eds-block-break', {}],
-    ['eds-card-section', {
-            cards: JSON.stringify([
-                { title: 'Card 1', description: 'Description 1', tags: 'tag1, tag2', url: '/link1' },
-                { title: 'Card 2', description: 'Description 2', tags: 'tag3', url: '/link2' },
-            ]),
-            cols: '4',
-        }],
-    ['eds-block-break', {}],
-    ['eds-link', {
-            label: 'Main Link Click Me',
-            url: 'https://example.com',
-            intent: 'primary'
-        }],
-    ['eds-block-break', {}],
-    ['eds-avatar', { 'first-name': 'John', 'last-name': 'Doe' }],
-    ['eds-block-break', {}],
-    ['eds-breadcrumb', {
-            items: JSON.stringify([
-                { label: 'Home', url: '/' },
-                { label: 'Products', url: '/products' },
-                { label: 'Electronics', url: '/products/electronics' },
-                { label: 'Laptops', url: '/products/electronics/laptops' },
-            ]),
-            intent: 'primary',
-        }],
-    ['eds-block-break', {}],
-    ['eds-card-generic', {
-            'card-title': 'The Future of AI in Healthcare',
-            url: 'https://example.com/ai-healthcare',
-            description: 'Explore how AI is transforming the healthcare industry with cutting-edge technologies and research.',
-            avatar: 'https://files.ebrains.eu/img/686e0edc-f3be-4d79-aa02-373c32c08d65/ebrains-logo-high-resolution.png?fit=max&q=80&fm=webp&crop=879%2C879%2C597%2C0&w=200',
-            'short-abbreviation': 'AI',
-            'heading-level': 'h2',
-            tags: 'Technology,AI,Healthcare',
-            tiny: 'false',
-            bg: 'true',
-            'with-hover': 'true',
-        }],
-    ['eds-block-break', {}],
-    ['eds-code-block', {
-            code: 'Hello',
-            language: 'javascript',
-        }],
-    ['eds-block-break', {}],
-    ['eds-dropdown', {
-            'aria-label': 'More options',
-            'rounded-btn': 'true',
-            'dropdown-pos': 'right',
-            'dropdown-offset': 'true',
-        }],
-    ['eds-block-break', {}],
-    ['eds-form', {
-            name: 'extended-form',
-            endpoint: 'http://127.0.0.1:5000/api/data',
-            fields: JSON.stringify([
-                { name: 'username', label: 'Username', type: 'text', required: true, maxlength: 10 },
-                { name: 'email', label: 'Email', type: 'email', required: true },
-                { name: 'number', label: 'Number', type: 'number', required: true },
-                { name: 'password', label: 'Password', type: 'password', required: true, maxlength: 50 },
-                { name: 'date', label: 'Date', type: 'date', required: true },
-                { name: 'file', label: 'File', type: 'file', required: false },
-                { name: 'hiddenField', type: 'hidden', value: 'hiddenValue' },
-                { name: 'bio', label: 'Biography', type: 'textarea', required: true, maxlength: 300 },
-                { name: 'role', label: 'Role', type: 'select', required: true, options: [
-                        { label: 'Admin', value: 'admin' },
-                        { label: 'Editor', value: 'editor' },
-                        { label: 'Viewer', value: 'viewer' },
-                    ] },
-                { name: 'preferences', type: 'checkbox', label: 'Select your preferences', options: [
-                        { value: 'option1', label: 'Option 1' },
-                        { value: 'option2', label: 'Option 2' },
-                        { value: 'option3', label: 'Option 3' },
-                    ], required: true },
-                { name: 'gender', type: 'radio', label: 'Select your gender', options: [
-                        { value: 'female', label: 'Female' },
-                        { value: 'male', label: 'Male' },
-                    ], required: true },
-                { name: 'newsletter', label: 'newsletter', type: 'checkbox', value: 'subscribe', required: true },
-                { name: 'range', label: 'Range bar', type: 'range', min: '0', max: '10', step: '1', required: true },
-            ]),
-            'success-message': 'Form submitted successfully!',
-            'error-message': 'Please fix the errors in the form.',
-            'submit-btn': 'true',
-            'small-alert': 'false',
-            'set-form-url': 'true',
-        }],
-    ['eds-block-break', {}],
-    ['eds-img', {
-            src: 'https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg',
-            alt: 'EBRAINS Bernstein Conference',
-            width: '400',
-            height: '225',
-            srcset: 'https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 720w, https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 1080w, https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 1440w',
-            sizes: '(max-width: 600px) 100vw, (max-width: 1200px) 50vw, 33vw',
-            formats: JSON.stringify([
-                { type: 'image/webp', srcset: 'https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.webp 720w, https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.webp 1080w' },
-                { type: 'image/jpeg', srcset: 'https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 720w, https://files.ebrains.eu/img/f999348c-beaa-40f8-ba60-230316d4a947/EBRAINS-BernsteinConference01.jpg 1080w' },
-            ]),
-            lazyload: 'true',
-            'with-bg': 'true',
-        }],
-    ['eds-block-break', {}],
-    ['eds-input-field', {
-            name: 'username',
-            'input-id': 'username',
-            label: 'Username',
-            placeholder: 'Enter your username',
-            required: 'true',
-            hint: 'Your unique username',
-            message: 'This field is required',
-            'error-message': 'Invalid username',
-            type: 'text',
-        }],
-    ['eds-block-break', {}],
-    ['eds-pagination', {
-            'current-page': '1',
-            'last-page': '10',
-            'per-page': '5',
-            total: '50',
-            mode: 'default',
-        }],
-    ['eds-block-break', {}],
-    ['eds-progress-bar', { value: '75' }],
-    ['eds-table', {
-            data: JSON.stringify([
-                { Property: 'username', Type: 'string', Required: 'Yes' },
-                { Property: 'password', Type: 'string', Required: 'Yes' },
-                { Property: 'email', Type: 'string', Required: 'No' },
-            ]),
-            config: JSON.stringify({
-                Type: { format: 'uppercase' },
-                Property: { format: 'code' },
-                Required: { hidden: true },
-            }),
-        }],
-    ['eds-block-break', {}],
-    ['eds-tag', { label: 'Default Tag', intent: 'default' }],
-];
-
 const GRADIANT_TOKENS = ['green', 'yellow', 'among-blue', 'purple'];
 const gradientBGColorVariants = cva([], {
     variants: {

package/dist/components/components.css

@@ -5664,6 +5664,24 @@ input[type="range"]::-webkit-slider-thumb {
       background-size: 16px 16px;
     }
   }
+.effect-bg-behind {
+  position: relative;
+}
+.effect-bg-behind::before {
+  position: absolute;
+  inset: 0rem;
+  z-index: -1;
+  --tw-content: '';
+  content: var(--tw-content);
+}
+.effect-bg-behind {
+
+    &:before {
+      background-size: calc(100% + 6px) calc(100% + 6px) !important;
+      background-position: -4px -4px !important;
+      background-repeat: no-repeat !important;
+    }
+  }
 .effect-bg-behind-link {
   position: relative;
 }
@@ -5733,6 +5751,9 @@ input[type="range"]::-webkit-slider-thumb {
 .bottom-0 {
   bottom: 0rem;
 }
+.bottom-20 {
+  bottom: 1.25rem;
+}
 .bottom-4 {
   bottom: 0.25rem;
 }
@@ -5745,6 +5766,9 @@ input[type="range"]::-webkit-slider-thumb {
 .left-1\/2 {
   left: 50%;
 }
+.left-20 {
+  left: 1.25rem;
+}
 .left-4 {
   left: 0.25rem;
 }
@@ -5754,6 +5778,9 @@ input[type="range"]::-webkit-slider-thumb {
 .right-0 {
   right: 0rem;
 }
+.right-20 {
+  right: 1.25rem;
+}
 .right-4 {
   right: 0.25rem;
 }
@@ -5772,6 +5799,9 @@ input[type="range"]::-webkit-slider-thumb {
 .top-16 {
   top: 1rem;
 }
+.top-20 {
+  top: 1.25rem;
+}
 .top-full {
   top: 100%;
 }
@@ -6463,6 +6493,9 @@ input[type="range"]::-webkit-slider-thumb {
 .p-16 {
   padding: 1rem;
 }
+.p-2 {
+  padding: 0.125rem;
+}
 .p-20 {
   padding: 1.25rem;
 }
@@ -6832,6 +6865,12 @@ input[type="range"]::-webkit-slider-thumb {
   transition-duration: 300ms;
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.before\:effect-opacity::before {
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 300ms;
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
 @media (min-width: 750px) {
   .md\:grid-col-span-4 {
     --container-grid-columns: 4;
@@ -7104,6 +7143,30 @@ input[type="range"]::-webkit-slider-thumb {
 .before\:bg-gradient-y::before {
     background: linear-gradient(to bottom, transparent, ease-in-out, black);
   }
+.before\:bg-gradient-01-top::before {
+    background: linear-gradient(to bottom, #00E766, ease-in-out, #E6E6E6);
+  }
+.before\:bg-gradient-01-bottom::before {
+    background: linear-gradient(to top, #00E766, ease-in-out, #E6E6E6);
+  }
+.before\:bg-gradient-02-top::before {
+    background: linear-gradient(to bottom, #F3F30A, ease-in-out, #E6E6E6);
+  }
+.before\:bg-gradient-02-bottom::before {
+    background: linear-gradient(to top, #F3F30A, ease-in-out, #E6E6E6);
+  }
+.before\:bg-gradient-03-top::before {
+    background: linear-gradient(to bottom, #C461FF, ease-in-out, #E6E6E6);
+  }
+.before\:bg-gradient-03-bottom::before {
+    background: linear-gradient(to top, #C461FF, ease-in-out, #E6E6E6);
+  }
+.before\:bg-gradient-04-top::before {
+    background: linear-gradient(to bottom, #2B69FC, ease-in-out, #E6E6E6);
+  }
+.before\:bg-gradient-04-bottom::before {
+    background: linear-gradient(to top, #2B69FC, ease-in-out, #E6E6E6);
+  }
 .hover\:before\:opacity-100:hover::before {
   opacity: 1;
 }

package/dist/components/components.esm.js

@@ -1 +1 @@
-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-84957b6d",[[4,"eds-header",{"homeUrl":[513,"home-url"],"links":[1],"inverseHeader":[4,"inverse-header"],"userFeature":[4,"user-feature"],"menuEnabled":[4,"menu-enabled"],"keycloakUrl":[1,"keycloak-url"],"keycloakRealm":[1,"keycloak-realm"],"keycloakClientId":[1,"keycloak-client-id"],"isMenuOpen":[32],"isUserMenuOpen":[32],"isAuthenticated":[32]},[[16,"authStatusChanged","onAuthStatusChanged"]]],[0,"eds-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32]},[[16,"toggleMenu","handleToggleMenu"]]],[0,"eds-toast-manager",{"toasts":[32]}],[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}],[0,"eds-user",{"keycloakUrl":[1,"keycloak-url"],"keycloakRealm":[1,"keycloak-realm"],"keycloakClientId":[1,"keycloak-client-id"],"user":[32],"authenticated":[32],"serverAvailable":[32],"username":[32]}],[0,"eds-footer",{"extraClass":[1,"extra-class"],"social":[4],"hasCookiesSetUp":[4,"has-cookies-set-up"],"enableScrollTop":[4,"enable-scroll-top"],"fundedBy":[1,"funded-by"],"rightsReserved":[1,"rights-reserved"],"cookiesPreference":[1,"cookies-preference"]}],[0,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}],[0,"eds-user-modal",{"user":[1],"links":[1],"onLogout":[16],"parsedUser":[32],"parsedLinks":[32]},null,{"user":["parseUserProp"],"links":["parseLinksProp"]}],[1,"eds-dropdown",{"icon":[1],"label":[1],"rounded":[4],"ariaLabel":[1,"aria-label"],"asNav":[4,"as-nav"],"dropdownPos":[1,"dropdown-pos"],"dropdownOffset":[4,"dropdown-offset"],"intent":[1],"isOpen":[32],"focusIndex":[32]},[[8,"click","handleWindowClick"],[8,"keydown","handleKeyDown"]]],[1,"eds-social-networks",{"title":[1]}],[1,"eds-block-break",{"extraClass":[1,"extra-class"]}],[1,"eds-logo",{"href":[1],"orientation":[1],"type":[1]}],[1,"eds-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"picture":[1],"initials":[1],"color":[1],"rounded":[4],"initialsStrong":[4,"initials-strong"]}],[1,"eds-img",{"src":[1],"alt":[1],"width":[2],"height":[2],"srcset":[1],"sizes":[1],"formats":[16],"lazyload":[4],"withBg":[4,"with-bg"],"loaded":[32],"showBg":[32]}],[1,"eds-button",{"label":[1],"ariaLabel":[1,"aria-label"],"elementType":[1,"element-type"],"intent":[1],"loading":[4],"disabled":[4],"pill":[4],"icon":[1],"size":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"extraClass":[1,"extra-class"],"triggerClick":[16]},[[0,"parentContext","handleParentContext"]]],[1,"eds-link",{"label":[1],"intent":[1],"icon":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"size":[1],"external":[4],"current":[4],"download":[4],"url":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"hideLabelOnSmallScreen":[4,"hide-label-on-small-screen"],"extraClass":[1,"extra-class"]},[[0,"parentContext","handleBreadcrumbContext"]]],[0,"eds-icon-wrapper",{"icon":[1],"class":[1],"IconComponent":[32]},null,{"icon":["iconChanged"]}]]],["p-5afb626c",[[0,"eds-trl",{"applications":[1]}]]],["p-7215789a",[[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"]]]]],["p-762c8c83",[[1,"eds-svg-repository"]]],["p-87830085",[[0,"eds-docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-5d7af761",[[1,"eds-card-section",{"cards":[1],"cols":[2]}]]],["p-ac0112d5",[[0,"eds-components-section",{"tabIndex":[2,"tab-index"]}]]],["p-3617841d",[[0,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["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-0910d733",[[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-ae5dbd41",[[0,"eds-logo-variations",{"tabIndex":[2,"tab-index"]}]]],["p-d9788b54",[[1,"eds-matomo-notice",{"title":[1],"description":[1],"showNotice":[32]}]]],["p-acb16e1c",[[0,"incorrect-use-of-colors"]]],["p-5a43503a",[[0,"correct-use-of-colors"]]],["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-005de86f",[[1,"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-2851ff44",[[0,"token-ratios"]]],["p-22e6d7d5",[[0,"token-typography"]]],["p-02e2a62f",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-52ac3456",[[0,"eds-tabs",{"id":[1],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}]]],["p-2e8459ef",[[4,"eds-tabs-content",{"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}]]],["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-435a14c1",[[1,"logo-space"]]],["p-d53b7a75",[[1,"logo-wrong-usage"]]],["p-7802e966",[[0,"token-spacing"]]],["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-57c964c5",[[1,"eds-progress-bar",{"value":[1026],"updateValue":[64]}]]],["p-d1f6a722",[[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"]]]]],["p-6378fb3e",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-e74834bc",[[0,"eds-tab",{"label":[1],"url":[1],"active":[4],"ariaLabel":[1,"aria-label"]}]]],["p-d571d530",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-fd27e56c",[[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"withBtn":[32]}]]],["p-d7a92efb",[[1,"eds-table",{"data":[1],"endpoint":[1],"config":[1],"rowsPerPage":[2,"rows-per-page"],"paginationEnabled":[4,"pagination-enabled"],"searchEnabled":[4,"search-enabled"],"hostWidth":[1,"host-width"],"columnSize":[1,"column-size"],"tableData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32]},null,{"data":["handleDataChange","parseData"],"config":["handleConfigChange"]}],[1,"eds-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"perPage":[2,"per-page"],"total":[2],"url":[1],"mode":[1],"prevLabel":[1,"prev-label"],"nextLabel":[1,"next-label"],"prevUrl":[1,"prev-url"],"nextUrl":[1,"next-url"],"links":[32]},null,{"currentPage":["onPageOrLastPageChange"],"lastPage":["onPageOrLastPageChange"]}]]],["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-29648b47",[[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-be6c80da",[[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-3ff76976",[[1,"eds-input-field",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"onChange":[16],"onInput":[16],"type":[1],"required":[4],"label":[1],"hint":[1],"icon":[1],"link":[16],"message":[1],"error":[4],"checked":[4],"errorMessage":[1,"error-message"],"value":[8],"maxLength":[2,"max-length"],"options":[1]}],[0,"eds-input",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"checked":[4],"type":[1],"required":[4],"value":[8],"icon":[1],"maxLength":[2,"max-length"],"options":[16],"extraClass":[1,"extra-class"],"innerVal":[32],"maxLengthReached":[32]},null,{"value":["onValueChanged"]}],[0,"eds-input-footer",{"name":[1],"errorMessage":[1,"error-message"],"message":[1],"error":[4],"link":[16]}],[0,"eds-input-search",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"value":[1],"disabled":[4],"required":[4],"getInputElement":[64]}],[0,"eds-input-select",{"inputId":[1,"input-id"],"name":[1],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"required":[4],"options":[16],"labelKey":[1,"label-key"],"valueKey":[1,"value-key"],"value":[8],"dynamicOptions":[32],"loading":[32],"dynamicValueKey":[32],"dynamicLabelKey":[32]},null,{"options":["loadOptions"]}],[0,"eds-input-label",{"label":[1],"name":[1],"required":[4],"disabled":[4]}],[0,"eds-input-range",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"min":[2],"max":[2],"step":[2],"sliderVal":[32],"getInputElement":[64]}]]]]'),e))));
+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-3babd772",[[0,"eds-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32]},[[16,"toggleMenu","handleToggleMenu"]]],[4,"eds-header",{"homeUrl":[513,"home-url"],"links":[1],"inverseHeader":[4,"inverse-header"],"menuEnabled":[4,"menu-enabled"],"isMenuOpen":[32],"isUserMenuOpen":[32],"isAuthenticated":[32]},[[16,"authStatusChanged","onAuthStatusChanged"]]],[0,"eds-steps",{"steps":[1],"type":[1],"activeStep":[32]}],[0,"eds-toast-manager",{"toasts":[32]}],[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}],[1,"eds-rating",{"stars":[2],"label":[1],"textMapping":[1,"text-mapping"],"selectedRating":[32]}],[1,"eds-switch",{"checked":[1540],"disabled":[4],"labelOn":[1,"label-on"],"labelOff":[1,"label-off"]}],[0,"eds-footer",{"extraClass":[1,"extra-class"],"social":[4],"hasCookiesSetUp":[4,"has-cookies-set-up"],"enableScrollTop":[4,"enable-scroll-top"],"fundedBy":[1,"funded-by"],"rightsReserved":[1,"rights-reserved"],"cookiesPreference":[1,"cookies-preference"]}],[0,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}],[1,"eds-social-networks",{"title":[1]}],[1,"eds-block-break",{"extraClass":[1,"extra-class"]}],[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"withBtn":[32]}],[1,"eds-logo",{"href":[1],"orientation":[1],"type":[1],"label":[1]}],[1,"eds-img",{"src":[1],"alt":[1],"width":[2],"height":[2],"srcset":[1],"sizes":[1],"formats":[16],"lazyload":[4],"withBg":[4,"with-bg"],"loaded":[32],"showBg":[32]}],[1,"eds-button",{"label":[1],"ariaLabel":[1,"aria-label"],"elementType":[1,"element-type"],"intent":[1],"loading":[4],"disabled":[4],"pill":[4],"icon":[1],"size":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"extraClass":[1,"extra-class"],"triggerClick":[16]}],[1,"eds-link",{"label":[1],"intent":[1],"icon":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"size":[1],"external":[4],"current":[4],"download":[4],"url":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"hideLabelOnSmallScreen":[4,"hide-label-on-small-screen"],"extraClass":[1,"extra-class"]},[[0,"parentContext","handleParentContext"]]],[0,"eds-icon-wrapper",{"icon":[1],"class":[1],"IconComponent":[32]},null,{"icon":["iconChanged"]}]]],["p-a2621d66",[[0,"eds-trl",{"applications":[1]}]]],["p-030f67c1",[[4,"eds-form",{"setFormUrl":[4,"set-form-url"],"submitBtn":[4,"submit-btn"],"submitBtnLabel":[1,"submit-btn-label"],"successMessage":[1,"success-message"],"errorMessage":[1,"error-message"],"submitBtnHintMessage":[1,"submit-btn-hint-message"],"endpoint":[1],"name":[1],"fields":[1],"coupleAuth":[4,"couple-auth"],"values":[32],"formSubmitted":[32],"hasError":[32],"errors":[32],"isSubmitting":[32],"alertMessage":[32],"isAuthenticated":[32],"authUser":[32],"parsedFields":[32]},[[16,"authStatusChanged","onAuthStatusChanged"]],{"fields":["parseFields"]}]]],["p-a846dbca",[[1,"eds-svg-repository"]]],["p-9b441a1f",[[0,"eds-docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-209fa119",[[0,"eds-user",{"keycloakUrl":[1,"keycloak-url"],"keycloakRealm":[1,"keycloak-realm"],"keycloakClientId":[1,"keycloak-client-id"],"user":[32],"authenticated":[32],"username":[32],"serverAvailable":[32]}]]],["p-0bafc5ae",[[1,"eds-card-section",{"cards":[1],"cols":[2]}]]],["p-b860b4aa",[[0,"eds-components-section",{"tabIndex":[2,"tab-index"]}]]],["p-fce25541",[[0,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-72b42d77",[[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-b3c1aef5",[[0,"eds-docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-c034c395",[[1,"eds-vertical-stepper",{"steps":[1],"activeStep":[32]}]]],["p-def72462",[[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-38d70586",[[0,"eds-logo-variations",{"tabIndex":[2,"tab-index"]}]]],["p-eeeb0d83",[[1,"eds-matomo-notice",{"title":[1],"description":[1],"showNotice":[32]}]]],["p-b67aafe7",[[0,"incorrect-use-of-colors"]]],["p-5980a142",[[0,"correct-use-of-colors"]]],["p-06299762",[[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-92e16cc9",[[1,"eds-login",{"keycloakUrl":[1,"keycloak-url"],"keycloakRealm":[1,"keycloak-realm"],"keycloakClientId":[1,"keycloak-client-id"],"authenticated":[32],"user":[32]}]]],["p-75795b05",[[1,"eds-modal",{"title":[1],"truncate":[4],"truncateLines":[1,"truncate-lines"],"position":[1],"isOpen":[32],"open":[64],"close":[64],"toggle":[64]},[[8,"keydown","handleKeyDown"]]]]],["p-65703520",[[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-a535838c",[[0,"token-ratios"]]],["p-f36f2aeb",[[0,"token-typography"]]],["p-b80457ed",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-89f600a3",[[4,"eds-card-wrapper",{"tiny":[4],"withBg":[4,"with-bg"],"withHover":[4,"with-hover"]}]]],["p-911d9b37",[[0,"eds-icon-arrow-diagonal",{"addClass":[1,"add-class"]}]]],["p-80a185ba",[[0,"eds-icon-arrow-right",{"class":[1]}]]],["p-1ed3fdb7",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-f1cd83da",[[0,"eds-icon-chevron-down",{"class":[1]}]]],["p-aec9b8e1",[[0,"eds-icon-chevron-left",{"class":[1]}]]],["p-e2c250c5",[[0,"eds-icon-chevron-right",{"class":[1]}]]],["p-6df9db15",[[0,"eds-icon-chevron-up",{"class":[1]}]]],["p-a927a455",[[0,"eds-icon-close",{"class":[1]}]]],["p-2831a9d5",[[0,"eds-icon-copy",{"class":[1]}]]],["p-2c00bd76",[[0,"eds-icon-eu",{"class":[1]}]]],["p-96fe2267",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-a63bd0c9",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-a5d00633",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-c5fa170d",[[0,"eds-icon-loader",{"class":[1]}]]],["p-86fbc239",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-de12396f",[[0,"eds-icon-menu",{"class":[1]}]]],["p-b60ed774",[[0,"eds-icon-more",{"class":[1]}]]],["p-9739def5",[[0,"eds-icon-search",{"class":[1]}]]],["p-a5b7d72d",[[0,"eds-icon-success",{"class":[1]}]]],["p-599c7b97",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-0ab85eee",[[0,"eds-icon-user",{"class":[1]}]]],["p-f7493f41",[[0,"eds-tab",{"label":[1],"url":[1],"active":[4],"ariaLabel":[1,"aria-label"]}]]],["p-59405ecf",[[0,"eds-tabs",{"id":[1],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}]]],["p-8b583210",[[4,"eds-tabs-content",{"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}]]],["p-f5dafbc8",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-0e0e1815",[[1,"eds-tooltip",{"content":[1],"position":[1],"isVisible":[32],"isPositioned":[32],"tooltipStyle":[32]},[[1,"mouseover","showTooltip"],[1,"mouseout","hideTooltip"],[8,"keydown","handleKeyPress"]]]]],["p-759b2640",[[1,"logo-space"]]],["p-8c4a0fc9",[[1,"logo-wrong-usage"]]],["p-b79999d5",[[0,"token-spacing"]]],["p-9826acae",[[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-81942665",[[1,"eds-progress-bar",{"value":[1026],"updateValue":[64]}]]],["p-505ddcda",[[1,"eds-card-desc",{"description":[1],"descClass":[1,"desc-class"],"truncate":[4],"truncateLines":[1,"truncate-lines"]}],[1,"eds-card-title",{"url":[1],"titleClass":[1,"title-class"],"headingLevel":[1,"heading-level"],"externalLink":[4,"external-link"],"cardTitle":[1,"card-title"],"hierarchy":[4]}],[1,"eds-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"picture":[1],"initials":[1],"color":[1],"rounded":[4],"initialsStrong":[4,"initials-strong"]}],[1,"eds-tag",{"label":[1],"ariaLabel":[1,"aria-label"],"intent":[1]}]]],["p-f08eac56",[[0,"eds-user-modal",{"user":[1],"links":[1],"onLogout":[16],"parsedUser":[32],"parsedLinks":[32]},null,{"user":["parseUserProp"],"links":["parseLinksProp"]}],[1,"eds-dropdown",{"icon":[1],"label":[1],"rounded":[4],"ariaLabel":[1,"aria-label"],"asNav":[4,"as-nav"],"dropdownPos":[1,"dropdown-pos"],"dropdownOffset":[4,"dropdown-offset"],"intent":[1],"isOpen":[32],"focusIndex":[32]},[[8,"click","handleWindowClick"],[8,"keydown","handleKeyDown"]]]]],["p-8d19a05b",[[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-de2fbcfc",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-b1de9a6c",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-d69ef196",[[1,"eds-table",{"data":[1],"endpoint":[1],"config":[1],"rowsPerPage":[2,"rows-per-page"],"paginationEnabled":[4,"pagination-enabled"],"searchEnabled":[4,"search-enabled"],"hostWidth":[1,"host-width"],"columnSize":[1,"column-size"],"tableData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32]},null,{"data":["handleDataChange","parseData"],"config":["handleConfigChange"]}],[1,"eds-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"perPage":[2,"per-page"],"total":[2],"url":[1],"mode":[1],"prevLabel":[1,"prev-label"],"nextLabel":[1,"next-label"],"prevUrl":[1,"prev-url"],"nextUrl":[1,"next-url"],"links":[32]},null,{"currentPage":["onPageOrLastPageChange"],"lastPage":["onPageOrLastPageChange"]}]]],["p-4a12a131",[[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-b1af5000",[[1,"eds-code-block",{"code":[1],"language":[1],"copied":[32]}]]],["p-0e7bdd2c",[[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-6af40c33",[[1,"eds-input-field",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"onChange":[16],"onInput":[16],"type":[1],"required":[4],"label":[1],"hint":[1],"icon":[1],"link":[16],"message":[1],"error":[4],"checked":[4],"errorMessage":[1,"error-message"],"value":[8],"maxLength":[2,"max-length"],"options":[1]}],[0,"eds-input",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"checked":[4],"type":[1],"required":[4],"value":[8],"icon":[1],"maxLength":[2,"max-length"],"options":[16],"extraClass":[1,"extra-class"],"innerVal":[32],"maxLengthReached":[32]},null,{"value":["onValueChanged"]}],[0,"eds-input-footer",{"name":[1],"errorMessage":[1,"error-message"],"message":[1],"error":[4],"link":[16]}],[0,"eds-input-search",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"value":[1],"disabled":[4],"required":[4],"getInputElement":[64]}],[0,"eds-input-select",{"inputId":[1,"input-id"],"name":[1],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"required":[4],"options":[16],"labelKey":[1,"label-key"],"valueKey":[1,"value-key"],"value":[8],"dynamicOptions":[32],"loading":[32],"dynamicValueKey":[32],"dynamicLabelKey":[32],"hasFetched":[32]},null,{"options":["loadOptions"]}],[0,"eds-input-label",{"label":[1],"name":[1],"required":[4],"disabled":[4]}],[0,"eds-input-range",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"min":[2],"max":[2],"step":[2],"sliderVal":[32],"getInputElement":[64]}]]]]'),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: '33f38f14e5b6e7271ae26608fb1a1ed0c7930c7c', class: "container" }, h("p", { key: '4857375e983add7d8e5e0a0d9896641774be018e', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '1c6bd69472074babf8f830fdba9be31e73afcd88', 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: 'ae3429fadbea001f01731d3c15f28865d668a50a', 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: 'd8c6b9ab88abbf6194a4fb26120244982b59c2c4', class: "flex" }, h("div", { key: 'fc7f854940caabb9e032999f51732b64555e96e7', class: "w-full" }, h("ul", { key: '99c6a2e47c683ac38f2a14feec80177c0cf1c174', 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: '91048e89cff083356c589c0f1bfecdd482e0c797', class: "w-full" }, h("ul", { key: '6ee69388227089a5224a6d249c8e1eea4efde128', 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: 'c0a8e42942f2655648aa2ec3ce74bbf8d043ba63', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '3f272298bcd7d0e6ad791edc408ef636349fbf7d', 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: '9a0b28f388483944aa4b053b9f8e807c1383431e', 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: '27ab1cdb936918fafe122c5a569c83322043bb79', class: "flex" }, h("div", { key: '037b9916ff3a3e8c2e9db64b650d44a57aedbcf9', class: "w-full" }, h("ul", { key: '60f4f6290b31a29852fb934c678edcaa61c8e930', 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: '36397292a31417703736b3be5b77e17241675dd9', class: "w-full" }, h("ul", { key: '20a9e6bb396c184c2718a18554eb1b4828817379', 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: '0b89819b9fce1dff39b06b70873d651b7a1c84ac', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '9b3e7d46ac8116ff5f47f895bb06e89cd49c4e03', 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: '94c3384e546bcae55d5634064a37436b4cdaab0f', 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: '7e3fe503559fa6865b824fd7f93dfdf8ed368f34', class: "flex" }, h("div", { key: '4ed98a3b92ba8b73e3cd67dec625b4b8dfb34ee1', class: "w-full" }, h("ul", { key: '0ccfd018568eb834ae05771976122736f5944205', 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: 'd2cef9f5bd8ce7fb103e22a8964cee88853c1162', class: "w-full" }, h("ul", { key: '24301ce590bd1530316f351202bd76fafaa7dda5', 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: '748852527301ab6465b593f5f271dc6dcef9d198', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'f035467c04170412a1b06f05b8675b6be57e8aa2', 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: '6e4eb577c6582a160b8282b54a6edfc58f20926b', 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: '9209fd1ab3092cd21dd81a3328171c8de4fb8bca', class: "flex" }, h("div", { key: 'dc71b931a70fbd31a4f72814b23a1d97933bc721', class: "w-full" }, h("ul", { key: 'd3f6f25439b6fbc8e8c08b39bf46de9ce52482fa', 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: '78d64d48a72836043c53e485269402bf566a5d98', class: "w-full" }, h("ul", { key: '6eb824d03f4d0e2d3966963c899473e242b31dc6', 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: '58274bc750821893f1ff6db6af0c92557e2037dc', class: "container" }, h("p", { key: 'f16ae70777dc595edb9f8ef20df33721816a472a', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'c98c49daddf43987002dd69ab1c00dffbae5e69a', 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: 'e466f6f7e05f68896114551f59673c707d5fd30f', 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: '32dfc27beebbbab3949c7695293800a2ff552ceb', class: "flex" }, h("div", { key: 'e01d74cf63c84f66d868e180589b45cbc59ebff7', class: "w-full" }, h("ul", { key: '162e9c5ed57689a94c5c59e2664bba2adfcd60fc', 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: 'bb71abb645789030487eccdd0abaf9b223c12ec8', class: "w-full" }, h("ul", { key: 'f85702460f89881d6b8642decad848affdc7002f', 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: '7b5b8b9c0013a91c97f24c239bde32a727695707', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '81dc2c31eb283a2f64a1fd32329b35b1d04afc12', 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: 'd90877918d973595a7b8bdacd6bb80f1f04cab5b', 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: '81cf06bb6932b2120b210e7d1ee9d556cedc949b', class: "flex" }, h("div", { key: '2cc1571fe83620fcfa8f961af93b7b0e8e970eb2', class: "w-full" }, h("ul", { key: 'b6b1f7f874dbd8784a0253187438c2eb6282a815', 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: '49a874de125699d800aee6256bb5b3bf9a0bf907', class: "w-full" }, h("ul", { key: '10d41b5ab948c87c8db43fbddefbe3453c5384a9', 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: 'bc7c40435b87cd31b5bbb2315b3f50fa88b5bafb', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'd5a9f4c30d9108bd8c8207ee0130a15b9c7ff53f', 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: '35c2440f2c606cd4e8e69b33850ca908f6f36a4a', 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: 'cf9dde65d107b20c67e0036e891ad37c1d685477', class: "flex" }, h("div", { key: '807350f20ee902df273ce35c217bcaa134502d13', class: "w-full" }, h("ul", { key: '8198d1e59cb9477978a0b78714e7884a75ce52c0', 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: 'ed4f89cd3d5544a199d0a516e23ee877c16dad6a', class: "w-full" }, h("ul", { key: '47f8617629f34252b2d533f5932dd14b9117f601', 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: '7b99385726cda59f07b66ff99e050588d5778421', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'f3719f08484d40ceb9ece89474f473cf9e44ee53', 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: 'f1ee0fbf78a5da5f6a7a0836f63cc3312f68a547', 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: '833dcd6ad96a0c36a127c5384d0858b879bf0b05', class: "flex" }, h("div", { key: 'cf1297f1dfed3e70c184cdb3f4e116292ce1e57f', class: "w-full" }, h("ul", { key: '9d8d9e0f78348cee56f6c91b3289a90f25c088e4', 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: '836dfd427a087ee512970bf52ee0612a24cfaa72', class: "w-full" }, h("ul", { key: '08e2b7603c2c093b2bd8931d1993aca89801ad1d', 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

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { s as sendAnalytics } from './analytics.js';
 import { d as defineCustomElement$2 } from './eds-button2.js';
 import { d as defineCustomElement$1 } from './eds-icon-wrapper2.js';
 
@@ -16,9 +17,17 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
          * Toggles the `isExpanded` state and emits the `accordionChange` event.
          */
         this.handleClick = () => {
+            var _a;
             this.isExpanded = !this.isExpanded;
             this.accordionChange.emit(this.isExpanded);
             this.setPanelHeight();
+            sendAnalytics({
+                category: 'ui-component',
+                parentContext: null,
+                tag: this.el.tagName.toLowerCase(),
+                name: ((_a = this.title) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+                action: this.isExpanded ? 'expanded' : 'collapsed'
+            });
         };
         /**
          * Calculates and sets the panel height based on the content height
@@ -49,26 +58,8 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
      */
     componentDidLoad() {
         this.setPanelHeight();
-        // Emit context for each eds-link element after the component is fully loaded
-        const btn = this.el.shadowRoot.querySelector('eds-button');
-        this.emitContext(btn);
         window.addEventListener('resize', this.setPanelHeight);
     }
-    /**
-     * Emits a custom event called `parentContext` for a given link element.
-     * This event provides context information about the breadcrumb component.
-     *
-     * @param linkElement - The link element to which the event will be dispatched.
-     */
-    emitContext(linkElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.el.tagName.toLowerCase(),
-                identifier: null
-            }
-        });
-        linkElement.dispatchEvent(event);
-    }
     /**
      * Lifecycle method that cleans up the resize event listener when the component is removed.
      */
@@ -81,10 +72,10 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
      */
     render() {
         const minHeightContentClass = this.minHeightContent ? 'min-h-56' : '';
-        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 
+        return (h("div", { key: '00bd9a34ceb469bef74c827bd1f48bf3d4b545b6', 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: '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' })))))));
+          ${minHeightContentClass}` }, h("h3", { key: 'ab6a953797e0a8379a01a9a2f00a4988d4fc8357', class: "mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1" }, this.title), h("div", { key: 'cfd6f4ad2ec5e412cdf2348d188dfcf90770012d', class: "ml-auto" }, h("eds-button", { key: 'beaee69d610727b397645fc0a507b234003fde5e', 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: '795f14c0930a0b0862a86451cc7b7e807cb79c37', class: `w-full` }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: '28f6cba233cdee58743faaacc992bf7497c2ff2e', 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: '939e442c55babfd3f1750d20d9b95f664c3a67c8', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-20`, "aria-hidden": !this.isExpanded }, h("span", { key: '648d16ed84cb3da227a10e6370004c6479789aed', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: '90ca94f15e408b4b05c0eac4bd20fa21766cbb19' })))))));
     }
     get el() { return this; }
     static get style() { return EdsAccordionStyle0; }

package/dist/components/eds-alert2.js

@@ -66,11 +66,12 @@ const EdsAlert = /*@__PURE__*/ proxyCustomElement(class EdsAlert extends HTMLEle
         this.withBtn = Boolean(this.pressableLabel);
     }
     componentDidLoad() {
-        // Query all 'eds-link' elements, including those inside shadow DOM
-        const links = this.el.shadowRoot.querySelectorAll('eds-link');
-        links.forEach((link) => {
-            this.emitContext(link);
-        });
+        var _a;
+        // Query for the 'eds-link' element inside the shadow root.
+        const lnk = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('eds-link');
+        if (lnk) {
+            this.emitContext(lnk);
+        }
     }
     emitContext(linkElement) {
         const event = new CustomEvent('parentContext', {
@@ -82,12 +83,12 @@ const EdsAlert = /*@__PURE__*/ proxyCustomElement(class EdsAlert extends HTMLEle
         linkElement.dispatchEvent(event);
     }
     render() {
-        return (h("div", { key: '99518cd34cbfc04691f2f827b53105ef88c03af8', class: alertStyles({
+        return (h("div", { key: '519742081f681d6d67bc1b42c89fe1b6d005fe0f', class: alertStyles({
                 intent: this.intent,
                 direction: this.direction,
                 withBtn: this.withBtn
-            }), role: "alert" }, h("p", { key: '7eca97c849473bb4c8472d11243dc5eb9dded61f', class: "f-ui-01 py-8" }, this.message), this.withBtn &&
-            (this.pressableUrl ? (h("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary" })) : null)));
+            }), role: "alert" }, h("p", { key: '6a5d11fdc2a975512b12c307286b0a8b06998bec', class: "f-ui-01 py-8" }, this.message), this.withBtn &&
+            (this.pressableUrl ? (h("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary", external: true })) : null)));
     }
     get el() { return this; }
     static get style() { return EdsAlertStyle0; }

package/dist/components/eds-avatar2.js

@@ -10,8 +10,8 @@ const EdsAvatar = /*@__PURE__*/ proxyCustomElement(class EdsAvatar extends HTMLE
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.firstName = undefined;
-        this.lastName = undefined;
+        this.firstName = 'User';
+        this.lastName = 'Avatar';
         this.picture = undefined;
         this.initials = undefined;
         this.color = undefined;
@@ -64,7 +64,7 @@ const EdsAvatar = /*@__PURE__*/ proxyCustomElement(class EdsAvatar extends HTMLE
      * @returns {JSX.Element} The rendered avatar component.
      */
     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))));
+        return (h("div", { key: '47ee5ffd12c0f90c536dea77b3ffa9120d67f37f', class: this.containerClasses }, this.picture ? (h("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: true, withBg: true })) : (h("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials))));
     }
     static get style() { return EdsAvatarStyle0; }
 }, [1, "eds-avatar", {

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

@@ -11,7 +11,7 @@ const EdsBlockBreak = /*@__PURE__*/ proxyCustomElement(class EdsBlockBreak exten
         this.extraClass = '';
     }
     render() {
-        return h("hr", { key: '85b5253d4abb77072424452d2ff6a0d631e67652', class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
+        return h("hr", { key: '8cb39dda5d7f909b459390fe7e3f86dfd147ba98', class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
     }
     static get style() { return EdsBlockBreakStyle0; }
 }, [1, "eds-block-break", {