@ebrains/components 2.4.0 → 2.4.1

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

@@ -13,7 +13,7 @@ const LogoWrongUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '37850687dda1175073866d4898102d185ced3e2d', class: "container" }, index.h("ul", { key: '2734a992d3ee5249c024dbb982fc452334645dff', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '26514741d093eb98a9898df179a5308864116b2a', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, index.h("div", { key: '8162f53c61380494f776122dd5e7183dbaa5a941', class: "mx-auto no-other-bg-color logo", innerHTML: logoColor.hLogoColor }), index.h("p", { key: 'c8a6b7af377d7bd214f3fa85d0032af5d9c64b58', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), index.h("li", { key: 'c17db6db70ecaf33bf39942d18d11041d233c6e0', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, index.h("div", { key: 'c0e542cfa0cec0729dd56f4b7dd5e3e514a4c375', class: "mx-auto no-other-color logo non-brand-color", innerHTML: logoColor.hLogoColor }), index.h("p", { key: '10ee19b46078ea7fcaad394adff676f7a90d39e1', class: "f-ui-02 text-center" }, "Do not apply other colors")), index.h("li", { key: '7e02bb8a4d1ba255a7a2323bbf7056788822301d', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, index.h("div", { key: '7901b9c28eaed72f2816cc4fa16461a64b2b876c', class: "mx-auto distorted logo", innerHTML: logoColor.hLogoColor }), index.h("p", { key: '011b641e58c216d125bf0fe0495be11c65710a13', class: "f-ui-02 text-center" }, "Do not deform the logo")), index.h("li", { key: '4dd09cd947f29519c2c7b3f78dd98bd40a80b54f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, index.h("div", { key: 'c19319983842106734c63c103fb04b5e5fc32e39', class: "mx-auto effects logo", innerHTML: logoColor.hLogoColor }), index.h("p", { key: '2de8694d6e8b790086a5d9e2ce8c2454ad02e1fb', class: "f-ui-02 text-center" }, "Do not apply effects")), index.h("li", { key: '9e70df0ce29692c5f70ac4849fa0765fbf979ad8', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, index.h("div", { key: 'd0f778976c8dc89ec22174b56600aa69f15a45a2', class: "mx-auto rotated logo", innerHTML: logoColor.hLogoColor }), index.h("p", { key: 'e8d9c2bafc5eebfd2f289fee9cfb916abe77b04a', class: "f-ui-02 text-center" }, "Do not rotate the logo")), index.h("li", { key: 'd590b661312fd6b56199ee0790a10acda0b8aadb', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, index.h("div", { key: 'cfeb7d7a4af9fc595c0d4e083ad670a170ca2885', class: "mx-auto outlined logo", innerHTML: logoColor.hLogoColor }), index.h("p", { key: '15f6ff0ba150d42f18a19973d167510ae4c95c6b', class: "f-ui-02 text-center" }, "Do not apply outlines")), index.h("li", { key: '56c45146f541a7fb8814810a31e8b0393c976281', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, index.h("div", { key: '1ded3e72b457a639184f4f3f0801eb62af87f536', class: "mx-auto" }, index.h("div", { key: '67661f2f1273b925779001cb94b345771a74d726', class: "bg-accent p-16" }, index.h("div", { key: '33d473c812643bf3fbc87170c80638566de1b0b5', class: "text-inverse", innerHTML: logoColor.hLogoColor })), index.h("p", { key: '7a5edbc5ae089dd87eef05baa755caf8e4a5bde3', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
+        return (index.h("div", { key: '6bbcb3339a0704b6bc75d38d8c699dbdf333ed4f', class: "container" }, index.h("ul", { key: 'a87538139dce51e0b67274cd7eb4a514cddf1892', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: 'c1b2d506f4bc4212ced9f42ca2cf5940e8c50002', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, index.h("div", { key: '3af5af8f6b1388fd61550838cf3aa6dcfbc6f78d', class: "mx-auto no-other-bg-color logo", innerHTML: logoColor.hLogoColor }), index.h("p", { key: 'c6576b28269f62dfbc9ad4c012f7253265e40ed7', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), index.h("li", { key: '2f0cf0b80c42585d5f49667e758be1bd666686a8', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, index.h("div", { key: '1483d36ce2107a2c4e2a3b4bb581559ef651dae0', class: "mx-auto no-other-color logo non-brand-color", innerHTML: logoColor.hLogoColor }), index.h("p", { key: 'f4f654f2ffcbc628620fdf93593effe220f5ab80', class: "f-ui-02 text-center" }, "Do not apply other colors")), index.h("li", { key: '5411619f96e5db5f9e41c998bb2624346d9fc874', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, index.h("div", { key: '1bf1eae3cac99a849ed20d77c340faa3ed333189', class: "mx-auto distorted logo", innerHTML: logoColor.hLogoColor }), index.h("p", { key: '73156bd4f715e56510f83ac12442516a5955c85c', class: "f-ui-02 text-center" }, "Do not deform the logo")), index.h("li", { key: '784997d0d0b9f438d04b0e6e5c373ea16a7350b7', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, index.h("div", { key: '6c630fadddafc30eeed0512298a01b7f609cc9c0', class: "mx-auto effects logo", innerHTML: logoColor.hLogoColor }), index.h("p", { key: 'd94d025029f55a163c14ee601f93bfce69a90b98', class: "f-ui-02 text-center" }, "Do not apply effects")), index.h("li", { key: '54de1bb2f15c4817365f81b00c054f5ce5c3f73f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, index.h("div", { key: 'd10080524287c741489bcb0b0e110a1d5fe85e6a', class: "mx-auto rotated logo", innerHTML: logoColor.hLogoColor }), index.h("p", { key: '09f9f4e58ef7b5c0d5f3226f5e7f985a85876c9f', class: "f-ui-02 text-center" }, "Do not rotate the logo")), index.h("li", { key: '9cf00dcba969bfc4b979f4e48a6fc54eef0a0f70', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, index.h("div", { key: 'ea6ac8711d0bd15c90b57e0b49d429df29db1f46', class: "mx-auto outlined logo", innerHTML: logoColor.hLogoColor }), index.h("p", { key: '034f83d9ed7e7d28824060a725676180ea4c5558', class: "f-ui-02 text-center" }, "Do not apply outlines")), index.h("li", { key: '530423af692930c0b7dfad9ce66584d1bfb6f61a', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, index.h("div", { key: 'cf068a0bf96cbaa1ec78badc46d7045257ecbae3', class: "mx-auto" }, index.h("div", { key: 'fb927d7148d7dbc3fd8d0a7cb585c29ccc4082dc', class: "bg-accent p-16" }, index.h("div", { key: '2b272b08d0fa2d5972d6c26387279813d83c6990', class: "text-inverse", innerHTML: logoColor.hLogoColor })), index.h("p", { key: '1c104c8279497a6c4cce15f973de9341d4768653', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
     }
 };
 LogoWrongUsage.style = LogoWrongUsageStyle0;

package/dist/cjs/svg-repository.cjs.entry.js

@@ -324,7 +324,7 @@ const SvgRepository = class {
             icon: { format: 'svg' },
             name: { format: 'bold' }
         };
-        return (index.h("div", { key: '996c9a1b05d34ec171b8c58098fb3fd8e28aa81f', class: "full-width" }, index.h("eds-table", { key: 'bc8d69bba7a6e6580ee808935fe7845194f6d38b', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
+        return (index.h("div", { key: '741972b0adefcb91106a9229df6d1eb258b9a20e', class: "full-width" }, index.h("eds-table", { key: '2c06211f9e1ad7d3a10ddf95908db83783c37e53', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
     }
     get hostEl() { return index.getElement(this); }
 };

package/dist/cjs/token-list_3.cjs.entry.js

@@ -244,7 +244,7 @@ const TokenList = class {
     render() {
         // Check if `show` prop is provided; if not, display all sections
         const sectionsToDisplay = this.show ? { [this.show]: colors[this.show] } : colors;
-        return (index.h("section", { key: '2fcc5dd08b84b47b561c6f32f49c65b90560069f', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
+        return (index.h("section", { key: '940429578fd363c79e2dd79f0f2ac758ca87e905', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
         // Only render sections that exist in `colors`
         sectionContent ? this.renderSection(sectionName, sectionContent) : null)));
     }
@@ -264,7 +264,7 @@ const TokenRadii = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("section", { key: '2afbed04fa53695bfc13275ab6d6f77d314e4d14', class: "w-full mt-28" }, index.h("ul", { key: '87490ba0d46027993d10cdf5f5deef419cc147c1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, index.h("eds-code-block", { language: "Utility Class", code: `rounded-${key}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), index.h("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
+        return (index.h("section", { key: '4e8ae60a6a8c9ed3f49c4d69a6b68b2f9e6e5c5a', class: "w-full mt-28" }, index.h("ul", { key: '5a4b2c649170390872aec0c21694067d735f4069', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, index.h("eds-code-block", { language: "Utility Class", code: `rounded-${key}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), index.h("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
     }
 };
 
@@ -291,7 +291,7 @@ const TokenShadows = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("section", { key: '56dcf320ff3ee79c493757a3cfe27c1f7bca33d9', class: "w-full mt-28" }, index.h("ul", { key: '8113c23d2eaab9abd28acb618c9599d5be1262a6', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, index.h("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: value } }, index.h("eds-code-block", { code: `${category}-${key}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), index.h("eds-code-block", { code: `${value}`, language: "css", class: "ml-auto min-w-[200px]" })))))))));
+        return (index.h("section", { key: 'b5a033c491057c60a7b0d2ac1a1ef46a234eb718', class: "w-full mt-28" }, index.h("ul", { key: '3f39094a92599645183ee2eb60b3726bd69b6166', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, index.h("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: value } }, index.h("eds-code-block", { code: `${category}-${key}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), index.h("eds-code-block", { code: `${value}`, language: "css", class: "ml-auto min-w-[200px]" })))))))));
     }
 };
 

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

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

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

@@ -9,7 +9,7 @@ const TokenSpacing = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '45442561f72445e84c257ebc9d30f2147303427a', class: "w-full" }, index.h("ul", { key: 'cca0cba4260ddebb2b0f1e39a9cc96d067d3fa73', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '8c38c0e0802683d9ba2cb38dff013aa02650bbe0', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '406aac1f24a9a812b7405b5e323e3cb73574fb79', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'ec7f90ce92020a91b57e28545ede5d782d4a7dcc', class: "spacing-sample m-16 bg-strong" }, index.h("span", { key: 'e84d0c8ccc0c6be14ca41bceece9cc63a8137dfb', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), index.h("li", { key: 'dce507afa0eac9ddd430d8b2034b943e844a9b32', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'cc986ee89d249ac351c6ed81650668a8ba8ab139', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '1778c2032e322a0cde34987e5ecaaeec38933892', class: "spacing-sample ml-64 bg-strong" }, index.h("span", { key: '8ee98a9847db2baf69adf1e5919ecefa86a1dea8', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), index.h("li", { key: '589485906ebebf8fdc348e995e6aae0dcd4124fd', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'b94fe2cd4f93f7e52fc82423d728f5ffd3cb7dd1', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '5c6ed8a3c4573eb4f7644e18a4e6c10cab958e2a', class: "spacing-sample mt-32 bg-strong" }, index.h("span", { key: 'bec15bc9092c36295bf012f82fd34e8eee5954cf', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), index.h("li", { key: 'e9568891252c4597431f117f0f8c9136d30c3658', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '1fac252cd3bfd2cb1f9aa3b419e04f570f57f4e8', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'd59e7e5f180ab164837c5b94cf3f61a7084a6385', class: "spacing-sample p-32 bg-strong" }, index.h("span", { key: '73dc397292ae7ff9c532b4c6c9f2a42c35945493', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), index.h("li", { key: 'af9c0e9fb5fd5c314d34f2cf6b2bdc9a63133c0d', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '498a46c66ec671f41681f458615d69a741784761', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '6e511b973ff53d748e99728fb1b186796437bbca', class: "spacing-sample pt-32 bg-strong" }, index.h("span", { key: 'cae79c38937cae94930fa8750fb308ab4329de45', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), index.h("li", { key: '67e0ec47dfcbaf8c51969973137c4ba87ee6337d', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'aa8003ce3db28c8697d57728c02797324dffbf1f', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'aeaa333a1e0fbfaf5d2fcc49c4e8180e94b91b03', class: "spacing-sample pl-32 bg-strong" }, index.h("span", { key: '708a18ad1ebeb0a24fcea4d06aa42c024bb2258a', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
+        return (index.h("div", { key: '6b3242864d2a095f7a39a2e13be792d864a2f349', class: "w-full" }, index.h("ul", { key: 'afb2db7e82d1efc4c5f2118d3ce912836214b65c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '01f8b99e5d3bc38d9946f645c79c93bd7c2118b1', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'd6986922cca32cdfeb39d3b31f7c3a1a7c1bb9e4', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'f8cfae4596dbd048053d5e433b55d6b4ecaa5351', class: "spacing-sample m-16 bg-strong" }, index.h("span", { key: '4b19dd66840ea52b31b94d7222bde7cde6346225', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), index.h("li", { key: '8a8a0b2815f07dd8e9c3235b16ae1e8bdac1c3e3', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '096cc724cec2033f1f8f87bb5b6fac60dce82bd5', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'cf1917d881f307141e011aadc6d353883bf96720', class: "spacing-sample ml-64 bg-strong" }, index.h("span", { key: '46c1054edcbad036d37d31ea86f85c13ea141dc3', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), index.h("li", { key: '562965b0245275992204e227b7cdb0d15df3e7fe', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '1e3f7de64f7916a507b2dad14b9f6f711990dc0f', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'e7d391fca34899535c0c480dca50a169832cad89', class: "spacing-sample mt-32 bg-strong" }, index.h("span", { key: 'c8ecacf9b3ffe5cc0d5178953ed81612bfe7bfb9', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), index.h("li", { key: '578d79c02cfd18f3fd325c854c83a175358de29c', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: 'ea1b373a23cb9f504bb2f668592b05d7906463ff', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '4f5c6994dd127b2d8f6242d34182e768bff37a93', class: "spacing-sample p-32 bg-strong" }, index.h("span", { key: '6833463ec21e77da1bed3b1c2d2e4df3892d655c', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), index.h("li", { key: 'c625bba2faa660cd7de320d5de8833ad67124e65', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '1c28128ae1046cbe561f526725f2e1f4098841a8', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: '2d82995a9278f32ad257b5f43e299dc59fccfb8b', class: "spacing-sample pt-32 bg-strong" }, index.h("span", { key: '7afad7410f0f0c867d32b7e81a384fe294bdba07', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), index.h("li", { key: '96a65c8b325e8c271e95d3e98c447ed6c438ee09', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { key: '4907c7fdc86c09e0760ba4ab9e0b06606804ca46', class: "container p-8 item-center border-2 border-soft" }, index.h("div", { key: 'cebf638f44789c31845edfafe6d6e82e6fe8d188', class: "spacing-sample pl-32 bg-strong" }, index.h("span", { key: '3ca0c927fe573467215c84ffb8373bb90e4bf949', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
     }
 };
 

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

@@ -207,7 +207,7 @@ const TokenTypography = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("section", { key: '859a416f39219fa58601b57eab3d3ceeceb072fa', class: "w-full" }, index.h("ul", { key: '3c29d182685328e8bf1ae8b46909426c2b2164cf', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
+        return (index.h("section", { key: 'aedc3e99bcef2710c6919855fd30de9fa44d48f5', class: "w-full" }, index.h("ul", { key: '7391f39ff3599e976cd19805f35a5d4e74e06fa6', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
             .filter(([typeKey]) => typeKey !== 'displays') // Exclude "displays"
             .flatMap(([typeKey, typeValues]) => Object.entries(typeValues).map(([size, style]) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, index.h("div", { class: "w-full p-4 block lg:flex items-center border border-soft rounded" }, index.h("div", { class: "mr-auto hidden lg:block", style: {
                 fontFamily: typography.families.sans,

package/dist/collection/components/eds-footer/eds-footer.js

@@ -60,9 +60,9 @@ export class EdsFooter {
     render() {
         const year = new Date().getFullYear();
         const rights = this.rightsReserved || `${year} EBRAINS. All rights reserved.`;
-        return (h("footer", { key: 'bf9d98eea0bd151bf87818b770e85fe0cfa1044f' }, this.social ? (h("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, h("div", { class: "container pb-20" }, h("div", { class: "grid-layout" }, h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, h("eds-social-networks", { class: "mt-28" })))))) : null, h("div", { key: 'c0058cd32e2904e4e08ec46b99a0cbbabb5df588', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: '4f2993ccded30ca66da34eca632b62abf02e06d5', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: '81efd584b5de410522d338bb6ab4b53096a36868', class: "flex items-center gap-x-12" }, h("a", { key: '5a641163b3cb1549ee886e9029b65a012b31cd85', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en", "aria-label": "Learn about Horizon Europe funding" }, h("eds-img", { key: '6428f6d0b70f802a7eaa81fcce7641f754c0071a', width: 63, height: 50, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), h("div", { key: 'c3612f7c694abd66831a6c04f2d9f98bc9f8a2dd' }, h("div", { key: '7d16c929479ee8db9d981d6178f17fd832184e29', class: "f-ui-02 text-light" }, h("p", { key: '86c6e3eec115a886a37618963e973004f130950e' }, this.fundedBy), h("div", { key: '13e4e3925ea8f76865684cba29c91653bba0c45d', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: '21c77485fffbe352edb8501dab07fd6628de62ba', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", rights), this.enableCookiesSettings ? (h("eds-link", { label: this.cookiesPreferences, intent: "underline", size: "small", onClick: () => {
+        return (h("footer", { key: 'bf9d98eea0bd151bf87818b770e85fe0cfa1044f' }, this.social ? (h("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, h("div", { class: "container pb-20" }, h("div", { class: "grid-layout" }, h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, h("eds-social-networks", { class: "mt-28" })))))) : null, h("div", { key: 'c0058cd32e2904e4e08ec46b99a0cbbabb5df588', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: '4f2993ccded30ca66da34eca632b62abf02e06d5', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: '81efd584b5de410522d338bb6ab4b53096a36868', class: "flex items-center gap-x-12" }, h("a", { key: '5a641163b3cb1549ee886e9029b65a012b31cd85', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en", "aria-label": "Learn about Horizon Europe funding" }, h("svg", { key: 'ccec5c50780a74912f51a46e79c5064e099cf678', class: "h-auto w-full fill-current", width: "63", height: "50", viewBox: "0 0 640 480", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8aa7bbb7cd4e3386c11c194af1ee63a19fa9de34', d: "M0 0h640v480H0V0z", fill: "#039" }), h("path", { key: 'c5fcce97d10391a07c081558b970175d80da1106', d: "M325.032 93.15l17.513-.398-14.401 9.972 5.789 16.53L320 108.639l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.396L320 76.374l5.032 16.775zm0 284.444l17.513-.398-14.401 9.972 5.789 16.53L320 393.083l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.397L320 360.818l5.032 16.776zm-147.25-158.983l5.029 16.761 17.511-.397-14.4 9.969 5.79 16.533-13.933-10.616-13.932 10.616 5.788-16.531-14.401-9.971 17.511.397 5.028-16.761.004-.015.001.003.001-.003.003.015zm77.885-105.334l17.511-.397-14.401 9.971 5.79 16.531-13.932-10.614-13.933 10.615 5.788-16.531-14.4-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.032 16.775zm-52.729 52.729l17.511-.398h.002l-14.402 9.971 5.79 16.531-13.933-10.615-13.932 10.615 5.789-16.532-14.4-9.97 17.51.397 5.033-16.776 5.032 16.777zm-5.001 125.803l5.027 16.759 17.513-.397-14.401 9.971 5.79 16.531-.005-.005.003.006-13.932-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.396 5.029-16.759.004-.016v.003l.002-.003.003.016zm51.445 47.71l5.027 16.76 17.513-.397-14.401 9.97 5.791 16.532-.004-.004.002.004-13.933-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.397 5.029-16.76.004-.016v.003l.002-.003.003.016zm217.873-104.147l17.511-.397-14.401 9.969 5.79 16.533-13.934-10.616-13.931 10.616 5.789-16.533-14.399-9.969 17.509.397 5.034-16.776 5.032 16.776zm-63.958-95.997l-5.786-16.522 14.401-9.972-17.511.398-5.033-16.778-5.034 16.777-17.51-.398 14.4 9.972-5.789 16.53 13.932-10.614 13.934 10.614-.004-.007zm38.797 42.122l13.934 10.614-.004-.007-5.787-16.524 14.401-9.971-17.51.399-5.033-16.778-5.033 16.777-17.51-.398h-.001l14.399 9.972-5.787 16.529 13.931-10.613zm5.007 127.071l17.51-.397-14.4 9.971 5.79 16.531-13.933-10.614-13.932 10.615 5.788-16.531-14.401-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.033 16.775zm-51.446 47.711l17.511-.397-14.4 9.97 5.79 16.532-13.933-10.615-13.933 10.615 5.789-16.531-14.401-9.971h.002l17.51.397 5.033-16.776 5.032 16.776z", fill: "#FC0" })))), h("div", { key: '11168a0466d48398c6e9318317141966b5a2f996' }, h("div", { key: '3728a394fd33133169f17e26ba5135e4c7e28f0a', class: "f-ui-02 text-light" }, h("p", { key: '2329c76b69487d4c4f8fff0b0daa0ab8ce0ea15c' }, this.fundedBy), h("div", { key: 'c9423d9261da2d3f0ff3b5f00fc8e24522733f32', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: '3257b0c6f7952e4d70e35fa93ba8e4bae23369b7', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", rights), this.enableCookiesSettings ? (h("eds-link", { label: this.cookiesPreferences, intent: "underline", size: "small", onClick: () => {
                 this.toggleCookiesConsent();
-            } })) : null))), h("div", { key: '1c8417017493de5e446bfdeec248948d920c1a95', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("div", { id: "toTop", class: "transition-all transition duration-75 opacity-0" }, h("eds-button", { id: "backToTop", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, tabindex: "-1" }))) : null)))));
+            } })) : null))), h("div", { key: '9ef1a84e41dea0dda90a699a9ff8a844e3b6294d', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("div", { id: "toTop", class: "transition-all transition duration-75 opacity-0" }, h("eds-button", { id: "backToTop", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, tabindex: "-1" }))) : null)))));
     }
     static get is() { return "eds-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-form/eds-form.js

@@ -446,9 +446,9 @@ export class EdsForm {
         const styleClasses = this.formStyle === 'shadow'
             ? 'bg-inverse effect-shadow shadow-hover border-softer relative rounded-lg border-2 p-32'
             : '';
-        return (h("form", { key: 'a4b6cf51242567739fc3ff2da482c41edb4e4e57', class: styleClasses, ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: '5f7e1d618f8a10a1cd6aa8d512c04064a484cd93', class: "flex flex-col gap-y-24" }, this.title && (h("span", { key: '283d752d3e9f4ede0f50493ba9e5010376ebfb1f', role: "heading", class: "f-heading-04" }, this.title)), this.description && h("span", { key: 'bd5866482b87bdc86a59594b884a9b81c676afdb', class: "f-body-02 text-light" }, this.description), h("slot", { key: 'b2de746ccf8743fdef545a70ab111dfff0d7912f' })), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), this.parsedGroups
+        return (h("form", { key: '8a722f99ea8ad7b063805b3377180d73b16d96e1', class: styleClasses, ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: '6a091913152adad7df2f8581a62d2146d9ea2f1d', class: "flex flex-col gap-y-24" }, this.title && (h("span", { key: '11dc49375a4eef1dfd4994a6ba2b2876262f9f55', role: "heading", class: "f-heading-04" }, this.title)), this.description && h("span", { key: 'dfa8bfa745828e8a57a4909dcbfd9f48497205c0', class: "f-body-02 text-light" }, this.description), h("slot", { key: 'db2c00b99038a6feddbe057de16b1002bbf14f03' })), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), this.parsedGroups
             .filter((g) => Array.isArray(buckets[g.id]) && buckets[g.id].length > 0)
-            .map((g) => (h("div", { class: "mt-32", key: g.id }, h("span", { class: "f-body-02" }, h("b", null, g.title)), h("div", { class: "border-group mt-32 mb-32 flex flex-col gap-y-24" }, buckets[g.id].map((f) => this.renderField(f)))))), h("div", { key: '917c5bd2e6048a91487f0a66bd0426e529295f9e', class: "flex flex-col mt-32 gap-y-24" }, buckets['__ungrouped'].map((f) => this.renderField(f))), this.formBtn && (h("div", { key: '96abbd19ea2869c21146f0b37da7ff6b89fbf66c', class: "mt-32" }, h("eds-button", { key: '066348df32cf27fc6e56c94b9d5c455bc51b4adf', intent: this.buttonIntent, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
+            .map((g) => (h("div", { class: "mt-32", key: g.id }, h("span", { class: "f-body-02" }, h("b", null, g.title)), h("div", { class: "border-group mt-32 mb-32 flex flex-col gap-y-24" }, buckets[g.id].map((f) => this.renderField(f)))))), h("div", { key: 'ed2cbf6dada2bf43c8846f5f2af8f3f0767a5b1c', class: "flex flex-col mt-32 gap-y-24" }, buckets['__ungrouped'].map((f) => this.renderField(f))), this.formBtn && (h("div", { key: '1cc4b51279214181f1894a573227cda0cbf385ee', class: "mt-32" }, h("eds-button", { key: '2a004027664d1433cf625c48f3447960de9c5c84', intent: this.buttonIntent, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
     }
     static get is() { return "eds-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-frame/eds-frame.js

@@ -84,7 +84,7 @@ export class EdsFrame {
         }
     }
     render() {
-        return (h("div", { key: '5bcdb5bdd66a7530a82662ff9b6ef06d3a1eb1d3', class: this.articleClasses() }, h("div", { key: '4c9e224f1a6421398cfef1fd89d113513727b6dd', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: '7704b4f1d1a3e8a728f0ad751891ecbfd118411a', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (h("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), h("div", { key: 'd4372713fc8984d14808171857d6efd40790dec2', class: "border-softer" }, this.iframeError ? (h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
+        return (h("div", { key: 'dce969c76fcfbb77f315ab0203ef77136f8a449b', class: this.articleClasses() }, h("div", { key: '80ab4a9035e3008708a4f4bfe53d9679a9e687d1', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: 'f065ee637af801e5fbc8039211384002dd594d84', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (h("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), h("div", { key: 'eae4f61cec9aab217116dbed39c54b39fc5b2040', class: "border-softer" }, this.iframeError ? (h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
     }
     static get is() { return "eds-frame"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-header/eds-header.js

@@ -52,7 +52,7 @@ export class EdsHeader {
         const classes = variantClasses[this.headerVariant] || variantClasses.default;
         // Logo color variant: default and inverse use 'color', strong uses 'color-white'
         const logoType = this.headerVariant === 'strong' ? 'color-white' : 'color';
-        return (h("header", { key: 'cf272ed6242b2effa3027081d72b58025c49d055', role: "banner", class: `flex items-center justify-between relative z-10 ${classes}` }, h("div", { key: '16f81e55c3aa28beabfead914488ce1fd70b408d', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: '0961fb91dff26c457833b67ef963d60a9902a916', type: logoType, href: this.homeUrl })), this.parsedLinks && (h("nav", { key: 'a034d1bfc21da2245b3c91a2f91f092476d67f97', role: "navigation", "aria-label": "Primary", class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, h("ul", { key: '06ebd9012b829a30f7cdc27f417116a21d2bfc2f', class: "flex gap-x-16" }, this.parsedLinks.map((link) => (h("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "strong", size: "large", icon: link.icon, external: link.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))))), h("slot", { key: '68c34af928ee215329d354ca1a5ef7850d1112cf', name: "actions" }), this.menuEnabled && (h("div", { key: 'cb4cd94fbf5ebbd770631066f2f69f8ac50a3f5f', class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { key: '8f2aa4d59705e9410a0fa8b10c9f348fcfe73db3', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
+        return (h("header", { key: 'ebfd125d1e27d224e5702f0c7a4b8f46e279f3b7', role: "banner", class: `flex items-center justify-between relative z-10 ${classes}` }, h("div", { key: '64be678f68c5d5590e0a976f46a1939320d5d9c2', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: 'a94192d8df3fb22d629d29d58d681e2a2eb0506d', type: logoType, href: this.homeUrl })), this.parsedLinks && (h("nav", { key: 'd7f1055e683b90d91c977ae9fef52a00f90b63a0', role: "navigation", "aria-label": "Primary", class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, h("ul", { key: 'a15b4d203bacbe7f58490b8d34dd57dc31d4f573', class: "flex gap-x-16" }, this.parsedLinks.map((link) => (h("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "strong", size: "large", icon: link.icon, external: link.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))))), h("slot", { key: '2d83f5093b34bdc40f574f8d5676e046029c6e5d', name: "actions" }), this.menuEnabled && (h("div", { key: 'd2ad33f5ea9e55a5efb1f4dd598be5d61f1d9ab6', class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { key: 'da824afdcaa6ce68d837096bff6bdfadec4af17c', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
     }
     static get is() { return "eds-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-icons/chevron/eds-icon-chevron-down/eds-icon-chevron-down.js

@@ -8,7 +8,7 @@ export class EdsIconChevronDown {
         this.class = '';
     }
     render() {
-        return h("span", { key: '7efcb724d1d4c35985dc5f858c23c43aaaad1319', class: this.class, innerHTML: chevronDown });
+        return h("span", { key: 'ae0a935c50ae34d6fd9a2f65eff2625617d0fe78', class: this.class, innerHTML: chevronDown });
     }
     static get is() { return "eds-icon-chevron-down"; }
     static get properties() {

package/dist/collection/components/eds-icons/chevron/eds-icon-chevron-left/eds-icon-chevron-left.js

@@ -8,7 +8,7 @@ export class EdsIconChevronLeft {
         this.class = '';
     }
     render() {
-        return h("span", { key: '6ee35c634c737769fa20bcfb631aa4e32ee6e9da', class: this.class, innerHTML: chevronLeft });
+        return h("span", { key: '4fc3150f6c0e74f03ad2bd45b239b3fe20b799d7', class: this.class, innerHTML: chevronLeft });
     }
     static get is() { return "eds-icon-chevron-left"; }
     static get properties() {

package/dist/collection/components/eds-icons/chevron/eds-icon-chevron-right/eds-icon-chevron-right.js

@@ -8,7 +8,7 @@ export class EdsIconChevronRight {
         this.class = '';
     }
     render() {
-        return h("span", { key: '60ca9c3f312d711df76743901b5373ee573b99d7', class: this.class, innerHTML: chevronRight });
+        return h("span", { key: '04ffe47e146e18b9c4cabe8694e0f99e789b4e51', class: this.class, innerHTML: chevronRight });
     }
     static get is() { return "eds-icon-chevron-right"; }
     static get properties() {

package/dist/collection/components/eds-icons/chevron/eds-icon-chevron-up/eds-icon-chevron-up.js

@@ -8,7 +8,7 @@ export class EdsIconChevronUp {
         this.class = '';
     }
     render() {
-        return h("span", { key: '61506941edc3f2da20a848d8f435241027ee131a', class: this.class, innerHTML: chevronUp });
+        return h("span", { key: 'f226a311428de578497d0bfb67d371a6974c220e', class: this.class, innerHTML: chevronUp });
     }
     static get is() { return "eds-icon-chevron-up"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-arrow-diagonal/eds-icon-arrow-diagonal.js

@@ -8,7 +8,7 @@ export class EdsIconArrowDiagonal {
         this.class = '';
     }
     render() {
-        return h("span", { key: '29883d8b41d72d84f22e6babbfdac666ba57f5ca', class: this.class, innerHTML: arrowDiagonal });
+        return h("span", { key: '6acdb63c6b56cebeba425280366ab945cb425490', class: this.class, innerHTML: arrowDiagonal });
     }
     static get is() { return "eds-icon-arrow-diagonal"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-arrow-right/eds-icon-arrow-right.js

@@ -8,7 +8,7 @@ export class EdsIconArrowRight {
         this.class = '';
     }
     render() {
-        return h("span", { key: '652d9843e8855eeb7bd9c364fe8600116eb54897', class: this.class, innerHTML: arrowRight });
+        return h("span", { key: 'a276fcdfda8a935cdd871d0a16a078b1948621c6', class: this.class, innerHTML: arrowRight });
     }
     static get is() { return "eds-icon-arrow-right"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-bin/eds-icon-bin.js

@@ -8,7 +8,7 @@ export class EdsIconBin {
         this.class = '';
     }
     render() {
-        return h("span", { key: '7ba82b3f303e9d0dc30afef19154637af1d20811', class: this.class, innerHTML: bin });
+        return h("span", { key: '9aa3fb586bd4cd702b237a7104ed4c8232097999', class: this.class, innerHTML: bin });
     }
     static get is() { return "eds-icon-bin"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-bookmark/eds-icon-bookmark.js

@@ -8,7 +8,7 @@ export class EdsIconBookmark {
         this.class = '';
     }
     render() {
-        return h("span", { key: '66bd28a12ce759d916099635f81aff9b8a66c774', class: this.class, innerHTML: bookmark });
+        return h("span", { key: '7ff03ad0ebef09a7e5beb63da0a75b6a8776ca8a', class: this.class, innerHTML: bookmark });
     }
     static get is() { return "eds-icon-bookmark"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-clone/eds-icon-clone.js

@@ -8,7 +8,7 @@ export class EdsIconClone {
         this.class = '';
     }
     render() {
-        return h("span", { key: '25b5552f8f0952bde3058c85d2ef61bb69102c24', class: this.class, innerHTML: clone });
+        return h("span", { key: 'ab89369ec66f8bde06e65217ef324200dd0a7579', class: this.class, innerHTML: clone });
     }
     static get is() { return "eds-icon-clone"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-close/eds-icon-close.js

@@ -8,7 +8,7 @@ export class EdsIconClose {
         this.class = '';
     }
     render() {
-        return h("span", { key: '50792b8ec547fba6fd0416e80cdaf706079f42b2', class: this.class, innerHTML: close });
+        return h("span", { key: '046e7605384d1c2cb30132abdde5932024e85960', class: this.class, innerHTML: close });
     }
     static get is() { return "eds-icon-close"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-copy/eds-icon-copy.js

@@ -8,7 +8,7 @@ export class EdsIconCopy {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'f0f8d3264c9ea781865ffd2bc2e5ebd4b44435a3', class: this.class, innerHTML: copy });
+        return h("span", { key: '932738088482900ec6d4b9187ace4fb428e2c0a4', class: this.class, innerHTML: copy });
     }
     static get is() { return "eds-icon-copy"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-download/eds-icon-download.js

@@ -8,7 +8,7 @@ export class EdsIconDownload {
         this.class = '';
     }
     render() {
-        return h("span", { key: '17b9c232930d8efec279f777ced4a7e95cc559bd', class: this.class, innerHTML: download });
+        return h("span", { key: 'dd478172d512fa80b8cab24e0c487c4c4710af50', class: this.class, innerHTML: download });
     }
     static get is() { return "eds-icon-download"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-draft/eds-icon-draft.js

@@ -8,7 +8,7 @@ export class EdsIconDraft {
         this.class = '';
     }
     render() {
-        return h("span", { key: '9a0acb29472fee4627c23cd528a601d80fb065d9', class: this.class, innerHTML: draft });
+        return h("span", { key: 'f0331f4e0d7f4f5871d33dd355c8a88c286821d5', class: this.class, innerHTML: draft });
     }
     static get is() { return "eds-icon-draft"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-edit/eds-icon-edit.js

@@ -8,7 +8,7 @@ export class EdsIconEdit {
         this.class = '';
     }
     render() {
-        return h("span", { key: '603d3cb68e01aadbcb05d232773490b93593a4e7', class: this.class, innerHTML: edit });
+        return h("span", { key: 'cb85e8d511a4dc5b8628df7663bc2b4854e8ee37', class: this.class, innerHTML: edit });
     }
     static get is() { return "eds-icon-edit"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-eu/eds-icon-eu.js

@@ -8,7 +8,7 @@ export class EdsIconEu {
         this.class = '';
     }
     render() {
-        return h("span", { key: '400a5811c1d31a1c8d490e9614d89fe861cb4dd6', class: this.class, innerHTML: euSvg });
+        return h("span", { key: '18981f68145f644aed9c96c62c19e0357ebbb1ad', class: this.class, innerHTML: euSvg });
     }
     static get is() { return "eds-icon-eu"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-external/eds-icon-external.js

@@ -8,7 +8,7 @@ export class EdsIconExternal {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'dc82ae5d96587a46362008670e4096d8f3ed8941', class: this.class, innerHTML: arrowDiagonal });
+        return h("span", { key: 'ccffc1fc9a447e4309eb67782e36bfca5d4bdb4f', class: this.class, innerHTML: arrowDiagonal });
     }
     static get is() { return "eds-icon-external"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-gitlab/eds-icon-gitlab.js

@@ -8,7 +8,7 @@ export class EdsIconGitlab {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'ef1ed1fd0fc7bcc7b0904589699656943af3f77e', class: this.class, innerHTML: gitlabBlack });
+        return h("span", { key: 'e3c7d4a509e36afd5e18e5aea94d07347304702e', class: this.class, innerHTML: gitlabBlack });
     }
     static get is() { return "eds-icon-gitlab"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-loader/eds-icon-loader.js

@@ -8,7 +8,7 @@ export class EdsIconLoader {
         this.class = '';
     }
     render() {
-        return h("span", { key: '59a8089a2505c0e1e8087f7bd078533a1059cd3a', class: this.class, innerHTML: loader });
+        return h("span", { key: '3fcc15aef9c204836bbf4dbbfa52215913549b20', class: this.class, innerHTML: loader });
     }
     static get is() { return "eds-icon-loader"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-menu/eds-icon-menu.js

@@ -8,7 +8,7 @@ export class EdsIconMenu {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'd0edf1b3b59b2455e4f0af36bb637cf3fdea2202', class: this.class, innerHTML: menu });
+        return h("span", { key: 'd832774f24d7e335026e35b3b9198f000389a084', class: this.class, innerHTML: menu });
     }
     static get is() { return "eds-icon-menu"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-minus/eds-icon-minus.js

@@ -8,7 +8,7 @@ export class EdsIconMinus {
         this.class = '';
     }
     render() {
-        return h("span", { key: '15a4b124b598595958bfbaf7be0b9a9795cfb105', class: this.class, innerHTML: minus });
+        return h("span", { key: '4e9525934775adfffff9c709ee69c0a5ebf03565', class: this.class, innerHTML: minus });
     }
     static get is() { return "eds-icon-minus"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-more/eds-icon-more.js

@@ -8,7 +8,7 @@ export class EdsIconMore {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'd832774f24d7e335026e35b3b9198f000389a084', class: this.class, innerHTML: more });
+        return h("span", { key: 'e42d76e608591ec3ea4d1696affdaa6b1a764c31', class: this.class, innerHTML: more });
     }
     static get is() { return "eds-icon-more"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-paper/eds-icon-paper.js

@@ -8,7 +8,7 @@ export class EdsIconPaper {
         this.class = '';
     }
     render() {
-        return h("span", { key: '4e9525934775adfffff9c709ee69c0a5ebf03565', class: this.class, innerHTML: paper });
+        return h("span", { key: '3da4ed49bfac513943d7655f4c52f48084efcda7', class: this.class, innerHTML: paper });
     }
     static get is() { return "eds-icon-paper"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-plus/eds-icon-plus.js

@@ -8,7 +8,7 @@ export class EdsIconPlus {
         this.class = '';
     }
     render() {
-        return h("span", { key: '66caca52d82371c81a2c751a4becbbe4a4b24df2', class: this.class, innerHTML: plus });
+        return h("span", { key: 'a0e18b454752151c3e2ca4e32814df065364bb34', class: this.class, innerHTML: plus });
     }
     static get is() { return "eds-icon-plus"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-portal/eds-icon-portal.js

@@ -8,7 +8,7 @@ export class EdsIconPortal {
         this.class = '';
     }
     render() {
-        return h("span", { key: '8c4137eb4257ed474f2f6b9f4330504c0b3dd5b3', class: this.class, innerHTML: portal });
+        return h("span", { key: 'f9bc952f9bb354dab1f4883c1909be98116b2416', class: this.class, innerHTML: portal });
     }
     static get is() { return "eds-icon-portal"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-private/eds-icon-private.js

@@ -8,7 +8,7 @@ export class EdsIconPrivate {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'cd1790e118743455f95c1dcef5fef5b7eea8d4b7', class: this.class, innerHTML: privat });
+        return h("span", { key: '6a7653b8ef8137f6257a2e0c546200bc5afb1d2f', class: this.class, innerHTML: privat });
     }
     static get is() { return "eds-icon-private"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-public/eds-icon-public.js

@@ -8,7 +8,7 @@ export class EdsIconPublic {
         this.class = '';
     }
     render() {
-        return h("span", { key: '992b0db1543110d0561199c44407129fcd1c0c2f', class: this.class, innerHTML: pub });
+        return h("span", { key: 'fc4ebd716a4e8e8f753c65febfa701e2dbb233a8', class: this.class, innerHTML: pub });
     }
     static get is() { return "eds-icon-public"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-search/eds-icon-search.js

@@ -8,7 +8,7 @@ export class EdsIconSearch {
         this.class = '';
     }
     render() {
-        return h("span", { key: '14f24d633305efb74dba50aafd31f31b5f2d8e48', class: this.class, innerHTML: search });
+        return h("span", { key: '5be70ac50bac9b7b52a2d631dcb6b1449e7b3b0a', class: this.class, innerHTML: search });
     }
     static get is() { return "eds-icon-search"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-star/eds-icon-star.js

@@ -8,7 +8,7 @@ export class EdsIconStar {
         this.class = '';
     }
     render() {
-        return h("span", { key: '5546e3debfb9ecf0efe34c31b987dc6ca1f2ba6b', class: this.class, innerHTML: star });
+        return h("span", { key: 'fabdb04e16a6ba928a2cb2936f7433fa1aea18ce', class: this.class, innerHTML: star });
     }
     static get is() { return "eds-icon-star"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-start/eds-icon-start.js

@@ -8,7 +8,7 @@ export class EdsIconStart {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'd17186a319ab9a5755330b641aa4620cb811c7ae', class: this.class, innerHTML: start });
+        return h("span", { key: '32b34d3e55370226bca150790f0791067b63ff23', class: this.class, innerHTML: start });
     }
     static get is() { return "eds-icon-start"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-success/eds-icon-success.js

@@ -8,7 +8,7 @@ export class EdsIconSuccess {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'd70032613d160c820ec95934b17a43c654fe4d26', class: this.class, innerHTML: success });
+        return h("span", { key: '645920f5bbde45082ad1c093f3f6c546b73b707e', class: this.class, innerHTML: success });
     }
     static get is() { return "eds-icon-success"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-thumbs-down/eds-icon-thumbs-down.js

@@ -8,7 +8,7 @@ export class EdsIconThumbsDown {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'dbc457ba89db7b7b142be6736a8640ffff2d2cb3', class: this.class, innerHTML: thumbsDown });
+        return h("span", { key: '15822639188c8a54d48097e5efb4e6b885d439ef', class: this.class, innerHTML: thumbsDown });
     }
     static get is() { return "eds-icon-thumbs-down"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-thumbs-up/eds-icon-thumbs-up.js

@@ -8,7 +8,7 @@ export class EdsIconThumbsUp {
         this.class = '';
     }
     render() {
-        return h("span", { key: '867c4f63cd5ceeeabc94ae444fe978df39066618', class: this.class, innerHTML: thumbsUp });
+        return h("span", { key: 'a2fdeca95d1a8efb48324eb8c9c20d39e7ad31c5', class: this.class, innerHTML: thumbsUp });
     }
     static get is() { return "eds-icon-thumbs-up"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-tutorial/eds-icon-tutorial.js

@@ -8,7 +8,7 @@ export class EdsIconTutorial {
         this.class = '';
     }
     render() {
-        return h("span", { key: '06c66194f30295a5bd250edcba88aa4473c8ab1b', class: this.class, innerHTML: tutorial });
+        return h("span", { key: 'e1a54a7d3014760ad65851b961041f75eba7b581', class: this.class, innerHTML: tutorial });
     }
     static get is() { return "eds-icon-tutorial"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-unknown/eds-icon-unknown.js

@@ -8,7 +8,7 @@ export class EdsIconUnknown {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'f07457a22c642dfe24b1073649bfbef3964cff7e', class: this.class, innerHTML: unknown });
+        return h("span", { key: 'fa19613df173185cc312af7acef6bec4d187cab1', class: this.class, innerHTML: unknown });
     }
     static get is() { return "eds-icon-unknown"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-updown/eds-icon-updown.js

@@ -8,7 +8,7 @@ export class EdsIconUpdown {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'f08301d06b129ce9cbd91cceedb64d9db2be6e83', class: this.class, innerHTML: upDown });
+        return h("span", { key: '2339adac1ec08234dd1cf09e2bde6e4e55f35109', class: this.class, innerHTML: upDown });
     }
     static get is() { return "eds-icon-updown"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-user/eds-icon-user.js

@@ -8,7 +8,7 @@ export class EdsIconUser {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'e515aa4524e19bdb254712054ebd6283f22c57c8', class: this.class, innerHTML: user });
+        return h("span", { key: '6e4ca330f0095f1d0b96919a5d35e5ee09f22bdf', class: this.class, innerHTML: user });
     }
     static get is() { return "eds-icon-user"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-view/eds-icon-view.js

@@ -8,7 +8,7 @@ export class EdsIconView {
         this.class = '';
     }
     render() {
-        return h("span", { key: '18dbaa801845137982847a9cfc4a9ca1ff729b0d', class: this.class, innerHTML: view });
+        return h("span", { key: '3414ec5143236a2c8821f460a50684b0a6b565a9', class: this.class, innerHTML: view });
     }
     static get is() { return "eds-icon-view"; }
     static get properties() {

package/dist/collection/components/eds-icons/social/eds-icon-bluesky/eds-icon-bluesky.js

@@ -8,7 +8,7 @@ export class EdsIconBluesky {
         this.class = '';
     }
     render() {
-        return h("span", { key: '686dbb5f0c3c5f156940c83380c16c169f016219', class: this.class, innerHTML: bluesky });
+        return h("span", { key: '9adf87027690ce28aed73d736ce2d3be6a5245b5', class: this.class, innerHTML: bluesky });
     }
     static get is() { return "eds-icon-bluesky"; }
     static get properties() {